@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,500,500i,700&subset=cyrillic');

/*============== RESET ==============*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

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

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

sub {
    vertical-align: sub;
    font-size: 60%;
    line-height: 100%;
}

sup {
    vertical-align: super;
    font-size: 60%;
    line-height: 100%;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

a:active,
a:hover,
a:focus {
    outline: none;
    text-decoration: none;
}

button {
    cursor: pointer;
}

textarea {
    resize: none;
}

::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

::-moz-placeholder {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}


/* Firefox 19+ */

:-moz-placeholder {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}


/* Firefox 18- */

:-ms-input-placeholder {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

:focus::-webkit-input-placeholder {
    opacity: 0;
}

:focus::-moz-placeholder {
    opacity: 0;
}


/* Firefox 19+ */

:focus:-moz-placeholder {
    opacity: 0;
}


/* Firefox 18- */

:focus:-ms-input-placeholder {
    opacity: 0;
}


/*============== VARIABLE ==============*/


/*============== FONTS ==============*/


/* demo */

.sextion-abs {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.sextion-abs .simpl-in {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    text-align: center;
    z-index: 20;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sextion-abs .simpl-in .btn {
    display: block;
    margin: 0 auto 20px;
}

.sextion-abs .simpl-in .btn i {
    margin-right: 10px;
}

@media (max-width: 419px) {
    .sextion-abs .simpl-in .btn {
        display: inline-block;
        margin: 0 0px 20px;
    }
}


/*============== GENERAL ==============*/

body {
    font-family: 'Fira Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    color: #212426;
    height: 100vh;
    padding-right: 0 !important;
}

@media (max-width: 767px) {
    .md-shown body {
        position: fixed;
        overflow: hidden;
    }
}

.container {
    width: 100%;
    max-width: 1174px;
    margin: 0 auto;
    padding: 0 15px;
}

h1.section-title,
h2.section-title,
a.section-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 15px;
}

a.section-title {
    display: inline-block;
    color: #212426;
}

a.section-title:hover {
    color: #D53A25;
}

h3.section-sub-title,
h4.section-sub-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 18px;
}

h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 15px;
}

h4.sm-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.page-lk h1.section-title {
    margin-bottom: 35px;
}

a {
    color: #E44934;
    transition: .3s;
}

a:hover {
    color: #D53A25;
    opacity: 0.6;
}

p {
    margin-bottom: 20px;
}

.strong {
    font-weight: 700;
}

@media (max-width: 767px) {
    body {
        font-size: 16px;
    }
    h1.section-title,
    h2.section-title,
    a.section-title {
        font-size: 24px;
        line-height: normal;
    }
    h3.section-sub-title,
    h4.section-sub-title {
        font-size: 18px;
        line-height: normal;
    }
    h4.sm-title {
        font-size: 14px;
        line-height: normal;
    }
}

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

.row.flex-wrap:before,
.row.flex-wrap:after {
    content: none;
}

.row.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.flex-row:before,
.row.flex-row:after {
    content: none;
}

.row.flex-row>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.btn {
    display: block;
    width: 100%;
    max-width: 350px;
    height: 58px;
    margin-bottom: 20px;
    padding: 21px 15px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 16px;
    background-color: initial;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.btn.btn-no-margin {
    margin: 0px;
}

.btn.btn--full {
    max-width: 100% !important;
}

.btn.btn--lg {
    max-width: 380px !important;
}

.btn:focus,
.btn:active {
    outline: none;
}

.btn.btn-prime {
    color: #ffffff;
    background-color: #E44934;
}

.btn.btn-prime:hover {
    background-color: #D53A25;
}

.btn.btn-bruwn {
    color: #ffffff;
    background-color: #D8B08C;
}

.btn.btn-bruwn:hover {
    background-color: #C29A76;
}

.btn.btn-green {
    color: #ffffff;
    background-color: #00CF91;
}

.btn.btn-green:hover {
    color: #ffffff;
    background-color: #008376;
}

.btn.btn-green-dark {
    color: #fff;
    background: #009688;
}

.btn.btn-green-dark:hover {
    color: #ffffff;
    background-color: #008376;
}

.btn.btn-sub {
    color: #ffffff;
    background-color: #D8B08C;
}

.btn.btn-sub:hover {
    background-color: #986B4D;
}

.btn.btn-border {
    color: #E44934;
    padding: 20px 15px;
    border: 1px solid #E44934;
}

.btn.btn-border:hover {
    color: #ffffff;
    background-color: #D53A25;
    border: 1px solid #D53A25;
}

.btn.add-btn {
    margin: 0 auto 50px;
    height: auto;
    padding: 16px;
    font-size: 14px;
    max-width: 240px;
}

.btn.add-btn i {
    margin-left: 8px;
    vertical-align: middle;
}

.btn[disabled] {
    color: #ffffff;
    background-color: #BCBDBD;
    cursor: default;
    opacity: 1;
}

.btn[disabled]:hover {
    color: #ffffff;
    background-color: #BCBDBD;
}

.btn.btn-border[disabled],
.btn.btn-border[disabled]:hover {
    color: #ffffff;
    border-color: #BCBDBD;
}

.btn .btn-icon {
    width: 18px;
    height: auto;
    margin-right: 12px;
}

.btn.btn-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px;
}

@media (max-width: 419px) {
    .btn {
        max-width: 100%;
        height: 48px;
        padding: 16px 14px;
        font-size: 13px;
    }
    .btn.btn-border {
        padding: 15px 14px;
    }
}

.btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.btn-wrap .btn {
    width: 46%;
}

.btn-center {
    margin: 0 auto 30px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(75, 46, 20, 0.4);
    box-shadow: 0px 8px 16px 0px rgba(75, 46, 20, 0.4);
}

.btn-aling {
    margin: 0 auto 30px;
}

.btn.btn-border-leader {
    position: relative;
    color: #3c84b4;
    border: 1px solid transparent;
    border-image: linear-gradient(#3C84B4, #85BA5D);
    border-image-slice: 1;
}

.btn.btn-border-leader:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #85BA5D, #3C84B4);
    opacity: 0;
    transition: all .2s linear;
}

.btn.btn-border-leader:hover {
    color: #ffffff;
}

.btn.btn-border-leader:hover:after {
    opacity: 1;
}

.btn.btn-border-leader .text {
    position: relative;
    z-index: 20;
}

.btn.btn-leader {
    position: relative;
    color: #ffffff;
    background: linear-gradient(90deg, #3D84B3, #84BA5E);
    box-shadow: 0px 8px 20px 0px rgba(83, 60, 45, 0.4);
}

.btn.btn-leader:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-90deg, #3D84B3, #84BA5E);
    opacity: 0;
    transition: all .2s linear;
}

.btn.btn-leader:hover {
    box-shadow: 0px 3px 10px 0px rgba(83, 60, 45, 0.4);
}

.btn.btn-leader .text {
    position: relative;
    z-index: 20;
}

.btn-flex {
    display: flex;
    flex-wrap: wrap;
}

.btn-flex .btn {
    max-width: 320px;
    margin-right: 30px;
}

.btn-flex .btn:last-child {
    margin-right: 0;
}

@media (max-width: 767px) {
    .btn-flex {
        display: block;
    }
    .btn-flex .btn {
        max-width: 380px;
        margin: 0 auto 20px;
    }
    .btn-flex .btn:last-child {
        margin-right: auto;
    }
}

.img-wrap {
    margin-bottom: 20px;
}

.img-wrap img {
    width: 100%;
    vertical-align: text-bottom;
    border-radius: 4px;
}

a.img-fancy {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}

a.img-fancy img {
    max-width: 100%;
    max-height: 340px;
    vertical-align: middle;
}

a.img-fancy:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 5;
    -webkit-transition: all.2s linear;
    -o-transition: all.2s linear;
    transition: all.2s linear;
}

a.img-fancy .look-ic {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 36px;
    height: auto;
    transform: translate(-50%, -50%);
    z-index: 10;
    opacity: 0;
    transition: all.2s linear;
}

a.img-fancy:hover .look-ic {
    opacity: 1;
}

a.img-fancy:hover:after {
    background-color: rgba(0, 0, 0, 0.15);
}

.sub-link {
    color: #98694c;
}

.sub-link:hover {
    color: #6e4c37;
}

.hr-line-base {
    width: 100%;
    height: 1px;
    background-color: #dce1e9;
    margin-bottom: 30px;
}

.base-content .section-sub-title {
    margin-top: 40px;
}

.base-content .sm-title {
    margin-top: 30px;
}

.base-content p {
    font-size: 16px;
    margin-bottom: 10px;
}

.base-content ol {
    margin-bottom: 20px;
    font-size: 16px;
    padding-left: 20px;
}

.base-content ol li {
    list-style: decimal;
    margin-bottom: 5px;
}

.base-content ul {
    margin-bottom: 20px;
    font-size: 16px;
    padding-left: 20px;
}

.base-content ul li {
    list-style: disc;
    margin-bottom: 5px;
}

.base-content .collapsable-base .ca-control a {
    font-size: 16px;
}

@media (max-width: 767px) {
    .base-content .section-sub-title {
        margin-top: 30px;
    }
    .base-content .sm-title {
        margin-top: 25px;
    }
    .base-content p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .base-content ol {
        margin-bottom: 20px;
        font-size: 14px;
        padding-left: 20px;
    }
    .base-content ol li {
        list-style: decimal;
        margin-bottom: 5px;
    }
    .base-content ul {
        margin-bottom: 20px;
        font-size: 14px;
        padding-left: 20px;
    }
    .base-content ul li {
        list-style: disc;
        margin-bottom: 5px;
    }
    .base-content .collapsable-base {
        margin-bottom: 20px;
    }
    .base-content .collapsable-base .ca-control a {
        font-size: 14px;
    }
}

.mr-base {
    margin-bottom: 30px;
    outline: none;
}

.mr-b-70 {
    margin-bottom: 70px;
}

.fin-text {
    text-align: center;
    color: rgb(216, 176, 140);
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .fin-text {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .mr-b-70 {
        margin-bottom: 40px;
    }
}


/*============== Template ==============*/

.logo {
    float: left;
    position: relative;
    padding: 25px 0 25px 78px;
    color: #ffffff;
}

.header--dark .logo {
    color: #212426;
}

.logo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: auto;
}

.logo .prime {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.03em;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.logo .sub {
    font-size: 14px;
    letter-spacing: .03em;
    opacity: 0.75;
    margin-bottom: 0;
}

.logo:hover {
    color: #ffffff;
    opacity: .8;
}

.header--dark .logo:hover {
    color: #212426;
}

@media (max-width: 1199px) {
    .logo {
        padding: 16px 0 16px 70px;
    }
    .logo img {
        top: 0px;
        width: 58px;
    }
    .logo .prime {
        font-size: 14px;
        margin-bottom: 1px;
    }
    .logo .sub {
        font-size: 12px;
    }
}

.header {
    position: relative;
    display: table;
    width: 100%;
    padding: 32px 0 20px;
    z-index: 100;
}

.header.header--dark:before {
    content: "";
    position: absolute;
    left: 0;
    top: -66px;
    width: 100%;
    height: 196px;
    background-color: #D8B08C;
    -webkit-transform: rotateZ(-2.5deg);
    -ms-transform: rotate(-2.5deg);
    transform: rotateZ(-2.5deg);
    opacity: .15;
}

.header.header-fixed {
    position: fixed;
    width: 100%;
}

.header.header-absl {
    position: absolute;
    width: 100%;
}

.header.header-static {
    background-color: #98694c;
}

.header .header-content {
    position: relative;
}

.header .logo {
    position: absolute;
    left: 0;
    top: -8px;
}

.header .header-logIn {
    position: absolute;
    right: 0;
    top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 220px;
    padding: 18px 10px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    border: 1px solid #BFA391;
    border-radius: 5px;
}

.header.header--dark .header-logIn {
    color: #986b4d;
}

.header .header-logIn i {
    margin-right: 18px;
    font-size: 18px;
}

.header .header-logIn:hover {
    background-color: #E44934;
    border: 1px solid #E44934;
}

.header.header--dark .header-logIn:hover {
    color: #ffffff;
    background-color: #986b4d;
    border: 1px solid #986b4d;
}

.header .hamburger {
    display: none;
    position: absolute;
    right: 0;
    top: 18px;
    color: #ffffff;
    z-index: 9999;
}

.header .hamburger:hover {
    color: #ffffff;
}

.header.header--dark .hamburger,
.header.header--dark .hamburger:hover {
    color: #986B4D;
}

.nav-menu-shown .header .hamburger {
    border-color: transparent;
}

@media (max-width: 1199px) {
    .header {
        padding: 25px 0 20px;
    }
    .header .logo {
        top: 6px;
    }
}

@media (max-width: 991px) {
    .header {
        padding: 10px 0 10px;
    }
    .header.header--dark:before {
        height: 170px;
    }
    .header .header-logIn {
        top: 8px;
        width: auto;
        padding: 0;
        color: #ffffff;
        font-size: 14px;
        border: none;
    }
    .header .header-logIn i {
        display: block;
        background-color: rgba(255, 255, 255, 0.1);
        width: 50px;
        height: 50px;
        border-radius: 50%;
        text-align: center;
        line-height: 50px;
        margin-right: 0;
        font-size: 18px;
    }
    .header.header--dark .header-logIn i {
        background-color: rgba(152, 107, 77, 0.1);
    }
    .header .header-logIn .text {
        display: none;
    }
    .header .header-logIn:hover {
        background-color: initial;
        border: none;
    }
    .header.header--dark .header-logIn:hover {
        color: #986b4d;
        background-color: initial;
        border: none;
    }
}

@media (max-width: 991px) {
    .header {
        padding: 10px 0 10px;
    }
    .header.header--dark:before {
        height: 150px;
    }
    .header .logo {
        top: 6px;
        padding: 14px 0 14px 44px;
    }
    .header .logo img {
        left: 0;
        width: 40px;
    }
    .logo .prime {
        font-size: 11px;
        letter-spacing: normal;
    }
    .logo .sub {
        font-size: 10px;
        letter-spacing: normal;
    }
    .header .header-logIn {
        right: 36px;
    }
    .header .header-logIn i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .header .hamburger {
        display: block;
    }
}

.nav-social {
    display: flex;
    align-items: center;
}

.nav-social__item {
    margin-right: 15px;
    color: #d8b08c;
    font-size: 16px;
    transition: 0.3s;
}

.nav-social__item:last-child {
    margin-right: 0px;
}

.nav-social__item:hover {
    color: #fff;
}

@media (max-width: 1280px) {
    .nav-social {
        margin-left: auto;
        margin-right: 100px;
    }
    .nav-social__item {
        color: #fff;
    }
}

@media (max-width: 400px) {
    .nav-social {
        display: none;
    }
}

.header .nav-feed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 220px 0 310px;
    width: 100%;
}

.header .nav-wrap {
    width: 100%;
    padding: 20px 0 34px;
    text-align: right;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header .nav-wrap .nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.nav-wrap .nav-list .nav-ell {
    padding-right: 25px;
    opacity: 0;
}

.nav-feed.ready .nav-wrap .nav-list .nav-ell {
    opacity: 1;
}

.nav-wrap .nav-list .nav-ell .link-header {
    display: block;
    position: relative;
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
}

.nav-wrap .nav-list .nav-ell .link-header:hover {
    color: #d8b08c;
}

.header--dark .nav-wrap .nav-list .nav-ell .link-header {
    color: #986b4d;
}

.header--dark .nav-list .nav-ell .link-header:before {
    background-color: #986b4d;
}

.header--dark .nav-list .nav-ell .link-header:after {
    background-color: #986b4d;
}

.nav-wrap .nav-list .nav-ell .link-header:hover:after {
    width: 100px;
}

.nav-wrap .nav-list .nav-ell .dropdown-toggle {
    color: #ffffff;
    font-size: 25px;
    letter-spacing: 1.7px;
    line-height: 16px;
    opacity: 0.3;
}

.header--dark .nav-wrap .nav-list .nav-ell .dropdown-toggle {
    color: #986b4d;
}

.nav-wrap .nav-list .nav-ell .dropdown-toggle:hover,
.nav-wrap .nav-list .nav-ell .dropdown-toggle[aria-expanded="true"] {
    opacity: 1;
}

.nav-wrap .nav-list .dropdown-menu {
    left: auto;
    right: 11px;
    margin-top: 16px;
    border: 0px;
}

.nav-wrap .nav-list .dropdown-menu:before {
    content: "";
    position: absolute;
    right: 25px;
    top: -12px;
    border: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
}

.nav-wrap .nav-list .dropdown-menu {
    padding: 0 28px;
}

.nav-wrap .nav-list .dropdown-menu .nav-ell {
    display: block;
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px solid #EFECE9;
}

.nav-wrap .nav-list .dropdown-menu .nav-ell .link-header {
    color: #212426;
    padding: 0;
}

.nav-wrap .nav-list .dropdown-menu .nav-ell .link-header:before {
    content: none;
}

.nav-wrap .nav-list .dropdown-menu .nav-ell .link-header:after {
    content: none;
}

.nav-wrap .nav-list .dropdown-menu .nav-ell .link-header:hover {
    color: #986b4d;
    background-color: initial;
}

.nav-wrap .nav-list .dropdown-menu .nav-ell-sidebar {
    display: none;
}

@media (max-width: 991px) {
    .header .nav-feed {
        padding: 0 50px 0 290px;
    }
    .nav-wrap .nav-list .dropdown-menu .nav-ell-sidebar {
        display: block;
    }
}

@media (max-width: 991px) {
    .header .nav-feed {
        padding: 0;
    }
    .header .nav-wrap {
        padding: 20px 0 30px;
    }
    .nav-menu-shown .nav-wrap .nav-list.dropdown {
        position: static;
    }
    .nav-wrap .nav-list .dropdown-menu {
        display: block;
        position: fixed;
        left: 0;
        right: auto;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 40px 15px;
        margin-top: 0;
        border-radius: 0;
        background-color: #986B4D;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-box-shadow: none;
        box-shadow: none;
        overflow: auto;
    }
    .nav-wrap .nav-list .dropdown-menu:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border: none;
        opacity: 0.4;
        z-index: 0;
    }
    .nav-wrap .nav-list .dropdown-menu .nav-ell {
        position: relative;
        z-index: 5;
    }
    .nav-wrap .nav-list .dropdown-menu .nav-ell .link-header {
        color: #ffffff;
        padding: 0;
    }
    .nav-menu-shown .nav-wrap .nav-list .dropdown-menu {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
    .header--dark .nav-wrap .nav-list .dropdown-menu {
        background-color: #FDF1E3;
    }
    .header--dark .nav-wrap .nav-list .dropdown-menu .nav-ell {
        border-bottom: 1px solid #986b4d;
    }
    .header--dark .nav-wrap .nav-list .dropdown-menu .nav-ell .link-header {
        color: #986b4d;
    }
    .header--dark .nav-wrap .nav-list .dropdown-menu .nav-ell .link-header:hover {
        color: #E44934;
        background-color: initial;
    }
    .header--dark .nav-wrap .nav-list .dropdown-menu:before {
        opacity: 0.2;
    }
}

.nav-menu-shown body {
    position: fixed;
    height: 100vh;
    width: 100vw;
}

.site-about-title {
    padding-right: 14px;
    padding-left: 14px;
    margin-bottom: 35px;
}

.margin-left {
    margin-left: 14px;
}

.vacancies-list {
    padding-left: 1em;
    list-style: disc;
    font-size: 18px;
    line-height: 1.556;
    margin-bottom: 30px;
}

.vacancies {
    padding-top: 80px;
    padding-bottom: 70px;
}

.vacancies h2 {
    margin-bottom: 40px;
}

.section-vacancies .btn {
    margin-top: 30px;
}

.vacancies-card-wrap.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}

.vacancies-card-wrap.row:before,
.vacancies-card-wrap.row:after {
    content: none;
}

.vacancies-card {
    position: relative;
    display: block;
    padding: 33px 34px 126px;
    background-color: #ffffff;
    border-radius: 6px;
    overflow: hidden;
    height: 100%;
}

.vacancies-card .mr-base {
    margin-bottom: 20px;
}

.vacancies-card .vacancies-card__border {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background-color: #E44934;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.desktop .vacancies-card:hover .vacancies-card__border {
    height: 6px;
}

.vacancies-card .vacancies-card__header {
    position: relative;
    padding-left: 70px;
}

.vacancies-card .vacancies-card__header .vacancies-card__icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 54px;
    height: auto;
}

.vacancies-card .vacancies-card__header .vacancies-card__name {
    color: #212426;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 6px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.desktop .vacancies-card:hover .vacancies-card__header .vacancies-card__name {
    color: #e44934;
}

.vacancies-card .vacancies-card__header .vacancies-card__text {
    font-size: 18px;
    color: #757575;
    line-height: 1.3;
}

.vacancies-card .vacancies-card__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 26px 26px;
}

.vacancies-card .vacancies-card__place {
    font-size: 16px;
    color: #d8b08c;
    line-height: 20px;
    margin-bottom: 10px;
}

.vacancies-card .vacancies-card__place img {
    margin-left: 9px;
    margin-right: 5px;
    width: 18px;
    height: auto;
    vertical-align: text-bottom;
}

.vacancies-card .vacancies-card__date {
    font-size: 15px;
    color: #bfbfbf;
    line-height: 1.5;
    margin-bottom: 0;
}

.vacancies-card .vacancies-card__date .bold {
    color: #212426;
    font-weight: 700;
}

@media (max-width: 767px) {
    .vacancies {
        padding-bottom: 20px
    }
    .vacancies-card {
        padding: 50px 20px 20px;
        height: auto;
    }
    .vacancies-card .vacancies-card__header {
        padding-left: 50px;
    }
    .vacancies-card .vacancies-card__header .vacancies-card__icon {
        width: 36px;
    }
    .vacancies-card .vacancies-card__header .vacancies-card__name {
        font-size: 16px;
    }
    .vacancies-card .vacancies-card__header .vacancies-card__text {
        font-size: 16px;
    }
    .vacancies-card .vacancies-card__footer {
        display: block;
        position: static;
        width: 100%;
        padding: 0;
    }
    .vacancies-card .vacancies-card__place {
        font-size: 14px;
        line-height: 20px;
    }
    .vacancies-card .vacancies-card__place img {
        margin-left: 0;
        margin-right: 5px;
        width: 14px;
        height: auto;
        vertical-align: text-bottom;
    }
    .vacancies-card .vacancies-card__date {
        font-size: 15px;
        color: #bfbfbf;
        line-height: 1.5;
        margin-bottom: 0;
    }
    .vacancies-card .vacancies-card__date .bold {
        color: #212426;
        font-weight: 700;
    }
}

.divided-ol {
    padding-left: 1em;
}

.divided-ol--first {
    counter-reset: divided-ol;
}

.section-about h3 {
    font-size: inherit;
    line-height: inherit;
}

.divided-ol li {
    position: relative;
}

.divided-ol li::before {
    content: counter(divided-ol)".";
    position: absolute;
    left: -1em;
    counter-increment: divided-ol;
}

.competition-calendar {
    padding: 105px 0 62px;
}

h2.competition-calendar__title {
    margin-bottom: 53px;
}

.competition-calendar__list {
    counter-reset: item;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

h3.competition-calendar__list-item-title {
    height: calc(96px + 2.56em);
    line-height: 1.333;
    margin-bottom: 12px;
    font-weight: 500;
    position: relative;
}

.competition-calendar__list-item-date {
    color: #949596;
    font-weight: 500;
    letter-spacing: 0.7px;
    margin-bottom: 17px;
    text-transform: uppercase;
}

.competition-calendar__list li {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 1.9%;
    position: relative;
}

.competition-calendar__list li:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 34px;
    left: 34px;
    right: 0;
    height: 1px;
    background-color: #d8b08c;
}

.competition-calendar__list-item-title::before {
    content: counter(item, decimal-leading-zero);
    counter-increment: item;
    color: #fff;
    width: 1.9em;
    line-height: 1.9em;
    border-radius: 50%;
    font-size: 36px;
    background-color: #d8b08c;
    display: block;
    text-align: center;
    margin-bottom: 28px;
}

.competition-calendar__list .active .competition-calendar__list-item-title::before {
    background-color: #E44934;
}

.competition-calendar__list .active .competition-calendar__list-item-date {
    color: #E44934;
}

.competition-calendar__list .active .competition-calendar__list-item-date {
    text-transform: none;
}

.competition-calendar__list-item-desc {
    font-size: 16px;
    color: #212426;
    line-height: 1.5;
}

.can-participate {
    padding-top: 90px;
    padding-bottom: 120px;
}

@media (max-width: 767px) {
    .can-participate {
        padding-top: 60px;
        padding-bottom: 80px;
    }
}

h2.can-participate__title {
    margin-bottom: 52px;
}

.can-participate__item-desc {
    max-width: 340px;
    margin: 10px auto 0;
    padding: 0 15px;
}

.can-participate__list {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.can-participate__list>li {
    width: 20%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 30px;
}

@media (max-width: 1200px) {
    .can-participate__list>li {
        width: 50%;
    }
    .can-participate__item-desc br {
        display: none;
    }
}

@media (max-width: 500px) {
    .can-participate__list>li {
        width: 100%;
    }
    .can-participate__item-desc {
        padding: 0;
    }
}

body {
    overflow-x: hidden;
}

.can-participate__list i {
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 120px;
    background-color: #f7f6f5;
    border-radius: 50%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

[class^="icon--"],
[class^="icon--"]::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.icon--certificate::before {
    width: 50px;
    height: 63px;
    background-image: url("../img/icon/pasport.svg");
}

.icon--education::before {
    width: 65px;
    height: 55px;
    background-image: url("../img/icon/obrazovanie.svg");
}

.icon--suit::before {
    width: 62px;
    height: 61px;
    background-image: url("../img/icon/upravlenie.svg");
}

.icon--handcuff::before {
    width: 49px;
    height: 62px;
    background-image: url("../img/icon/narushenie.svg");
}

.icon--proff::before {
    width: 62px;
    height: 51px;
    background-image: url("../img/icon/rabota.svg");
}

.section-competence {
    padding: 170px 0 30px;
    background-color: #efece9;
}

@media (max-width: 991px) {
    .section-competence {
        padding: 60px 0 20px;
    }
}

@media (max-width: 767px) {
    .section-competence {
        padding: 50px 0 50px;
    }
}

.competence .competence-header {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px;
}

.competence .competence-header .section-title {
    margin-bottom: 12px;
}

.nav-tabs.competence-tabs {
    padding: 8px;
    background-color: #ffffff;
    border-radius: 6px;
}

.nav-tabs.competence-tabs li {
    border: none;
    padding: 0;
    margin: 0;
}

.nav-tabs.competence-tabs li a,
.nav-tabs.competence-tabs li a:hover,
.nav-tabs.competence-tabs li a:focus {
    margin: 0;
    padding: 10px 16px;
    border: none;
    font-size: 16px;
    font-weight: 700;
    color: #212426;
}

.nav-tabs.competence-tabs li.active a,
.nav-tabs.competence-tabs li.active a:hover {
    color: #ffffff;
    background-color: #E44934;
    border-radius: 6px;
}

@media (max-width: 767px) {
    .competence .competence-header {
        display: block;
        margin-bottom: 60px;
    }
    .competence .competence-header .section-title {
        margin-bottom: 20px;
    }
    .nav-tabs.competence-tabs {
        border: 1px solid #EFECE9;
    }
    .nav-tabs.competence-tabs li {
        border: none;
        padding: 0;
        margin: 0;
        width: 50%;
    }
    .nav-tabs.competence-tabs li a,
    .nav-tabs.competence-tabs li a:hover,
    .nav-tabs.competence-tabs li a:focus {
        display: block;
        margin: 0;
        padding: 10px 10px;
        text-align: center;
        font-size: 12px;
    }
}

.competence-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.row.competence-list:before {
    content: none;
}

.row.competence-list:after {
    content: none;
}

.row.competence-list .col-xs-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.competence-list__ell {
    width: 100%;
    max-width: 380px;
    padding: 28px 28px 20px;
    border: 1px solid #D8B08C;
    border-radius: 6px;
    margin: 0 auto;
}

.competence-list__ell .competence-list__head {
    margin-bottom: 25px;
}

.competence-list__ell .competence-list__title {
    font-size: 21px;
    color: rgb(60, 62, 64);
    font-weight: 700;
    text-align: center;
    line-height: 1.14;
    margin-bottom: 26px;
}

.competence-list__ell .competence-list__hr {
    width: 92px;
    height: 4px;
    margin: 0 auto;
    background-color: #D8B08C;
}

.competence-list__ell .competence-list__head img {
    display: block;
    width: auto;
    height: 60px;
    margin: 0 auto 22px;
}

.competence-list__ell .competence__ul li {
    position: relative;
    padding-left: 20px;
    color: rgb(39, 42, 44);
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 12px;
}

.competence-list__ell .competence__ul li i {
    position: absolute;
    left: 0;
    top: 50%;
    color: #CEA682;
    font-size: 12px;
    -webkit-transform: translateY(-50%) rotateZ(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotateZ(-90deg);
}

.competence-list__ell.competence-list__ell--full {
    max-width: 100%;
    position: relative;
    padding: 40px 28px 40px 236px;
}

.competence-list__ell.competence-list__ell--full .competence-list__head img {
    margin: 0 0 12px;
}

.competence-list__ell.competence-list__ell--full .competence-list__head {
    position: absolute;
    left: 28px;
    top: 30px;
    width: 155px;
}

.competence-list__ell.competence-list__ell--full .competence-list__title {
    text-align: left;
}

.competence-list__ell.competence-list__ell--full .competence-list__hr {
    display: none;
}

@media (max-width: 1199px) {
    .competence-list__ell.competence-list__ell--full {
        max-width: 100%;
        position: relative;
        padding: 40px 28px 40px 200px;
    }
}

@media (max-width: 767px) {
    .competence-list__ell.competence-list__ell--full {
        width: 100%;
        max-width: 380px;
        padding: 28px 28px 20px;
        border: 1px solid #D8B08C;
        border-radius: 6px;
        margin: 0 auto;
    }
    .competence-list__ell.competence-list__ell--full .competence-list__head img {
        display: block;
        width: auto;
        height: 60px;
        margin: 0 auto 22px;
    }
    .competence-list__ell.competence-list__ell--full .competence-list__head {
        position: static;
        width: 100%;
    }
    .competence-list__ell.competence-list__ell--full .competence-list__title {
        text-align: center;
    }
    .competence-list__ell.competence-list__ell--full .competence-list__hr {
        display: block;
    }
}

.competence {
    width: 100%;
    overflow: hidden;
}

.stage-competition .stage-competition__title {
    font-size: 21px;
    color: rgb(33, 36, 38);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 30px;
}

.stage-competition .stage-competition__block {
    width: 100%;
}

.stage-competition .stage-competition__block .stage-competition__row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-top: 30px;
    margin-bottom: 20px;
}

.stage-competition .stage-competition__block .stage-competition__row.stage-competition__row-fix-6 {
    padding-right: 182px;
}

.stage-competition .stage-competition__block .stage-competition__row.stage-competition__row-fix-5 {
    padding-right: 217px;
}

.stage-competition .stage-competition__block .stage-competition__ell {
    position: relative;
    padding: 20px 0 100px;
}

.stage-competition .stage-competition__block .stage-competition__ell .stage-competition__tag {
    position: absolute;
    left: 0px;
    top: -30px;
    padding: 10px 20px 6px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1;
    border-radius: 6px;
    background-color: #D8B08C;
    z-index: 15;
}

.stage-competition .stage-competition__block .stage-competition__ell .stage-competition__name {
    position: absolute;
    left: 0px;
    top: 82px;
    color: rgb(33, 36, 38);
    font-size: 16px;
    white-space: nowrap;
    line-height: 1.2;
    z-index: 15;
}

.stage-competition .stage-competition__block .stage-competition__ell .stage-competition__num {
    position: relative;
}

.stage-competition .stage-competition__block .stage-competition__ell .stage-competition__num-bg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    background-color: #EFECE9;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5;
}

.stage-competition .stage-competition__block .stage-competition__ell .stage-competition__num-text {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    color: #d8b08c;
    font-size: 16px;
    font-weight: 500;
    border-radius: 50%;
    border: 8px solid #D8B08C;
    z-index: 10;
}

.stage-competition .stage-competition__block .stage-competition__ell .stage-competition__num:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 100vw;
    height: 4px;
    background-color: #D8B08C;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.stage-competition .stage-competition__block .stage-competition__ell.stage-competition__ell--top .stage-competition__num:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 4px;
    height: 100px;
    background-color: #D8B08C;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.stage-competition .stage-competition__block .stage-competition__ell:last-child .stage-competition__num:after {
    background-color: #EFECE9;
    height: 8px;
}

.stage-competition .stage-competition__block .stage-competition__ell.stage-competition__ell--read .stage-competition__tag {
    background-color: #E44934;
}

.stage-competition .stage-competition__block .stage-competition__ell.stage-competition__ell--read .stage-competition__num span {
    color: #E44934;
    border: 8px solid #E44934;
}

.stage-competition .stage-competition__block .stage-competition__ell.stage-competition__ell--read .stage-competition__num:after {
    background-color: #E44934;
}

.stage-competition .stage-competition__block .stage-competition__ell.stage-competition__ell--read:last-child .stage-competition__num:after {
    background-color: #EFECE9;
    height: 8px;
}

@media (max-width: 1360px) {
    .stage-competition .stage-competition__block {
        max-width: 900px;
    }
    .stage-competition .stage-competition__block .stage-competition__ell .stage-competition__name {
        font-size: 14px;
    }
    .stage-competition .stage-competition__block .stage-competition__row.stage-competition__row-fix-6 {
        padding-right: 142px;
    }
    .stage-competition .stage-competition__block .stage-competition__row.stage-competition__row-fix-5 {
        padding-right: 170px;
    }
}

@media (max-width: 991px) {
    .stage-competition .stage-competition__block {
        width: 100%;
    }
    .stage-competition .stage-competition__block .stage-competition__row {
        display: block;
        width: 100%;
        padding-top: 0;
        margin-bottom: 20px;
    }
    .stage-competition .stage-competition__block .stage-competition__row.stage-competition__row-fix-6 {
        padding-right: 0;
    }
    .stage-competition .stage-competition__block .stage-competition__row.stage-competition__row-fix-5 {
        padding-right: 0;
    }
    .stage-competition .stage-competition__block .stage-competition__ell {
        position: relative;
        padding: 0 0 30px;
    }
    .stage-competition .stage-competition__block .stage-competition__ell .stage-competition__tag {
        position: static;
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .stage-competition .stage-competition__block .stage-competition__ell .stage-competition__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .stage-competition .stage-competition__block .stage-competition__ell .stage-competition__name {
        position: static;
        color: rgb(33, 36, 38);
        font-size: 16px;
        white-space: nowrap;
        line-height: 1.2;
        z-index: 15;
    }
    .stage-competition .stage-competition__block .stage-competition__ell .stage-competition__num {
        margin-right: 15px;
    }
    .stage-competition .stage-competition__block .stage-competition__ell .stage-competition__num-bg {
        display: none;
    }
    .stage-competition .stage-competition__block .stage-competition__ell .stage-competition__num-text {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        color: #d8b08c;
        font-size: 16px;
        font-weight: 500;
        border-radius: 50%;
        border: 8px solid #D8B08C;
        z-index: 10;
    }
    .stage-competition .stage-competition__block .stage-competition__ell .stage-competition__num:after {
        content: none;
    }
    .stage-competition .stage-competition__block .stage-competition__ell.stage-competition__ell--top .stage-competition__num:before {
        content: none;
    }
}

h2.competence__title {
    margin-bottom: 30px;
}

.submit-applications {
    text-align: center;
    margin-top: -160px;
    margin-bottom: -150px;
    padding: 41px 58px 33px;
    background: url(../img/submit-applications-bg.jpg) center no-repeat;
    -webkit-box-shadow: 0px 11px 25px 0px rgba(78, 54, 36, 0.64);
    box-shadow: 0px 11px 25px 0px rgba(78, 54, 36, 0.64);
}

.submit-applications .end-timer {
    max-width: 640px;
    margin: 0 auto;
}

.submit-applications__title {
    font-size: 30px;
    margin-bottom: 5px;
    letter-spacing: 0.2px;
}

.submit-applications__title,
.countdown-period {
    color: #d8b08c;
}

.countdown-period {
    font-size: 24px;
    font-weight: 500;
    text-align: right;
}

.countdown-row {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    width: 86%;
    line-height: 1;
}

.countdown-section {
    display: block;
}

.countdown-section>* {
    display: block;
}

.countdown-amount {
    font-size: 110px;
    font-weight: 700;
    margin-bottom: -5px;
    text-align: right;
}

.submit-applications__btns .btn.btn-prime {
    float: right;
}

.submit-applications__btns .btn.btn-prime:last-child {
    margin-bottom: 0;
}

@media (max-width: 1200px) {
    .submit-applications {
        padding: 44px 38px;
    }
}

@media (max-width: 1023px) {
    .countdown-row {
        width: auto;
    }
    .submit-applications__btns .btn.btn-prime {
        float: none;
        max-width: 460px;
        margin: 0 auto 15px;
    }
    .end-timer {
        margin-bottom: 25px;
    }
}

@media (max-width: 767px) {
    .submit-applications__title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .countdown-section>* {
        display: inline-block;
    }
    .countdown-section {
        margin-bottom: 15px;
    }
    .countdown-amount {
        margin-bottom: 0;
    }
    .countdown-period {
        font-size: 18px;
    }
    .countdown-amount {
        font-size: 90px;
    }
    .submit-applications__btns {
        display: block;
    }
    .submit-applications__btns .btn.btn-prime {
        height: auto;
        white-space: normal;
    }
}

@media (max-width: 420px) {
    .submit-applications {
        padding: 44px 20px;
    }
}

@media (max-width: 640px) {
    .countdown-row {
        display: block;
    }
    .countdown-section {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .countdown-amount {
        font-size: 72px;
        text-align: right;
        padding-right: 3px;
    }
    .countdown-section>* {
        width: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .countdown-period {
        text-align: left;
        padding-left: 3px;
    }
}

.section-serteficate {
    padding: 90px 0 90px;
}

.section-serteficate h2.section-title {
    margin-bottom: 38px;
}

.serteficate-bl {
    display: block;
}

.serteficate-bl .serteficate-bl__sl {
    position: relative;
    display: block;
    padding: 38px;
    background-color: #EFECE9;
    border-radius: 6px;
    margin-bottom: 22px;
}

.serteficate-bl .serteficate-bl__title {
    color: rgb(33, 36, 38);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 12px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.serteficate-bl .serteficate-bl__text {
    color: rgb(33, 36, 38);
    font-size: 16px;
    line-height: 1.3;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.serteficate-bl .serteficate-bl__con {
    position: relative;
    width: 100%;
    height: 286px;
}

.serteficate-bl .serteficate-bl__con .serteficate-bl__image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.serteficate-bl .serteficate-bl__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.serteficate-bl .serteficate-bl__bg .serteficate-bl__bg-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #E44934;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.serteficate-bl .serteficate-bl__bg .serteficate-bl__bg-icon img {
    width: 23px;
    height: auto;
}

.serteficate-bl:hover .serteficate-bl__con .serteficate-bl__image {
    opacity: .3;
}

.serteficate-bl:hover .serteficate-bl__bg .serteficate-bl__bg-icon {
    opacity: 1;
}

.serteficate-bl:hover .serteficate-bl__title {
    color: #e44934;
}

.serteficate-bl:hover .serteficate-bl__text {
    color: #e44934;
}

@media (max-width: 767px) {
    .section-serteficate {
        padding: 50px 0 50px;
    }
    .section-serteficate h2.section-title {
        margin-bottom: 30px;
    }
    .serteficate-bl {
        margin-bottom: 20px;
    }
    .serteficate-bl .serteficate-bl__sl {
        padding: 28px;
    }
}

.footer {
    position: relative;
    display: table;
    width: 100%;
    padding: 32px 0;
    color: #ffffff;
    background-color: #311918;
}

.footer .logo {
    color: #ffffff;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.footer .logo .sub {
    color: #ada3a3;
    opacity: 1;
}

.footer .logo:hover {
    opacity: .5;
}

.footer .descr {
    max-width: 800px;
    margin: 0 auto;
    padding: 35px 0 0;
    font-size: 12px;
    line-height: 1.2;
    opacity: .4;
}

.footer .control-block {
    float: right;
    padding: 18px 15px;
}

.footer .control-block .link-footer {
    position: relative;
    display: inline-block;
    margin-right: 30px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.875;
}

.footer .control-block .link-footer:last-child {
    margin-right: 0px;
}

.footer .control-block .link-footer:hover {
    opacity: .5;
}

.footer .social-block {
    float: right;
    padding: 9px 5px;
}

.footer .social-block .social-list {
    margin-left: -5px;
    margin-right: -5px;
}

.footer .social-block .social-list li {
    display: inline-block;
    margin: 0 4px;
}

.footer .social-block .social-list li a {
    display: block;
    width: 52px;
    height: 52px;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.footer .social-block .social-list li a:hover {
    color: rgba(255, 255, 255, 0.5);
}

.footer .social-block .social-list li a i {
    vertical-align: middle;
}

.footer.footer_alt {
    padding-top: 160px;
}

.footer-err {
    position: relative;
    padding-left: 54px;
    margin-top: 30px;
}

.footer-err .footer-err__icon {
    position: absolute;
    left: 0;
    top: 50%;
    width: 36px;
    height: 36px;
    font-size: 22px;
    border: 1px solid #ffffff;
    border-radius: 2px;
    opacity: .4;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.footer-err .footer-err__icon span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.footer-err .footer-err__prime,
.footer-err .footer-err__sub {
    font-size: 16px;
    color: #ffffff;
    line-height: 0.875;
    opacity: 0.8;
}

.footer-err .footer-err__prime {
    font-weight: 800;
}

@media (max-width: 1199px) {
    .footer .logo {
        padding: 20px 0 20px 60px;
    }
    .footer .logo img {
        width: 50px;
    }
    .footer .logo .prime {
        font-size: 14px;
        margin-bottom: 1px;
    }
    .footer .logo .sub {
        font-size: 12px;
    }
    .footer .control-block {
        float: right;
    }
    .footer .control-block .link-footer {
        margin-right: 30px;
        font-size: 16px;
        line-height: 1.875;
    }
    .footer .social-block {
        float: right;
        padding: 14px 5px;
    }
    .footer .social-block .social-list li {
        display: inline-block;
        margin: 0 2px;
    }
    .footer .social-block .social-list li a {
        width: 46px;
        height: 46px;
        font-size: 16px;
        line-height: 44px;
    }
}

@media (max-width: 1023px) {
    .footer.footer_alt {
        padding-top: 180px;
    }
    .footer .logo:hover {
        opacity: 1;
    }
    .footer .control-block {
        float: right;
    }
    .footer .control-block .link-footer {
        margin-right: 10px;
        font-size: 15px;
    }
    .footer .control-block .link-footer:hover {
        opacity: 1;
    }
    .footer .social-block {
        float: none;
        padding: 14px 5px;
        text-align: center;
    }
    .footer .social-block .social-list {
        display: inline-block;
    }
    .footer .social-block .social-list li {
        display: inline-block;
        margin: 0 5px;
    }
    .footer .social-block .social-list li a {
        width: 46px;
        height: 46px;
        font-size: 16px;
        line-height: 44px;
    }
    .footer .social-block .social-list li a:hover {
        color: #ffffff;
    }
}

@media (max-width: 767px) {
    .footer.footer_alt {
        padding-top: 200px;
    }
    .footer .control-block {
        float: none;
        text-align: center;
    }
    .footer .control-block .link-footer {
        margin-right: 10px;
        font-size: 15px;
    }
}

@media (max-width: 439px) {
    .footer .control-block {
        float: none;
        text-align: left;
        padding: 20px 0;
    }
    .footer .control-block .link-footer {
        display: block;
        margin-right: 0px;
        font-size: 16px;
    }
}

.sidebar-wrap {
    padding: 0px 0 60px;
    text-align: right;
}

.sidebar-list {
    display: inline-block;
    text-align: left;
    width: 100%;
    max-width: 320px;
}

.sidebar-list .sidebar-link {
    position: relative;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    color: #212426;
    line-height: 1.25;
    padding-bottom: 4px;
    margin-bottom: 26px;
}

.sidebar-list .sidebar-link .link-border {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #212426;
}

.sidebar-list .sidebar-link .link-border .border-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #E44934;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.sidebar-list .sidebar-link:hover .link-border .border-bg {
    width: 100%;
}

.sidebar-list .sidebar-ell-active {
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    color: #E44934;
    line-height: 1.25;
    margin-bottom: 26px;
}

.sidebar-list .sidebar-list__sub {
    margin-top: -5px;
}

@media (max-width: 991px) {
    .sidebar-list .sidebar-list__sub {
        margin-top: 15px;
        border-bottom: 1px solid #EFECE9;
    }
}

.sidebar-list .sidebar-list__sub li {
    margin-bottom: 22px;
}

.sidebar-list .sidebar-list__sub li:last-child {
    margin-bottom: 20px;
}

.sidebar-list .sidebar-list__sub .sidebar-link__sub {
    display: block;
    position: relative;
    padding-left: 25px;
    color: #212426;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

.sidebar-list .sidebar-list__sub .sidebar-link__sub::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    border: 4px solid transparent;
    border-left: 5px solid #212426;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.sidebar-list .sidebar-list__sub .sidebar-link__sub:hover {
    color: #E44934;
}

.sidebar-list .sidebar-list__sub .sidebar-link__sub:hover::after {
    border-left: 5px solid #E44934;
}

.sidebar-list .sidebar-list__sub .sidebar-ell-active {
    display: block;
    position: relative;
    padding-left: 25px;
    color: #E44934;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

.sidebar-list .sidebar-list__sub .sidebar-ell-active::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    border: 4px solid transparent;
    border-left: 5px solid #E44934;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

@media (max-width: 1023px) {
    .sidebar-wrap {
        padding: 0px 0 40px;
        text-align: left;
    }
}

@media (max-width: 991px) {
    .sidebar-list {
        width: 100%;
        max-width: 100%;
        margin-top: 30px;
    }
    .sidebar-list>li {
        padding: 16px 0;
        border-bottom: 1px solid #EFECE9;
    }
    .sidebar-list .sidebar-link {
        color: #ffffff;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 0;
        padding-bottom: 0;
        border: none;
    }
    .sidebar-list .sidebar-link .link-border {
        display: none;
    }
    .sidebar-list .sidebar-ell-active {
        position: relative;
        display: inline-block;
        font-size: 16px;
        font-weight: 700;
        color: #ffffff;
        line-height: 1.25;
        margin-bottom: 20px;
        z-index: 10;
    }
    .sidebar-list .sidebar-list__sub .sidebar-link__sub {
        color: #ffffff;
        font-size: 14px;
    }
    .sidebar-list .sidebar-list__sub li {
        margin-bottom: 16px;
    }
    .sidebar-list .sidebar-list__sub .sidebar-link__sub::after {
        border-left: 5px solid #ffffff;
    }
    .sidebar-list .sidebar-list__sub .sidebar-ell-active::after {
        border-left: 5px solid #ffffff;
    }
    .sidebar-list .sidebar-list__sub .sidebar-ell-active {
        color: #ffffff;
        font-size: 14px;
        font-weight: 500;
    }
}


/*============== base block ==============*/


/* block-more */

.block-more .content-more {
    display: none;
}

.block-more .control-more {
    margin-top: 50px;
    cursor: pointer;
}


/* card-icon */

.card-icon {
    display: block;
    position: relative;
    margin-top: 50px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.card-icon .card-content {
    position: relative;
    padding: 45px 40px 25px;
    color: #212426;
    border-radius: 4px;
    background-color: #ffffff;
    overflow: hidden;
}

.card-icon .border {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0px;
    background-color: #98694c;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.card-icon:hover {
    -webkit-box-shadow: 0px 10px 25px 0px rgba(44, 61, 76, 0.15);
    box-shadow: 0px 10px 25px 0px rgba(44, 61, 76, 0.15);
}

.card-icon:hover .border {
    height: 6px;
}

.card-icon .top-icon {
    position: absolute;
    top: 0;
    left: 38px;
    width: 73px;
    height: 81px;
    color: #98694c;
    font-size: 32px;
    background-image: url('../img/icon-bg.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.card-icon .top-icon i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.card-icon h3 {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.238;
    margin-bottom: 15px;
}

.card-icon p {
    font-size: 16px;
    line-height: 1.625;
    margin-bottom: 20px;
}

@media (max-width: 419px) {
    .card-icon .card-content {
        padding: 45px 20px 25px;
    }
    .card-icon .top-icon {
        left: 18px;
    }
}


/* block-join */

.block-join {
    position: relative;
    padding: 60px 38px;
    padding-right: 640px;
    color: #ffffff;
    background-image: url('../img/join-bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    -webkit-box-shadow: 0px 11px 20px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 11px 20px 0px rgba(0, 0, 0, 0.4);
}

.block-join h2.section-title {
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 1.2;
}

.block-join p {
    font-size: 20px;
}

.block-join .btn-wrap {
    position: absolute;
    right: 38px;
    top: 50%;
    width: 600px;
    text-align: right;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.block-join .btn-wrap .btn {
    display: block;
    max-width: 350px;
    margin-bottom: 14px;
    margin-left: auto;
}

.block-join .btn-wrap .btn:last-child {
    margin-right: 0;
}

.block-join .btn-wrap .btn.btn-border {
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .3);
}

.block-join .btn-wrap .btn.btn-border:last-child {
    margin-bottom: 0px;
}

.block-join .btn-wrap .btn.btn-border:hover {
    opacity: 1;
    color: #ffffff;
    border: 1px solid #D53A25;
    background-color: #D53A25;
}

@media (max-width: 1199px) {
    .block-join {
        padding-right: 480px;
    }
    .block-join .btn-wrap {
        width: 460px;
    }
}

@media (max-width: 991px) {
    .block-join {
        padding-right: 28px;
    }
    .block-join h2.section-title {
        margin-bottom: 30px;
    }
    .block-join p {
        margin-bottom: 40px;
    }
    .block-join .btn-wrap {
        position: static;
        width: 100%;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        text-align: center;
    }
    .block-join .btn-wrap .btn {
        display: block;
        margin: 0 auto 15px;
    }
    .block-join .btn-wrap .btn:last-child {
        margin-right: auto;
    }
}

@media (max-width: 767px) {
    .block-join {
        padding-right: 28px;
    }
    .block-join h2.section-title {
        font-size: 26px;
        margin-bottom: 30px;
    }
    .block-join p {
        font-size: 18px;
        margin-bottom: 40px;
    }
    .block-join .btn-wrap .btn {
        height: auto;
        white-space: normal;
    }
}

@media (max-width: 419px) {
    .block-join {
        padding-right: 20px;
        padding-left: 20px;
    }
}


/* vacancies-block */

.vacancies-block {
    display: block;
    position: relative;
    margin: 0 auto 35px;
    width: 267px;
    height: 267px;
    background-color: #ffffff;
    font-size: 250px;
    border-radius: 50%;
}

.vacancies-block .vacancies-descr {
    position: absolute;
    left: 115px;
    top: 46px;
    width: 250px;
}

.vacancies-block.vacancies-cust .vacancies-descr {
    left: 40px;
    top: 90px;
}

.vacancies-descr p {
    color: #212426;
    font-size: 24px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.5;
    margin-bottom: 0;
    max-width: 270px;
}

.vacancies__num {
    position: absolute;
    top: -24px;
    left: -24px;
    font-size: 1em;
    line-height: 1;
    font-weight: 700;
    color: #E44934;
    text-shadow: 0px 8px 20px rgba(227, 73, 52, 0.6);
}

.vacancies__prime {
    position: absolute;
    left: 40px;
    top: 32px;
    display: block;
    font-size: 72px;
    line-height: 1;
    font-weight: 700;
    color: #E44934;
    text-shadow: 0px 8px 20px rgba(227, 73, 52, 0.6);
    line-height: 0;
}

.vacancies__position-label {
    display: block;
    font-size: 22px;
    color: rgba(33, 36, 38, 0.6);
    margin-bottom: 20px;
}

.section-vacancies {
    position: relative;
    z-index: 20;
}

.section-vacancies a.section-title {
    margin-bottom: 62px;
}

@media (max-width: 1199px) {
    .vacancies-block {
        font-size: 200px;
    }
    .vacancies-block .vacancies-descr {
        left: 90px;
    }
}

@media (max-width: 1023px) {
    .vacancies-block {
        max-width: 420px;
        margin: 0 auto 30px;
    }
    .section-vacancies a.section-title {
        margin-bottom: 40px;
    }
    .vacancies .btn {
        margin: 0 auto 40px;
    }
}

@media (max-width: 767px) {
    .section-vacancies a.section-title {
        margin-bottom: 30px;
    }
    .vacancies-descr p {
        font-size: 22px;
    }
    .vacancies-block {
        font-size: 160px;
    }
    .vacancies-block .vacancies-descr {
        left: 70px;
    }
    .vacancies__num {
        top: -12px;
    }
}

@media (max-width: 1200px) {
    .competition-calendar__list {
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .competition-calendar__list li:not(:last-child) {
        padding-bottom: 20px;
    }
    .competition-calendar__list li {
        width: 50%;
        padding-right: 40px;
    }
}

@media (max-width: 750px) {
    h3.competition-calendar__list-item-title {
        height: auto;
    }
    .competition-calendar__list {
        display: block;
    }
    .competition-calendar__list li {
        width: auto;
        padding-right: 0;
        padding-left: 100px;
    }
    .competition-calendar__list li:not(:last-child)::before {
        right: auto;
        height: auto;
        bottom: 0;
        width: 1px;
    }
    .competition-calendar__list-item-title {
        position: relative;
    }
    .competition-calendar__list-item-title::before {
        position: absolute;
        left: -100px;
        margin-top: -0.9em;
        top: 50%;
    }
}

@media (max-width: 440px) {
    .competition-calendar__list li {
        padding-left: 80px;
    }
    .competition-calendar__list-item-title::before {
        font-size: 30px;
        left: -80px;
    }
    .competition-calendar__list li:not(:last-child)::before {
        top: 28.5px;
        left: 28.5px;
    }
}

.vacancies-text {
    font-size: 18px;
    letter-spacing: 0.1px;
    line-height: 1.778;
}

.vacancies__columns {
    margin-top: 50px;
}


/* card-mentor */

.card-mentor {
    display: block;
    text-align: center;
    width: 100%;
    max-width: 260px;
    margin: 22px auto 50px;
}

.card-mentor .avatar-wrap {
    position: relative;
    width: 240px;
    height: 240px;
    margin: 0 auto 15px;
    border-radius: 50%;
    border: 52px solid #FBFBFB;
    overflow: hidden;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.card-mentor .avatar-wrap .avatar {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 140px;
    height: 140px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.card-mentor .name {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.333;
    margin-bottom: 5px;
}

.card-mentor .descr {
    font-size: 16px;
    color: #9ea1a4;
    line-height: 1.333;
}

@media (max-width: 1199px) {
    .card-mentor .avatar-wrap {
        position: relative;
        width: 220px;
        height: 220px;
    }
}


/* block-questionnaire */

.block-questionnaire {
    position: relative;
    max-width: 755px;
    margin-bottom: 30px;
}

.block-questionnaire .h1.section-title {
    margin-bottom: 36px;
}

.block-questionnaire .block-step {
    position: absolute;
    top: 24px;
    right: 0;
    font-size: 16px;
    text-transform: uppercase;
    color: #9ea1a4;
}

.block-questionnaire .question-list {
    padding-top: 7px;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
}

.block-questionnaire .question-list .prgress-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 7px;
}

.block-questionnaire .question-list .prgress-bar .progress-bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 30%;
    background-color: #009688;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.block-questionnaire .question-list .card-question .card-head {
    padding: 26px 40px 28px;
    border-bottom: 1px solid #E2E3E6;
}

.block-questionnaire .question-list .card-question .card-head p {
    font-size: 24px;
    color: #212426;
    line-height: 1.25;
    font-weight: 700;
    margin-bottom: 0;
}

.block-questionnaire .question-list .card-question .card-body {
    padding: 38px 40px 26px;
}

.block-questionnaire .question-list .card-foot {
    padding: 30px 0;
    background-color: #E4E9F2;
}

.block-questionnaire .question-list .card-foot .btn {
    margin: 0 auto;
    max-width: 320px;
}

.block-questionnaire .base-form .ac-custom {
    padding-left: 50px;
    margin-top: 0px;
    margin-bottom: 26px;
}

.block-questionnaire .base-form .ac-custom label {
    color: #212426;
    font-size: 16px;
}

@media (max-width: 1023px) {
    .block-questionnaire {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .block-questionnaire .question-list .card-question .card-head {
        padding: 26px 25px 28px;
    }
    .block-questionnaire .question-list .card-question .card-body {
        padding: 38px 25px 26px;
    }
    .block-questionnaire .question-list .card-foot {
        padding: 30px 25px;
    }
}


/* block-user-data */

.block-user-data {
    position: relative;
    max-width: 755px;
    margin-bottom: 50px;
}

.block-user-data .user-status {
    position: absolute;
    top: 24px;
    right: 0;
    padding-left: 36px;
    font-size: 16px;
    color: #009688;
    font-weight: 700;
    text-transform: uppercase;
}

.block-user-data .user-status .check-user {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-image: url('../img/icon-check.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #009688;
}

.block-user-data .card-user-data .prgress-bar {
    position: relative;
    font-size: 14px;
    color: #9ea1a4;
    margin-bottom: 28px;
    padding-left: 140px;
}

.block-user-data .card-user-data .prgress-bar .prgress-status {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    line-height: 26px;
    z-index: 15;
}

.block-user-data .card-user-data .prgress-bar p {
    z-index: 20;
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-bottom: 0;
}

.block-user-data .card-user-data .prgress-bar .progress-wrap {
    position: relative;
    padding: 0 15px;
    height: 26px;
    background-color: #E4E9F2;
    background-image: url('../img/progress_bg.jpg');
    background-repeat: repeat-x;
    background-size: auto 100%;
    border-radius: 25px;
    overflow: hidden;
}

.block-user-data .card-user-data .prgress-bar .progress-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 100%;
    background-color: #009688;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    z-index: 10;
}

.block-user-data .card-user-data .card-body {
    padding: 46px 96px;
    border-radius: 4px;
    background-color: #ffffff;
    overflow: hidden;
}

.block-user-data .base-form .ac-custom {
    padding-left: 40px;
    margin-top: 0px;
}

@media (max-width: 1199px) {
    .block-user-data .card-user-data .card-body {
        padding: 40px 30px;
    }
}

@media (max-width: 1023px) {
    .block-user-data {
        max-width: 100%;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .block-user-data h1.section-title {
        margin-bottom: 15px;
    }
    .block-user-data .user-status {
        display: block;
        position: relative;
        top: auto;
        right: auto;
        margin-bottom: 35px;
    }
    .block-user-data .card-user-data .prgress-bar {
        padding: 25px 0 0;
    }
    .block-user-data .card-user-data .prgress-bar p {
        z-index: 20;
        position: absolute;
        left: 0px;
        top: 0;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
    .block-user-data .card-user-data .card-body {
        padding: 40px 14px;
    }
}


/* block-user-information */

.block-user-information {
    border-radius: 4px;
    background-color: #ffffff;
    overflow: hidden;
}

.block-user-information .tabs-nav {
    display: table;
    width: 100%;
}

.block-user-information .tabs-nav li {
    float: left;
    width: 33.33333%;
}

.block-user-information .tabs-nav li a {
    position: relative;
    display: block;
    height: 60px;
    padding: 22px 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #D8B08C;
}

.block-user-information .tabs-nav li a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.block-user-information .tabs-nav li:first-child a:after {
    content: none;
}

.block-user-information .tabs-nav li a:hover {
    background-color: #98694C;
}

.block-user-information .tabs-nav li.active a {
    background-color: #ffffff;
    color: #212426;
    cursor: default;
}

.block-user-information .tabs-nav li.active a:after {
    display: none;
}

.block-user-information .tabs-nav li.active a:hover {
    color: #212426;
    background-color: #ffffff;
}

.block-user-information .tabs-nav li.active+li a:after {
    display: none;
}

.block-user-information .blok-content {
    padding: 40px 58px;
}

.block-user-information .collapsable {
    margin-bottom: 20px;
}

.block-user-information .collapsable .ca-control {
    position: relative;
    background-color: #D8B08C;
}

.block-user-information .collapsable .ca-control a {
    display: block;
    height: 62px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 24px;
    padding: 19px 28px;
}

.block-user-information .collapsable .ca-control a i {
    position: absolute;
    top: 50%;
    right: 28px;
    color: #ffffff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
}

.block-user-information .collapsable .ca-control a[aria-expanded="true"] i:before {
    content: "\e90b";
}

.block-user-information .collapsable .ca-box {
    padding: 40px;
    border: 1px solid #dce1e9;
    border-top: none;
}

.block-user-information .collapsable .social-list-add {
    display: table;
    width: 100%;
    padding: 10px 0;
}

.block-user-information .collapsable .social-list-add li {
    float: left;
    margin-right: 15px;
}

.block-user-information .collapsable .social-list-add li:last-child {
    margin-right: 0;
}

.block-user-information .collapsable .social-list-add li .soc-icon {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #dce1e9;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.block-user-information .collapsable .social-list-add li .soc-icon i {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #ffffff;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.block-user-information .collapsable .social-list-add li .soc-icon:hover {
    background-color: #5181b8;
}

@media (max-width: 767px) {
    .block-user-information {
        padding: 0 20px;
    }
    .block-user-information .tabs-nav-wrap {
        width: 100%;
    }
    .block-user-information .tabs-nav {
        display: block;
        width: 100%;
    }
    .block-user-information .tabs-nav li {
        display: block;
        float: none;
        width: 100%;
    }
    .block-user-information .tabs-nav li a {
        position: relative;
        display: block;
        height: auto;
        padding: 16px 14px 14px;
        font-size: 14px;
        font-weight: 700;
        line-height: 14px;
        text-align: center;
        text-transform: uppercase;
        color: #958b8b;
        background-color: #FFFFFF;
        border-bottom: 2px solid #CAC5C5;
    }
    .block-user-information .tabs-nav li a:after {
        content: none;
    }
    .block-user-information .tabs-nav li a:hover {
        background-color: #FFFFFF;
    }
    .block-user-information .tabs-nav li.active a {
        background-color: #ffffff;
        color: #212426;
        cursor: default;
        border-bottom: 2px solid #E44934;
    }
    .block-user-information .tabs-nav li.active a:after {
        display: none;
    }
    .block-user-information .tabs-nav li.active a:hover {
        color: #212426;
        background-color: #ffffff;
    }
    .block-user-information .tabs-nav li.active+li a:after {
        display: none;
    }
    .block-user-information .blok-content {
        padding: 30px 0px;
    }
    .block-user-information .collapsable {
        margin-bottom: 20px;
    }
    .block-user-information .collapsable .ca-control a {
        height: auto;
        padding: 19px 18px;
        font-size: 16px;
    }
    .block-user-information .collapsable .ca-control a i {
        right: 18px;
    }
    .block-user-information .collapsable .ca-box {
        padding: 25px 10px;
    }
    .block-user-information .collapsable .social-list-add {
        display: table;
        width: 100%;
        padding: 10px 0;
    }
    .block-user-information .collapsable .social-list-add li {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width: 425px) {
    .block-user-information {
        padding: 0 14px;
    }
    .block-user-information .collapsable {
        margin-bottom: 20px;
    }
    .block-user-information .collapsable .ca-control a {
        height: auto;
        padding: 14px 10px;
        font-size: 14px;
    }
    .block-user-information .collapsable .ca-control a i {
        right: 10px;
        font-size: 14px;
    }
    .block-user-information .collapsable .ca-box {
        padding: 25px 10px;
    }
}


/* all-done-block */

.all-done-block {
    padding: 30px 0;
}

.all-done-block .info-card {
    position: relative;
    padding: 20px 20px 20px 85px;
    background-color: #FBFBFB;
    color: #958b8b;
    font-size: 16px;
    margin-bottom: 45px;
}

.all-done-block .info-card img {
    position: absolute;
    left: 0;
    top: 50%;
    width: 72px;
    height: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.all-done-block .base-form .ac-custom input[type="checkbox"],
.all-done-block .base-form .ac-custom input[type="radio"],
.all-done-block .base-form .ac-custom label::before {
    background-color: #ffffff;
}

.all-done-block .base-form .ac-custom input[type="checkbox"]:checked+label::before,
.all-done-block .base-form .ac-custom input[type="radio"]:checked+label::before {
    background-color: #D8B08C;
}

@media (max-width: 767px) {
    .all-done-block {
        padding: 30px 0;
    }
    .all-done-block .info-card {
        position: relative;
        padding: 50px 14px 20px 14px;
        background-color: #FBFBFB;
        color: #958b8b;
        font-size: 16px;
        margin-bottom: 25px;
    }
    .all-done-block .info-card img {
        position: absolute;
        left: -5;
        top: -12px;
        width: 50px;
        height: auto;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}


/* block-user-video */

.block-user-video p {
    margin-bottom: 40px;
}

.block-user-video ul {
    padding-left: 20px;
}

.block-user-video ul li {
    list-style: disc;
    padding-left: 10px;
    margin-bottom: 10px;
}

.block-user-video ol {
    padding-left: 20px;
}

.block-user-video ol li {
    list-style: decimal;
    padding-left: 10px;
    margin-bottom: 10px;
}

.block-user-video .collapsable-base {
    font-size: 16px;
}

.block-user-video .collapsable-base p {
    margin-bottom: 12px;
}

.block-user-video .collapsable-base .ca-card {
    position: relative;
    padding: 20px;
    background-color: #F5F5F5;
    border-radius: 4px;
    margin-bottom: 12px;
}

.block-user-video .collapsable-base .ca-card .time {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 8px 16px 8px 36px;
    font-size: 14px;
    color: #958b8b;
    background-color: #EBEAEA;
}

.block-user-video .collapsable-base .ca-card .time img {
    position: absolute;
    left: 8px;
    top: 50%;
    width: 18px;
    height: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.block-user-video .collapsable-base .ca-card .card-name {
    color: #958b8b;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 8px;
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .block-user-video p {
        margin-bottom: 30px;
    }
    .block-user-video ul li {
        padding-left: 5px;
    }
    .block-user-video ol li {
        padding-left: 5px;
    }
    .block-user-video .collapsable-base {
        font-size: 14px;
    }
    .block-user-video .collapsable-base .ca-card {
        position: relative;
        padding: 55px 10px 20px;
    }
    .block-user-video .collapsable-base .ca-card .time {
        top: 15px;
        right: auto;
        left: 10px;
        padding: 6px 12px 6px 36px;
        font-size: 12px;
    }
    .block-user-video .collapsable-base .ca-card .time img {
        left: 8px;
        width: 14px;
    }
    .block-user-video .collapsable-base .ca-card .card-name {
        margin-top: 0px;
        margin-bottom: 15px;
    }
}


/* collapsable-base */

.collapsable-base {
    border-radius: 4px;
    margin-bottom: 28px;
    overflow: hidden;
}

.collapsable-base .ca-control a {
    position: relative;
    display: block;
    padding: 18px 28px;
    padding-right: 50px;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    color: #ffffff;
    background-color: #98694c;
}

.collapsable-base .ca-control a:hover {
    color: #ffffff;
    background-color: #7A543D;
}

.rules-section-2 .collapsable-base .ca-control a {
    background-color: #c58b57;
}

.rules-section-2 .collapsable-base .ca-control a:hover {
    background-color: #9e7855;
}

.collapsable-base .ca-control a:before {
    content: "\e90f";
    position: absolute;
    right: 28px;
    top: 50%;
    width: auto;
    height: auto;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.collapsable-base.ca-expanded .ca-control a:before {
    -webkit-transform: translateY(-50%) rotateX(180deg);
    transform: translateY(-50%) rotateX(180deg);
}

.collapsable-base .ca-box {
    padding: 30px 28px;
    background-color: #ffffff;
}

@media (max-width: 767px) {
    .collapsable-base {
        margin-bottom: 28px;
    }
    .collapsable-base .ca-control a {
        position: relative;
        display: block;
        padding: 12px 14px;
        padding-right: 50px;
        font-size: 16px;
    }
    .collapsable-base .ca-control a:before {
        content: "\e90f";
        position: absolute;
        right: 14px;
        top: 50%;
    }
    .collapsable-base.ca-expanded .ca-control a:before {
        -webkit-transform: translateY(-50%) rotateX(180deg);
        transform: translateY(-50%) rotateX(180deg);
    }
    .collapsable-base .ca-box {
        padding: 20px 14px;
    }
}


/* card-user-video */

.card-user-video video {
    vertical-align: text-bottom;
}

.card-user-video .video-tabs {
    visibility: hidden;
    opacity: 0;
    border-radius: 4px;
    margin-bottom: 28px;
    background-color: #ffffff;
    overflow: hidden;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.card-user-video .video-tabs.visible {
    visibility: visible;
    opacity: 1;
}

.card-user-video .video-tabs.only-load .tabs-nav {
    display: none;
}

.card-user-video .video-tabs .tabs-cont.active {
    visibility: visible !important;
}

.card-user-video .video-tabs .tabs-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
}

.card-user-video .video-tabs .tabs-nav li {
    float: left;
    width: 50%;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.card-user-video .video-tabs .tabs-nav li a {
    display: block;
    padding: 26px 14px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    color: #ffffff;
    background-color: #958B8B;
}

.card-user-video .video-tabs .tabs-nav li a:hover {
    background-color: #655E5E;
}

.card-user-video .video-tabs .tabs-nav li a.active {
    background-color: #ffffff;
    color: #212426;
}

.card-user-video .video-tabs .tabs-cont {
    padding: 40px;
}

.card-user-video .video-tabs .helper {
    font-size: 14px;
    color: #989898;
    margin-bottom: 10px;
}

.upload-wrap {
    padding: 10px;
    background-color: #F0F0F0;
    border-radius: 4px;
    margin-bottom: 28px;
}

.upload-wrap .upload-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 300px;
    border: 1px dashed #989898;
    cursor: pointer;
}

.upload-wrap .upload-cont .fileinput-button {
    position: static;
    margin-bottom: 0;
    max-width: 240px;
}

.upload-wrap .upload-cont .fileinput-button input {
    width: 100%;
    height: 100%;
    font-size: 0 !important;
}

.fileupload-block {
    margin-top: 28px;
}

.fileupload-block .progress {
    height: 10px;
    border-radius: 0;
}

.fileupload-block .progress .progress-bar-success {
    background-color: #009688;
}

.fileupload-block .template-upload video {
    max-width: 100%;
    width: 100%;
}

.fileupload-block .upload-info {
    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;
}

.fileupload-block .upload-info p {
    font-size: 14px;
    color: #989898;
    margin-bottom: 10px;
}

.fileupload-block .download-info {
    padding: 25px 0;
    text-align: center;
}

.fileupload-block .download-info .download-massege.massege-error {
    color: #c62828;
}

.fileupload-block .download-info .download-massege.massege-success {
    color: #009688;
}

.recordrtc .upload-btn,
.fileupload-block .upload-btn {
    margin-top: 30px;
    text-align: center;
}

.recordrtc .upload-btn .btn,
.fileupload-block .upload-btn .btn {
    display: inline-block;
    margin: 0 10px;
}

.video-user-loaded {
    padding: 40px;
    border-radius: 4px;
    background-color: #ffffff;
}

@media (max-width: 767px) {
    .card-user-video .video-tabs .tabs-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
    }
    .card-user-video .video-tabs .tabs-nav li {
        float: none;
        width: 100%;
    }
    .card-user-video .video-tabs .tabs-nav li a {
        padding: 16px 14px;
        font-size: 14px;
    }
    .card-user-video .video-tabs .tabs-nav li a.active {
        background-color: #F0F0F0;
    }
    .card-user-video .video-tabs .tabs-cont {
        padding: 30px 14px;
    }
    .video-user-loaded {
        padding: 30px 14px;
    }
    .recordrtc .upload-btn .btn,
    .fileupload-block .upload-btn .btn {
        display: block;
        margin: 0 auto 20px;
    }
    .upload-wrap .upload-cont .fileinput-button {
        max-width: 200px;
    }
}


/*============== Section ==============*/


/* section-prime */

.section-prime {
    position: relative;
    padding: 198px 0 200px;
    overflow: hidden;
    background-color: #986B4D;
    color: #ffffff;
}

.section-prime .prime-content {
    position: relative;
    z-index: 20;
}

.section-prime .prime-content h1 {
    max-width: 860px;
    font-size: 54px;
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 74px;
}

.section-prime .prime-content h1 .light-text {
    color: #d8b08c;
}

@media (max-width: 1599px) {
    .section-prime .prime-content h1 .light-text {
        color: rgba(255, 255, 255, .5);
    }
}

@media (max-width: 767px) {
    .section-prime .prime-content h1 .light-text {
        color: rgba(255, 255, 255, .6);
    }
}

.section-prime .prime-content p {
    font-size: 21px;
    line-height: 1.429;
    margin-bottom: 65px;
}

.section-prime .prime-content .btn {
    display: block;
    width: 342px !important;
    max-width: 360px;
    height: 60px;
    margin-right: 30px;
    padding: 21px 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: auto;
}

.section-prime .prime-content .btn.btn.btn-prime {
    -webkit-box-shadow: 0px 8px 20px 0px rgba(151, 29, 12, 0.4);
    box-shadow: 0px 8px 20px 0px rgba(151, 29, 12, 0.4);
}

.section-prime .prime-content .btn.btn.btn-prime:hover {
    -webkit-box-shadow: 0px 3px 10px 0px rgba(151, 29, 12, 0.4);
    box-shadow: 0px 3px 10px 0px rgba(151, 29, 12, 0.4);
}

.section-prime .prime-content .btn.btn.btn-800 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 20px;
    color: #ffffff;
    background-color: #D3AB87;
    -webkit-box-shadow: 0px 8px 20px 0px rgba(83, 60, 45, 0.4);
    box-shadow: 0px 8px 20px 0px rgba(83, 60, 45, 0.4);
}

.section-prime .prime-content .btn.btn.btn-800 img {
    margin-left: 24px;
}

.section-prime .prime-content .btn.btn.btn-800:hover {
    -webkit-box-shadow: 0px 3px 10px 0px rgba(83, 60, 45, 0.4);
    box-shadow: 0px 3px 10px 0px rgba(83, 60, 45, 0.4);
}

.section-prime .prime-content .btn.btn-soc-idea {
    -webkit-box-shadow: 0px 8px 20px 0px rgba(83, 60, 45, 0.4);
    box-shadow: 0px 8px 20px 0px rgba(83, 60, 45, 0.4);
}

.section-prime .prime-content .btn.btn-soc-idea:hover {
    -webkit-box-shadow: 0px 3px 10px 0px rgba(83, 60, 45, 0.4);
    box-shadow: 0px 3px 10px 0px rgba(83, 60, 45, 0.4);
}

.section-prime .prime-content .btn.btn-offering {
    -webkit-box-shadow: 0px 8px 20px 0px rgba(83, 60, 45, 0.4);
    box-shadow: 0px 8px 20px 0px rgba(83, 60, 45, 0.4);
}

.section-prime .prime-content .btn.btn-offering:hover {
    -webkit-box-shadow: 0px 3px 10px 0px rgba(83, 60, 45, 0.4);
    box-shadow: 0px 3px 10px 0px rgba(83, 60, 45, 0.4);
}

.section-prime .prime-content .line-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.section-prime .prime-map {
    position: absolute;
    top: -38px;
    right: -200px;
}

.section-prime .prime-map img {
    width: 1000px;
    height: 1057px;
}

.section-prime .prime-map .men-icon {
    position: absolute;
}

.section-prime .prime-map .men-icon img.m-ic {
    position: absolute;
    left: 50%;
    top: -45px;
    width: 16px;
    height: 34px;
    -webkit-transform: translate(-50%, -20px);
    -ms-transform: translate(-50%, -20px);
    transform: translate(-50%, -20px);
    opacity: 0;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.section-prime .prime-map .men-icon .shadow {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -webkit-transform: rotateX(45deg) translate(-50%, -50%) scale(0.5, 0.5);
    transform: rotateX(45deg) translate(-50%, -50%) scale(0.5, 0.5);
    background-color: #E44934;
    -webkit-box-shadow: 0 0 10px 14px rgba(228, 73, 52, 0.5);
    box-shadow: 0 0 10px 14px rgba(228, 73, 52, 0.5);
    opacity: 0;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.section-prime .prime-map .men-icon .pulse {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -30px;
    margin-left: -30px;
    -webkit-transform: rotateX(45deg);
    transform: rotateX(45deg);
    opacity: 0;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.section-prime .prime-map .men-icon .pulse:after {
    display: block;
    width: 60px;
    height: 60px;
    content: '';
    -webkit-animation: pulsate 1s ease-out;
    animation: pulsate 1s ease-out;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px 6px rgba(228, 73, 52, 0.2);
    box-shadow: 0 0 10px 6px rgba(228, 73, 52, 0.2);
}

.section-prime .prime-map .men-icon.ellshow img.m-ic {
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    opacity: 1;
}

.section-prime .prime-map .men-icon.ellshow .shadow {
    opacity: 1;
    -webkit-transform: rotateX(45deg) translate(-50%, -50%) scale(1, 1);
    transform: rotateX(45deg) translate(-50%, -50%) scale(1, 1);
}

.section-prime .prime-map .men-icon.ellshow .pulse {
    opacity: 1;
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
    }
}

@keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
    }
}

@media (max-width: 1560px) {
    .section-prime .prime-map .men-icon {
        opacity: .5;
        position: absolute;
    }
}

@media (max-width: 1023px) {
    .section-prime .prime-content h1 {
        max-width: 780px;
        font-size: 46px;
    }
    .section-prime .prime-content .btn {
        margin-right: auto;
        margin-left: auto;
        display: block;
        max-width: 460px;
        min-width: inherit;
    }
}

@media (max-width: 767px) {
    .section-prime {
        padding: 140px 0 170px;
    }
    .section-prime .prime-content h1 {
        font-size: 34px;
        margin-bottom: 30px;
    }
    .section-prime .prime-content p {
        font-size: 18px;
        margin-bottom: 50px;
    }
    .section-prime .prime-content .btn {
        display: block;
        margin: 0 auto 28px;
    }
    .section-prime .prime-content .line-btn {
        display: block;
        width: 100%;
    }
    .section-prime .prime-content .btn {
        margin-right: auto;
        display: block;
        width: 100% !important;
        max-width: 350px !important;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: auto;
        -webkit-box-shadow: 0px 8px 16px 0px rgba(75, 46, 20, 0.4);
        box-shadow: 0px 8px 16px 0px rgba(75, 46, 20, 0.4);
    }
}

@media (max-width: 479px) {
    .section-prime .prime-content h1 {
        font-size: 28px;
    }
    .section-prime .prime-content p {
        font-size: 16px;
        margin-bottom: 40px;
    }
}


/* section-managerial */

.section-managerial {
    padding: 95px 0;
    background-image: -webkit-linear-gradient( 45deg, rgb(152, 107, 77) 0%, rgb(216, 176, 140) 100%);
    background-image: -ms-linear-gradient( 45deg, rgb(152, 107, 77) 0%, rgb(216, 176, 140) 100%);
}

.managerial-block .managerial-card {
    position: relative;
    border: 2px solid #ffffff;
    border-radius: 6px;
    max-width: 270px;
    margin-left: 22px;
}

.managerial-block .managerial-card:before {
    content: "";
    position: absolute;
    left: -12px;
    top: -12px;
    width: 100%;
    height: 100%;
    border: 2px solid #ffffff;
    border-radius: 6px;
    opacity: .3;
}

.managerial-block .managerial-card:after {
    content: "";
    position: absolute;
    left: -22px;
    top: -22px;
    width: 100%;
    height: 100%;
    border: 2px solid #ffffff;
    border-radius: 6px;
    opacity: .3;
}

.managerial-block .managerial-card .managerial-card__content {
    position: relative;
    padding: 25px 18px 50px;
    background-image: -webkit-linear-gradient( 45deg, rgb(173, 129, 97) 0%, rgb(181, 138, 105) 100%);
    background-image: -ms-linear-gradient( 45deg, rgb(173, 129, 97) 0%, rgb(181, 138, 105) 100%);
    z-index: 20;
}

.managerial-block .managerial-card .managerial-card__icon {
    display: block;
    width: 58px;
    height: auto;
    margin-left: auto;
    margin-bottom: 16px;
}

.managerial-block .managerial-card .managerial-card__text {
    font-size: 24px;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.4;
}

.managerial-block .managerial-list {
    position: relative;
    width: 100%;
}

.managerial-block .managerial-list li {
    position: absolute;
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    line-height: 1.5;
    width: 250px;
}

.managerial-block .managerial-list li:nth-child(1) {
    left: 118px;
    top: 265px;
}

.managerial-block .managerial-list li:nth-child(2) {
    left: 365px;
    top: 10px;
    width: 276px;
}

.managerial-block .managerial-list li:nth-child(3) {
    left: 608px;
    top: 265px;
}

.managerial-block .managerial-list:before {
    content: "";
    position: absolute;
    left: 0;
    top: 100px;
    width: 622px;
    height: 149px;
    background-image: url(../img/managerial_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (max-width: 1199px) {
    .managerial-block .managerial-list {
        position: relative;
        width: 100%;
        padding-left: 20px;
    }
    .managerial-block .managerial-list li {
        position: static;
        width: auto;
        max-width: 540px;
        margin-bottom: 20px;
        list-style: circle;
    }
    .managerial-block .managerial-list li:nth-child(2) {
        width: auto;
    }
    .managerial-block .managerial-list:before {
        content: none;
    }
}

@media (max-width: 767px) {
    .section-managerial {
        padding: 65px 0 45px;
    }
    .managerial-block .managerial-card {
        margin-bottom: 40px;
    }
}


/* section-about */

.section-about {
    position: relative;
    padding-bottom: 0;
    background-color: #EFECE9;
    z-index: 30;
}

.vacancies {
    background-color: #efece9;
}

.card-about {
    margin-top: -110px;
    margin-bottom: 0;
}

.card-about-inner {
    padding: 50px 50px 38px;
    border-radius: 4px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 8px 10px 0px rgba(190, 190, 191, 0.4);
    box-shadow: 0px 8px 10px 0px rgba(190, 190, 191, 0.4);
    display: flex;
    flex-wrap: wrap;
}

.card-about-inner.card-about-inner--bg {
    background-image: url(../img/map_2.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top right;
}

.section-about-slide .slick-track {
    display: flex;
}

.section-about .card-about {
    padding-bottom: 0;
    position: relative;
    margin-bottom: 40px;
}

.section-about .slick-slide {
    margin-bottom: 0px;
}

.section-about .slide-prev {
    left: 0px;
    transform: rotate(90deg);
}

.section-about .slide-next {
    right: 0px;
    transform: rotate(-90deg);
}

.section-about .slide-prev,
.section-about .slide-next {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
}

.section-about .card-about .scroll-avatar-wrap {
    position: relative;
}

.section-about .card-about .card-avatar {
    position: relative;
    left: 0;
    -webkit-transition: all .02s linear;
    -o-transition: all .02s linear;
    transition: all .02s linear;
}

.card-about-inner .card-about-inner__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 37px;
}

.card-about-inner__body {
    width: calc(100% - 180px);
    padding-left: 70px;
}

.card-about-inner .card-avatar .avatar {
    border-radius: 50%;
    width: 180px;
    height: 180px;
    background-color: #E8E6E3;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.card-about-inner .card-name {
    padding-top: 0px;
    padding-left: 26px;
    width: 100%;
    margin-bottom: 25px;
}

.card-about-inner .card-name .name {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 8px;
}

.card-about-inner .card-name .sub {
    color: #7a7c7d;
    font-size: 16px;
    line-height: 1.26;
    margin-bottom: 0;
}

.card-about-inner .card-descr {
    position: relative;
    padding-left: 18px;
    font-size: 17px;
    line-height: 1.56;
    margin-bottom: 0;
    font-style: italic;
    font-weight: 400;
    z-index: 20;
}

.card-about-inner .card-descr span {
    position: relative;
    z-index: 40;
}

.card-about-inner .card-descr:before,
.card-about-inner .card-descr:after {
    position: absolute;
    z-index: 10;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 50px;
    color: #F3F3F3;
}

.card-about-inner .card-descr:before {
    content: "\e910";
    left: -20px;
    top: -20px;
}

.card-about-inner .card-descr:after {
    content: "\e911";
    right: -20px;
    bottom: -20px;
}

@media (max-width: 1199px) {
    .card-about-inner .card-descr:before,
    .card-about-inner .card-descr:after {
        font-size: 30px;
    }
}

@media (max-width: 991px) {
    .section-about .card-about .card-avatar .descr:before,
    .section-about .card-about .card-avatar .descr:after {
        opacity: 0.3;
    }
}

.section-about .card-about .card-content {
    position: relative;
    min-height: 100%;
    padding: 0 95px 0 45px;
}

.section-about .card-about .card-content:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #F5EAE1;
}

.section-about .card-about .card-content h2.section-title {
    margin-bottom: 25px;
}

.content-text {
    font-size: 18px;
    line-height: 1.556;
}

.section-about .card-about .card-content p,
.section-about .card-about .card-content li,
.section-about h3 {
    margin-bottom: 20px;
}

.section-about .card-about .card-content ul {
    padding-left: 20px;
}

.section-about .card-about .card-content ul li {
    list-style: disc;
    margin-bottom: 20px;
}

.section-about .descr-prime {
    font-size: 24px;
    color: rgb(152, 107, 77);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.4;
    margin-bottom: 70px;
}

.block-cycle {
    width: 100%;
    padding: 10px 0 65px;
}

.block-cycle .cycle-ell {
    position: relative;
}

.block-cycle .cycle-ell .cycle-ell__cont {
    width: 100%;
    max-width: 310px;
    margin: 0 auto;
}

.block-cycle .cycle-ell .cycle-dots {
    position: absolute;
    top: 160px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #EFECE9;
}

.block-cycle .cycle-ell .cycle-dots--left-1 {
    left: 5px;
}

.block-cycle .cycle-ell .cycle-dots--left-2 {
    left: 15%;
}

.block-cycle .cycle-ell .cycle-dots--right-1 {
    right: 5px;
}

.block-cycle .cycle-ell .cycle-dots--right-2 {
    right: 15%;
}

.block-cycle .cycle-ell .cycle-ell__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 140px;
}

.block-cycle .cycle-ell .cycle-ell__icon .cycle-ell__img {
    display: block;
    width: 100px;
    height: auto;
}

.block-cycle .cycle-ell .cycle-ell__name {
    width: 100%;
    max-width: 152px;
    margin: 0 auto 30px;
    padding: 12px 12px;
    color: #e44934;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    background-color: #EFECE9;
    border-radius: 6px;
}

.block-cycle .cycle-ell .cycle-ell__text {
    font-size: 18px;
    color: rgb(117, 117, 117);
    line-height: 1.5;
    text-align: center;
    margin-bottom: 0;
}

@media (max-width: 1023px) {
    .card-about-inner {
        padding: 45px 30px 30px;
    }
    .content-text,
    .vacancies-text,
    .vacancies-list {
        font-size: 16px;
    }
    .card-avatar-content {
        padding-left: 30px;
    }
}

@media (max-width: 767px) {
    .card-about {
        margin-top: -60px;
        margin-bottom: 20px;
    }
    .card-about-inner {
        padding: 40px 20px 38px;
    }
    .section-about .card-about {
        padding-bottom: 35px;
    }
    .card-about-inner .card-about-inner__header {
        display: block;
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
    }
    .card-about-inner .card-avatar .avatar {
        margin: 0 auto;
    }
    .card-about-inner__body {
        width: 100%;
        padding-left: 0px;
    }
    .card-about-inner .card-name {
        padding-top: 30px;
        padding-left: 0;
    }
    .card-about-inner .card-name .name {
        font-size: 20px;
        text-align: center;
    }
    .card-about-inner .card-name .sub {
        font-size: 14px;
        text-align: center;
    }
    .card-about-inner .card-descr {
        padding-left: 0;
        font-size: 16px;
        line-height: 1.5;
    }
    .card-about-inner .card-descr span {
        position: relative;
        z-index: 40;
    }
    .card-about-inner .card-descr:before,
    .card-about-inner .card-descr:after {
        position: absolute;
        z-index: 10;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 50px;
        color: #F3F3F3;
    }
    .card-about-inner .card-descr:before {
        content: "\e910";
        left: -20px;
        top: -20px;
    }
    .card-about-inner .card-descr:after {
        content: "\e911";
        right: -20px;
        bottom: -20px;
    }
    .section-about .descr-prime {
        font-size: 21px;
    }
}


/* section-mentor */

.section-mentor {
    position: relative;
    padding-top: 190px;
    padding-bottom: 60px;
    z-index: 20;
}


/* section-strategy */

.strategy-block {
    padding-top: 60px;
}

.strategy-block .block-logo {
    position: relative;
    padding-left: 140px;
    margin-bottom: 50px;
}

.strategy-block .block-logo img {
    width: auto;
    height: 116px;
}

.strategy-block .block-logo img.arr-logo {
    position: absolute;
    left: 0;
    top: 0;
}

.strategy-block p {
    margin-bottom: 40px;
}

.strategy-block .btn {
    -webkit-box-shadow: 0px 8px 16px 0px rgba(75, 46, 20, 0.4);
    box-shadow: 0px 8px 16px 0px rgba(75, 46, 20, 0.4);
}

@media (max-width: 767px) {
    .strategy-block {
        padding-top: 40px;
    }
    .strategy-block .block-logo {
        padding-left: 0px;
        margin-bottom: 30px;
    }
    .strategy-block .block-logo img {
        width: auto;
        height: 80px;
    }
    .strategy-block .block-logo img.arr-logo {
        display: none;
    }
}


/* section-components */

.section-components {
    padding: 174px 0 80px;
}

.section-components .section-title {
    margin-bottom: 30px;
}

.section-components .section-components__text {
    font-size: 21px;
    line-height: 1.35;
}

.section-components .btn-prime {
    margin: 0 auto;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(75, 46, 20, 0.4);
    box-shadow: 0px 8px 16px 0px rgba(75, 46, 20, 0.4);
}

.components-block {
    position: relative;
    padding-left: 125px;
    margin-bottom: 70px;
    max-width: 480px;
}

.components-block .components__num {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 200px;
    color: rgba(216, 176, 140, 0.38);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 140px;
}

.components-block .components__content .components__name {
    font-size: 24px;
    color: rgb(216, 176, 140);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.6;
}

.components-block .components__content .components__name span {
    border-bottom: 6px solid #E44934;
}

.components-block .components__content .components__text {
    font-size: 18px;
    color: rgb(33, 36, 38);
    line-height: 1.5;
    margin-bottom: 0;
}

@media (max-width: 1023px) {
    .components-block {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .section-components {
        padding: 220px 0 80px;
    }
    .section-components .section-title {
        margin-bottom: 50px;
    }
    .components-block {
        padding-left: 70px;
        margin-bottom: 50px;
    }
    .components-block .components__num {
        font-size: 100px;
        line-height: 80px;
    }
    .components-block .components__content .components__name {
        font-size: 20px;
        line-height: 1.4;
    }
    .components-block .components__content .components__name span {
        border-bottom: none;
    }
    .components-block .components__content .components__text {
        font-size: 16px;
        line-height: 1.4;
    }
}

@media (max-width: 460px) {
    .components-block {
        padding-left: 60px;
    }
    .components-block .components__num {
        font-size: 80px;
        line-height: 60px;
    }
    .components-block .components__content .components__name {
        font-size: 20px;
        line-height: 1.4;
    }
    .components-block .components__content .components__name span {
        border-bottom: none;
    }
    .components-block .components__content .components__text {
        font-size: 16px;
        line-height: 1.4;
    }
}


/*============== Section end ==============*/


/*======= proposed-card =======*/

.card-side-sr {
    padding: 30px 28px;
    background-color: #FAFAFC;
}

.card-side-sr .name {
    color: #535353;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.card-side-sr .link {
    color: #18a2c2;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.286;
}

.card-side-sr .link:hover {
    color: #262c6c;
}


/*======= proposed-card =======*/

.proposed-card {
    position: relative;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    width: 100%;
    background-color: #F3F3F6;
    overflow: hidden;
}

.proposed-card__icon {
    position: absolute;
    left: 50%;
    top: 5%;
    height: 90%;
    width: auto;
    opacity: .1;
    z-index: 15;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.proposed-card__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .95;
    background-color: #18a2c2;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    z-index: 10;
}

.proposed-card__body {
    position: relative;
    padding: 135px 40px 40px;
    min-height: 330px;
    z-index: 20;
}

.proposed-card__body .name {
    position: absolute;
    left: 0px;
    top: 55px;
    padding: 0 40px;
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1.5;
    margin-bottom: 40px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.proposed-card__body .btn-border-sub {
    display: block;
    color: #ffffff;
    border: 2px solid #ffffff;
    margin-bottom: 15px;
    max-width: 100%;
}

.proposed-card__body .btn-border-prime {
    display: block;
    color: #262c6c;
    border: 2px solid #262c6c;
    margin-bottom: 15px;
    max-width: 100%;
}

.proposed-card:hover .proposed-card__icon {
    opacity: 1;
}

.proposed-card:hover .proposed-card__bg {
    opacity: 0;
}

.proposed-card:hover .proposed-card__body .name {
    color: #212426;
}

.proposed-card:hover .proposed-card__body .btn-border-sub {
    color: #18a2c2;
    border: 2px solid #18a2c2;
}

.proposed-card:hover .proposed-card__body .btn-border-sub:hover {
    color: #ffffff;
    background-color: #18a2c2;
}

.proposed-card:hover .proposed-card__body .btn-border-prime {
    color: #262c6c;
    border: 2px solid #262c6c;
}

.proposed-card:hover .proposed-card__body .btn-border-prime:hover {
    color: #ffffff;
    background-color: #262c6c;
}

@media (max-width: 767px) {
    .proposed-card__body {
        position: relative;
        padding: 140px 20px 40px;
        z-index: 20;
    }
    .proposed-card__body .name {
        top: 45px;
        padding: 0 20px;
    }
}


/*============== Pages ==============*/

.page-lk {
    padding: 72px 0 70px;
    background-color: #EFECE9;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: auto;
}

@media (max-width: 767px) {
    .page-lk {
        min-height: auto;
    }
}

.page-gr {
    padding: 72px 0 70px;
    background-color: #EFECE9;
}


/*============== Components libs fix ==============*/


/* modal */

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.md-content {
    color: inherit;
    background: #ffffff;
    position: relative;
    border-radius: 3px;
    margin: 0 auto;
}


/* tabs */

#tabs_container {
    padding: 0px;
    overflow: hidden;
    position: relative;
    background: inherit;
}


/*============== Components custom ==============*/

.modal {
    display: block !important;
    visibility: hidden;
}

.modal.fade {
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.modal.fade.in {
    visibility: visible;
}

.modal-content {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* autorization-block */

#modalLogIn {
    padding-right: 0 !important;
}

#modalLogIn .modal-dialog {
    width: 100%;
    max-width: 764px;
}

#modalLogIn.md-show .tabs-card.active {
    visibility: visible !important;
}

#modalLogIn .wind-close {
    position: absolute;
    top: 0;
    right: -50px;
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
    float: right;
    padding: 10px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

#modalLogIn .autorization-block {
    padding: 0;
}

#modalLogIn .autorization-block .tabs-card {
    padding: 72px 0 40px;
}

#modalLogIn .autorization-block .blok-content {
    padding: 0 70px;
}

#modalLogIn .autorization-block .autorization-tabs .tabs-nav {
    display: table;
    width: 100%;
    padding: 0;
}

#modalLogIn .autorization-block .autorization-tabs .tabs-nav li {
    float: left;
    width: 50%;
    padding: 0;
}

#modalLogIn .autorization-block .autorization-tabs .tabs-nav li a {
    display: block;
    padding: 24px 10px 22px;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    background-color: #98694c;
}

#modalLogIn .autorization-block .autorization-tabs .tabs-nav li a:hover {
    background-color: #6e4c37;
}

#modalLogIn .autorization-block .autorization-tabs .tabs-nav li a.active {
    color: #2d2e2f;
    background-color: #ffffff;
    cursor: default;
}

#modalLogIn .autorization-block .autorization-tabs .tabs-nav li a.active:hover {
    background-color: #ffffff;
}

#modalLogIn .autorization-block .autorization-footer {
    background-color: #F4F6FA;
}

#modalLogIn .autorization-block .autorization-footer .log-in-esia {
    position: relative;
    padding: 30px 180px 30px 0;
}

#modalLogIn .autorization-block .autorization-footer .log-in-esia p {
    font-size: 15px;
    color: #9ea1a4;
    line-height: 1.2;
    margin-bottom: 5px;
}

#modalLogIn .autorization-block .autorization-footer .log-in-esia p.name {
    font-size: 18px;
    color: #212426;
    font-weight: 700;
    line-height: 1;
}

#modalLogIn .autorization-block .autorization-footer .log-in-esia .esia-btn {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 140px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 700;
    line-height: 56px;
    text-align: center;
    color: #98694c;
    border-radius: 2px;
    border: 1px solid #98694c;
}

#modalLogIn .autorization-block .autorization-footer .log-in-esia .esia-btn:hover {
    color: #ffffff;
    background-color: #6e4c37;
    border: 1px solid #6e4c37;
}

#modalLogIn .autorization-block #log-in .btn {
    margin: 10px auto 15px;
    max-width: 300px;
}

#modalLogIn .autorization-block #log-in .forgot-pass {
    margin-top: 3px;
    float: right;
    font-size: 15px;
    color: #9ea1a4;
    line-height: 1.2;
    cursor: pointer;
}

#modalLogIn .autorization-block #log-in .forgot-pass:hover {
    color: #98694c;
}

#modalLogIn .autorization-block #log-in .loader {
    display: none;
    text-align: center;
}

#modalLogIn .autorization-block #log-in .loader img {
    margin: 0 auto;
    width: 78px;
    height: auto;
    vertical-align: text-bottom;
}

#modalLogIn .autorization-block #registration.tabs-card {
    padding: 36px 0 10px;
}

#modalLogIn .autorization-block #registration .reg-message {
    padding: 30px 0;
}

#modalLogIn .autorization-block #registration .reg-step-head {
    position: relative;
}

#modalLogIn .autorization-block #registration .reg-step-head p {
    font-size: 16px;
    font-weight: bold;
    color: #212426;
}

#modalLogIn .autorization-block #registration .reg-step-head .reg-step {
    display: inline-block;
    float: right;
    font-size: 16px;
    color: rgba(137, 144, 153, 0.6);
    text-transform: uppercase;
    margin-bottom: 10px;
}

#modalLogIn .autorization-block #registration #reg-step-2 .reg-step-head {
    margin-bottom: 60px;
}

#modalLogIn .autorization-block #registration #reg-step-2 .step-fix {
    height: 30px;
}

#modalLogIn .autorization-block #registration .link-back {
    display: inline-block;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 700;
    color: #98694c;
}

#modalLogIn .autorization-block #registration .link-back:hover {
    color: #6e4c37;
}

#modalLogIn .autorization-block #registration .btn {
    margin: 10px auto 30px;
    max-width: 300px;
}

#modalLogIn .autorization-block #registration .faild-wrap label svg {
    z-index: 200;
}

#modalLogIn .autorization-block #registration .faild-wrap label input[type="checkbox"] {
    opacity: 1 !important;
    background-color: #f4f6fa !important;
    border-radius: 2px !important;
    margin: 0;
    outline: none;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

#modalLogIn .autorization-block #registration .faild-wrap label input[type="checkbox"]:focus {
    outline: none;
}

#modalLogIn .autorization-block #registration .faild-wrap label input[type="checkbox"]:checked {
    background-color: #98694c !important;
    outline: none;
}

#modalLogIn .autorization-block #registration .loader {
    display: none;
    text-align: center;
}

#modalLogIn .autorization-block #registration .loader img {
    margin: 0 auto;
    width: 78px;
    height: auto;
    vertical-align: text-bottom;
}

.modal-familiarization .modal-dialog {
    width: 100%;
    max-width: 754px;
}

.modal-familiarization .modal-dialog {
    background-color: #ffffff;
}

.modal-familiarization .familiarization-block {
    background-image: url('../img/modal_bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.modal-familiarization .familiarization-block .block-head {
    position: relative;
    padding: 36px 60px 40px;
    background-color: rgba(239, 236, 233, .3);
    font-size: 36px;
    font-weight: 700;
}

.modal-familiarization .familiarization-block .wind-close {
    position: absolute;
    right: 60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    color: #B1A9A2;
    cursor: pointer;
}

.familiarization-slider .slider-ell,
.familiarization-slider .slider-ell:hover,
.familiarization-slider .slider-ell:focus {
    outline: none;
}

.familiarization-slider .slider-ell .ell__icon-wrap {
    position: relative;
    margin: 20px auto -26px;
    width: 200px;
    height: 200px;
    background-color: #E2C6AD;
    background-clip: content-box;
    border-radius: 50%;
    border: 40px solid rgba(247, 245, 244, 0.6);
    z-index: 10;
}

.familiarization-slider .slider-ell .ell__icon-wrap .ell__img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px !important;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.familiarization-slider .slider-ell .ell__icon-wrap .step-icon-0 {
    background-image: url(../img/user.svg);
}

.familiarization-slider .slider-ell .ell__icon-wrap .step-icon-1 {
    background-image: url(../img/step_1.svg);
}

.familiarization-slider .slider-ell .ell__icon-wrap .step-icon-2 {
    background-image: url(../img/step_2.svg);
}

.familiarization-slider .slider-ell .ell__icon-wrap .step-icon-3 {
    background-image: url(../img/step_3.svg);
}

.familiarization-slider .slider-ell .ell__icon-wrap .step-icon-4 {
    background-image: url(../img/step_4.svg);
}

.familiarization-slider .slider-ell .ell__icon-wrap .step-icon-5 {
    background-image: url(../img/step_5.svg);
}

.familiarization-slider .slider-ell .ell__icon-wrap .ell__num {
    position: absolute;
    top: -20px;
    left: -46px;
    width: 42px;
    height: 42px;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    line-height: 42px;
    border-radius: 50%;
    background-color: rgb(255, 23, 68);
    -webkit-box-shadow: 0px 12px 18px 4px rgba(104, 65, 40, 0.2);
    box-shadow: 0px 12px 18px 4px rgba(104, 65, 40, 0.2);
}

.familiarization-slider .slider-ell .ell__content {
    position: relative;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    z-index: 20;
}

.familiarization-slider .slider-ell .ell__content .ell__name {
    font-size: 24px;
    font-weight: 700;
}

.familiarization-slider .slider-ell .ell__content .ell__descr {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 30px;
}

.familiarization-slider .slider-ell .ell__content .ell__descr-sm {
    font-size: 14px;
}

.familiarization-slider .slider-ell .ell__content .ell__date {
    font-size: 16px;
    line-height: 1;
    color: #d8b08c;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.familiarization-slider .slider-ell .ell__content .ell__date span {
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid #d8b08c;
    border-radius: 4px;
}

.familiarization-slider .slider-ell .ell__content .btn {
    margin: 0 auto 20px;
}

.familiarization-slider .slick-dots {
    text-align: center;
}

.familiarization-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 14px;
}

.familiarization-slider .slick-dots li button {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    padding: 0;
    border-radius: 50%;
    border: none;
    background-color: #F0E1D3;
    font-size: 0;
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
}

.familiarization-slider .slick-dots li button,
.familiarization-slider .slick-dots li button:focus,
.familiarization-slider .slick-dots li button:hover {
    outline: none;
}

.familiarization-slider .slick-dots li.slick-active button {
    width: 10px;
    height: 10px;
    background-color: #D8B08C;
}

.modal-familiarization .familiarization-block .block-content {
    position: relative;
    padding-bottom: 45px;
}

.familiarization-block .slider-control .control-arrow {
    position: absolute;
    top: 175px;
    width: 68px;
    height: 68px;
    background-color: #F0E1D3;
    border-radius: 50%;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
}

.familiarization-block .slider-control .control-arrow.slick-disabled {
    visibility: hidden !important;
}

.modal-familiarization .familiarization-block .block-content:hover .slider-control .control-arrow {
    visibility: visible;
    opacity: 1;
}

.familiarization-block .slider-control .fam-slide-prew {
    left: 35px;
}

.familiarization-block .slider-control .fam-slide-next {
    right: 35px;
}

.familiarization-block .slider-control .control-arrow img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: 26px;
}

@media (max-width: 991px) {
    #modalLogIn .wind-close {
        position: static;
        border: none;
        display: block;
        color: #212426;
        margin-right: 10px;
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .modal-content {
        height: 100%;
    }
    #modalLogIn .modal-dialog {
        margin: 0;
        width: 100%;
        min-height: 100%;
        background-color: #ffffff;
    }
    #modalLogIn .md-content {
        overflow: auto;
        height: 100vh;
        width: 100vw;
        border-radius: 0;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
    #modalLogIn.md-show {
        width: 100%;
    }
    #modalLogIn .autorization-block .tabs-card {
        padding: 40px 0;
    }
    #modalLogIn .autorization-block .blok-content {
        padding: 0 15px;
    }
    #modalLogIn .autorization-block .autorization-tabs .tabs-nav li {
        float: none;
        width: 100%;
        padding: 0;
    }
    #modalLogIn .autorization-block .autorization-tabs .tabs-nav li a {
        display: block;
        padding: 20px 10px 20px;
    }
    #modalLogIn .autorization-block .autorization-tabs .tabs-nav li a.active {
        color: #2d2e2f;
        background-color: #F4F6FA;
        cursor: default;
    }
    #modalLogIn .autorization-block .autorization-tabs .tabs-nav li a.active:hover {
        background-color: #F4F6FA;
    }
    #modalLogIn .autorization-block .autorization-footer .log-in-esia {
        padding: 30px 0px 90px 0;
    }
    #modalLogIn .autorization-block .autorization-footer .log-in-esia .esia-btn {
        display: block;
        position: static;
        right: auto;
        top: auto;
        width: 140px;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        margin-top: 20px;
    }
    #modalLogIn .autorization-block #registration .reg-step-head .reg-step {
        float: none;
    }
    #modalLogIn .autorization-block #registration .link-back {
        margin-top: 0;
        margin-bottom: 20px;
        font-size: 16px;
    }
    #modalLogIn .autorization-block #registration .btn {
        margin: 10px auto 30px;
        max-width: 320px;
    }
    .modal-familiarization {
        padding: 0 !important;
    }
    .modal-familiarization .modal-dialog {
        margin: 0;
        min-height: 100%;
        background-color: #A76B4A;
    }
    .modal-familiarization .modal-content {
        background-color: #A76B4A;
    }
    .modal-familiarization .familiarization-block {
        background-image: url('../img/modal_bg.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .modal-familiarization .familiarization-block .block-head {
        position: relative;
        padding: 30px 28px 30px;
        background-color: inherit;
        font-size: 16px;
        color: rgb(216, 176, 140);
        text-transform: uppercase;
    }
    .modal-familiarization .familiarization-block .wind-close {
        right: 28px;
        font-size: 18px;
        color: #ffffff;
    }
    .familiarization-slider .slider-ell .ell__icon-wrap {
        margin: 5px auto 20px;
        background-color: #F8F6F5;
        border: 40px solid rgba(216, 176, 140, 0.1);
        z-index: 10;
    }
    .familiarization-slider .slider-ell .ell__icon-wrap .step-icon-0 {
        background-image: url(../img/user_m.svg);
    }
    .familiarization-slider .slider-ell .ell__icon-wrap .step-icon-1 {
        background-image: url(../img/step_1m.svg);
    }
    .familiarization-slider .slider-ell .ell__icon-wrap .step-icon-2 {
        background-image: url(../img/step_2m.svg);
    }
    .familiarization-slider .slider-ell .ell__icon-wrap .step-icon-3 {
        background-image: url(../img/step_3m.svg);
    }
    .familiarization-slider .slider-ell .ell__icon-wrap .step-icon-4 {
        background-image: url(../img/step_4m.svg);
    }
    .familiarization-slider .slider-ell .ell__icon-wrap .step-icon-5 {
        background-image: url(../img/step_5m.svg);
    }
    .familiarization-slider .slider-ell .ell__icon-wrap .ell__num {
        top: -8px;
        left: -52px;
    }
    .familiarization-slider .slider-ell .ell__content {
        text-align: left;
        font-size: #ffffff;
        max-width: 100%;
        padding: 0 28px;
    }
    .familiarization-slider .slider-ell .ell__content .ell__name {
        font-size: 24px;
        color: #ffffff;
    }
    .familiarization-slider .slider-ell .ell__content .ell__descr {
        font-size: 16px;
        color: #ffffff;
        line-height: 1.4;
        margin-bottom: 20px;
    }
    .familiarization-slider .slider-ell .ell__content .ell__descr-sm {
        color: #ffffff;
        margin-bottom: 30px;
    }
    .familiarization-slider .slider-ell .ell__content .ell__date {
        font-size: 16px;
        line-height: 1;
        color: #ffffff;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 26px;
    }
    .familiarization-slider .slider-ell .ell__content .ell__date span {
        border: 1px solid #CAA492;
    }
    .familiarization-slider .slider-ell .ell__content .btn {
        margin: 0 auto 20px;
    }
    .familiarization-slider .slick-dots {
        text-align: center;
    }
    .familiarization-slider .slick-dots li {
        position: relative;
        display: inline-block;
        width: 6px;
        height: 6px;
        margin: 0 18px;
    }
    .familiarization-slider .slick-dots li button {
        background-color: #C39983;
    }
    .familiarization-slider .slick-dots li.slick-active button {
        width: 6px;
        height: 6px;
        background-color: #ffffff;
    }
    .modal-familiarization .familiarization-block .block-content {
        padding-bottom: 36px;
    }
    .familiarization-block .slider-control .control-arrow {
        display: none !important;
    }
}


/* recovery-password-block */

.recovery-password-block .block-head .head-content {
    padding: 36px 14px;
    background-image: url('../img/recovery-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.recovery-password-block .block-head .head-content h3 {
    color: #ffffff;
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;
}

.recovery-password-block .block-head .recovery-progress {
    position: relative;
    width: 100%;
    height: 7px;
    background-color: #EAE1DB;
}

.recovery-password-block .block-head .recovery-progress .progress-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background-color: #B99985;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

.recovery-password-block .block-body {
    padding: 46px 70px;
    background-color: #ffffff;
}

.recovery-password-block .block-body .btn {
    margin: 0 auto 28px;
}

.recovery-password-block .block-body .text-mail {
    color: #958b8b;
}

.recovery-password-block .block-body .text-suc {
    text-align: center;
    font-weight: 700;
    margin-bottom: 40px;
}

.recovery-password-block .block-body .loader_rec {
    display: none;
    text-align: center;
}

.recovery-password-block .block-body .loader_rec img {
    margin: 0 auto;
    width: 78px;
    height: auto;
    vertical-align: text-bottom;
}

.recovery-password-block .block-body .btn-wrap {
    text-align: center;
}

.recovery-password-block .block-body .btn-wrap .btn {
    display: inline-block;
}

@media (max-width: 767px) {
    .recovery-password-block .block-head {
        padding-top: 40px;
    }
    .recovery-password-block .block-head .head-content {
        padding: 26px 14px;
    }
    .recovery-password-block .block-head .head-content h3 {
        font-size: 18px;
    }
    .recovery-password-block .block-body {
        padding: 40px 14px;
    }
}

.preview-content {
    margin-bottom: 50px;
}

.preview-content .sm-text {
    font-size: 14px;
    color: #899099;
}


/* base-form */

.base-form .faild-wrap {
    position: relative;
    margin-bottom: 30px;
}

.lable-top {
    font-size: 16px;
    font-weight: 700;
    color: #212426;
    margin-bottom: 10px;
}

.base-form .input {
    margin: 0;
    width: 100%;
    max-width: 100%;
}

.base-form .input--juro,
.base-form .select--juro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    background-color: #F4F6FA;
    border: 1px solid #F4F6FA;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.base-form .select--juro .chosen-container-single .chosen-single {
    padding: 3px 40px 11px 18px;
    background-color: initial;
    border: none;
}

.base-form .select--juro .chosen-container-single .chosen-single div {
    top: 3px;
}

.base-form .input--juro.input--filled,
.base-form .select--juro.input--filled {
    background-color: #ffffff;
}

.base-form .input__label--juro::before {
    content: none;
}

.base-form .input__field--juro {
    position: relative;
    color: #212426;
    font-weight: 400;
    padding: 0px 18px 8px;
    height: 30px;
    margin: 0;
    width: 100%;
}

.base-form .input-icon .input__field--juro {
    padding-right: 40px;
}

.base-form .input__label {
    font-size: 16px;
    color: #899099;
    font-weight: 400;
    line-height: 1em;
}

.base-form .input__label--juro {
    padding: 15px 18px 5px;
    font-size: 14px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.base-form .input__field--juro {
    font-size: 16px;
}

.base-form .input__label-content--juro {
    padding: 0;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform-origin: 0%;
    -ms-transform-origin: 0%;
    transform-origin: 0%;
}

.base-form .input--filled .input__label--juro {
    background-color: #FFFFFF;
    z-index: 200;
}

.base-form .input__field--juro:not([readonly="readonly"]):focus+.input__label--juro::before,
.base-form .input--filled .input__label--juro::before {
    content: none;
    border-width: 1px;
    border-color: #F4F6FA;
    border-top-width: 1px;
}

.base-form .input__field--juro:not([readonly="readonly"]):focus+.input__label--juro,
.base-form .input--filled .input__label--juro {
    padding: 15px 18px 5px;
}

.base-form .input__field--juro:not([readonly="readonly"]):focus+.input__label--juro,
.base-form .input--filled .input__label--juro {
    color: #899099;
    font-size: 14px;
}

.base-form .input__field--juro:not([readonly="readonly"]):focus+.input__label--juro .input__label-content--juro,
.base-form .input--filled .input__label--juro .input__label-content--juro {
    color: #899099;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

.base-form textarea.input__field--juro {
    height: 66px;
}

.base-form textarea.input__field--juro.textarea-simple {
    height: 120px;
}

.base-form textarea.input__field--juro+.input__label {
    padding-bottom: 5px;
}

.base-form textarea.input__field--juro {
    padding: 8px 18px 8px;
    height: 34px;
}

.base-form textarea.input__field--juro+.input__label--juro {
    position: static;
}

.base-form textarea.input__field--juro:not([readonly="readonly"]):focus+.input__label--juro,
.base-form textarea.input__field--juro+.input__label--juro {
    height: auto;
}

.base-form .help-block {
    display: none;
    width: 100%;
    margin: 0;
    padding: 15px 18px 5px;
    font-size: 14px;
    color: #c62828 !important;
    font-weight: 400;
    line-height: 1em;
    white-space: nowrap;
}

.base-form .faild-wrap.has-error .help-block {
    white-space: normal;
    position: relative;
}

.base-form .input--filled .help-block {
    width: 100%;
    font-size: 14px;
    padding: 15px 18px 5px;
}

.base-form .has-error .input {
    border-bottom: 1px solid #c62828;
}

.base-form .has-error .input__label--juro {
    display: none;
}

.base-form .has-error .input .help-block {
    display: block;
    z-index: 250;
}

.base-form .file-load .help-block {
    display: none;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #c62828 !important;
    font-weight: 400;
    line-height: 1em;
    white-space: normal;
}

.base-form .has-error .file-load .help-block {
    display: block;
    z-index: 20;
}

.base-form .has-error .file-load .file-load__cont .file-load__load {
    border: 1px solid #c62828;
}

.base-form .ac-custom {
    padding: 0;
    padding-left: 40px;
    margin-top: 15px;
}

.base-form .ac-custom label {
    font-size: 15px;
    line-height: 1.2;
    color: #9ea1a4;
    height: auto;
    display: inline-block;
    cursor: pointer;
    font-weight: 400;
}

.base-form .ac-custom input[type="checkbox"],
.base-form .ac-custom input[type="radio"],
.base-form .ac-custom label::before {
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    margin-top: 0;
    position: absolute;
    cursor: pointer;
    border-radius: 2px;
    background-color: #f4f6fa;
}

.base-form .ac-custom label::before {
    content: '';
    border: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.base-form .ac-custom input[type="checkbox"]:checked+label::before,
.base-form .ac-custom input[type="radio"]:checked+label::before {
    opacity: 1;
    background-color: #D8B08C;
}

.base-form .ac-custom input[type="radio"]+label::after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0px;
    top: 0px;
    border-radius: 50%;
    background-color: #f4f6fa;
    z-index: 10;
}

.base-form .ac-custom input[type="radio"]+label::before {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    left: 7px;
    top: 7px;
    z-index: 20;
}

.base-form .ac-custom svg {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 3px;
    margin-top: 1px;
    left: 4px;
    pointer-events: none;
}

.base-form .ac-custom svg path {
    stroke: #ffffff;
    stroke-width: 13px;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.base-form .has-error.ac-custom label {
    color: #c62828;
}

.base-form .helper {
    font-size: 14px;
    color: #9ea1a4;
}

.base-form .faid-icon {
    position: absolute;
    top: 50%;
    right: 18px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #C2C8D6;
    cursor: pointer;
    z-index: 300;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.base-form .faid-icon.icon-calendar {
    font-size: 20px;
}

.base-form .faid-icon:hover {
    color: #212426;
}

.base-form .faid-icon.icon-show {
    font-size: 20px;
}

.base-form .faid-icon.icon-show.shown {
    color: #98694c;
}

.base-form .faid-icon.icon-show.shown:hover {
    color: #6e4c37;
}

.base-form .faid-icon.icon-redact.active {
    color: #2ecc8f;
}

.base-form .faid-icon.icon-redact.active:hover {
    color: #13B174;
}

.chosen-container-multi:focus {
    outline: none;
}

.chosen-container-multi .chosen-choices {
    position: relative;
    display: block;
    padding: 12px 40px 12px 18px;
    border-radius: 2px;
    background: inherit;
    color: #212426;
    background-color: #F4F6FA;
    border: 1px solid #F4F6FA;
}

.has-error .chosen-container-multi .chosen-choices {
    border-bottom: 1px solid #c62828;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    padding: 8px 0;
    margin: 3px;
    height: auto;
    border: none;
    color: #212426;
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"].default {
    color: #899099;
}

.chosen-container-multi .chosen-choices li.search-choice {
    padding: 8px 28px 8px 8px;
    color: #212426;
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #F4F6FA;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 50%;
    right: 8px;
    display: block;
    width: auto;
    height: auto;
    background: inherit;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 11px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
    content: "\e908";
}

.chosen-container-multi .chosen-choices:before {
    content: "\e90f";
    position: absolute;
    right: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
    height: auto;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    color: #899099;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
}

.chosen-container-multi.chosen-with-drop .chosen-choices {
    background-color: #FFFFFF;
    border: 1px solid #F4F6FA;
}

.chosen-container-multi.chosen-with-drop .chosen-choices:before {
    -webkit-transform: translateY(-50%) rotateX(180deg);
    transform: translateY(-50%) rotateX(180deg);
}

.chosen-container-multi .chosen-drop {
    border: 1px solid #F4F6FA;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

.chosen-container-multi .chosen-drop .chosen-results li {
    padding: 17px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1em;
    color: #212426;
    border-top: 1px solid #F4F6FA;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.chosen-container-multi .chosen-drop .chosen-results li:hover {
    background: none;
    background-color: #D8B08C;
    color: #ffffff;
}

.chosen-container-multi .chosen-drop .chosen-results li.result-selected {
    background-color: #ffffff;
    color: #989898;
    cursor: default;
}

.chosen-container-multi .chosen-drop .chosen-results li.result-selected:hover {
    background-color: #ffffff;
    color: #989898;
    cursor: default;
}

.chosen-container-single:focus {
    outline: none;
}

.chosen-container-single .chosen-search input[type="text"] {
    display: none;
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    height: auto;
    padding: 25px 40px 25px 18px;
    border-radius: 2px;
    background: inherit;
    color: #212426;
    background-color: #FFFFFF;
    border: 1px solid #F4F6FA;
    white-space: normal;
}

.has-error .chosen-container-single .chosen-single {
    border-bottom: 1px solid #c62828;
}

.chosen-container-single .chosen-single.chosen-default {
    color: #899099;
    background-color: #F4F6FA;
}

.chosen-container-single .chosen-single span {
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
    white-space: normal;
    margin-right: 0;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    right: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
    height: auto;
}

.chosen-container-single .chosen-single div b {
    width: auto;
    height: auto;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    color: #899099;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
}

.chosen-container-single .chosen-single div b:before {
    content: "\e915";
}

.chosen-container-single.chosen-container-active .chosen-single {
    background-color: #ffffff;
    border: 1px solid #F4F6FA;
}

.chosen-container-single.chosen-with-drop .chosen-single div b {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.chosen-container-single .chosen-drop {
    border: 1px solid #F4F6FA;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

.chosen-container-single .chosen-drop .chosen-results li {
    padding: 17px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1em;
    color: #212426;
    border-top: 1px solid #F4F6FA;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.chosen-container-single .chosen-drop .chosen-results li:hover {
    background: none;
    background-color: #D8B08C;
    color: #ffffff;
}

.chosen-container-single .chosen-drop .chosen-results li.result-selected {
    background-color: #ffffff;
    color: #989898;
    cursor: default;
}

.chosen-container-single .chosen-drop .chosen-results li.result-selected:hover {
    background-color: #ffffff;
    color: #989898;
    cursor: default;
}

#errormessage-verifycode-image {
    position: absolute;
    right: 5px;
    top: 50%;
    height: 56px;
    width: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 300;
}

.faild-wrap.field-errormessage-verifycode.has-error .form-control,
.faild-wrap.field-errormessage-verifycode .form-control {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 767px) {
    .faild-wrap.field-errormessage-verifycode {
        margin-top: 70px;
    }
    .faild-wrap.field-errormessage-verifycode .input--juro {
        overflow: visible;
    }
    #errormessage-verifycode-image {
        right: auto;
        left: 0px;
        top: -50px;
        height: 50px;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
    .base-form .faild-wrap {
        position: relative;
        margin-bottom: 25px;
    }
    .base-form .lable-top {
        font-size: 14px;
        font-weight: 700;
        color: #212426;
        margin-bottom: 10px;
    }
    .base-form .input {
        margin: 0;
        width: 100%;
        max-width: 100%;
    }
    .base-form .input-icon .input__field--juro {
        padding-right: 40px;
    }
    .base-form .input__field--juro {
        font-size: 14px;
        padding: 0px 10px 8px;
        height: 23px;
    }
    .base-form .select--juro .chosen-container-single .chosen-single {
        padding: 0px 10px 8px 10px;
        background-color: initial;
        border: none;
    }
    .base-form .select--juro .chosen-container-single .chosen-single div {
        display: none;
    }
    .base-form .input__label--juro {
        font-size: 14px;
        padding: 12px 10px 5px;
    }
    .base-form .input__field--juro:not([readonly="readonly"]):focus+.input__label--juro,
    .base-form .input--filled .input__label--juro {
        padding: 12px 10px 5px;
    }
    .base-form .help-block {
        padding: 12px 10px 5px;
    }
    .base-form .input--filled .help-block {
        padding: 12px 10px 5px;
    }
    .base-form .ac-custom label {
        font-size: 14px;
        padding: 3px 0;
    }
    .base-form .helper {
        font-size: 14px;
    }
    .base-form .faid-icon {
        position: absolute;
        top: 50%;
        right: 18px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #C2C8D6;
        cursor: pointer;
        z-index: 100;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }
    .base-form .faid-icon:hover {
        color: #212426;
    }
    .base-form .faid-icon.icon-show {
        font-size: 20px;
    }
    .base-form .faid-icon.icon-show.shown {
        color: #98694c;
    }
    .base-form .faid-icon.icon-show.shown:hover {
        color: #6e4c37;
    }
    .base-form .faid-icon.icon-redact.active {
        color: #2ecc8f;
    }
    .base-form .faid-icon.icon-redact.active:hover {
        color: #13B174;
    }
    .chosen-container-multi:focus {
        outline: none;
    }
    .chosen-container-multi .chosen-choices {
        position: relative;
        display: block;
        padding: 8px 40px 8px 18px;
        border-radius: 2px;
        background: inherit;
        color: #212426;
        background-color: #F4F6FA;
        border: 1px solid #F4F6FA;
    }
    .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
        padding: 8px 0;
        margin: 1px;
        height: auto;
        border: none;
        color: #212426;
        font-size: 14px;
        font-weight: 400;
        line-height: 1em;
    }
    .chosen-container-multi .chosen-choices li.search-field input[type="text"].default {
        color: #899099;
    }
    .chosen-container-multi .chosen-choices li.search-choice {
        padding: 8px 28px 8px 8px;
        font-size: 14px;
    }
    .chosen-container-multi .chosen-drop .chosen-results li {
        padding: 15px;
        font-size: 14px;
    }
    .chosen-container-single:focus {
        outline: none;
    }
    .chosen-container-single .chosen-single {
        padding: 20px 30px 20px 10px;
    }
    .chosen-container-single .chosen-single div {
        right: 10px;
    }
    .chosen-container-single .chosen-single.chosen-default {
        color: #899099;
        background-color: #F4F6FA;
    }
    .chosen-container-single .chosen-single span {
        font-size: 14px;
        font-weight: 400;
        line-height: 1em;
    }
    .chosen-container-single .chosen-drop .chosen-results {
        margin: 0;
        padding: 0;
    }
    .chosen-container-single .chosen-drop .chosen-results li {
        padding: 15px;
        font-size: 14px;
    }
    .base-form textarea.input__field--juro {
        padding: 8px 10px 8px;
    }
}

.file-debug {
    margin-bottom: 10px;
}

.input-file-block {
    padding: 10px;
    background-color: rgba(236, 240, 246, 0.6);
}

.input-file-block .input-file-wrap {
    position: relative;
    display: block;
    padding: 10px;
    border: 1px dashed #DCE1E9;
}

.input-file-block .input-file-wrap.has-error {
    border: 1px dashed #c62828;
    background-color: rgba(198, 85, 85, 0.35);
}

.input-file-block .input-file-wrap .help-block {
    padding: 15px 0 5px;
}

.base-form .input-file-block .input-file-wrap.has-error .help-block {
    display: block;
}

.base-form .input-file-block.input-file-block--resume .help-block {
    max-width: 260px;
    margin: 0 auto;
    padding-bottom: 0;
    white-space: normal;
    position: relative;
}

.input-file-block .input-file-wrap .upload-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 20;
    cursor: pointer;
}

.input-file-block .input-file-wrap .preview-wrap {
    position: relative;
    display: block;
    height: 126px;
    width: 100%;
    z-index: 40;
}

.input-file-block .input-file-wrap .preview-wrap .preview {
    position: absolute;
    left: 0;
    top: 0;
    width: 126px;
    height: 126px;
    z-index: 30;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;
}
.input-file-block .input-file-wrap .preview-wrap .file-lable:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 126px;
    height: 126px;
    background-color: #DCE0E9;
    transition: .5s linear;
}

.input-file-block .input-file-wrap .preview-wrap .file-lable:hover:before {
    background-color: #BFC2CA;
}

.input-file-block .input-file-wrap .preview-wrap .file-lable {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    z-index: 20;
    cursor: pointer;
}

.input-file-block .input-file-wrap .preview-wrap .file-lable .icon-plus {
    position: absolute;
    left: 43px;
    top: 50%;
    font-size: 40px;
    color: #ffffff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.input-file-block .input-file-wrap .preview-wrap .file-lable .icon-check {
    position: absolute;
    left: 43px;
    top: 50%;
    font-size: 40px;
    color: #ffffff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.input-file-block .input-file-wrap .info-defult {
    position: absolute;
    right: 0;
    top: 50%;
    width: calc(100% - 136px);
    padding: 10px 20px 10px 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.input-file-block .input-file-wrap .info-defult p {
    font-size: 16px;
    color: #899099;
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
}

.input-file-block .input-file-wrap .file-info {
    position: absolute;
    right: 0;
    top: 50%;
    width: calc(100% - 136px);
    padding: 10px 20px 10px 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 30;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.input-file-block .input-file-wrap .file-info .text-info {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 260px;
    margin: 0 auto 15px;
    font-size: 16px;
    padding-right: 40px;
}

.input-file-block .input-file-wrap .file-info .text-info .file-name {
    display: inline-block;
    margin-right: 5px;
    color: #98694c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.input-file-block .input-file-wrap .file-info .text-info .file-size {
    color: #899099;
    white-space: nowrap;
}

.input-file-block .input-file-wrap .file-info .text-info .clear-file {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    font-size: 10px;
    text-align: center;
    color: #ffffff;
    border: none;
    border-radius: 50%;
    background-color: #98694c;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer;
}

.input-file-block .input-file-wrap .file-info .text-info .clear-file i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.input-file-block .input-file-wrap .file-info .text-info .clear-file:hover {
    background-color: #6e4c37;
}

.input-file-block .input-file-wrap.active .preview-wrap .preview {
    opacity: 1;
    visibility: visible;
}

.input-file-block .input-file-wrap.active .file-info {
    visibility: visible;
    opacity: 1;
}

.input-file-block .input-file-wrap.active .info-defult {
    visibility: hidden;
    opacity: 0;
}

.input-file-block .input-file-wrap.active.fix-iphone .preview-wrap .preview {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.input-file-block .input-file-wrap.disabled .text-info {
    margin: 0 auto;
    padding-right: 0px;
    text-align: center;
}

.input-file-block .btn-change,
.input-file-block .btn-change-file {
    display: block;
    width: 100%;
    height: 48px;
    max-width: 260px;
    padding: 15px 10px;
    margin: 0 auto;
    border-radius: 2px;
    border: 1px solid #98694c;
    font-size: 16px;
    color: #98694c;
    font-weight: 700;
    line-height: 1em;
    text-align: center;
    background-color: inherit;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.input-file-block .btn-change:hover,
.input-file-block .btn-change-file:hover {
    color: #ffffff;
    background-color: #98694c;
}

@media (max-width: 767px) {
    .input-file-block .input-file-wrap .upload-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 20;
    }
    .input-file-block .input-file-wrap .preview-wrap {
        display: block;
        position: relative;
        height: auto;
        width: 100%;
        z-index: 40;
    }
    .input-file-block .input-file-wrap .preview-wrap .preview {
        position: static;
        margin: 0 auto;
    }
    .input-file-block .input-file-wrap .preview-wrap .file-lable:before {
        left: 50%;
        transform: translateX(-50%);
    }
    .input-file-block .input-file-wrap .preview-wrap .file-lable {
        display: flex;
        flex-direction: column;
        position: static;
    }
    .input-file-block .input-file-wrap .preview-wrap .file-lable .icon-plus {
        top: 43px;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .input-file-block .input-file-wrap .info-defult {
        position: static;
        left: auto;
        top: auto;
        width: 100%;
        padding: 10px 20px 10px 20px;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
    .input-file-block .input-file-wrap .file-info {
        display: none;
        position: static;
        left: auto;
        top: auto;
        width: 100%;
        padding: 10px 20px 10px 20px;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
    .input-file-block .input-file-wrap.active .file-info {
        display: block;
        padding: 10px;
        margin-top: 15px;
        visibility: visible;
        opacity: 1;
    }
    .input-file-block .input-file-wrap.active .info-defult {
        display: none;
        visibility: hidden;
        opacity: 0;
    }
    .input-file-block .btn-change {
        display: block;
        width: 100%;
        height: 48px;
        padding: 16px 5px;
        font-size: 13px;
    }
    .input-file-block .btn-change, .input-file-block .btn-change-file {
        padding: 15px 5px;
        font-size: 14px;
        white-space: nowrap;
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    display: none;
    border: 1px solid #F4F6FA;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-bottom-color: #F4F6FA;
}

.bootstrap-datetimepicker-widget table td.active {
    background-color: #E44934;
}

.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #D53A25;
}

.send-questionary-popup-wrap {
    display: block;
    position: relative;
    margin-bottom: 20px;
}

.send-questionary .btn {
    position: relative;
    max-width: 100%;
    margin-bottom: 0;
    z-index: 50;
}

.send-questionary-popup-wrap .btn[disabled] {
    z-index: 10;
}

.send-questionary-popup-wrap .send-questionary-popup {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
}

.send-questionary-popup-wrap .popover {
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    color: #E44934;
    border: 1px solid #dce1e9;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.send-questionary-popup-wrap .popover.top>.arrow {
    border-top-color: #dce1e9;
}

@media (max-width: 767px) {
    .send-questionary-popup-wrap {
        display: block;
        position: relative;
    }
    .send-questionary-popup-wrap .btn {
        width: 100%;
        max-width: 100%;
    }
}

.esia-block .block-head {
    padding: 40px 60px;
    background-color: #EFECE9;
    font-weight: 700;
    font-size: 36px;
}

.esia-block .block-body {
    padding: 40px 60px;
}

.esia-block .block-body .sub-head {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

.esia-block .block-body p {
    font-size: 18px;
    margin-bottom: 30px;
}

.esia-block .block-body .btn {
    margin: 0 auto 50px;
    line-height: 25px;
    padding: 17px 15px;
}

.esia-block .block-body .btn i {
    font-size: 22px;
    margin-right: 5px;
    vertical-align: text-bottom;
}

.esia-block .block-body .hr-line {
    width: 100%;
    height: 1px;
    background-color: #DADADA;
}

.esia-block .block-foot .info-message,
.esia-block .block-foot .error-message {
    padding-top: 40px;
    position: relative;
    padding-left: 52px;
}

.esia-block .block-foot .info-message p {
    font-size: 15px;
    color: #989898;
    line-height: 1.4;
    margin-bottom: 10px;
}

.esia-block .block-foot .error-message .err-head {
    font-size: 18px;
    color: #E44934;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.esia-block .block-foot .error-message p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 10px;
}

.esia-block .block-foot .error-message .hightlight {
    background-color: #FCECEA;
}

.esia-block .block-foot .message-icon {
    position: absolute;
    left: 0;
    top: 32px;
    width: 34px;
    height: auto;
}

@media (max-width: 767px) {
    .esia-block .block-head {
        padding: 40px 24px 30px;
        font-size: 30px;
    }
    .esia-block .block-body {
        padding: 30px 24px;
    }
    .esia-block .block-body .sub-head {
        font-size: 22px;
        line-height: normal;
    }
    .esia-block .block-body p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .esia-block .block-body .btn {
        margin: 0 auto 30px;
    }
    .esia-block .block-foot .info-message,
    .esia-block .block-foot .error-message {
        padding-top: 50px;
        padding-left: 0px;
    }
    .esia-block .block-foot .info-message p {
        font-size: 15px;
    }
    .esia-block .block-foot .error-message .err-head {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .esia-block .block-foot .error-message p {
        font-size: 15px;
    }
    .esia-block .block-foot .message-icon {
        position: absolute;
        left: 0;
        top: 13px;
        width: 26px;
        height: auto;
    }
}

@media (max-width: 419px) {
    .esia-block .block-body .btn {
        line-height: normal;
    }
}

.base-form .field-clientform-worktype .input--juro {
    border: none;
    background-color: inherit;
}

.base-form .field-clientform-worktype .input--juro #clientform-worktype label {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.2;
    color: #9ea1a4;
    height: auto;
    cursor: pointer;
    font-weight: 400;
}

.page-news {
    padding: 90px 0 40px;
    background-color: #EFECE9;
}

h1.news-content__header,
.news-content__header {
    font-size: 36px;
    margin-bottom: 60px;
}

h2.news-content__sub-header,
.news-content__sub-header {
    font-size: 21px;
    margin-bottom: 35px;
}

@media (max-width: 767px) {
    h1.news-content__header,
    .news-content__header {
        font-size: 20px;
        margin-bottom: 20px;
    }
    h2.news-content__sub-header,
    .news-content__sub-header {
        font-size: 18px;
        margin-bottom: 20px;
    }
}

.news-content__head-flex {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.news-content__head-flex h1.news-content__header,
.news-content__head-flex .news-content__header {
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .news-content__head-flex {
        display: block;
        margin-bottom: 20px;
    }
}

.nav-tabs.news-content-tabs {
    padding: 9px 16px 11px;
    background-color: #ffffff;
    border-radius: 6px;
}

.nav-tabs.news-content-tabs li {
    border: none;
    padding: 0;
    margin: 0;
}

.nav-tabs.news-content-tabs li a,
.nav-tabs.news-content-tabs li a:hover,
.nav-tabs.news-content-tabs li a:focus {
    margin: 0;
    min-width: 170px;
    padding: 10px 16px;
    border: none;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #212426;
}

.nav-tabs.news-content-tabs li.active a,
.nav-tabs.news-content-tabs li.active a:hover {
    color: #ffffff;
    background-color: #E44934;
    border-radius: 6px;
    -webkit-box-shadow: 0px 8px 20px 0px rgba(151, 29, 12, 0.3);
    box-shadow: 0px 8px 20px 0px rgba(151, 29, 12, 0.3);
}

.nav-tabs.news-content-tabs.news-content-tabs--alt li.active a,
.nav-tabs.news-content-tabs.news-content-tabs--alt li.active a:hover {
    color: #ffffff;
    background-color: #649FDC;
    border-radius: 6px;
    -webkit-box-shadow: 0px 8px 20px 0px rgba(46, 90, 135, 0.3);
    box-shadow: 0px 8px 20px 0px rgba(46, 90, 135, 0.3);
}

@media (max-width: 767px) {
    .nav-tabs.news-content-tabs {
        border: 1px solid #EFECE9;
    }
    .nav-tabs.news-content-tabs li {
        border: none;
        padding: 0;
        margin: 0;
        width: 50%;
    }
    .nav-tabs.news-content-tabs li a,
    .nav-tabs.news-content-tabs li a:hover,
    .nav-tabs.news-content-tabs li a:focus {
        display: block;
        min-width: auto;
        margin: 0;
        padding: 10px 10px;
        text-align: center;
        font-size: 12px;
    }
}

.news-content {
    margin-bottom: 50px;
}

.news-content p {
    font-size: 18px;
    color: rgb(33, 36, 38);
    line-height: 1.5;
    margin-bottom: 30px;
}

.news-content ol {
    padding-left: 20px;
    margin-bottom: 50px;
}

.news-content ol li {
    font-size: 18px;
    color: rgb(33, 36, 38);
    line-height: 1.5;
    list-style: decimal;
    margin-bottom: 20px;
}

.news-content ul {
    padding-left: 20px;
    margin-bottom: 50px;
}

.news-content ul li {
    font-size: 18px;
    color: rgb(33, 36, 38);
    line-height: 1.5;
    list-style: disc;
    margin-bottom: 20px;
}

.page-news .news-content .news-content__header {
    font-size: 36px;
    color: rgb(33, 36, 38);
    font-weight: bold;
    line-height: 1.278;
    margin-bottom: 30px;
}

.news-content .news-content__date {
    font-size: 14px;
    color: rgb(117, 117, 117);
    margin-bottom: 30px;
}

.news-content img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

.news-content iframe {
    width: 100%;
    height: 450px;
    margin-bottom: 40px;
}

.news-content .news-autor {
    text-align: right;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 0;
}

.news-content .news-autor .news-autor-name {
    color: rgb(117, 117, 117);
    font-weight: 400;
}

.news-content p.news-content__descr {
    font-size: 21px;
    font-style: italic;
}

.sheare-block {
    width: 100%;
    padding: 35px 40px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 50px;
}

.sheare-block .sheare-block__header {
    font-size: 24px;
    color: rgb(46, 48, 49);
    font-weight: bold;
    line-height: 1.16;
    margin-bottom: 30px;
}

.sheare-block .sheare-list .sheare-list__link {
    display: block;
    padding: 16px 20px;
    text-align: center;
    font-size: 16px;
    color: rgb(216, 176, 140);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    border-radius: 4px;
    border: 1px solid rgb(216, 176, 140);
    margin-bottom: 12px;
}

.sheare-block .sheare-list .sheare-list__link i {
    font-size: 18px;
    vertical-align: text-top;
    margin-right: 10px;
}

.sheare-block .sheare-list .sheare-list__link:hover {
    color: #C19D7D;
    border: 1px solid #C19D7D;
}

@media (max-width: 767px) {
    .page-news {
        padding: 50px 0;
    }
    .page-news .news-content__header {
        margin-bottom: 30px;
        font-size: 34px;
    }
    .page-news .news-content .news-content__header {
        font-size: 20px;
    }
    .news-content p.news-content__descr {
        font-size: 18px;
    }
    .news-content p {
        font-size: 16px;
        margin-bottom: 30px;
    }
    .news-content ol {
        padding-left: 20px;
        margin-bottom: 30px;
    }
    .news-content ol li {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .news-content ul {
        padding-left: 20px;
        margin-bottom: 30px;
    }
    .news-content ul li {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .news-content iframe {
        height: 250px;
        margin-bottom: 30px;
    }
    .sheare-block {
        padding: 30px 20px;
    }
    .sheare-block .sheare-block__header {
        font-size: 20px;
    }
}

.news-sl-wrap {
    position: relative;
    margin-bottom: 50px;
}

.news-sl-wrap .news-sl-ell img {
    margin-bottom: 0;
}

.news-sl-wrap .news-sl-control {
    opacity: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.news-sl-wrap:hover .news-sl-control {
    opacity: 1;
}

.news-sl-wrap .news-sl-control .prev-news-sl,
.news-sl-wrap .news-sl-control .next-news-sl {
    position: absolute;
    top: 50%;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background-color: rgba(216, 176, 140, 0.3);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.news-sl-wrap .news-sl-control .prev-news-sl img,
.news-sl-wrap .news-sl-control .next-news-sl img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: 26px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.news-sl-wrap .news-sl-control .prev-news-sl:hover,
.news-sl-wrap .news-sl-control .next-news-sl:hover {
    background-color: rgba(216, 176, 140, 0.9);
}

.news-sl-wrap .news-sl-control .prev-news-sl {
    left: 20px;
}

.news-sl-wrap .news-sl-control .next-news-sl {
    right: 20px;
}

.news-sl-wrap .news-sl-control .btn-sl-resize {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background-color: rgba(216, 176, 140, 0.3);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.news-sl-wrap .news-sl-control .btn-sl-resize:hover {
    background-color: rgba(216, 176, 140, 0.9);
}

.news-sl-wrap .news-sl-control .btn-sl-resize img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: 26px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.news-sl-wrap .slick-dots {
    display: none !important;
    text-align: center;
    padding: 9px 0;
}

.news-sl-wrap .slick-dots li {
    display: inline-block;
    padding: 3px;
}

.news-sl-wrap .slick-dots li button {
    padding: 0;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    border: 1px solid rgb(216, 176, 140);
    font-size: 0;
    background-color: inherit;
}

.news-sl-wrap .slick-dots li button:hover,
.news-sl-wrap .slick-dots li button:focus {
    outline: none;
}

.news-sl-wrap .slick-dots li.slick-active button {
    background-color: rgb(216, 176, 140);
}

@media (max-width: 767px) {
    .news-sl-wrap .news-sl-control .prev-news-sl,
    .news-sl-wrap .news-sl-control .next-news-sl {
        display: none !important;
    }
    .news-sl-wrap .news-sl-control .btn-sl-resize {
        display: none;
    }
    .news-sl-wrap .slick-dots {
        display: block !important;
    }
    .mb-38 {
        margin-bottom: 0!important;
    }
    .new-leader-card__inf {
        position: static!important;
        margin-top: 10px;
    }
}

.sl-modal .modal-close {
    position: absolute;
    right: 65px;
    top: 65px;
    color: #ffffff;
    cursor: pointer;
}

.sl-modal .modal-dialog {
    width: 100%;
    background-color: inherit;
}

.sl-modal.modal.fade .modal-dialog {
    width: 100%;
    margin: 0 auto;
    background-color: inherit;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
}

.sl-modal.modal.in .modal-dialog {
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
}

.sl-modal .modal-dialog .modal-content {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    border-radius: 4px;
    overflow: hidden;
}

.modal-sl-wrap .modal-sl-ell img {
    width: 100%;
    height: auto;
}

.modal-sl-control .prev-modal-sl,
.modal-sl-control .next-modal-sl {
    position: absolute;
    top: 50%;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.modal-sl-control .prev-modal-sl img,
.modal-sl-control .next-modal-sl img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: 26px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modal-sl-control .prev-modal-sl:hover,
.modal-sl-control .next-modal-sl:hover {
    background-color: rgba(255, 255, 255, 0.6);
}

.modal-sl-control .prev-modal-sl {
    left: 34px;
}

.modal-sl-control .next-modal-sl {
    right: 34px;
}

.modal-sl-tolbar-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #0A0807;
}

.modal-sl-tolbar-wrap .modal-sl-tolbar {
    max-width: 760px;
    margin: 0 auto;
}

.modal-sl-tolbar-wrap .modal-sl-tolbar .modal-sl-tolbar-ell {
    padding: 17px 5px 20px;
    width: 120px;
    height: 120px;
    border-top: 3px solid #0A0807;
    overflow: hidden;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    outline: none;
    cursor: pointer;
}

.modal-sl-tolbar-wrap .modal-sl-tolbar .modal-sl-tolbar-ell:hover,
.modal-sl-tolbar-wrap .modal-sl-tolbar .modal-sl-tolbar-ell:focus {
    outline: none;
}

.modal-sl-tolbar-wrap .modal-sl-tolbar .modal-sl-tolbar-ell.slick-current {
    border-top: 3px solid #E44934;
}

.modal-sl-tolbar-wrap .modal-sl-tolbar .modal-sl-tolbar-ell img {
    width: 110px;
    height: 80px;
    border-radius: 4px;
    vertical-align: text-bottom;
}

.news-ell {
    position: relative;
    height: 100%;
    -webkit-box-shadow: 0px 10px 20px 5px rgba(190, 190, 191, 0.05);
    box-shadow: 0px 10px 20px 5px rgba(190, 190, 191, 0.05);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.news-ell:hover {
    -webkit-box-shadow: 0px 10px 20px 0px rgba(190, 190, 191, 0.5);
    box-shadow: 0px 10px 20px 0px rgba(190, 190, 191, 0.5);
}

.news-ell .news-ell__link {
    display: block;
    height: 100%;
    background-color: #ffffff;
}

.news-ell .news-ell__image {
    position: relative;
    width: 100%;
    height: 240px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.news-ell .news-ell__image .news-ell__image-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}

.news-ell .news-ell__content {
    padding: 35px 30px 90px;
    font-size: 16px;
    color: rgb(33, 36, 38);
    font-weight: bold;
    line-height: 1.5;
}

.news-ell .news-ell__content .news-ell__date {
    position: absolute;
    left: 30px;
    bottom: 40px;
    font-size: 14px;
    font-weight: normal;
    color: rgb(117, 117, 117);
}

.sheare-list-wrap {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 50;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.sheare-list-wrap .sheare-btn:hover i,
.sheare-list-wrap .sheare-btn.active i {
    color: #AAA9A9;
}

.sheare-list-wrap .sheare-ell a:hover i,
.sheare-list-wrap .sheare-ell a.active i {
    color: #AAA9A9;
}

.sheare-list-wrap .sheare-btn {
    position: relative;
    float: right;
}

.sheare-list-wrap .sheare-btn img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sheare-list-wrap .sheare-btn,
.sheare-list-wrap .sheare-ell a {
    position: relative;
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: rgba(33, 36, 38, 0.35);
    cursor: pointer;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.sheare-list-wrap .sheare-btn i,
.sheare-list-wrap .sheare-ell a i {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 16px;
    color: #ffffff;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.sheare-list-wrap ul.sheare-list {
    float: right;
    display: block;
    padding: 0;
    margin: 0;
    height: inherit;
    height: 35px;
    margin-right: 5px;
    overflow: hidden;
    -webkit-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}

.sheare-list-wrap ul.sheare-list.active {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.sheare-list-wrap ul.sheare-list.active .sheare-ell {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.sheare-list-wrap ul.sheare-list.active .sheare-ell:nth-child(1) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.sheare-list-wrap ul.sheare-list.active .sheare-ell:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.sheare-list-wrap ul.sheare-list.active .sheare-ell:nth-child(3) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.sheare-list-wrap ul.sheare-list.active .sheare-ell:nth-child(4) {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.sheare-list-wrap ul.sheare-list .sheare-ell {
    display: inline-block;
    width: auto;
    float: none;
    padding: 0;
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sheare-list-wrap ul.sheare-list .sheare-ell:nth-child(1) {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.sheare-list-wrap ul.sheare-list .sheare-ell:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.sheare-list-wrap ul.sheare-list .sheare-ell:nth-child(3) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.sheare-list-wrap ul.sheare-list .sheare-ell:nth-child(4) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.mobile .sheare-list-wrap {
    visibility: visible;
    opacity: 1;
}

.like-wd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 10px;
    top: 225px;
    z-index: 20;
}

.like-wd .like-wd__btn {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.like-wd .like-wd__btn .like-wd__icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: auto;
    opacity: .6;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.like-wd .like-wd__btn:hover .like-wd__icon {
    opacity: 1;
}

.like-wd .like-wd__view {
    padding: 9px 10px 7px;
    margin: 0 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    vertical-align: middle;
    background-color: #ffffff;
    border-radius: 4px;
}

.like-wd .like-wd__view.col--green {
    color: #00cf91;
}

.like-wd .like-wd__view.col--red {
    color: #E44934;
}

@media (max-width: 767px) {
    .like-wd {
        top: 170px;
    }
    .like-wd .like-wd__btn .like-wd__icon {
        opacity: 1;
    }
}

.news-ell:hover .sheare-list-wrap {
    opacity: 1;
    visibility: visible;
}

.task-card:hover .sheare-list-wrap {
    opacity: 1;
    visibility: visible;
}

.news-pagination {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.btn.btn-border.btn-news {
    color: #d8b08c;
    border: 1px solid #d8b08c;
    margin-left: auto;
}

.btn.btn-border.btn-news:hover {
    color: #ffffff;
    background-color: #d8b08c;
}

.pagination-wrap {
    display: table;
    width: 100%;
    margin-bottom: 80px;
}

.pagination-wrap .pagination-list li {
    float: left;
    font-size: 16px;
    font-weight: 500;
    color: #7a7b7a;
    line-height: 1;
}

.pagination-wrap .pagination-list li.pagination-cont {
    padding: 17px 0;
}

.pagination-wrap .pagination-list li.pagination-cont a {
    color: #7a7b7a;
}

.pagination-wrap .pagination-list li.pagination-cont a:hover {
    color: #D8B08C;
}

.pagination-wrap .pagination-list li.pagination-cont.prev {
    margin-right: 30px;
}

.pagination-wrap .pagination-list li.pagination-cont.next {
    margin-left: 30px;
}

.pagination-wrap .pagination-list li.pagination-ell {
    margin: 0 4px;
}

.pagination-wrap .pagination-list li.pagination-ell a,
.pagination-wrap .pagination-list li.pagination-ell span {
    padding: 17px 0;
    display: block;
    width: 50px;
    color: #7a7b7a;
    text-align: center;
    border-radius: 4px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.pagination-wrap .pagination-list li.pagination-ell a:hover,
.pagination-wrap .pagination-list li.pagination-ell span:hover {
    color: #7a7b7a;
    background-color: #FAF9F8;
}

.pagination-wrap .pagination-list li.pagination-ell.active a,
.pagination-wrap .pagination-list li.pagination-ell.active span {
    color: #ffffff;
    background-color: #D8B08C;
}

@media (max-width: 1199px) {
    .pagination-wrap {
        padding: 5px 0;
    }
    .pagination-wrap .pagination-list li {
        float: left;
        font-size: 14px;
    }
    .pagination-wrap .pagination-list li.pagination-cont {
        padding: 13px 0;
    }
    .pagination-wrap .pagination-list li.pagination-cont a {
        color: #7a7b7a;
    }
    .pagination-wrap .pagination-list li.pagination-cont a:hover {
        color: #D8B08C;
    }
    .pagination-wrap .pagination-list li.pagination-cont.prev {
        margin-right: 10px;
    }
    .pagination-wrap .pagination-list li.pagination-cont.next {
        margin-left: 10px;
    }
    .pagination-wrap .pagination-list li.pagination-ell {
        margin: 0 2px;
    }
    .pagination-wrap .pagination-list li.pagination-ell a,
    .pagination-wrap .pagination-list li.pagination-ell span {
        padding: 13px 0;
        display: block;
        width: 40px;
    }
}

@media (max-width: 1023px) {
    .btn.btn-border.btn-news {
        margin-left: inherit;
    }
}

@media (max-width: 767px) {
    .pagination-wrap {
        margin-bottom: 30px;
    }
    .pagination-wrap .pagination-list li {
        font-size: 14px;
        line-height: 1;
    }
    .pagination-wrap .pagination-list li.pagination-cont {
        padding: 10px 0;
    }
    .pagination-wrap .pagination-list li.pagination-cont.prev {
        margin-right: 10px;
    }
    .pagination-wrap .pagination-list li.pagination-cont.next {
        margin-left: 10px;
    }
    .pagination-wrap .pagination-list li.pagination-ell {
        margin: 0 2px;
    }
    .pagination-wrap .pagination-list li.pagination-ell a,
    .pagination-wrap .pagination-list li.pagination-ell span {
        padding: 10px 0;
        width: 34px;
    }
}

@media (max-width: 560px) {
    .pagination-wrap .pagination-list li {
        font-size: 14px;
        line-height: 1;
    }
    .pagination-wrap .pagination-list li.pagination-cont {
        display: none;
    }
}

.certificate-page-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #EFECE9;
    z-index: -1;
}

.certificate-page {
    max-width: 600px;
    height: 890px;
    margin: 0 auto;
    background-color: #ffffff;
    overflow: hidden;
}

.certificate-page__header {
    padding: 36px 42px 34px;
    color: #ffffff;
    background-image: url(../img/certificate-bg@4x.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.certificate-page__header .logo-img {
    display: block;
    width: 52px;
    height: auto;
    margin-bottom: 10px;
}

.certificate-page__header .prime {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
}

.certificate-page__header .sub {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

.certificate-page__body {
    position: relative;
    padding: 105px 0 40px;
}

.certificate-page__body .body-content {
    position: relative;
    padding: 0 100px 0 160px;
    z-index: 20;
}

.certificate-page__body .image-map {
    position: absolute;
    left: 0;
    top: 20px;
    width: 50%;
    height: auto;
    z-index: 10;
}

.certificate-page__body .body-content .header {
    padding: 0;
    color: #956D51;
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 130px;
}

.certificate-page__body .body-content .name {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}

.certificate-page__body .body-content .text {
    position: relative;
    padding-top: 15px;
}

.certificate-page__body .body-content .text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 1px;
    background-color: #956D51;
}

.certificate-page__body .body-content .text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 14px;
}

.gov-signature {
    position: relative;
    padding-top: 34px;
    max-width: 300px;
}

.gov-signature .gov-signature__text {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.65;
    margin-bottom: 0;
}

.gov-signature .gov-signature__icon {
    position: absolute;
    bottom: -7px;
    right: -96px;
    width: 110px;
    height: auto;
}

.certificate-modal .modal-close {
    position: absolute;
    right: 30px;
    top: 30px;
    color: #ffffff;
    font-size: 20px;
}

.certificate-page_update {
    max-width: 600px;
    height: 890px;
    margin: 0 auto;
    background-color: #ffffff;
    overflow: hidden;
}

.certificate-page_update .certificate-page__body {
    position: relative;
    padding: 80px 0 70px;
}

.certificate-page_update .certificate-page__body .image-book {
    position: absolute;
    right: 45px;
    bottom: 30px;
    width: 140px;
    height: auto;
}

.certificate-page_update .certificate-page__body .body-content {
    position: relative;
    padding: 0 110px;
    z-index: 20;
}

.certificate-page_update .certificate-page__body .body-content .header {
    padding: 0;
    color: #956D51;
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.certificate-page_update .certificate-page__body .body-content .sub-header {
    color: #956D51;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
}

.certificate-page_update .certificate-page__body .promo-bl {
    margin: 0 auto 40px;
    width: 100%;
    max-width: 204px;
    padding: 15px;
    background-color: #E3D8D2;
}

.certificate-page_update .certificate-page__body .promo-bl .bl-name {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}

.certificate-page_update .certificate-page__body .promo-bl .num {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}

.certificate-page_update .certificate-page__body .body-content .text {
    position: relative;
    padding-top: 0px;
}

.certificate-page_update .certificate-page__body .body-content .text:before {
    content: none;
}

.certificate-page_update .certificate-page__body .body-content .text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 14px;
}

.certificate-page_update .certificate-page__body .body-content .text ol li {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 14px;
}

.certificate-page_update .certificate-page__body .padd-foot {
    padding-top: 25px;
}

.certificate-page_update .certificate-page__body .body-content .padd-foot .sub-header {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 40px;
}

.certificate-modal .modal-close {
    position: absolute;
    right: 30px;
    top: 30px;
    color: #ffffff;
    font-size: 20px;
}

.sert-view {
    max-width: 400px;
    margin: 0 auto 50px;
}

.sert-view .sert-view__name {
    color: #89684e;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
}

.sert-view .sert-view__link {
    text-align: center;
}

.sert-view .sert-view__link a {
    font-size: 20px;
    color: #212426;
    text-decoration: underline;
}

.sert-view .sert-view__link a:hover {
    color: #89684e;
}

.sert-view .sert-view__cont {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 0 auto 40px;
}

.sert-view .sert-view__cont .document-wrap {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.sert-view .sert-view__cont .document-wrap .certificate-page,
.sert-view .sert-view__cont .document-wrap .certificate-page_update {
    width: 600px;
}


/*===== testing =====*/

.quest-card-wrap {
    display: table;
    width: 100%;
}

.quest-card {
    float: right;
    position: relative;
    width: 100%;
    max-width: 300px;
    padding: 45px 40px 50px;
    margin-right: 20px;
    border-radius: 4px;
    background-color: #ffffff;
}

.quest-card .quest-card__image {
    position: absolute;
    top: -90px;
    right: -45px;
    width: 190px;
    height: auto;
    z-index: 10;
}

.quest-card .quest-card__name {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
}

.quest-card .quest-card__text {
    font-size: 18px;
    line-height: 1.5;
}

.quest-card .instruction-head {
    position: relative;
    margin-bottom: 30px;
}

.quest-card .instruction-head img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70px;
    height: auto;
    opacity: 0.6;
    z-index: 10;
}

.quest-card .instruction-head .prime {
    color: #e44934;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
    z-index: 20;
}

.quest-card .instruction-head .sub {
    color: #757575;
    font-size: 16px;
    text-transform: uppercase;
    z-index: 20;
}

.quest-card .instruction-text {
    color: #757575;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 10px;
}

@media (max-width: 1199px) {
    .quest-card .quest-card__image {
        position: absolute;
        top: -75px;
        right: -20px;
        width: 160px;
        height: auto;
        z-index: 10;
    }
}

@media (max-width: 1023px) {
    .quest-card {
        float: left;
    }
}

@media (max-width: 767px) {
    .quest-card {
        max-width: 100%;
        padding: 40px 20px 40px;
    }
    .quest-card .quest-card__image {
        display: none;
    }
}

.testing-block {
    padding: 40px 0;
}

@media (max-width: 767px) {
    .testing-block {
        padding: 20px 0;
    }
}

.tes-card {
    padding: 55px 40px 40px;
    border-radius: 4px;
    background-color: #ffffff;
}

.tes-card .tes-card__name {
    font-size: 24px;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 15px;
}

.tes-card .tes-card__text {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 35px;
}

.tes-card .tes-card__text ul {
    padding-left: 20px;
    margin-bottom: 15px;
}

.tes-card .tes-card__text ul li {
    list-style: disc;
}

.tes-card .btn {
    display: block;
    min-width: inherit;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 767px) {
    .tes-card {
        padding: 35px 20px 20px;
    }
    .tes-card .tes-card__name {
        font-size: 20px;
    }
    .tes-card .tes-card__text {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 30px;
    }
}

.testing-status {
    position: relative;
    padding-top: 40px;
    margin-bottom: 45px;
}

.testing-status .testing-status__line {
    position: absolute;
    left: 0;
    top: 19px;
    width: 100%;
    height: 2px;
    background-color: #DFD5CD;
}

.testing-status .h-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #986B4D;
}

.testing-status .testing-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.testing-status .testing-step .testing-step__ell {
    position: relative;
    max-width: 110px;
    padding-top: 10px;
}

.testing-status .testing-step .testing-step__ell .ell-dot {
    position: absolute;
    top: -21px;
    left: 50%;
    height: 2px;
    width: 44px;
    background-color: #EFECE9;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.testing-status .testing-step .testing-step__ell .ell-dot .dot-cir {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 4px solid #D9CFC7;
    border-radius: 50%;
}

.testing-status .testing-step .testing-step__ell .date {
    font-size: 18px;
    color: rgb(181, 174, 168);
    font-weight: 500;
    line-height: 1;
    margin-bottom: 10px;
}

.testing-status .testing-step .testing-step__ell .descr {
    font-size: 13px;
    color: rgb(181, 174, 168);
    font-weight: 500;
    line-height: 1;
}

@media (max-width: 767px) {
    .testing-status {
        position: relative;
        padding-top: 0px;
        margin-bottom: 30px;
    }
    .testing-status .testing-status__line {
        display: none;
    }
    .testing-status .testing-step {
        display: block;
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
    }
    .testing-status .testing-step .testing-step__ell {
        position: relative;
        width: 100%;
        max-width: inherit;
        padding-top: 0;
        padding-left: 40px;
        margin-bottom: 20px;
    }
    .testing-status .testing-step .testing-step__ell .ell-dot {
        position: absolute;
        top: 10px;
        left: 0;
        height: auto;
        width: auto;
        background-color: inherit;
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
    .testing-status .testing-step .testing-step__ell .ell-dot .dot-cir {
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 20px;
        height: 20px;
        border-radius: 50%;
    }
    .testing-status .testing-step .testing-step__ell .date {
        margin-bottom: 5px;
    }
}

.testing-status .testing-step .testing-step__ell.active .ell-dot .dot-cir {
    border: 4px solid #E44934;
}

.testing-status .testing-step .testing-step__ell.active .date {
    color: #E44934;
}

.testing-status .testing-step .testing-step__ell.active .descr {
    color: #212426;
}

.testing-status .testing-step .testing-step__ell.finished .ell-dot .dot-cir {
    border: 4px solid #986B4D;
}

.testing-status .testing-step .testing-step__ell.finished .date {
    color: #986B4D;
}

.testing-status .testing-step .testing-step__ell.finished .descr {
    color: #986B4D;
}

.faild-wrap {
    position: relative;
    margin-bottom: 30px;
}

.faild-wrap .input__st {
    width: 100%;
    padding: 20px;
    font-size: 16px;
    background-color: #F4F6FA;
    border: 1px solid #F4F6FA;
}

.faild-wrap .input__st:focus {
    background-color: #ffffff;
    border: 1px solid #F4F6FA;
    outline: none;
}

.faild-wrap .area__st {
    width: 100%;
    padding: 20px;
    font-size: 16px;
    background-color: #F4F6FA;
    border: 1px solid #F4F6FA;
}

.faild-wrap .area__st:focus {
    background-color: #ffffff;
    border: 1px solid #F4F6FA;
    outline: none;
}

@media (max-width: 767px) {
    .faild-wrap .input__st {
        width: 100%;
        padding: 20px 18px;
        font-size: 14px;
    }
    .faild-wrap .area__st {
        width: 100%;
        padding: 20px 18px;
        font-size: 14px;
    }
}

.testing-quest-bl {
    border-radius: 4px;
    background-color: #ffffff;
}

.testing-quest-bl .testing-quest-bl__head {
    display: table;
    width: 100%;
    padding: 24px 40px;
    font-size: 14px;
    color: rgb(117, 117, 117);
    border-bottom: 1px solid #EFECE9;
}

.testing-quest-bl .testing-quest-bl__head .head-left {
    float: left;
}

.testing-quest-bl .testing-quest-bl__head .head-left .time {
    color: #e44934;
    font-size: 18px;
    font-weight: 700;
}

.testing-quest-bl .testing-quest-bl__head .head-right {
    float: right;
}

.testing-quest-bl .testing-quest-bl__body {
    padding: 40px;
}

.testing-quest-bl .testing-quest-bl__body .text {
    font-size: 18px;
    margin-bottom: 30px;
}

.testing-quest-bl .testing-quest-bl__body .variant {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 45px;
}

.testing-quest-bl .testing-quest-bl__body img {
    display: block;
    border-radius: 4px;
    border: 1px solid #EFECE9;
    max-width: 100%;
    margin: 0 auto 30px;
}

.testing-quest-bl .testing-quest-bl__body .btn {
    display: block;
    margin: 0 auto 20px;
}

@media (max-width: 767px) {
    .testing-quest-bl .testing-quest-bl__head {
        padding: 24px 20px;
        font-size: 14px;
    }
    .testing-quest-bl .testing-quest-bl__head .head-left .time {
        font-size: 16px;
    }
    .testing-quest-bl .testing-quest-bl__body {
        padding: 20px;
    }
    .testing-quest-bl .testing-quest-bl__body .text {
        font-size: 16px;
    }
    .testing-quest-bl .testing-quest-bl__body .variant {
        font-size: 20px;
        margin-bottom: 30px;
    }
}

.radio-btn-wrap {
    margin-bottom: 30px;
}

.testing-quest-bl .radio-btn-wrap .faild-wrap {
    margin-bottom: 0;
}

.radio-btn-wrap .ac-radio {
    margin-bottom: 0;
}

.radio-btn-wrap .ac-radio label {
    position: relative;
    padding: 15px 15px 15px 60px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    background-color: #FAF9F8;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.radio-btn-wrap .ac-radio .radio__field {
    display: none;
}

.radio-btn-wrap .ac-radio label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #EFECE9;
    background-color: #ffffff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.radio-btn-wrap .ac-radio label:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 26px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #C8B3A5;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.radio-btn-wrap .ac-radio input[type="radio"]:checked+label {
    background-color: #EFECE9;
    color: #98694C;
}

.radio-btn-wrap .ac-radio input[type="radio"]:checked+label:after {
    visibility: visible;
    opacity: 1;
}

.checkbox-btn-wrap {
    margin-bottom: 30px;
}

.checkbox-btn-wrap.mr-fix-md {
    margin-top: 31px;
}

@media (max-width: 1023px) {
    .checkbox-btn-wrap.mr-fix-md {
        margin-top: 0;
    }
}

.testing-quest-bl .checkbox-btn-wrap .faild-wrap {
    margin-bottom: 0;
}

.checkbox-btn-wrap .ac-checkbox .checkbox__field {
    display: none;
}

.checkbox-btn-wrap .ac-checkbox label {
    position: relative;
    padding: 15px 15px 15px 60px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    background-color: #FAF9F8;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.advertiser-block .advertiser-content .ac-checkbox label {
    padding: 21px 15px 21px 60px;
}

.checkbox-btn-wrap .ac-checkbox label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 1px solid #EFECE9;
    background-color: #ffffff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.checkbox-btn-wrap .ac-checkbox label .check-icon {
    position: absolute;
    top: 50%;
    left: 28px;
    color: #ffffff;
    font-weight: normal;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    font-size: 12px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.checkbox-btn-wrap .ac-checkbox input[type="checkbox"]:checked+label {
    background-color: #EFECE9;
    color: #98694C;
}

.checkbox-btn-wrap .ac-checkbox input[type="checkbox"]:checked+label:before {
    background-color: #98694C;
}

.checkbox-btn-wrap .ac-checkbox input[type="checkbox"]:checked+label .check-icon {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 767px) {
    .checkbox-btn-wrap .ac-checkbox label {
        padding: 15px 15px 15px 50px;
        font-size: 14px;
    }
    .checkbox-btn-wrap .ac-checkbox label:before {
        left: 10px;
    }
    .checkbox-btn-wrap .ac-checkbox label .check-icon {
        left: 16px;
    }
}

.result-card {
    padding: 24px 20px 24px;
    font-size: 24px;
    color: rgb(33, 36, 38);
    font-weight: 700;
    font-style: italic;
    text-align: center;
    border-radius: 4px;
    background-color: #FAF9F8;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .result-card {
        padding: 24px 20px 24px;
        font-size: 18px;
        margin-bottom: 20px;
    }
}

.result-tabs-wrap {
    border-radius: 4px;
    background-color: #ffffff;
}

.testing-block .tabs-nav {
    display: table;
    width: 100%;
}

.testing-block .tabs-nav li {
    float: left;
    width: 33.333%;
}

.testing-block .tabs-nav li a {
    position: relative;
    display: block;
    height: 60px;
    padding: 22px 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #986B4D;
}

.testing-block .tabs-nav li a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 30px;
    background-color: #CCC8C8;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.testing-block .tabs-nav li:first-child a:after {
    content: none;
}

.testing-block .tabs-nav li a:hover {
    background-color: #986B4D;
}

.testing-block .tabs-nav li.active a {
    background-color: #ffffff;
    color: #212426;
    cursor: default;
}

.testing-block .tabs-nav li.active a:after {
    display: none;
}

.testing-block .tabs-nav li.active a:hover {
    color: #212426;
    background-color: #ffffff;
}

.testing-block .tabs-nav li.active+li a:after {
    display: none;
}

.testing-block .blok-content {
    padding: 40px 58px;
}

@media (max-width: 767px) {
    .testing-block .tabs-nav-wrap {
        overflow: auto;
        width: 100%;
    }
    .testing-block .tabs-nav {
        display: table;
        width: 100%;
        min-width: 100%;
        border-bottom: none;
    }
    .testing-block .tabs-nav li {
        float: none;
        width: 100%;
    }
}

.result-content {
    padding: 0 40px 30px;
}

.result-content p {
    font-size: 16px;
    margin-bottom: 15px;
}

.result-content p.bold {
    font-weight: 700;
}

.result-content .hr-line {
    padding-top: 15px;
    border-bottom: 1px solid #E3D5C8;
    margin-bottom: 20px;
}

.result-content .card-head {
    font-size: 18px;
    color: rgb(33, 36, 38);
    font-weight: 700;
    line-height: 1.333;
    padding: 45px 0 10px;
    border-bottom: 6px solid #E3D5C8;
    margin-bottom: 25px;
}

.result-content ol {
    padding-left: 20px;
}

.result-content ol li {
    padding-left: 10px;
    list-style: decimal;
    margin-bottom: 25px;
}

.result-content ol li p {
    margin-bottom: 0;
}

.result-content ol li p.text-upper {
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .result-content {
        padding: 0 20px 30px;
    }
    .result-content p {
        font-size: 14px;
        margin-bottom: 12px;
    }
    .result-content .card-head {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .result-content ol {
        padding-left: 20px;
    }
    .result-content ol li {
        padding-left: 5px;
        margin-bottom: 20px;
    }
}

.sl-result {
    position: relative;
    margin-top: 50px;
    margin-bottom: 20px;
}

.sl-result .sl-result__line {
    position: absolute;
    left: 0;
    top: 34px;
    width: 100%;
    height: 4px;
    background: -webkit-gradient(linear, left top, right top, from(#EFECE9), to(#986B4D));
    background: -webkit-linear-gradient(left, #EFECE9, #986B4D);
    background: -o-linear-gradient(left, #EFECE9, #986B4D);
    background: linear-gradient(to right, #EFECE9, #986B4D);
}

.sl-result .sl-result__line .sl-drop {
    position: absolute;
    top: -60px;
    width: 32px;
    height: 40px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 34px;
    background-image: url("../img/oill.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 20;
}

.sl-result .sl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sl-result .sl-dots .dot-ell {
    position: relative;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background-color: #ffffff;
}

.sl-result .sl-dots .dot-ell .dot-val {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: #986b4d;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 34px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sl-result .sl-dots .dot-ell:nth-child(1) .dot-val {
    background-color: #EFECE9;
}

.sl-result .sl-dots .dot-ell:nth-child(2) .dot-val {
    background-color: #E3D5C8;
}

.sl-result .sl-dots .dot-ell:nth-child(3) .dot-val {
    background-color: #D8B08C;
}

.sl-result .sl-dots .dot-ell:nth-child(4) .dot-val {
    color: #ffffff;
    background-color: #986B4D;
}

.sl-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.sl-name .name-ell {
    font-size: 14px;
    color: rgb(152, 107, 77);
    font-weight: 700;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .sl-result {
        position: relative;
        margin-top: 40px;
        margin-bottom: 10px;
    }
    .sl-result .sl-result__line {
        position: absolute;
        left: 0;
        top: 34px;
        width: 100%;
        height: 4px;
        background: -webkit-gradient(linear, left top, right top, from(#EFECE9), to(#986B4D));
        background: -webkit-linear-gradient(left, #EFECE9, #986B4D);
        background: -o-linear-gradient(left, #EFECE9, #986B4D);
        background: linear-gradient(to right, #EFECE9, #986B4D);
    }
    .sl-result .sl-result__line .sl-drop {
        position: absolute;
        top: -60px;
        width: 32px;
        height: 40px;
        color: #ffffff;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
        line-height: 34px;
        background-image: url("../img/oill.svg");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .sl-result .sl-dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .sl-result .sl-dots .dot-ell {
        position: relative;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: #ffffff;
    }
    .sl-result .sl-dots .dot-ell .dot-val {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        color: #986b4d;
        font-size: 12px;
        font-weight: 700;
        text-align: center;
        line-height: 28px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .sl-result .sl-dots .dot-ell:nth-child(2) {
        display: none;
    }
    .sl-result .sl-dots .dot-ell:nth-child(3) {
        display: none;
    }
    .sl-name {
        display: none;
    }
}

.chat-container {
    width: 100%;
    overflow: auto;
    margin-bottom: 30px;
}

.chat-container .chat-container-scr {
    min-width: 660px;
    min-height: 340px;
}

.chat-container canvas {
    width: 100%;
    height: 100%;
}

#chartResult {
    min-width: 670px;
    min-height: 340px;
}

.individ-result {
    margin-bottom: 20px;
}

.individ-result .individ-result__ell {
    position: relative;
    width: 100%;
    height: 16px;
}

.individ-result .individ-result__ell .ell-val {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.individ-result .individ-result__ell .bg-red {
    background-color: #E44934;
}

.individ-result .individ-result__ell .bg-brown {
    background-color: #D8B08C;
}

.individ-result .individ-result__ell .val,
.individ-result .individ-result__sc .val {
    position: absolute;
    top: 50%;
    right: 15px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.individ-result .individ-result__sc .val {
    color: #757575;
}

.individ-result .individ-result__sc {
    position: relative;
    width: 100%;
    height: 16px;
    background-color: #EFECE9;
}

.chat-block-ell {
    padding-top: 40px;
    margin-bottom: 30px;
}

.chat-block-ell .col-brown {
    background-color: #D8B08C;
}

.chat-block-ell .col-grey {
    background-color: #E3D5C8;
}

.chat-block-ell .chat-block-bar {
    position: relative;
    margin: 0 auto 25px;
    width: 140px;
    height: 140px;
}

.chat-block-ell .chat-block-bar .chat-block-bar__ell {
    position: absolute;
    bottom: 0;
    width: 50%;
    float: left;
}

.chat-block-ell .chat-block-bar .chat-block-bar__ell:nth-child(1) {
    left: 0;
}

.chat-block-ell .chat-block-bar .chat-block-bar__ell:nth-child(2) {
    left: 50%;
}

.chat-block-ell .chat-block-bar .chat-block-bar__ell .num {
    position: absolute;
    left: 50%;
    top: -30px;
    color: #986b4d;
    font-size: 16px;
    font-weight: 700;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.chat-block-ell .chat-block-bar__descr .descr-ell {
    position: relative;
    padding-left: 45px;
    margin-bottom: 16px;
    font-size: 16px;
}

.chat-block-ell .chat-block-bar__descr .descr-ell .box {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
}

.fix-pad-side {
    width: 100%;
    max-width: 265px;
    float: right;
}

@media (max-width: 1023px) {
    .fix-pad-side {
        width: 100%;
        max-width: 100%;
        float: none;
    }
}

.card-anc-fin {
    border-radius: 4px;
    padding: 55px 40px 40px;
    background-image: url('../img/bg-an-fin.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 80px;
}

.card-anc-fin p.text {
    font-size: 18px;
    color: rgb(255, 255, 255);
    line-height: 1.3;
    margin-bottom: 10px;
}

.card-anc-fin p.date {
    font-size: 30px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .card-anc-fin {
        padding: 50px 20px 40px;
        margin-bottom: 40px;
    }
    .card-anc-fin p.text {
        font-size: 16px;
    }
    .card-anc-fin p.date {
        font-size: 22px;
    }
}

.advertiser-block {
    margin-top: 50px;
    background-color: #ffffff;
    border-radius: 4px;
}

.advertiser-block .block-head {
    position: relative;
    padding: 40px 130px 30px 40px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
}

.advertiser-block .block-head .step-num {
    position: absolute;
    right: 40px;
    top: 40px;
    font-size: 14px;
    color: rgb(223, 213, 205);
}

@media (max-width: 767px) {
    .advertiser-block {
        margin-top: 40px;
    }
    .advertiser-block .block-head {
        padding: 40px 80px 30px 20px;
        font-size: 21px;
    }
    .advertiser-block .block-head .step-num {
        right: 20px;
        top: 40px;
        font-size: 14px;
    }
}

.advertiser-status {
    position: relative;
    padding-top: 40px;
    margin-bottom: 45px;
}

.advertiser-status .status-line {
    position: absolute;
    left: 0;
    top: 19px;
    width: 100%;
    height: 2px;
    background-color: #DFD5CD;
}

.advertiser-status .h-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #D8B08C;
}

.advertiser-status .testing-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 40px;
}

.advertiser-status .testing-step .testing-step__ell {
    position: relative;
    max-width: 170px;
    padding-top: 0px;
    text-align: center;
}

.advertiser-status .testing-step .testing-step__ell .ell-dot {
    position: absolute;
    top: -21px;
    left: 50%;
    height: 2px;
    width: 44px;
    background-color: #ffffff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.advertiser-status .testing-step .testing-step__ell .ell-dot .dot-cir {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 4px solid #DFD5CD;
    border-radius: 50%;
}

.advertiser-status .testing-step .testing-step__ell .descr {
    font-size: 16px;
    color: #DFD5CD;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1;
}

@media (max-width: 767px) {
    .advertiser-status {
        position: relative;
        padding-top: 0px;
        margin-bottom: 30px;
    }
    .advertiser-status .status-line {
        display: none;
    }
    .advertiser-status .testing-step {
        display: block;
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        padding: 0 20px;
        margin-bottom: 20px;
    }
    .advertiser-status .testing-step .testing-step__ell {
        position: relative;
        width: 100%;
        max-width: inherit;
        padding-top: 0;
        padding-left: 30px;
        margin-bottom: 16px;
    }
    .advertiser-status .testing-step .testing-step__ell .ell-dot {
        position: absolute;
        top: -4px;
        left: 0;
        height: auto;
        width: auto;
        background-color: inherit;
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
    .advertiser-status .testing-step .testing-step__ell .ell-dot .dot-cir {
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 20px;
        height: 20px;
        border-radius: 50%;
    }
    .advertiser-status .testing-step .testing-step__ell .descr {
        font-size: 14px;
        text-align: left;
    }
}

.advertiser-status .testing-step .testing-step__ell.active .ell-dot .dot-cir {
    border: 4px solid #D8B08C;
}

.advertiser-status .testing-step .testing-step__ell.active .descr {
    color: #D8B08C;
}

.advertiser-status .testing-step .testing-step__ell.finished .ell-dot .dot-cir {
    border: 4px solid #D8B08C;
}

.advertiser-status .testing-step .testing-step__ell.finished .descr {
    color: #D8B08C;
}

.advertiser-block .advertiser-content {
    padding: 10px 40px 0px;
}

.advertiser-block .advertiser-content .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.advertiser-block .advertiser-content .row:before,
.advertiser-block .advertiser-content .row:after {
    content: none;
}

.advertiser-block .advertiser-control {
    border-top: 1px solid #F4F4F4;
    padding: 20px 40px 20px;
}

.advertiser-block .advertiser-control .loader {
    text-align: center;
}

.advertiser-block .advertiser-control .loader img {
    width: 100px;
    height: auto;
}

@media (max-width: 767px) {
    .advertiser-block .advertiser-content {
        padding: 10px 20px 0px;
    }
    .advertiser-block .advertiser-control {
        border-top: 1px solid #F4F4F4;
        padding: 20px 20px 20px;
    }
    .advertiser-block .advertiser-control .loader img {
        width: 68px;
        height: auto;
    }
}

.advertiser-control {
    display: table;
    width: 100%;
}

.advertiser-control .btn-sub {
    float: right;
    max-width: 234px;
    margin-left: 20px;
}

.advertiser-control .btn-prime {
    float: right;
    max-width: 234px;
    margin-left: 20px;
}

.advertiser-control .btn-forward {
    float: left;
    position: relative;
    padding: 21px 0;
    padding-left: 45px;
    font-size: 16px;
    color: rgb(216, 176, 140);
    font-weight: 700;
    line-height: 1;
}

.advertiser-control .btn-forward img {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .advertiser-control .btn-sub {
        float: none;
        max-width: 100%;
        margin-left: 0px;
    }
    .advertiser-control .btn-prime {
        float: none;
        max-width: 100%;
        margin-left: 0px;
    }
    .advertiser-control .btn-forward {
        float: none;
        display: block;
        margin-bottom: 20px;
    }
}

.advertiser-block .con-head {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.5;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .advertiser-block .con-head {
        font-size: 14px;
    }
}

.advertiser-block .hr-line {
    margin: 10px 0 20px;
    width: 100%;
    height: 1px;
    background-color: #F4F4F4;
}

.quality-block .quality-block__head {
    margin-bottom: 20px;
}

.quality-block .quality-block__head .name {
    font-size: 16px;
    color: rgb(216, 176, 140);
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5px;
}

.quality-block .quality-block__head .head-ell {
    position: relative;
    padding-left: 42px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 16px;
}

.quality-block .quality-block__head .head-ell .num {
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #ffffff;
    border-radius: 4px;
    background-color: #D8B08C;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.quality-block .quality-block__head .descr {
    font-size: 14px;
    color: rgb(152, 152, 152);
    line-height: 1.429;
}

.quality-block__body .quality-ell {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 16px;
    padding-right: 190px;
}

.quality-block__body .quality-ell .quality-ell__descr {
    position: relative;
    width: 100%;
    background-color: #F8F8F8;
    padding: 20px;
    padding-right: 56px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: normal;
    color: rgb(216, 176, 140);
    text-transform: uppercase;
}

.quality-block__body .quality-ell .quality-ell__descr .info {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
    background-color: #E8D4C2;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.quality-block__body .quality-ell .quality-ell__descr .info:hover {
    background-color: #98694c;
}

.quality-block__body .quality-ell .quality-ell__val {
    position: absolute;
    right: 0;
    top: 50%;
    width: 182px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid #D8B08C;
    border-radius: 4px;
    display: flex;
}

.quality-block__body .quality-ell .quality-ell__val .val-ell {
    position: relative;
    float: left;
    width: 60px;
    height: 60px;
    border: 1px solid #D8B08C;
    font-size: 18px;
    text-align: center;
    line-height: 58px;
}

.quality-block__body .quality-ell .quality-ell__val .val-ell .radio__ell {
    display: none;
}

.quality-block__body .quality-ell .quality-ell__val .val-ell label {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.quality-block__body .quality-ell .quality-ell__val .val-ell input[type="radio"]:checked+label {
    color: #ffffff;
    background-color: #D8B08C;
}

.usetwentyfour li.collapse {
    display: none;
}

.usetwentyfour li.picker-switch {
    display: none !important;
}

.usetwentyfour li.collapse:last-child {
    display: block;
}

.lable-info {
    font-size: 16px;
    font-weight: normal;
    color: rgb(216, 176, 140);
    text-transform: uppercase;
    margin-bottom: 12px;
}

.lable-info .info {
    display: inline-block;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
    background-color: #E8D4C2;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.lable-info .info:hover {
    background-color: #98694c;
}

@media (max-width: 767px) {
    .quality-block__body .quality-ell {
        margin-bottom: 15px;
        padding-right: 0px;
    }
    .quality-block__body .quality-ell .quality-ell__descr {
        padding: 10px;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .quality-block__body .quality-ell .quality-ell__descr .info {
        display: none;
    }
    .quality-block__body .quality-ell .quality-ell__val {
        display: table;
        position: static;
        right: auto;
        top: auto;
        width: 100%;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        border: 1px solid #D8B08C;
        border-radius: 4px;
    }
    .quality-block__body .quality-ell .quality-ell__val .val-ell {
        float: left;
        width: 33.333%;
        height: 40px;
        font-size: 16px;
        line-height: 38px;
    }
}

.document-block {
    position: relative;
    padding-top: 40px;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    opacity: 0;
}

.document-block .document-scroll {
    max-height: 880px;
}

.document-block .document-scroll .document-wrap {
    position: relative;
    margin: 0 auto;
}

.document-block .document-scroll .document-wrap .document-list {
    width: 100%;
    left: 50%;
    top: 50%;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.document-block .document-scroll .document-wrap .document-list .document-ell {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    margin: 5px 50px 35px;
}

.document-block .document-scroll .document-wrap .document-list .document-ell>img {
    width: 100%;
    height: auto;
}

.document-block .control-panel {
    position: absolute;
    display: table;
    bottom: 30px;
    left: 50%;
    width: 306px;
    background-color: rgba(32, 32, 32, 0.75);
    border-radius: 5px;
    color: #fff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.document-block .control-panel .info-block {
    float: left;
    width: 60%;
    padding: 12px 5px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    line-height: 20px;
    text-align: center;
}

.document-block .control-panel .info-block span {
    display: inline-block;
    min-width: 30px;
}

.document-block .control-panel .control-block {
    float: left;
    width: 40%;
    padding: 12px 5px;
    line-height: 20px;
    font-size: 30px;
}

.document-block .control-panel .control-block .zoom-in {
    display: inline-block;
    width: 30px;
    height: 20px;
    background-image: url('../img/zoom-plus.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.document-block .control-panel .control-block .btn-zoom {
    vertical-align: top;
    padding: 0 8px;
    cursor: pointer;
}

.document-block .control-panel .control-block .btn-zoom.static {
    opacity: 0.5;
    cursor: default;
}

.document-block .btn-resize {
    position: absolute;
    top: 40px;
    right: -70px;
    width: 40px;
    height: 40px;
    background-color: #333;
    background-image: url('../img/fullscreen-icon.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    cursor: pointer;
}

.tooltip-wrap {
    position: relative;
}

.tooltip {
    width: 420px;
}

.tooltip .tooltip-inner {
    width: 100%;
    max-width: 100%;
    -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1)
}

@media (max-width: 767px) {
    .tooltip {
        left: auto !important;
        right: 0px !important;
        width: 260px;
    }
    .tooltip .tooltip-arrow {
        left: auto !important;
        right: 25px !important;
    }
}

.vote-block {
    padding-top: 50px;
    margin-bottom: 40px;
}

.vote-block .vote-block__head {
    display: table;
    width: 100%;
    margin-bottom: 46px;
}

.vote-block .vote-name {
    float: left;
    font-size: 24px;
    color: #986B4D;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 58px;
    margin-bottom: 0;
}

.vote-sort-wrap {
    float: right;
    display: table;
}

.vote-sort-wrap .sort-feild-seach {
    float: left;
    width: 340px;
    margin-right: 60px;
    padding: 17px 20px;
    border: 1px solid #986B4D;
    border-radius: 4px;
    background-color: inherit;
}

.vote-sort-wrap .sort-feild-seach:focus {
    outline: none;
    background-color: #ffffff;
}

.vote-block .vote-sort {
    float: left;
    border: 1px solid #986B4D;
    border-radius: 4px;
    overflow: hidden;
}

.vote-block .vote-sort li {
    float: left;
}

.vote-block .vote-sort .sort-btn {
    display: block;
    width: 180px;
    padding: 20px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    background-color: #986B4D;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer;
}

.vote-block .vote-sort .sort-btn:hover {
    background-color: #825B42
}

.vote-block .vote-sort .sort-btn.active {
    background-color: inherit;
    color: #986B4D;
}

@media (max-width: 1199px) {
    .vote-sort-wrap .sort-feild-seach {
        width: 300px;
        margin-right: 20px;
    }
}

@media (max-width: 992px) {
    .vote-sort-wrap {
        float: none;
        width: 100%;
    }
    .vote-sort-wrap .sort-feild-seach {
        width: 340px;
    }
}

@media (max-width: 767px) {
    .vote-sort-wrap .sort-feild-seach {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        padding: 12px 14px;
    }
    .vote-block {
        padding-top: 40px;
        margin-bottom: 40px;
    }
    .vote-block .vote-block__head {
        margin-bottom: 40px;
    }
    .vote-block .vote-name {
        float: none;
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 20px;
    }
    .vote-block .vote-sort {
        float: none;
    }
    .vote-block .vote-sort li {
        float: left;
        width: 50%;
    }
    .vote-block .vote-sort .sort-btn {
        display: block;
        width: 100%;
        padding: 14px;
    }
}

.vote-card {
    position: relative;
    padding: 40px 38px 30px;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 10px 32px 0px rgba(190, 190, 191, 0.004);
    box-shadow: 0px 10px 32px 0px rgba(190, 190, 191, 0.004);
    margin-bottom: 20px;
}

.vote-card .card-head {
    display: table;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #E9E9E9;
}

.vote-card .card-head .card-name {
    float: left;
    font-size: 21px;
    font-weight: 800;
    line-height: 42px;
}

.vote-card .card-head .card-raiting {
    float: right;
    font-size: 16px;
    color: rgb(149, 139, 139);
    line-height: 40px;
}

.vote-card .card-head .card-raiting .num {
    color: #986b4d;
    font-size: 24px;
    font-weight: 800;
}

.vote-card .card-body .post {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 25px;
}

.vote-card .card-body .card-bnt {
    display: block;
    width: 100%;
    height: 58px;
    padding: 20px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.vote-card .card-body .card-bnt.btn-video {
    color: #958B8B;
    border: 1px solid #958B8B;
}

.vote-card .card-body .card-bnt.btn-video img {
    width: 18px;
    height: 22px;
    margin-top: -4px;
    margin-right: 5px;
    vertical-align: text-bottom;
}

.vote-card .card-body .card-bnt.btn-vote {
    color: #ffffff;
    border: 1px solid #E44934;
    background-color: #E44934;
}

.vote-card .card-body .card-bnt.btn-vote:focus {
    outline: none;
}

.vote-card .card-body .card-bnt.btn-vote:hover {
    border: 1px solid #B53229;
    background-color: #B53229;
}

.vote-card .card-body .card-bnt.btn-vote[disabled] {
    border: 1px solid #CFCFCF;
    background-color: #CFCFCF;
    cursor: default;
}

@media (max-width: 767px) {
    .vote-card {
        padding: 30px 20px 20px;
    }
    .vote-card .card-head .card-name {
        float: none;
        font-size: 18px;
        font-weight: 800;
        line-height: 1.3;
        margin-bottom: 5px;
    }
    .vote-card .card-head .card-raiting {
        float: none;
        font-size: 14px;
        line-height: 1.3;
        margin-bottom: 15px;
    }
    .vote-card .card-head .card-raiting .num {
        font-size: 20px;
    }
    .vote-card .card-body .card-bnt {
        display: block;
        height: 50px;
        padding: 16px;
        font-size: 14px;
    }
    .vote-card .card-body .card-bnt.btn-video img {
        width: auto;
        height: 18px;
        margin-top: -2px;
        margin-right: 5px;
    }
}

.modal.fade .modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -25%);
    -ms-transform: translate(-50%, -25%);
    transform: translate(-50%, -25%);
}

.modal.in .modal-dialog {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modal .modal-dialog {
    margin: 0;
}

@media (max-width: 767px) {
    .modal.fade .modal-dialog {
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.modal-SocAuth .modal-dialog {
    width: 100%;
    max-width: 760px;
}

.modal-SocAuth .modal-content {
    overflow: hidden;
    border-radius: 4px;
}

.modal-SocAuth .modal-header {
    position: relative;
    padding: 40px 60px;
    background-color: #EFECE9;
}

.modal-SocAuth .modal-header .modal-title {
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
}

.modal-SocAuth .modal-header .close {
    position: absolute;
    right: 60px;
    top: 50%;
    margin: 0;
    padding: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #999999;
    font-size: 16px;
    opacity: 1;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.modal-SocAuth .modal-header .close:hover {
    margin: 0;
    padding: 0;
    opacity: 1;
    color: #212121;
}

.modal-SocAuth .modal-body {
    padding: 40px 60px 60px;
}

.modal-SocAuth .modal-body p {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.333;
    margin-bottom: 46px;
}

.modal-SocAuth .modal-body p.sm-text {
    font-size: 18px;
    font-weight: normal;
}

.modal-SocAuth .modal-body p.voit-ch {
    position: relative;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.333;
    margin-bottom: 0px;
    padding: 15px 0;
    padding-left: 100px;
}

.modal-SocAuth .modal-body p.auth-des {
    margin-top: 15px;
    margin-bottom: 0;
    color: #E44934;
    font-size: 18px;
    text-align: center;
}

.modal-SocAuth .modal-body p.voit-ch img {
    position: absolute;
    left: 0;
    top: 50%;
    width: 60px;
    height: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .modal-SocAuth .modal-dialog {
        width: 100%;
        max-width: 100%;
        height: 100%;
        background-color: #ffffff;
        border-radius: 0px;
    }
    .modal-SocAuth .modal-content {
        border-radius: 0px;
    }
    .modal-SocAuth .modal-header {
        position: relative;
        padding: 30px 20px;
    }
    .modal-SocAuth .modal-header .modal-title {
        font-size: 24px;
    }
    .modal-SocAuth .modal-header .close {
        position: absolute;
        right: 20px;
        font-size: 16px;
    }
    .modal-SocAuth .modal-body {
        padding: 30px 20px 40px;
    }
    .modal-SocAuth .modal-body p {
        font-size: 18px;
        margin-bottom: 36px;
    }
    .modal-SocAuth .modal-body p.voit-ch {
        position: relative;
        font-size: 18px;
        margin-bottom: 0px;
        padding: 10px 0;
        padding-left: 60px;
    }
    .modal-SocAuth .modal-body p.auth-des {
        font-size: 16px;
    }
    .modal-SocAuth .modal-body p.voit-ch img {
        width: 40px;
    }
}

.modal-SocAuth .soc-list {
    text-align: center;
    width: 100%;
}

.modal-SocAuth .soc-list li {
    display: inline-block;
    margin-right: 60px;
}

.modal-SocAuth .soc-list li:last-child {
    margin-right: 0px;
}

.modal-SocAuth .soc-list li a.soc-link {
    position: relative;
    display: block;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 18px;
}

.modal-SocAuth .soc-list li a i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modal-SocAuth .soc-list li a.soc-link.soc-face {
    background-color: #3B5998;
}

.modal-SocAuth .soc-list li a.soc-link.soc-odk {
    background-color: #EE8208;
}

.modal-SocAuth .soc-list li a.soc-link.soc-vk {
    background-color: #4D7198;
}

.modal-SocAuth .soc-list li a.soc-link.soc-face:hover {
    background-color: #2A3E6B;
}

.modal-SocAuth .soc-list li a.soc-link.soc-odk:hover {
    background-color: #BE6807;
}

.modal-SocAuth .soc-list li a.soc-link.soc-vk:hover {
    background-color: #3F5D7D;
}

@media (max-width: 767px) {
    .modal-SocAuth .soc-list li {
        margin-right: 24px;
    }
}

.modal-mVideo .modal-dialog {
    width: 100%;
    max-width: 1150px;
    margin: 0;
}

.modal-mVideo .modal-content {
    background-color: initial;
}

.modal-mVideo .modal-content .close {
    position: absolute;
    top: -40px;
    right: -40px;
    color: #ffffff;
    font-size: 20px;
    opacity: 1;
    text-shadow: none;
    z-index: 50;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.modal-mVideo .modal-content .close:hover {
    margin: 0;
    padding: 0;
    opacity: .7;
}

.modal-mVideo .modal-content video {
    width: 100%;
    height: auto;
    vertical-align: text-top;
}

.video-youtube {
    width: 100%;
    height: 647px;
    max-height: 70vh;
    vertical-align: text-bottom;
}

@media (max-width: 1199px) {
    .modal-mVideo .modal-dialog {
        max-width: 940px;
        margin: 0;
    }
    .modal-mVideo .modal-content .close {
        right: 0px;
    }
    .video-youtube {
        height: 529px;
        max-height: 80vh;
    }
}

@media (max-width: 992px) {
    .modal-mVideo .modal-dialog {
        max-width: 740px;
        margin: 0;
    }
    .video-youtube {
        height: 416px;
    }
}

@media (max-width: 767px) {
    .modal-mVideo .modal-content .close {
        right: 10px;
        top: -25px;
        font-size: 16px;
    }
    .video-youtube {
        height: 380px;
    }
}

@media (max-width: 425px) {
    .video-youtube {
        height: 240px;
    }
}

@media (max-width: 375px) {
    .video-youtube {
        height: 210px;
    }
}

@media (max-width: 320px) {
    .video-youtube {
        height: 180px;
    }
}

.table-wrap {
    width: 100%;
    overflow: auto;
    margin-bottom: 50px;
}

table.tb-cont {
    background-color: #ffffff;
}

table.tb-cont tr th,
table.tb-cont tr td {
    padding: 20px 16px;
    color: #212426;
    font-size: 16px;
    border: 1px solid #EFECE9;
}

table.tb-cont tr th {
    text-transform: uppercase;
}

table.tb-cont tr th:first-child,
table.tb-cont tr td:first-child {
    text-align: center;
}

table.tb-cont tbody tr:nth-child(odd) {
    background-color: #F8F8F8;
}

table.tb-brown thead {
    background-color: #D8B08C;
}

table.tb-brown thead tr th {
    color: #ffffff;
    vertical-align: middle;
    border: 1px solid #D8B08C;
}

.project_protection h1.section-title {
    margin-bottom: 30px;
}

.project_protection h3.section-br-title {
    font-size: 24px;
    color: rgb(152, 107, 77);
    text-transform: uppercase;
    line-height: 1.4;
    margin-bottom: 20px;
}

.project_protection h4.section-sub-title {
    margin-bottom: 14px;
    font-size: 21px;
}

.project_protection p {
    margin-bottom: 34px;
}

.project_protection table {
    min-width: 680px;
}

.project_protection table.tb-cont tr th:nth-child(2) {
    width: 210px;
}

@media (max-width: 767px) {
    .project_protection h3.section-br-title {
        font-size: 18px;
    }
    .project_protection h4.section-sub-title {
        font-size: 18px;
    }
}

.info-card {
    padding: 36px 30px 16px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 40px;
}

.info-card .info-card__title {
    font-size: 21px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 24px;
}

.info-card .info-card__text {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.info-card .card-name {
    font-size: 18px;
    color: rgb(216, 176, 140);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.5;
    margin-bottom: 25px;
}

.info-card ul {
    margin: 0;
    padding: 0;
}

.info-card ul li {
    position: relative;
    list-style: none;
    padding-left: 50px;
    margin-bottom: 20px;
}

.info-card ul li i {
    position: absolute;
    left: 0;
    top: 0;
    color: #E44934;
}

.info-card p {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .info-card {
        padding: 30px 20px;
        margin-bottom: 30px;
    }
    .info-card .card-name {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .info-card ul {
        margin: 0;
        padding: 0;
    }
    .info-card ul li {
        padding-left: 30px;
        margin-bottom: 16px;
    }
}


/* sl-result */

.sl-result-wrap {
    padding: 0 13px;
}

.sl-result {
    position: relative;
    margin-top: 50px;
    margin-bottom: 35px;
}

.sl-result .sl-result__line {
    position: absolute;
    left: 0;
    top: 26px;
    width: 100%;
    height: 4px;
    background: -webkit-gradient(linear, left top, right top, from(#EFECE9), to(#986B4D));
    background: -webkit-linear-gradient(left, #EFECE9, #986B4D);
    background: -o-linear-gradient(left, #EFECE9, #986B4D);
    background: linear-gradient(to right, #EFECE9, #986B4D);
}

.sl-result .sl-result__line .sl-drop {
    position: absolute;
    top: -60px;
    width: 32px;
    height: 40px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 34px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 20;
}

.sl-result .sl-result__line .sl-drop.sl-drop-red {
    background-image: url("../img/oill-red.svg");
}

.sl-result .sl-result__line .sl-drop.sl-drop-brown {
    background-image: url("../img/oill-brown.svg");
}

.sl-result .sl-dots {
    position: relative;
    height: 56px;
}

.sl-result .sl-dots .dot-ell {
    position: absolute;
    top: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.sl-result .sl-dots .dot-ell:nth-child(1) {
    left: 0;
}

.sl-result .sl-dots .dot-ell:nth-child(2) {
    left: 30%;
}

.sl-result .sl-dots .dot-ell:nth-child(3) {
    left: 70%;
}

.sl-result .sl-dots .dot-ell:nth-child(4) {
    left: 100%;
}

.sl-result .sl-dots .dot-ell .dot-val {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #986b4d;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sl-result .sl-dots .dot-ell:nth-child(1) .dot-val {
    background-color: #EFECE9;
}

.sl-result .sl-dots .dot-ell:nth-child(2) .dot-val {
    background-color: #E3D5C8;
}

.sl-result .sl-dots .dot-ell:nth-child(3) .dot-val {
    background-color: #D8B08C;
}

.sl-result .sl-dots .dot-ell:nth-child(4) .dot-val {
    color: #ffffff;
    background-color: #986B4D;
}

.sl-name {
    display: table;
    width: 100%;
    margin-top: -10px;
}

.sl-name .name-ell {
    float: left;
    padding: 0 28px;
    font-size: 14px;
    color: rgb(152, 107, 77);
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.sl-name .name-ell .dr-sub {
    color: #989898;
    font-size: 14px;
    font-weight: 400;
    text-transform: initial;
}

.sl-name .name-ell:nth-child(1) {
    width: 30%;
}

.sl-name .name-ell:nth-child(2) {
    width: 40%;
}

.sl-name .name-ell:nth-child(3) {
    width: 30%;
}

@media (max-width: 767px) {
    .sl-result .sl-dots .dot-ell:nth-child(2) {
        display: none;
    }
    .sl-result .sl-dots .dot-ell:nth-child(3) {
        display: none;
    }
    .sl-name {
        display: none;
    }
}

.block-user .section-title {
    margin-bottom: 40px;
}


/* avatar-card */

.avatar-card {
    position: relative;
    min-height: 140px;
    padding: 30px 38px 30px 165px;
    border-radius: 4px;
    background-color: #ffffff;
    margin-bottom: 20px;
}

.avatar-card .avatar-ell {
    position: absolute;
    left: 10px;
    top: 50%;
    width: 120px;
    height: 120px;
    border-radius: 4px;
    background-color: #f5f5f5;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.avatar-card .avatar-ell:after {
    content: "\e904";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #cccccc;
    font-size: 32px;
    z-index: 5;
}

.avatar-card .avatar-ell .avatar-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    z-index: 10;
}

.avatar-card .name {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 12px;
}

.avatar-card .descr {
    font-size: 14px;
    color: rgb(152, 152, 152);
    margin-bottom: 10px;
}

.avatar-card .descr:last-child {
    margin-bottom: 0;
}

.avatar-card .descr .bold {
    color: #212426;
    font-weight: bold;
}

@media (max-width: 767px) {
    .avatar-card {
        padding: 20px;
        border-radius: 4px;
        background-color: #ffffff;
        margin-bottom: 20px;
    }
    .avatar-card .avatar-ell {
        position: static;
        margin: 0 auto 20px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .avatar-card .name {
        font-size: 20px;
    }
    .avatar-card .descr {
        font-size: 14px;
    }
}


/* diagnostic-card */

.diagnostic-card {
    border-radius: 4px;
    margin-bottom: 30px;
    font-size: 16px;
}

.diagnostic-card .card-head {
    padding: 22px 38px;
    color: #ffffff;
    background-color: #D8B08C;
}

.diagnostic-card .card-head.card-head-collapse {
    position: relative;
    padding-right: 80px;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
}

.diagnostic-card .card-head.card-head-collapse:after {
    content: "+";
    position: absolute;
    right: 28px;
    top: 50%;
    font-size: 46px;
    font-weight: 400;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.diagnostic-card .card-head.card-head-collapse[aria-expanded="true"]:after {
    content: "-";
}

.diagnostic-card .card-body {
    padding: 20px 38px;
    background-color: #ffffff;
}

@media (max-width: 767px) {
    .diagnostic-card {
        margin-bottom: 20px;
    }
    .diagnostic-card .card-head {
        padding: 14px 20px;
    }
    .diagnostic-card .card-head.card-head-collapse {
        padding-right: 40px;
        font-size: 13px;
    }
    .diagnostic-card .card-head.card-head-collapse:after {
        right: 14px;
        font-size: 26px;
    }
    .diagnostic-card .card-body {
        padding: 20px 15px;
    }
}

.range-list .range-ell {
    padding: 25px 0 30px;
    border-bottom: 1px solid #E3D5C8;
}

.range-list .range-ell:last-child {
    border-bottom: none;
}

.range-list .range-ell p.bold {
    font-weight: 800;
    margin-bottom: 12px;
}

.range-list .range-ell p {
    font-size: 16px;
    margin-bottom: 12px;
}

.range-list .range-ell .sl-result {
    margin-top: 60px;
    margin-bottom: 0;
}

.range-list .range-ell .sl-result .sl-result__line .dr-read {}

.range-list .range-ell .sl-result .sl-result__line .dr-green {
    background-image: url("../img/oill_green.svg");
}

.range-list .range-ell.range-ell-legend {
    padding-bottom: 10px;
}

.range-list .range-ell.range-ell-legend .sl-result {
    margin-top: 10px;
}

.range-list .range-ell.range-ell-legend .sl-name {
    margin-top: 10px;
    margin-left: -13px;
}

.range-list .range-ell.range-ell-legend .sl-name .name-ell {
    float: none;
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
    text-align: left;
}

.legend {
    margin: 20px 0 0;
}

.legend .legend-ell {
    position: relative;
    padding-left: 34px;
    margin-bottom: 20px;
    font-size: 14px;
    color: rgb(152, 152, 152);
}

.legend .legend-ell img {
    position: absolute;
    left: 0;
    top: -5px;
    width: 22px;
    height: auto;
}

@media (max-width: 767px) {
    .range-list .range-ell {
        padding: 20px 0 20px;
    }
}


/* chat-result */

.chat-result-scroll {
    width: 100%;
    overflow: auto;
}

.chat-result-cont {
    padding: 30px 0 60px;
}

.chat-result {
    position: relative;
    min-width: 660px;
    padding-left: 52px;
}

.chat-result .axis-y {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.chat-result .axis-y .axis-point {
    position: absolute;
    left: 0;
    font-size: 14px;
    color: rgb(117, 117, 117);
    text-transform: uppercase;
}

.chat-result .axis-y .axis-point:nth-child(1) {
    bottom: 100%;
}

.chat-result .axis-y .axis-point:nth-child(2) {
    bottom: 50%;
}

.chat-result .axis-y .axis-point:nth-child(3) {
    bottom: 0;
}

.chat-result .axis-x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    height: 200px;
    padding: 0 10px;
    background-color: #FAF9F6;
}

.chat-result .axis-x .axis-ell {
    position: relative;
    width: 170px;
    margin-right: 40px;
    background-color: #E6B18B;
    -webkit-box-shadow: 0px 5px 20px 1px rgba(149, 124, 102, 0.6);
    box-shadow: 0px 5px 20px 1px rgba(149, 124, 102, 0.6);
}

.chat-result .axis-x .axis-ell:nth-child(2) {
    background-color: #C48A60;
}

.chat-result .axis-x .axis-ell:nth-child(4) {
    background-color: #9A6641;
}

.chat-result .axis-x .axis-ell:last-child {
    margin-right: 0;
}

.chat-result .axis-x .axis-ell .num {
    position: absolute;
    left: 0;
    top: -25px;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: rgb(216, 176, 140);
    text-align: center;
}

.chat-result .axis-x .axis-ell .name {
    position: absolute;
    left: 0;
    top: 110%;
    width: 100%;
    font-size: 14px;
    color: rgb(33, 36, 38);
    text-align: center;
}

.sub-collapse-wrap {
    padding-top: 20px;
}

.sub-collapse {
    margin-bottom: 20px;
}

.sub-collapse .sub-collapse__header a.sub-collapse__control {
    display: block;
    position: relative;
    padding: 22px 70px;
    font-size: 16px;
    color: rgb(152, 107, 77);
    font-weight: bold;
    text-transform: uppercase;
    border-top: 1px solid #E9D6C9;
    border-bottom: 1px solid #E9D6C9;
}

.sub-collapse .sub-collapse__header a.sub-collapse__control[aria-expanded="true"] {
    border-top: 1px solid #F9F9FB;
    border-bottom: 1px solid #F9F9FB;
    background-color: #F9F9FB;
}

.sub-collapse .sub-collapse__header a.sub-collapse__control img {
    position: absolute;
    left: 10px;
    top: 50%;
    width: auto;
    height: 40px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sub-collapse .sub-collapse__header a.sub-collapse__control i {
    position: absolute;
    right: 20px;
    top: 50%;
    color: #E7B694;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sub-collapse .sub-collapse__header a.sub-collapse__control[aria-expanded="true"] i:before {
    content: "\e916";
}

.sub-collapse .sub-collapse__content {
    padding: 16px 20px 10px;
}

@media (max-width: 767px) {
    .sub-collapse .sub-collapse__header a.sub-collapse__control {
        padding: 12px 46px;
    }
    .sub-collapse .sub-collapse__header a.sub-collapse__control img {
        height: 26px;
    }
}

.cl-icon-list {
    padding-left: 30px;
}

.cl-icon-list .cl-icon-list__ell {
    position: relative;
    padding-left: 65px;
    margin-bottom: 12px;
    list-style: none;
}

.cl-icon-list .cl-icon-list__ell img {
    position: absolute;
    left: 0;
    top: 10px;
    width: auto;
    height: 42px;
}

.cl-icon-list .cl-icon-list__ell .name {
    color: #212426;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
}

.cl-icon-list .cl-icon-list__ell .text {
    color: #212426;
    font-size: 16px;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .sub-collapse .sub-collapse__content {
        padding: 20px 0;
    }
    .cl-icon-list {
        padding-left: 0px;
    }
    .cl-icon-list .cl-icon-list__ell {
        padding-left: 0px;
    }
    .cl-icon-list .cl-icon-list__ell img {
        display: none;
    }
}

h6.block-name {
    margin: 0 0 16px;
    font-size: 16px;
    font-weight: 800;
}


/* individ-card */

.individ-card-wrap {
    padding-top: 30px;
    border-top: 6px solid #E9D6C9;
}

.individ-card-wrap .support {
    font-size: 16px;
    color: rgb(152, 152, 152);
    line-height: 1.313;
    margin-bottom: 20px;
}

.individ-card {
    position: relative;
    padding-left: 70px;
    margin-bottom: 22px;
}

.individ-card img {
    position: absolute;
    left: 5px;
    bottom: 5px;
    width: auto;
    height: 42px;
}

.individ-card .name {
    font-size: 16px;
    color: rgb(33, 36, 38);
    font-weight: bold;
    margin-bottom: 5px;
}

.individ-card .individ-result {
    position: relative;
}

.individ-card .individ-result .individ-result__ell {
    position: relative;
    width: 100%;
    height: 16px;
    z-index: 20;
}

.individ-card .individ-result .individ-result__ell .ell-val {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.individ-card .individ-result .individ-result__ell .bg-red {
    background-color: #986B4D;
}

.individ-card .individ-result .individ-result__ell .bg-brown {
    background-color: #525252;
}

.individ-card .individ-result .individ-result__ell .val,
.individ-card .individ-result .individ-result__sc .val {
    position: absolute;
    top: 50%;
    right: 15px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.individ-card .individ-result .individ-result__sc {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #EFECE9;
    z-index: 1;
}

.individ-card .individ-result .individ-result__sc .val {
    color: #B7B7B7;
}

.individ-legend {
    padding-top: 10px;
}

.individ-legend-ell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.individ-legend-ell .legend-des {
    position: relative;
    padding-left: 80px;
    margin-right: 40px;
    font-size: 16px;
}

.individ-legend-ell .legend-des .legend-des__bl {
    position: absolute;
    left: 0;
    top: 3px;
    height: 16px;
    width: 60px;
}

.individ-legend-ell .legend-des .legend-des__bl.legend-des__bl--user {
    background-color: #986B4D
}

.individ-legend-ell .legend-des .legend-des__bl.legend-des__bl--all {
    background-color: #525252
}

@media (max-width: 767px) {
    .individ-card {
        position: relative;
        padding-left: 0px;
        margin-bottom: 20px;
    }
    .individ-card img {
        display: none;
    }
}

.support-icon {
    position: relative;
    padding: 10px 0;
    padding-left: 54px;
    font-size: 16px;
    color: rgb(152, 152, 152);
    line-height: 1.313;
    margin-bottom: 10px;
}

.support-icon img {
    position: absolute;
    left: 0;
    top: 50%;
    width: 34px;
    height: 34px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .support-icon {
        padding-left: 36px;
        font-size: 14px;
    }
    .support-icon img {
        top: 10px;
        width: 22px;
        height: 22px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.chat-result-wrap {
    padding-top: 40px;
    border-top: 1px solid #E3D5C8;
}

.chat-result-wrap p.bold {
    font-size: 16px;
    font-weight: 800;
}

.diagn-collapse-wrap {
    padding-bottom: 25px;
}

.diagn-collapse-ell {
    margin-bottom: 20px;
}

.diagn-collapse-ell .diagn-collapse-title {
    position: relative;
    display: block;
    padding: 22px 28px;
    padding-right: 50px;
    font-size: 16px;
    color: rgb(152, 107, 77);
    font-weight: 800;
    border-top: 1px solid #E3D5C8;
    border-bottom: 1px solid #E3D5C8;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.diagn-collapse-ell .diagn-collapse-title i {
    position: absolute;
    right: 28px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.diagn-collapse-ell .diagn-collapse-title[aria-expanded="true"] {
    background-color: #F9F9FB;
    border-top: 1px solid #F9F9FB;
    border-bottom: 1px solid #F9F9FB;
}

.diagn-collapse-ell .diagn-collapse-title[aria-expanded="true"] i:before {
    content: "\e916";
}

.diagn-collapse-ell .diagn-panel-body {
    padding: 22px 28px;
    font-size: 16px;
}

.diagn-collapse-ell .diagn-panel-body p {
    margin-bottom: 16px;
}

.diagn-collapse-ell .diagn-panel-body p.col-br {
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 20px;
    color: rgb(216, 176, 140);
    font-weight: 800;
    text-transform: uppercase;
    border-bottom: 5px solid #E44934;
}

.diagn-collapse-ell .diagn-panel-body ol {
    padding-left: 15px;
}

.diagn-collapse-ell .diagn-panel-body ol li {
    list-style: decimal;
    padding-left: 10px;
    margin-bottom: 16px;
}

.diagn-collapse-ell .diagn-panel-body ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 16px;
}

.diagn-collapse-ell .diagn-panel-body ul li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #D8B08C;
}

@media (max-width: 767px) {
    .diagn-collapse-wrap {
        padding-bottom: 20px;
    }
    .diagn-collapse-ell {
        margin-bottom: 10px;
    }
    .diagn-collapse-ell .diagn-collapse-title {
        position: relative;
        display: block;
        padding: 14px;
        padding-right: 40px;
        font-size: 14px;
    }
    .diagn-collapse-ell .diagn-collapse-title:after {
        right: 14px;
        top: 50%;
        font-size: 36px;
    }
    .diagn-collapse-ell .diagn-panel-body {
        padding: 12px 10px;
        font-size: 14px;
    }
    .diagn-collapse-ell .diagn-panel-body p {
        margin-bottom: 14px;
    }
    .diagn-collapse-ell .diagn-panel-body ol li {
        padding-left: 5px;
        margin-bottom: 12px;
    }
    .diagn-collapse-ell .diagn-panel-body ul li {
        padding-left: 20px;
        margin-bottom: 12px;
    }
}


/* compare-results */

.compare-results__legend {
    padding-top: 20px;
}

.compare-results__legend .name {
    font-size: 16px;
    color: rgb(152, 107, 77);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.313;
    margin-bottom: 0;
}

.compare-results__legend .text {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.313;
}

.chat-compare {
    padding-top: 20px;
    padding-bottom: 30px;
}

.chat-compare .chat-compare__result {
    position: relative;
    width: 100%;
}

.chat-compare .chat-compare__result .axis-y .axis-y-ell {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 50px;
    color: #757575;
}

.chat-compare .chat-compare__result .axis-y .axis-y-ell:first-child {
    height: auto;
}

.chat-compare .chat-compare__result .axis-y .axis-y-ell:nth-child(even) {
    background-color: #FAF9F8;
}

.chat-compare .chat-compare__result .axis-y .axis-y-ell .axis-point {
    position: relative;
    z-index: 20;
}

.chat-compare .chat-compare__result .axis-x {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.chat-compare .chat-compare__result .axis-x__bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 85%;
    height: calc(100% - 22px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.chat-compare .chat-compare__result .axis-x__bar .axis-ell {
    position: relative;
    width: 47%;
    background-color: #E6B18B;
}

.chat-compare .chat-compare__result .axis-x__bar .axis-ell:nth-child(2) {
    background-color: #C48A60;
}

.chat-compare .chat-compare__result .axis-x__bar .axis-ell .num {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
    font-size: 16px;
    color: rgb(216, 176, 140);
    font-weight: bold;
    text-transform: uppercase;
}

.chat-compare .chat-compare__result .axis-x__bar .axis-ell .name {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    padding-top: 5px;
    font-size: 14px;
    color: rgb(33, 36, 38);
    line-height: 1.2;
}

@media (max-width: 767px) {
    .chat-compare .chat-compare__result .axis-x__bar {
        width: 85%;
    }
    .chat-compare .chat-compare__result .axis-x__bar .axis-ell {
        width: 47%;
    }
}

@media (max-width: 419px) {
    .chat-compare .chat-compare__result .axis-x__bar {
        width: 85%;
    }
    .chat-compare .chat-compare__result .axis-x__bar .axis-ell {
        width: 47%;
    }
}


/* table-rec */

.table-rec-wrap {
    margin-bottom: 20px;
}

.table-rec {
    width: 100%;
    min-width: 500px;
}

.table-rec thead {
    background-color: #EFECE9;
}

.table-rec tbody {
    background-color: #F9F9FB;
}

.table-rec td,
.table-rec th {
    border: 3px solid #ffffff;
}

.table-rec th {
    padding: 20px;
    font-size: 16px;
    color: rgb(33, 36, 38);
    font-weight: 800;
    text-transform: uppercase;
    vertical-align: middle;
}

.table-rec th:first-child {
    width: 33.333%;
}

.table-rec td {
    position: relative;
    padding: 16px 20px;
    font-size: 14px;
    vertical-align: middle;
}

.table-rec td p {
    margin-bottom: 0;
}

.table-rec tr td:first-child {
    font-weight: 800;
}

.table-rec tr td .num {
    display: block;
    padding: 6px 0;
    font-size: 30px;
    text-align: center;
    color: rgb(33, 36, 38);
    font-weight: bold;
    line-height: 30px;
}

.table-rec tr td .tooltip-rec {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #ffffff;
    font-style: normal;
    border-radius: 50%;
    cursor: pointer;
}

.table-rec tr td.success {
    background-color: #E0F2E7;
}

.table-rec tr td.error {
    background-color: #F4B6AE;
}

.table-rec tr td.success .tooltip-rec {
    background-color: #67D793;
}

.table-rec tr td.error .tooltip-rec {
    background-color: #E67567;
}

.tooltip-rec+.tooltip {
    left: auto !important;
    right: 0 !important;
    margin-top: 10px;
}

.tooltip-rec+.tooltip .tooltip-arrow {
    left: auto !important;
    right: 13px !important;
}

.tooltip-rec+.tooltip .tooltip-inner {
    padding: 10px 12px;
    font-size: 14px;
    width: 100%;
    max-width: 500px;
}

@media (max-width: 767px) {
    .table-rec-wrap {
        width: 100%;
        overflow: auto;
        margin-bottom: 20px;
    }
    .table-rec tr td .tooltip-rec {
        display: none;
    }
}

.tracking-list-wrap .faild-wrap {
    margin-bottom: 20px;
}

.tracking-list-wrap .chosen-container-single .chosen-single {
    padding: 20px 40px 20px 18px;
}

.tracking-list-wrap .btn.btn-border {
    margin-bottom: 40px;
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.loader {
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 0.6em solid rgba(178, 178, 178, 0.2);
    border-right: 0.6em solid rgba(178, 178, 178, 0.2);
    border-bottom: 0.6em solid rgba(178, 178, 178, 0.2);
    border-left: 0.6em solid #98694c;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f5fafc;
    z-index: 60;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

.preloader.loaded {
    visibility: hidden;
    opacity: 0;
}

.preloader .loader-wr {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.preloader.loaded .loader-wr {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5, 0.5);
    transform: translate(-50%, -50%) scale(0.5, 0.5);
}

.bar-chart {
    position: relative;
    background: #FAF9F6;
    height: 30px;
    margin-bottom: 50px;
}

.bar-chart .bar-chart--inner {
    position: relative;
    background: #333;
    height: 100%;
    display: block;
    margin-bottom: 5px;
    position: relative;
    will-change: width;
}

.bar-chart .bar-chart--all {
    position: absolute;
    right: 20px;
    top: 6px;
    color: #B7B7B7;
    font-size: 16px;
    font-weight: bold;
}

.bar-chart .bar-chart--num {
    position: absolute;
    right: 20px;
    top: 6px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    z-index: 20;
}

.bar-chart .bar-chart--text {
    font-size: 14px;
    color: rgb(33, 36, 38)
}

.bar-chart .bar-chart--inner:after {
    position: absolute;
    top: 0;
    right: 0;
    content: " ";
    width: 1rem;
    height: 100%;
    background: rgba(0, 0, 0, .1);
}

.bar-chart[animated] .bar-chart--inner {
    -webkit-transition: width 1.3s;
    -o-transition: width 1.3s;
    transition: width 1.3s;
}

.bar-chat-container .bar-chart:nth-child(even) .bar-chart--inner {
    background: #E6B18B;
}

.bar-chat-container .bar-chart:nth-child(odd) .bar-chart--inner {
    background: #C48A60;
}

.page-job {
    padding-bottom: 35px;
}

.page-job .anim-tabs {
    background: #fff url('./../img/job-patterns-bg.png') no-repeat bottom right;
}

.job-card-scr {
    padding: 0 0 20px;
}

.job-card-scr .job-card-fix {
    display: none;
    height: 160px;
}

.job-card-scr.pos-fixed .job-card-fix {
    display: block;
}

.job-card-scr .job-card-wrap {
    position: relative;
    width: 100%;
    z-index: 50;
}

.job-card-scr.pos-fixed .job-card-wrap {
    position: fixed;
    left: 0;
    top: 0;
}

.job-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px;
    border-radius: 4px;
    background-color: #ffffff;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.job-card-scr.pos-fixed .job-card {
    -webkit-box-shadow: 0px 6px 23.75px 1.25px rgba(190, 190, 191, 0.6);
    box-shadow: 0px 6px 23.75px 1.25px rgba(190, 190, 191, 0.6);
}

.job-card .job-card__avatar {
    position: relative;
    padding-left: 120px;
    min-height: 100px;
}

.job-card .job-card__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    background-color: #F3F4F6;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60px auto;
}

.job-card .job-card__title {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 15px;
}

.job-card .job-card__descr {
    font-size: 16px;
    color: rgb(117, 117, 117);
    margin-bottom: 15px;
}

.job-card .job-card__place {
    font-size: 16px;
    color: rgb(216, 176, 140);
    margin-bottom: 0;
}

.job-card .job-card__place img {
    width: 17px;
    height: auto;
    margin-right: 5px;
    margin-bottom: -4px;
}

.job-card .job-card__place i {
    margin-right: 5px;
    color: #C0C0C0;
}

.job-card .job-card__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.job-card .job-card__control .btn-prime {
    width: 210px;
    max-width: 100%;
    min-width: 210px;
}

.job-card .job-card__control .btn-fav {
    position: relative;
    margin-left: 20px;
    width: 60px;
    height: 60px;
    border-radius: 4px;
    border: 1px solid #F6F5F5;
}

.job-card .job-card__control .btn-fav .star-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 22px;
    height: 22px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../img/star.svg');
}

.job-card .job-card__control .btn.btn-fav.active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.job-card .job-card__control .btn.btn-fav.active .star-icon,
.job-card .job-card__control .btn.btn-fav:hover .star-icon {
    background-image: url('../img/star-active.svg');
}

.job-card .job-card__control .btn-favorite .cls-1 {
    fill: #D8B08C;
}

.job-card .job-card__control .btn-favorite .cls-3 {
    fill: #BFBFBF;
}

@media (max-width: 991px) {
    .job-card-scr.pos-fixed .job-card-fix {
        display: none;
    }
    .job-card-scr.pos-fixed .job-card-wrap {
        position: relative;
        left: auto;
        top: auto;
    }
    .job-card-scr.pos-fixed .job-card {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media (max-width: 767px) {
    .job-card {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 50px 20px 30px;
    }
    .job-card .job-card__avatar {
        position: relative;
        padding-left: 0px;
        min-height: 100px;
    }
    .job-card .job-card__img {
        position: absolute;
        left: 0px;
        top: -60px;
        width: 55px;
        height: 55px;
        background-color: #ffffff;
        border-radius: 8px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 40px auto;
    }
    .job-card .job-card__control .btn-prime {
        display: none;
    }
    .job-card .job-card__control .btn-fav {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .job-card .job-card__control .btn-fav {
        margin-left: 0px;
        width: 22px;
        height: 22px;
        border: none;
    }
}

.btn-double {
    position: relative;
    display: table;
    width: 100%;
    max-width: 380px;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

.btn-double li {
    list-style: none;
    float: left;
    width: 50%;
}

.btn-double li .btn-icon {
    display: block;
    padding: 9px 28px;
    text-align: center;
    border: 1px solid #989898;
    color: #989898;
    font-weight: 800;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-double li .btn-icon svg * {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.btn-double li:first-child .btn-icon {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.btn-double li:last-child .btn-icon {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.btn-double li .btn-icon .btn-icon-cont {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    line-height: 40px;
    font-size: 14px;
}

.btn-double li .btn-icon .btn-icon-cont .icon {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 29px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-double li .btn-icon:hover,
.btn-double li .btn-icon[aria-expanded="true"] {
    border: 1px solid #D8B08C;
    background-color: #D8B08C;
    color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-double li .btn-icon:hover .icon .cls-stroke,
.btn-double li .btn-icon[aria-expanded="true"] .icon .cls-stroke {
    stroke: #ffffff;
}

.btn-double li .btn-icon:hover .icon .cls-fill,
.btn-double li .btn-icon[aria-expanded="true"] .icon .cls-fill {
    fill: #ffffff;
}

@media (max-width: 767px) {
    .page-job .btn-double {
        display: none !important;
    }
}


/* btn-sheare */

.btn-group.btn-sheare-wrap .dropdown-menu {
    width: 270px;
    top: 120%;
    left: auto;
    right: 10px;
    padding: 22px 38px !important;
    border-radius: 4px;
    border: 1px solid #D8B08C !important;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.btn-group.btn-sheare-wrap .dropdown-menu:after {
    content: '';
    position: absolute;
    right: 25px;
    bottom: 100%;
    border: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
}

.btn-group.btn-sheare-wrap .dropdown-menu li {
    width: auto;
    border: none;
    padding: 0;
}

.btn-group.btn-sheare-wrap .dropdown-menu li a {
    width: auto;
    border: none;
    padding: 0;
    font-size: 22px;
}

.btn-group.btn-sheare-wrap .dropdown-menu li a i.icon-soc-vk {
    color: #4D7198;
}

.btn-group.btn-sheare-wrap .dropdown-menu li a i.icon-soc-odk {
    color: #E6781C;
}

.btn-group.btn-sheare-wrap .dropdown-menu li a i.icon-soc-twit {
    color: #1FAEE9;
}

.btn-group.btn-sheare-wrap .dropdown-menu li a:hover {
    background-color: initial;
    opacity: 0.8;
}

.btn-group.btn-sheare-wrap .dropdown-menu .btn-icon-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.card-aside {
    border-radius: 4px;
    background-color: #ffffff;
    overflow: hidden;
    margin-bottom: 20px;
}

.card-aside .card-aside__title {
    padding: 21px 38px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    background-color: #D8B08C;
}

.card-aside .card-aside__content {
    padding: 35px 38px 15px;
}

.card-aside .card-aside__content p {
    color: #757575;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 20px;
}

.card-aside .card-aside__content p.prime {
    color: #212121;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.5;
    margin-bottom: 0;
}

.card-aside .card-aside__content .card-aside__news-bl {
    display: block;
    padding-bottom: 36px;
    margin-bottom: 30px;
    border-bottom: 1px solid #EFECE9;
}

.card-aside .card-aside__content .card-aside__news-bl:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.card-aside .card-aside__content .card-aside__news-bl p {
    line-height: 1.3;
    margin-bottom: 5px;
}

.card-aside .card-aside__content .card-aside__news-bl p.prime {
    margin-bottom: 5px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.card-aside .card-aside__content .card-aside__news-bl p.date {
    color: #bfbfbf;
    margin-bottom: 0;
}

.card-aside .card-aside__content .card-aside__news-bl p.date span {
    color: #212121;
}

.card-aside .card-aside__content .card-aside__news-bl:hover p.prime {
    color: #98694c;
}

@media (max-width: 767px) {
    .card-aside .card-aside__title {
        padding: 21px 12px;
    }
    .card-aside .card-aside__content {
        padding: 22px 12px 15px;
    }
    .card-aside .card-aside__content p {
        font-size: 16px;
    }
    .card-aside .card-aside__content p.prime {
        font-size: 16px;
    }
}

.anim-tabs {
    background-color: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 60px;
}

.anim-tabs .nav-tabs {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #EAE8E8;
}

.anim-tabs .nav-tabs li {
    display: block;
    margin: 0px !important;
}

.anim-tabs .nav-tabs li a {
    position: relative;
    margin-right: 0px;
    padding: 22px 30px;
    color: rgb(149, 139, 139) !important;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    border: none !important;
    color: #333;
}

.anim-tabs .nav-tabs .active {
    background-color: transparent!important;
    border: none!important;
    color: #39bcd3!important;
}

.anim-tabs .nav-tabs a:hover {
    background-color: #fff!important;
    border: none;
    opacity: 1;
}

.anim-tabs .nav-tabs .active a {
    color: #212121 !important;
}

.anim-tabs .slider {
    display: inline-block;
    width: 30px;
    height: 4px;
    border-radius: 3px;
    background-color: #E44934;
    position: absolute;
    z-index: 20;
    bottom: 0;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}

.anim-tabs .tab-pane {
    padding: 45px 40px 30px;
}

@media (max-width: 767px) {
    .anim-tabs {
        background-color: #ffffff;
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 60px;
    }
    .anim-tabs .nav-tabs {
        position: relative;
        background-color: #fff;
        border-bottom: 1px solid #EAE8E8;
    }
    .anim-tabs .nav-tabs li {
        display: block;
        margin: 0px !important;
    }
    .anim-tabs .nav-tabs li a {
        padding: 22px 12px;
        font-size: 13px;
    }
    .anim-tabs .tab-pane {
        padding: 26px 18px 20px;
    }
}

.base-content .prime {
    display: inline-block;
    font-weight: 800;
    margin-bottom: 5px;
}

.base-content ul {
    margin-bottom: 36px;
}

.tags-bl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 24px;
}

.tags-bl .tag {
    display: inline-block;
    padding: 10px 24px;
    color: #989898;
    font-size: 16px;
    border-radius: 4px;
    background-color: #F8F8F8;
    margin-right: 8px;
    margin-bottom: 8px;
}

.tags-bl .tag:hover {
    color: #ffffff;
    background-color: #E44934;
}

.table-dw {
    margin-bottom: 28px;
}

.table-dw .table-dw__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
}

.table-dw .table-dw__row:nth-child(odd) {
    background-color: #F8F8F8;
}

.table-dw .table-dw__row .table-dw__col:first-child {
    color: #989898;
}

.table-dw .table-dw__row .table-dw__col {
    width: 50%;
    font-size: 16px;
}

@media (max-width: 767px) {
    .base-content .prime {
        display: inline-block;
        font-weight: 800;
        margin-bottom: 5px;
    }
    .base-content ul {
        margin-bottom: 36px;
    }
    .tags-bl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 24px;
    }
    .tags-bl .tag {
        padding: 8px 12px;
        font-size: 14px;
    }
    .table-dw .table-dw__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px 12px;
    }
    .table-dw .table-dw__row .table-dw__col {
        width: 100%;
        font-size: 16px;
        padding: 5px 0;
    }
}

.page-job__foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 40px 40px;
}

.page-job__foot .page-job__foot-ell {
    position: relative;
    padding: 0 12px;
    color: #bfbfbf;
    font-size: 14px;
}

.page-job__foot .page-job__foot-ell:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #BFBFBF;
}

.page-job__foot .page-job__foot-ell:first-child {
    padding-left: 0;
}

.page-job__foot .page-job__foot-ell:last-child:after {
    content: none;
}

@media (max-width: 767px) {
    .page-job__foot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 18px 30px;
    }
    .page-job__foot .page-job__foot-ell {
        position: relative;
        padding: 0;
        color: #bfbfbf;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .page-job__foot .page-job__foot-ell:after {
        content: none;
    }
}

.xs-panel {
    display: none;
}

@media (max-width: 767px) {
    .xs-panel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: fixed;
        padding: 12px 36px;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: #ffffff;
        z-index: 50;
    }
    .xs-panel .btn.btn-prime {
        font-size: 16px;
        margin-bottom: 0;
    }
    .drop-btn {
        position: relative;
    }
    .drop-btn .btn-icon {
        display: block;
        margin-left: 40px;
        padding: 10px 0;
        border: none;
        color: #D8B08C;
    }
    .drop-btn .btn-icon svg * {
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }
    .drop-btn .btn-icon .btn-icon-cont {
        display: inline-block;
        position: relative;
        padding-left: 35px;
        line-height: 40px;
        font-size: 14px;
    }
    .drop-btn .btn-icon .btn-icon-cont .icon {
        position: absolute;
        left: 0;
        top: 50%;
        width: 25px;
        height: 29px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .drop-btn .btn-icon:hover,
    .drop-btn .btn-icon[aria-expanded="true"] {
        background-color: initial;
    }
    .drop-btn .dropdown-menu {
        width: 100vw;
        top: -78px;
        left: auto;
        right: -36px;
        padding: 16px 38px !important;
        border-radius: 0;
        border-bottom: 2px solid #D8B08C !important;
        border-top: 2px solid #D8B08C !important;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
    }
    .drop-btn .dropdown-menu:after {
        content: '';
        position: absolute;
        right: 45px;
        top: 100%;
        border: 10px solid transparent;
        border-top: 10px solid #ffffff;
        z-index: 20;
    }
    .drop-btn .dropdown-menu:before {
        content: '';
        position: absolute;
        right: 43px;
        top: 100%;
        border: 12px solid transparent;
        border-top: 12px solid #D8B08C;
        z-index: 10;
    }
    .drop-btn .dropdown-menu li {
        width: auto;
        border: none;
        padding: 0;
    }
    .drop-btn .dropdown-menu li a {
        width: auto;
        border: none;
        padding: 0;
        font-size: 26px;
        margin-left: 0;
    }
    .drop-btn .dropdown-menu li a i.icon-soc-vk {
        color: #4D7198;
    }
    .drop-btn .dropdown-menu li a i.icon-soc-odk {
        color: #E6781C;
    }
    .drop-btn .dropdown-menu li a i.icon-soc-twit {
        color: #1FAEE9;
    }
    .drop-btn .dropdown-menu li a:hover {
        background-color: initial;
        opacity: 0.8;
    }
    .drop-btn .dropdown-menu .btn-icon-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.page-job .base-content .prime {
    margin-bottom: 10px;
}

.page-job .base-content ul li,
.page-job .base-content ol li {
    line-height: 1.5;
    margin-bottom: 12px;
}

.page-job .base-content p {
    line-height: 1.5;
    margin-bottom: 30px;
}

.error-report .modal-header {
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #98694c;
    padding: 40px;
    text-align: center;
    border: none;
}

.error-report .modal-header .modal-title.modal-title-sm {
    font-weight: 800;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}

.error-report .modal-header .close {
    position: absolute;
    top: 20px;
    right: 20px;
    margin: 0;
    color: rgb(255, 255, 255, 0.6);
    text-shadow: none;
    font-size: 16px;
    opacity: 1;
}

.error-report .modal-header .close:hover,
.error-report .modal-header .close:focus {
    opacity: 1;
    color: rgb(255, 255, 255, 1);
}

.error-report .modal-body {
    padding: 40px 40px 20px;
}

.error-report .wind-massege {
    display: none;
}

.error-report.success .wind-form {
    display: none;
}

.error-report.success .wind-massege {
    display: block;
}

.error-report .modal-body .success-massege {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
}

.error-report .btn {
    max-width: 210px;
}

@media (max-width: 767px) {
    .error-report .modal-dialog {
        min-height: 100%;
        background-color: #ffffff;
    }
    .error-report .modal-header {
        padding: 40px 20px 20px;
    }
    .error-report .modal-header .modal-title.modal-title-sm {
        font-size: 18px;
    }
    .error-report .modal-header .close {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 16px;
    }
    .error-report .modal-body {
        padding: 30px 20px 20px;
    }
    .error-report .modal-body .success-massege {
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
        font-size: 18px;
    }
    .error-report .btn {
        max-width: 100%;
    }
}

.section-regtype {
    padding: 82px 0 0;
    background-color: #986B4D;
}

.section-regtype .section-title {
    color: #ffffff;
    margin-bottom: 40px;
}

.section-regtype .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.section-regtype .row:before {
    content: none;
}

.section-regtype .row:after {
    content: none;
}

.section-regtype .col-xs-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.regtype-card {
    position: relative;
    width: 100%;
    margin-bottom: -120px;
    padding: 50px 38px 30px;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0px 10px 40px 5px rgba(188, 183, 178, 0.4);
    box-shadow: 0px 10px 40px 5px rgba(188, 183, 178, 0.4);
}

.regtype-card .regtype-card__icon {
    display: block;
    width: auto;
    height: 60px;
    margin: 0 auto 18px;
}

.regtype-card .regtype-card__text {
    max-width: 360px;
    margin: 0 auto 18px;
    color: rgb(117, 117, 117);
    font-size: 18px;
    text-align: center;
    line-height: 1.4;
}

.regtype-card .regtype-card__title {
    max-width: 360px;
    margin: 0 auto 18px;
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 22px;
}

.regtype-card .regtype-card__list {
    margin-bottom: 36px;
}

.regtype-card .regtype-card__list li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 12px;
    font-size: 16px;
    color: rgb(33, 36, 38);
    line-height: 1.2;
}

.regtype-card .regtype-card__list li i {
    position: absolute;
    top: 50%;
    left: 0;
    color: #C99B71;
    font-size: 12px;
    -webkit-transform: translateY(-50%) rotateZ(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotateZ(-90deg);
}

@media (max-width: 991px) {
    .section-regtype {
        padding: 80px 0 80px;
    }
    .regtype-card {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .section-regtype {
        padding: 50px 0 50px;
    }
    .regtype-card {
        position: relative;
        width: 100%;
        padding: 30px 20px 30px;
    }
    .regtype-card .regtype-card__text {
        margin: 0 auto 16px;
        font-size: 16px;
    }
    .regtype-card .regtype-card__title {
        font-size: 18px;
        margin-bottom: 22px;
    }
}

.text-peview {
    text-align: center;
    max-width: 600px;
    margin: 0 auto 20px;
}

h1.section-title.faq-title {
    margin-bottom: 10px;
}

.base-content .section-sub-title.faq-sub-title {
    margin-top: 0;
}


/*======= ideas-card =======*/

.ideas-card {
    position: relative;
    display: block;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    width: 100%;
    padding: 28px;
    padding-bottom: 168px;
    color: #212426;
    border: 2px solid #F3F3F6;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.ideas-card:hover {
    color: #212426;
    border: 2px solid #18a2c2;
    -webkit-box-shadow: 2px 2px 0 2px #F3F3F6;
    box-shadow: 2px 2px 0 2px #F3F3F6;
}

.ideas-card__user {
    position: relative;
    padding: 22px 0 20px;
    padding-left: 82px;
    margin-bottom: 46px;
}

.ideas-card__user .avatar {
    position: absolute;
    left: 0;
    top: 50%;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ideas-card__user .name {
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 0;
}

.ideas-card__content .head {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.ideas-card__content .text {
    font-size: 16px;
    margin-bottom: 0;
}

.ideas-card__footer {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 28px;
    width: 100%;
}

.ideas-card__footer .topic {
    color: #18a2c2;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.ideas-card__footer .comment {
    display: table;
    width: 100%;
}

.ideas-card__footer .comment .date {
    float: left;
    color: #757575;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 23px;
}

.ideas-card__footer .comment .like-block {
    float: right;
}

.ideas-card__footer .comment .like-block .like-btn {
    display: inline-block;
    margin-right: 8px;
    color: #E3E3EA;
    font-size: 14px;
    cursor: pointer;
}

.ideas-card__footer .comment .like-block .like-btn i {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.ideas-card__footer .comment .like-block .like-btn:hover,
.ideas-card__footer .comment .like-block .like-btn.active {
    color: #18a2c2;
}

.ideas-card__footer .comment .like-block .num {
    display: inline-block;
    color: #18a2c2;
    font-size: 14px;
    font-weight: 800;
}

@media (max-width: 767px) {
    .ideas-card {
        padding: 20px;
        padding-bottom: 140px;
    }
    .ideas-card__user {
        position: relative;
        padding: 22px 0 20px;
        padding-left: 82px;
        margin-bottom: 30px;
    }
    .ideas-card__content .head {
        font-size: 16px;
    }
    .ideas-card__content .text {
        font-size: 14px;
    }
    .ideas-card__footer {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 20px;
        width: 100%;
    }
    .ideas-card__footer .topic {
        font-size: 12px;
    }
}

.idea-card-added {
    margin-bottom: 30px;
}

.idea-card-added__body {
    padding-bottom: 40px;
    border-bottom: 4px solid #FAFAFC;
}

.idea-card-added__body .text {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

.idea-card-added__footer {
    position: relative;
    padding: 25px 0;
}

.idea-card-added__footer .user-name {
    position: relative;
    padding-top: 12px;
    padding-left: 80px;
}

.idea-card-added__footer .user-name__image {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.idea-card-added__footer .user-name__name {
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
    margin-bottom: 3px;
}

.idea-card-added__footer .user-name__date {
    font-size: 12px;
    color: #757575;
    text-transform: uppercase;
    line-height: 1.2;
}

.idea-card-added__footer .like-block {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.idea-card-added__footer .like-block .like-btn {
    display: inline-block;
    margin-right: 8px;
    color: #E3E3EA;
    font-size: 14px;
    cursor: pointer;
}

.idea-card-added__footer .like-block .like-btn i {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.idea-card-added__footer .like-block .like-btn:hover,
.idea-card-added__footer .like-block .like-btn.active {
    color: #18a2c2;
}

.idea-card-added__footer .like-block .num {
    display: inline-block;
    color: #18a2c2;
    font-size: 14px;
    font-weight: 800;
}

@media (max-width: 767px) {
    .idea-card-added {
        margin-bottom: 30px;
    }
    .idea-card-added__body {
        padding-bottom: 30px;
    }
    .idea-card-added__body .text {
        font-size: 16px;
    }
    .idea-card-added__footer {
        position: relative;
        padding: 20px 0 50px;
    }
    .idea-card-added__footer .user-name {
        position: relative;
        padding-top: 8px;
        padding-left: 70px;
    }
    .idea-card-added__footer .user-name__image {
        width: 54px;
        height: 54px;
    }
    .idea-card-added__footer .user-name__name {
        font-size: 16px;
    }
    .idea-card-added__footer .user-name__date {
        font-size: 12px;
    }
    .idea-card-added__footer .like-block {
        right: auto;
        top: auto;
        left: 0;
        bottom: 10px;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
}


/*====== .lk-ideas-card ======*/

.lk-ideas-card {
    position: relative;
    display: block;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    width: 100%;
    padding: 28px;
    padding-bottom: 168px;
    color: #212426;
    border: 2px solid #F3F3F6;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.lk-ideas-card.status-moderation .icon-status {
    color: #FFAB00;
}

.lk-ideas-card.status-moderation .icon-status:before {
    content: "\e915";
}

.lk-ideas-card.status-moderation .like-block {
    display: none;
}

.lk-ideas-card.status-published .icon-status {
    color: #00C853;
}

.lk-ideas-card.status-published .icon-status:before {
    content: "\e916";
}

.lk-ideas-card.status-refused .icon-status {
    color: #DD2C00;
}

.lk-ideas-card.status-refused .icon-status:before {
    content: "\e917";
}

.lk-ideas-card.status-refused .like-block {
    display: none;
}

.lk-ideas-card:hover {
    color: #212426;
    border: 2px solid #18a2c2;
    -webkit-box-shadow: 2px 2px 0 2px #F3F3F6;
    box-shadow: 2px 2px 0 2px #F3F3F6;
}

.lk-ideas-card__header {
    display: table;
    width: 100%;
    position: relative;
    padding: 12px 0 20px;
    margin-bottom: 46px;
    border-bottom: 5px solid #F3F3F6;
}

.lk-ideas-card__header .text {
    float: left;
    font-size: 12px;
    color: #989898;
    text-transform: uppercase;
    line-height: 1;
}

.lk-ideas-card__header .status {
    float: right;
    font-size: 12px;
    font-weight: 600;
    color: #212426;
    text-transform: uppercase;
    line-height: 1;
}

.lk-ideas-card__header .status .icon-status {
    margin-right: 5px;
}

.lk-ideas-card__content .head {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.lk-ideas-card__content .text {
    font-size: 16px;
    margin-bottom: 0;
}

.lk-ideas-card__footer {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 28px;
    width: 100%;
}

.lk-ideas-card__footer .topic {
    color: #18a2c2;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.lk-ideas-card__footer .comment {
    display: table;
    width: 100%;
}

.lk-ideas-card__footer .comment .date {
    float: left;
    color: #757575;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 23px;
}

.lk-ideas-card__footer .comment .like-block {
    float: right;
}

.lk-ideas-card__footer .comment .like-block .like-btn {
    display: inline-block;
    margin-right: 8px;
    color: #E3E3EA;
    font-size: 14px;
    cursor: pointer;
}

.lk-ideas-card__footer .comment .like-block .like-btn i {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.lk-ideas-card__footer .comment .like-block .like-btn:hover,
.lk-ideas-card__footer .comment .like-block .like-btn.active {
    color: #18a2c2;
}

.lk-ideas-card__footer .comment .like-block .num {
    display: inline-block;
    color: #18a2c2;
    font-size: 14px;
    font-weight: 800;
}

@media (max-width: 767px) {
    .lk-ideas-card {
        padding: 20px;
        padding-bottom: 140px;
    }
    .lk-ideas-card__user {
        position: relative;
        padding: 22px 0 20px;
        padding-left: 82px;
        margin-bottom: 30px;
    }
    .lk-ideas-card__content .head {
        font-size: 16px;
    }
    .lk-ideas-card__content .text {
        font-size: 14px;
    }
    .lk-ideas-card__footer {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 20px;
        width: 100%;
    }
    .lk-ideas-card__footer .topic {
        font-size: 12px;
    }
}


/* base card */

.base-card {
    padding: 45px 40px 20px;
    background-color: #ffffff;
    border-radius: 4px;
}

.base-card .base-card__title {
    font-size: 21px;
    color: rgb(33, 36, 38);
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.base-card .base-card__text {
    font-size: 16px;
    color: rgb(33, 36, 38);
    line-height: 1.5;
    margin-bottom: 26px;
}

.base-card .base-card__text-strong {
    font-size: 18px;
    line-height: 24px;
    color: #2d2e2f;
    font-weight: 700;
    margin-bottom: 0px;
}

.base-card .base-card__text-gray {
    color: #989898;
    margin-bottom: 0px;
}

.base-card .btn {
    max-width: 280px;
}

.base-card .map-wrap {
    margin-top: 20px;
    width: 100%;
    height: 465px;
}

@media (max-width: 767px) {
    .base-card {
        padding: 35px 20px 20px;
    }
    .base-card .base-card__title {
        font-size: 18px;
    }
}

.center-btn .btn {
    margin: 0 auto 20px;
}

.btn-title-bl {
    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;
    margin-bottom: 45px;
}

.btn-title-bl h1.section-title {
    margin-bottom: 0;
}

.btn-title-bl .btn {
    max-width: 264px;
    margin-left: 30px;
    margin-bottom: 0;
}

@media (max-width: 559px) {
    .btn-title-bl {
        display: block;
        margin-bottom: 20px;
    }
    .btn-title-bl h1.section-title {
        margin-bottom: 40px;
    }
    .btn-title-bl .btn {
        max-width: 100%;
        margin: 0;
    }
}


/* idea list */

.idea-card {
    display: block;
    position: relative;
    padding-left: 280px;
    background-color: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 20px;
}

.idea-card:hover {
    -webkit-box-shadow: 0 0 24px 3px rgba(0, 0, 0, .15);
    box-shadow: 0 0 24px 3px rgba(0, 0, 0, .15);
}

.idea-card .idea-card__image {
    position: absolute;
    left: 0;
    top: 0;
    width: 280px;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.idea-card .idea-card__image img {
    transform: scale(1.3);
}

.idea-card .idea-card__image .idea-card__ic-default {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90px;
    height: auto;
    vertical-align: text-bottom;
    transform: translate(-50%, -50%);
    z-index: 5;
}

.idea-card .idea-card__status {
    position: absolute;
    left: 20px;
    top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 13px;
    background-color: #ffffff;
    border-radius: 4px;
    z-index: 10;
}

.idea-card .idea-card__status-name {
    color: #212426;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 10px;
}

.idea-card .idea-card__image .look {
    display: block;
    position: absolute;
    right: 15px;
    bottom: 15px;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    background-color: #ffffff;
    border-radius: 4px;
    z-index: 10;
}

.idea-card .idea-card__image .look.col-green {
    color: #00CF91;
}

.idea-card .idea-card__image .look.col-reed {
    color: #E44934;
}

.idea-card .idea-card__content {
    position: relative;
    padding: 35px 32px 65px;
    min-height: 280px;
}

.idea-card .idea-card__content .tag {
    font-size: 14px;
    color: rgb(228, 73, 52);
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.idea-card .idea-card__offering {
    display: inline-block;
    padding: 4px 13px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 4px;
    margin-bottom: 15px;
    transform: translateY(-15px);
}

.idea-card .idea-card__content .title {
    font-size: 18px;
    color: rgb(33, 36, 38);
    font-weight: 800;
    line-height: 1.5;
    margin-bottom: 25px;
}

.idea-card .idea-card__content .place {
    position: relative;
    padding-left: 28px;
    font-size: 16px;
    color: rgb(216, 176, 140);
    line-height: 1.3;
}

.idea-card .idea-card__content .place img {
    position: absolute;
    left: 0;
    top: -1px;
    width: 17px;
    height: auto;
}

.idea-card .idea-card__content .date {
    position: absolute;
    left: 0;
    bottom: 35px;
    padding: 0 32px;
    font-size: 16px;
    color: #212426;
    margin-bottom: 0;
}

.idea-card .idea-card__content .date .light {
    color: #989898;
}

@media (max-width: 767px) {
    .idea-card {
        padding-left: 250px;
    }
    .idea-card .idea-card__image {
        position: absolute;
        left: 0;
        top: 0;
        width: 250px;
        height: 100%;
    }
    .idea-card .idea-card__content {
        padding: 30px 20px 60px;
        min-height: 250px;
    }
    .idea-card .idea-card__offering {
        margin-bottom: 15px;
        transform: translateY(-5px);
    }
    .idea-card .idea-card__content .title {
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 20px;
    }
    .idea-card .idea-card__content .place {
        padding-left: 22px;
        font-size: 14px;
    }
    .idea-card .idea-card__content .place img {
        position: absolute;
        left: 0;
        top: -1px;
        width: 15px;
        height: auto;
    }
    .idea-card .idea-card__content .date {
        bottom: 30px;
        padding: 0 20px;
        font-size: 14px;
    }
}

@media (max-width: 559px) {
    .idea-card {
        padding-left: 0;
    }
    .idea-card .idea-card__image {
        position: relative;
        width: 100%;
        height: 200px;
    }
    .idea-card .idea-card__content {
        padding: 25px 20px 60px;
        min-height: 250px;
    }
}


/* idea page */

.idea-date {
    font-size: 16px;
    color: #212426;
    margin-bottom: 42px;
}

.idea-date .light {
    color: #989898;
}

.idea-date-tag {
    display: flex;
    align-items: center;
    margin-bottom: 42px;
}

.idea-date-tag .idea-date {
    margin-bottom: 0;
}

.idea-block {
    padding: 38px 40px 40px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 30px;
}

.idea-block .idea-block__cat {
    font-size: 16px;
    margin-bottom: 16px;
}

.idea-block .idea-block__cat span {
    font-size: 18px;
    font-weight: 800;
}

.idea-block .idea-block__title {
    font-size: 16px;
    color: rgb(33, 36, 38);
    font-weight: 800;
    margin-bottom: 16px;
}

.idea-block .idea-block__descr {
    margin-bottom: 40px;
}

.idea-block .idea-block__descr p {
    font-size: 16px;
    color: rgb(33, 36, 38);
    margin-bottom: 12px;
    line-height: 1.5;
}

.idea-block .idea-block__map {
    width: 100%;
    height: 365px;
    border-radius: 4px;
}

.idea-block__img-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px 30px;
}

.idea-block__img-list .idea-block__img-ell {
    width: 33.333%;
    padding: 0 10px;
}

.idea-block__img-list .idea-block__img-ell .img {
    display: block;
    position: relative;
    width: 100%;
    height: 140px;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    -webkit-transition: all.2s linear;
    -o-transition: all.2s linear;
    transition: all.2s linear;
}

.idea-block__img-list .idea-block__img-ell .img:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 5;
    -webkit-transition: all.2s linear;
    -o-transition: all.2s linear;
    transition: all.2s linear;
}

.idea-block__img-list .idea-block__img-ell .img--default {
    display: block;
    position: relative;
    width: 100%;
    height: 140px;
    border-radius: 4px;
}

.idea-block__img-list .idea-block__img-ell .img--default img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    transform: translate(-50%, -50%);
}

.idea-block__img-list .idea-block__img-ell .img .look-ic {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 36px;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    opacity: 0;
    -webkit-transition: all.2s linear;
    -o-transition: all.2s linear;
    transition: all.2s linear;
}

.idea-block__img-list .idea-block__img-ell .img:hover {
    -webkit-box-shadow: 0px 6px 20px 0px rgba(33, 36, 38, 0.1);
    box-shadow: 0px 6px 20px 0px rgba(33, 36, 38, 0.1);
}

.idea-block__img-list .idea-block__img-ell .img:hover:after {
    background-color: rgba(0, 0, 0, 0.15);
}

.idea-block__img-list .idea-block__img-ell .img:hover .look-ic {
    opacity: 1;
}

@media (max-width: 767px) {
    .idea-date {
        margin-bottom: 40px;
    }
    .idea-date-tag {
        display: block;
        margin-bottom: 40px;
    }
    .idea-date-tag .idea-date {
        margin-bottom: 10px;
    }
    .idea-block {
        padding: 30px 20px;
    }
    .idea-block .idea-block__title {
        margin-bottom: 15px;
    }
}

@media (max-width: 559px) {
    .idea-block .idea-block__map {
        width: 100%;
        height: 440px;
    }
    .idea-block__img-list {
        display: block;
        margin: 0 0 30px;
    }
    .idea-block__img-list .idea-block__img-ell {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }
    .idea-block__img-list .idea-block__img-ell .img {
        width: 100%;
        height: 180px;
    }
}


/* file-multi */

.file-multi .file-multi__cont .file-multi__load {
    position: relative;
    width: 100%;
    height: 160px;
    background-color: #F4F6FA;
    overflow: hidden;
    margin-bottom: 10px;
}

.file-multi .file-multi__cont .file-multi__load .file-multi__info {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    font-size: 15px;
    text-align: center;
    color: rgb(152, 152, 152);
    line-height: 1.4;
}

.file-multi .file-multi__cont .file-multi__load .file-multi__info.error {
    font-size: 14px;
    color: #E44934;
}

.file-multi .file-multi__cont .file-multi__load .file-multi__label {
    display: none;
    max-width: 280px;
    margin: 40px auto 10px;
}

.file-multi .file-multi__cont .file-multi__load .file-multi__label.active {
    display: block;
}

.file-multi .file-multi__cont .file-multi__load .file-multi__label .file-multi__btn {
    position: relative;
    display: block;
    padding: 20px;
    font-size: 16px;
    color: #E44934;
    font-weight: 800;
    text-align: center;
    line-height: 1;
    border: 1px solid #D9DBDC;
    border-radius: 4px;
    cursor: pointer;
    z-index: 5;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.file-multi .file-multi__cont .file-multi__load .file-multi__label .file-multi__btn:hover {
    color: #ffffff;
    background-color: #E44934;
    border: 1px solid #E44934;
}

.file-multi .file-multi__cont .file-multi__load .file-multi__label .file-multi__input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 200px;
    opacity: 0;
    z-index: 10;
}

.result-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.result-list .result-list__ell {
    position: relative;
    width: 140px;
    max-width: 33.333%;
    padding: 0 10px;
}

.result-list .result-list__ell .result-list__image {
    position: relative;
    width: 100%;
    height: 100px;
    border-radius: 4px;
    background-color: #F4F6FA;
    overflow: hidden;
}

.result-list .result-list__ell .result-list__image .image {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 20;
}

.result-list .result-list__ell .result-list__image .name {
    position: absolute;
    top: 50%;
    width: 100%;
    padding: 5px;
    font-size: 12px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
}

.result-list .result-list__ell .result-list__image .icon-close {
    display: block;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 24px;
    height: 24px;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    line-height: 24px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .3);
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    z-index: 30;
}

.result-list .result-list__ell .result-list__image .icon-close:hover {
    background-color: rgba(0, 0, 0, .6);
}

@media (max-width: 419px) {
    .file-multi .file-multi__cont .file-multi__load .file-multi__label {
        margin: 30px auto 10px;
        max-width: 200px;
    }
    .file-multi .file-multi__cont .file-multi__load .file-multi__label .file-multi__btn {
        padding: 14px;
        font-size: 14px;
    }
    .file-multi .file-multi__cont .file-multi__load .file-multi__info {
        bottom: 20px;
        font-size: 14px;
    }
    .result-list {
        display: block;
        margin: 0 -10px;
    }
    .result-list .result-list__ell {
        position: relative;
        width: 100%;
        max-width: 100%;
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .result-list .result-list__ell .result-list__image {
        height: 120px;
    }
}

.map-wrap .ymaps-2-1-69-balloon {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.map-wrap .ymaps-2-1-69-searchbox-button-text {
    display: block;
    color: #ffffff;
    background-color: #E44934 !important;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.map-wrap .ymaps-2-1-69-searchbox-button {
    border: 1px solid #E44934 !important;
}

.map-wrap .ymaps-2-1-69-searchbox-button-text:hover {
    background-color: #D53A25 !important;
}

@media (min-width: 768px) {
    .map-wrap .ymaps-2-1-69-search.ymaps-2-1-69-search_layout_normal.ymaps-2-1-69-searchbox__normal-layout {
        position: absolute !important;
        left: 15px !important;
        top: 5px !important;
        width: calc(100% - 30px) !important;
    }
    .map-wrap input.ymaps-2-1-69-searchbox-input__input {
        height: auto !important;
        padding: 13px 2px !important;
        font-family: 'Fira Sans', sans-serif !important;
        font-size: 14px !important;
        line-height: 1;
        border-left: 9px solid transparent !important;
    }
    .map-wrap .ymaps-2-1-69-searchbox-button {
        height: auto !important;
        border: 1px solid #E44934 !important;
    }
    .map-wrap .ymaps-2-1-69-searchbox-button-text {
        color: #ffffff;
        font-family: 'Fira Sans', sans-serif !important;
        font-size: 16px !important;
        font-weight: bold;
        line-height: 1 !important;
        padding: 13px 50px !important;
        height: auto !important;
        background-color: #E44934 !important;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }
    .map-wrap .ymaps-2-1-69-searchbox-button-text:hover {
        background-color: #D53A25 !important;
    }
}

.ymaps-2-1-69-balloon {
    -webkit-box-shadow: 0px 10px 28px 0px rgba(33, 36, 38, 0.25) !important;
    box-shadow: 0px 10px 28px 0px rgba(33, 36, 38, 0.25) !important;
}

.map-wrap .btn.btn-prime {
    min-width: 260px;
    border-radius: 4px;
    font-size: 16px;
    padding: 16px 15px;
    height: auto;
    margin-bottom: 0;
}

.map-ballon {
    padding: 12px 10px;
    max-width: 300px;
}

.map-ballon .map-ballon__title {
    font-size: 16px;
    font-weight: 600;
    color: rgb(33, 36, 38);
    line-height: 1.5;
    margin-bottom: 10px;
}

.map-ballon .map-ballon__cords {
    font-size: 16px;
    color: rgb(152, 152, 152);
    margin-bottom: 10px;
}

.map-ballon .btn.btn-prime {
    min-width: 260px;
    border-radius: 4px;
    font-size: 16px;
    padding: 16px 15px;
    height: auto;
    margin-bottom: 0;
}

@media (max-width: 415px) {
    .map-ballon {
        padding: 12px 0px;
        max-width: 300px;
    }
    .map-ballon .map-ballon__title {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .map-ballon .map-ballon__cords {
        font-size: 14px;
    }
    .map-ballon .btn.btn-prime {
        min-width: initial;
        max-width: 280px;
        margin: 0 auto;
        height: 48px;
        padding: 16px 14px;
        font-size: 13px;
    }
    .map-wrap .ymaps-2-1-69-balloon {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.ecology-info-bl {
    padding: 35px 28px 30px;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5;
    border-radius: 4px;
    background-image: url('../img/eco-idea-bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow: 0px 8px 30px 5px rgba(6, 95, 87, 0.24);
    box-shadow: 0px 8px 30px 5px rgba(6, 95, 87, 0.24);
    margin-bottom: 60px;
}

.ecology-info-bl .ecology-info-bl__title {
    font-weight: 800;
    margin-bottom: 10px;
}

.ecology-info-bl .ecology-info-bl__text p {
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .ecology-info-bl {
        padding: 30px 20px 30px;
        font-size: 16px;
        margin-bottom: 40px;
    }
}

.task-card {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.task-card:hover {
    -webkit-box-shadow: 0px 10px 20px 0px rgba(190, 190, 191, 0.5);
    box-shadow: 0px 10px 20px 0px rgba(190, 190, 191, 0.5);
}

.task-card .task-card__link {
    display: block;
}

.task-card .task-card__link .task-card__image {
    position: relative;
    width: 100%;
    height: 270px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.task-card .task-card__link .task-card__image:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 35%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0));
    z-index: 10;
}

.task-card .task-card__image-default {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.task-card .task-card__image-default img {
    width: 90px;
    height: auto;
    vertical-align: text-bottom;
}

.task-card .task-card__link .task-card__image .task-card__image-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 35%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0));
}

.task-card .task-card__link .task-card__image .task-card__image-tag {
    position: absolute;
    left: 20px;
    top: 20px;
    padding: 6px 9px 5px;
    max-width: 240px;
    color: rgb(33, 36, 38);
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    background-color: #ffffff;
    border-radius: 4px;
}

.task-card .task-card__link .task-card__content {
    padding: 30px 28px 90px;
}

.task-card .task-card__link .task-card__content .task-card__date {
    color: rgb(152, 152, 152);
    font-size: 14px;
    margin-bottom: 18px;
}

.task-card .task-card__link .task-card__content .task-card__title {
    font-size: 18px;
    color: rgb(33, 36, 38);
    font-weight: 800;
    line-height: 1.5;
    margin-bottom: 30px;
}

.task-card .task-card__link .task-card__content .task-card__place {
    position: relative;
    padding-left: 28px;
    font-size: 16px;
    color: rgb(216, 176, 140);
    line-height: 1.3;
    margin-bottom: 20px;
}

.task-card .task-card__link .task-card__content .task-card__place img {
    position: absolute;
    left: 0;
    top: -2px;
    width: 17px;
    height: auto;
}

.task-card .task-card__link .task-card__content .task-card__autor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 30px;
    padding: 0 28px;
}

.task-card .task-card__link .task-card__content .task-card__autor .avatar {
    flex-shrink: 0;
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #DFC3AA;
    overflow: hidden;
    margin-right: 12px;
}

.task-card .task-card__link .task-card__content .task-card__autor .avatar.avatar--alt {
    background-color: #649FDC;
}

.task-card .task-card__link .task-card__content .task-card__autor .avatar .user {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 20;
}

.task-card .task-card__link .task-card__content .task-card__autor .avatar .default {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
}

.task-card .task-card__link .task-card__content .task-card__autor .name {
    font-size: 16px;
    color: rgb(33, 36, 38);
    font-weight: 800;
    line-height: 1;
    margin-bottom: 6px;
}

.task-card .task-card__link .task-card__content .task-card__autor .date {
    font-size: 16px;
    color: #989898;
    line-height: 1;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .task-card .task-card__link .task-card__image {
        height: 220px;
    }
    .task-card .task-card__link .task-card__content {
        padding: 30px 20px 90px;
    }
    .task-card .task-card__link .task-card__image .task-card__image-tag {
        max-width: 180px;
        font-size: 12px;
        letter-spacing: 0;
    }
    .task-card .task-card__link .task-card__content .task-card__date {
        font-size: 13px;
        margin-bottom: 15px;
    }
    .task-card .task-card__link .task-card__content .task-card__title {
        font-size: 16px;
        line-height: 1.3;
    }
    .task-card .task-card__link .task-card__content .task-card__place {
        padding-left: 25px;
        font-size: 14px;
    }
    .task-card .task-card__link .task-card__content .task-card__place img {
        left: 0;
        top: 0;
        width: 15px;
    }
    .task-card .task-card__link .task-card__content .task-card__autor {
        padding: 0 20px;
    }
    .task-card .task-card__link .task-card__content .task-card__autor .avatar {
        width: 50px;
        height: 50px;
    }
    .task-card .task-card__link .task-card__content .task-card__autor .avatar .default {
        width: 24px;
    }
    .task-card .task-card__link .task-card__content .task-card__autor .name {
        font-size: 14px;
        margin-bottom: 6px;
    }
    .task-card .task-card__link .task-card__content .task-card__autor .date {
        font-size: 14px;
        margin-bottom: 0;
    }
}

.eco-section {
    margin-bottom: 60px;
}

.eco-task {}

.eco-task .eco-task__info {
    padding: 30px 40px 40px;
    color: #ffffff;
    border-radius: 4px;
    background-image: url('../img/eco-task-bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow: 0px 6px 20px 4px rgba(6, 95, 87, 0.25);
    box-shadow: 0px 6px 20px 4px rgba(6, 95, 87, 0.25);
    margin-bottom: 45px;
}

.eco-task .eco-task__info .eco-task__num {
    font-size: 140px;
    font-weight: 800;
    line-height: 140px;
    margin-bottom: 0;
}

.eco-task .eco-task__info .eco-task__text {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.5;
    margin-bottom: 30px;
}

.eco-task .eco-task__info .eco-task__btn {
    color: #009688;
    background-color: #ffffff;
    margin-bottom: 0;
}

.eco-task .eco-task__info .eco-task__btn:hover {
    background-color: #efece9;
}

.eco-task .eco-task__cunter .eco-task__cunter-title {
    font-size: 18px;
    color: rgb(33, 36, 38);
    font-weight: 800;
    margin-bottom: 20px;
}

.eco-task .eco-task__cunter .eco-timer .countdown-row {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.eco-task .eco-task__cunter .eco-timer .countdown-section:nth-child(1) {
    margin-right: 30px;
}

.eco-task .eco-task__cunter .eco-timer .countdown-section:nth-child(2) {
    margin-right: 50px;
    margin-top: 5px;
}

.eco-task .eco-task__cunter .eco-timer .countdown-section:last-child {
    position: relative;
    margin-right: 0;
    margin-top: 5px;
}

.eco-task .eco-task__cunter .eco-timer .countdown-section:last-child:before {
    content: ":";
    position: absolute;
    left: -30px;
    top: 5px;
    color: #212426;
    font-size: 50px;
    font-weight: 800;
    line-height: 1;
}

.eco-task .eco-task__cunter .eco-timer .countdown-amount {
    color: #212426;
    font-size: 70px;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    margin-bottom: 2px;
}

.eco-task .eco-task__cunter .eco-timer .countdown-period {
    color: #009688;
    font-size: 21px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    letter-spacing: 3px;
}

.eco-task .eco-task__cunter .eco-timer .countdown-section:nth-child(1) {
    background-color: #009587;
    width: 120px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0px 10px 10px;
    border-radius: 6px;
}

.eco-task .eco-task__cunter .eco-timer .countdown-section:nth-child(1) .countdown-amount {
    color: #ffffff;
    font-size: 90px;
    margin-bottom: 0;
}

.eco-task .eco-task__cunter .eco-timer .countdown-section:nth-child(1) .countdown-period {
    color: #ffffff;
}

@media (max-width: 767px) {
    .eco-task .eco-task__info {
        padding: 20px 20px 30px;
        margin-bottom: 30px;
    }
    .eco-task .eco-task__info .eco-task__num {
        font-size: 100px;
        line-height: 100px;
        margin-bottom: 5px;
    }
    .eco-task .eco-task__info .eco-task__text {
        font-size: 16px;
        margin-bottom: 30px;
    }
    .eco-task .eco-task__cunter .eco-timer .countdown-section>* {
        display: block;
    }
}

@media (max-width: 640px) {
    .eco-task .eco-task__cunter .eco-timer .countdown-section {
        width: 100%;
        margin-right: 0px;
        padding: 5px 10px;
        margin-bottom: 0;
    }
    .eco-task .eco-task__cunter .eco-timer .countdown-section:last-child:before {
        content: none;
    }
    .eco-task .eco-task__cunter .eco-timer .countdown-amount {
        font-size: 50px;
        margin-bottom: 0px;
    }
    .eco-task .eco-task__cunter .eco-timer .countdown-section:nth-child(1) {
        padding: 5px 10px;
    }
    .eco-task .eco-task__cunter .eco-timer .countdown-section:nth-child(1) .countdown-amount {
        font-size: 70px;
    }
}

.rating-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 30px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 4px;
}

.rating-side .rating-side__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: rgb(152, 152, 152);
    line-height: 1;
}

.rating-side .rating-side__text img {
    width: 24px;
    height: auto;
    margin-right: 20px;
}

.rating-side .rating-side__num {
    font-size: 30px;
    color: rgb(0, 207, 145);
    font-weight: 800;
    line-height: 1;
}

@media (max-width: 767px) {
    .rating-side {
        padding: 15px 20px;
    }
}

.voite-side {
    padding: 28px 30px 30px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 20px;
}

.voite-side .voite-side__title {
    font-size: 21px;
    color: rgb(46, 48, 49);
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 3px;
}

.voite-side .voite-side__title {
    color: rgb(33, 36, 38);
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 14px;
}

.voite-side .voite-side__text {
    font-size: 14px;
    color: rgb(152, 152, 152);
    line-height: 1.2;
    margin-bottom: 16px;
}

.voite-side .voite-side__btn-bl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.voite-side .voite-side__btn-bl.voite-side__btn-bl--center {
    justify-content: center;
}

.voite-side__btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48%;
    padding: 4px 5px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 800;
    line-height: 2;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    overflow: hidden;
}

.voite-side .voite-side__btn:nth-child(2) {
    margin-left: 10px;
}

.voite-side__btn img {
    width: 18px;
    height: auto;
    margin-right: 12px;
}

.voite-side__btn.voite-side__btn--green {
    color: #ffffff;
    background-color: #00CF91;
}

.voite-side__btn.voite-side__btn--green:hover,
.voite-side__btn.voite-side__btn--green.active {
    color: #ffffff;
    background-color: #00BA82;
}

.voite-side__btn.voite-side__btn--green.active {
    color: #ffffff;
    background-color: #00BA82;
}

.voite-side__btn.voite-side__btn--red {
    color: #ffffff;
    background-color: #E44934;
}

.voite-side__btn.voite-side__btn--red:hover,
.voite-side__btn.voite-side__btn--red.active {
    color: #ffffff;
    background-color: #B81F0A;
}

.voite-side__btn.voite-side__btn--green.process:before {
    background-color: #00BA82;
}

.voite-side__btn.voite-side__btn--red.process:before {
    background-color: #B81F0A;
}

.voite-side__btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/spinner.svg');
    background-position: center;
    background-size: 30px;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: all .2s linear;
}

.voite-side__btn.process:before {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1199px) {
    .voite-side__btn img {
        width: 15px;
        margin-right: 10px;
    }
}

@media (max-width: 767px) {
    .voite-side {
        padding: 28px 20px;
    }
}

.idea-autor-side {
    padding: 34px 30px 35px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 20px;
}

.idea-autor-side .idea-autor-side__header {
    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;
    margin-bottom: 18px;
}

.idea-autor-side .idea-autor-side__title {
    font-size: 21px;
    color: rgb(46, 48, 49);
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 0;
}

.idea-autor-side.idea-autor-side--pr .idea-autor-side__title {
    color: rgb(33, 36, 38);
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.idea-autor-side .idea-autor-side__all-task {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 130px;
}

.idea-autor-side .idea-autor-side__all-task .num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #D8B08C;
    font-size: 16px;
    color: #ffffff;
    font-weight: 800;
    line-height: 1;
    margin-right: 10px;
}

.idea-autor-side .idea-autor-side__all-task .text {
    font-size: 14px;
    color: rgb(152, 152, 152);
    line-height: 1.2;
}

.idea-autor-side__avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.idea-autor-side__avatar .name {
    font-size: 16px;
    color: rgb(33, 36, 38);
    font-weight: 800;
    line-height: 1.3;
}

.idea-autor-side .btn {
    height: auto;
    padding: 18px 15px;
    border-radius: 4px;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .idea-autor-side {
        padding: 30px 20px 30px;
    }
}

.user-bl {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #EFECE9;
    margin-right: 14px;
    overflow: hidden;
}

.user-bl .user-bl__def {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
}

.user-bl .user-bl__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 20;
}

.soc-list-sq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 365px;
    margin-bottom: 20px;
}

.soc-list-sq .soc-list-sq__ell a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 68px;
    height: 50px;
    border: 1px solid #E2D9D3;
    border-radius: 4px;
}

.soc-list-sq .soc-list-sq__ell a i {
    color: #D8B08C;
    font-size: 18px;
}

.soc-list-sq .soc-list-sq__ell a:hover {
    background-color: #E2D9D3;
}


/* soc-idea */

.btn.btn-soc-idea {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 15px;
    color: #ffffff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    background-color: #E44934;
    background: -webkit-gradient(linear, left top, right top, from(#6F7D94), to(#649FDB));
    background: -webkit-linear-gradient(left, #6F7D94, #649FDB);
    background: -o-linear-gradient(left, #6F7D94, #649FDB);
    background: linear-gradient(to right, #6F7D94, #649FDB);
    box-shadow: 0px 10px 20px 0px rgba(167, 167, 167, 0.4);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.btn.btn-soc-idea:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #649FDC;
    opacity: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.btn.btn-soc-idea .text {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.btn.btn-soc-idea:hover {
    box-shadow: 0px 10px 20px 0px rgba(100, 159, 220, 0.3);
}

.btn.btn-soc-idea:hover:after {
    opacity: 1;
}

.btn-soc-idea.btn-soc-idea--icon .text {
    padding-left: 80px;
}

.btn-soc-idea.btn-soc-idea--icon .btn-icon {
    position: absolute;
    top: 50%;
    left: 7px;
    width: 36px;
    height: 36px;
    transform: translateY(-50%);
}

.btn-soc-idea.btn-soc-idea--icon .text:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 64px;
    width: 2px;
    height: 34px;
    background-color: rgba(255, 255, 255, 0.35);
    transform: translateY(-50%);
}

.btn.btn-offering {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 15px;
    color: #ffffff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    background-color: #1771F1;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.btn.btn-offering:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .1);
    opacity: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.btn.btn-offering .text {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.btn.btn-offering:hover:after {
    opacity: 1;
}

.btn-offering.btn-offering--icon .text {
    padding-left: 80px;
}

.btn-offering.btn-offering--icon .btn-icon {
    position: absolute;
    top: 50%;
    left: 7px;
    width: 36px;
    height: 36px;
    transform: translateY(-50%);
}

.btn-offering.btn-offering--icon .text:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 64px;
    width: 2px;
    height: 34px;
    background-color: rgba(255, 255, 255, 0.35);
    transform: translateY(-50%);
}

@media (max-width: 419px) {
    .btn.btn-soc-idea {
        width: 100% !important;
        max-width: 350px;
    }
    .btn-soc-idea.btn-soc-idea--icon .text {
        padding-left: 60px;
    }
    .btn-soc-idea.btn-soc-idea--icon .btn-icon {
        left: 5px;
        width: 30px;
        height: 30px;
    }
    .btn-soc-idea.btn-soc-idea--icon .text:before {
        height: 30px;
    }
    .btn-offering {
        width: 100% !important;
        max-width: 350px;
    }
    .btn-offering.btn-offering--icon .text {
        padding-left: 60px;
    }
    .btn-offering.btn-offering--icon .btn-icon {
        left: 5px;
        width: 30px;
        height: 30px;
    }
    .btn-offering.btn-offering--icon .text:before {
        height: 30px;
    }
}

.soc-idea-section {
    margin-bottom: 60px;
}

.soc-idea-section__title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 26px;
}

.soc-idea-section__text {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.3;
    letter-spacing: 0.08em;
    margin-bottom: 40px;
}

.soc-idea-section .btn.btn-soc-idea {
    width: 350px !important;
    max-width: 350px;
}

.soc-idea-section__stick {
    display: inline-block;
    padding: 11px 18px;
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    border-radius: 6px;
    background: -webkit-gradient(linear, left top, right top, from(#E55D61), to(#FF9A6E));
    background: -webkit-linear-gradient(left, #E55D61, #FF9A6E);
    background: -o-linear-gradient(left, #E55D61, #FF9A6E);
    background: linear-gradient(to right, #E55D61, #FF9A6E);
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .soc-idea-section {
        margin-bottom: 40px;
    }
    .soc-idea-section__title {
        font-size: 24px;
    }
    .soc-idea-section__text {
        font-weight: 18px;
    }
    .soc-idea-section__stick {
        padding: 11px 14px;
        font-size: 14px;
    }
}

@media (max-width: 419px) {
    .soc-idea-section .btn.btn-soc-idea {
        width: 100% !important;
        max-width: 350px;
    }
}

.soc-idea-card {
    position: relative;
    display: block;
    width: 100%;
    padding: 30px 28px;
    color: #212426;
    background-color: #ffffff;
    border-radius: 6px;
}

.soc-idea-card .soc-idea-card__icon {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 16px;
    height: auto;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.soc-idea-card .soc-idea-card__title {
    min-height: 36px;
    padding-right: 30px;
    color: rgb(100, 159, 220);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    letter-spacing: 0.01em;
    margin-bottom: 15px;
}

.soc-idea-card .soc-idea-card__text {
    color: rgb(33, 36, 38);
    font-size: 16px;
    line-height: 1.35;
    letter-spacing: 0.01em;
    margin-bottom: 0;
}

.soc-idea-card:hover {
    color: #212426;
    -webkit-box-shadow: 0px 10px 32px 0px rgba(190, 190, 191, 0.4);
    box-shadow: 0px 10px 32px 0px rgba(190, 190, 191, 0.4);
}

.soc-idea-card:hover .soc-idea-card__icon {
    top: 20px;
    right: 20px;
    width: 24px;
}

@media (max-width: 419px) {
    .soc-idea-card {
        padding: 30px 20px;
    }
}

.soc-idea-all {
    position: relative;
    width: 100%;
    padding: 33px 30px 47px;
    border-radius: 6px;
    background: -webkit-gradient(linear, left top, right top, from(#6E7F96), to(#659DD9));
    background: -webkit-linear-gradient(left, #6E7F96, #659DD9);
    background: -o-linear-gradient(left, #6E7F96, #659DD9);
    background: linear-gradient(to right, #6E7F96, #659DD9);
}

.soc-idea-all .soc-idea-all__num {
    position: absolute;
    top: 13px;
    right: 24px;
    color: rgb(255, 255, 255);
    font-size: 88px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0px 5px 10px rgba(128, 42, 45, 0.2);
    line-height: 1;
    letter-spacing: 3px;
}

.soc-idea-all .soc-idea-all__title {
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.125;
    margin-bottom: 34px;
}

.soc-idea-all .soc-idea-all__btn {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 20px 18px;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 4px;
}

.soc-idea-all .soc-idea-all__btn img {
    width: 22px;
    height: auto;
}

.soc-idea-all .soc-idea-all__btn:hover {
    color: rgb(100, 159, 220);
    background-color: #ffffff;
    border: 1px solid #ffffff;
    box-shadow: 0px 10px 20px 0px rgba(100, 159, 220, 0.3);
}

@media (max-width: 419px) {
    .soc-idea-all {
        padding: 20px 20px 30px;
    }
    .soc-idea-all .soc-idea-all__num {
        top: -20px;
        right: 20px;
    }
}

.idea-timer {
    display: flex;
    padding-top: 26px;
    padding-bottom: 15px;
}

.idea-timer__text {
    flex-shrink: 0;
    max-width: 126px;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.28;
    letter-spacing: 0.08em;
}

.soc-idea--timer {
    max-width: 752px;
    padding: 0 40px;
    margin-bottom: 10px;
}

.soc-idea--timer .countdown-row {
    color: #E44934;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.soc-idea--timer .countdown-section {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-right: 100px;
}

.soc-idea--timer .countdown-section:after {
    content: ":";
    position: absolute;
    bottom: 30px;
    right: -70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #8495AC;
    width: 40px;
    height: 40px;
}

.soc-idea--timer .countdown-section:last-child {
    margin-right: 0px;
}

.soc-idea--timer .countdown-section:last-child:after {
    content: none;
}

.soc-idea--timer .countdown-amount {
    color: #649FDC;
    font-size: 120px;
    font-weight: 700;
    line-height: 85px;
    text-align: center;
    margin-bottom: 0;
}

.soc-idea--timer .countdown-period {
    color: #8495AC;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.25em;
    margin-bottom: 18px;
}

@media (max-width: 767px) {
    .idea-timer {
        display: block;
        padding-top: 0px;
        padding-bottom: 15px;
    }
    .idea-timer__text {
        max-width: 100%;
        margin-right: 0;
    }
    .idea-timer__text br {
        display: none;
    }
    .soc-idea--timer {
        max-width: 390px;
        margin: 0 auto;
        padding: 0 20px;
    }
    .soc-idea--timer .countdown-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .soc-idea--timer .countdown-section {
        margin-right: 60px;
    }
    .soc-idea--timer .countdown-section:last-child {
        margin-right: 0px;
    }
    .soc-idea--timer .countdown-section>* {
        width: auto;
    }
    .soc-idea--timer .countdown-amount {
        font-size: 80px;
        line-height: 58px;
    }
    .soc-idea--timer .countdown-period {
        margin-bottom: 20px;
    }
    .soc-idea--timer .countdown-section:after {
        bottom: 16px;
        right: -38px;
        width: 26px;
        height: 26px;
    }
}

@media (max-width: 419px) {
    .soc-idea--timer {
        max-width: 290px;
        padding: 0;
        margin-bottom: 0;
    }
    .soc-idea--timer .countdown-amount {
        font-size: 60px;
        line-height: 44px;
    }
    .soc-idea--timer .countdown-section {
        margin-right: 50px;
    }
    .soc-idea--timer .countdown-section:last-child {
        margin-right: 0px;
    }
    .soc-idea--timer .countdown-period {
        margin-bottom: 10px;
    }
    .soc-idea--timer .countdown-section:after {
        bottom: 13px;
        right: -36px;
        width: 20px;
        height: 20px;
    }
}


/* soc-idea pages */

.btn-soc-idea-add {
    color: #ffffff;
    background: -webkit-gradient(linear, left top, right top, from(#E55D61), to(#FF9A6E));
    background: -webkit-linear-gradient(left, #E55D61, #FF9A6E);
    background: -o-linear-gradient(left, #E55D61, #FF9A6E);
    background: linear-gradient(to right, #E55D61, #FF9A6E);
}

.btn-soc-idea-add:hover {
    color: #ffffff;
    background: -webkit-gradient(linear, left top, right top, from(#D53A25), to(#D53A25));
    background: -webkit-linear-gradient(left, #D53A25, #D53A25);
    background: -o-linear-gradient(left, #D53A25, #D53A25);
    background: linear-gradient(to right, #D53A25, #D53A25);
}

.str-card {
    padding: 46px 30px 40px;
    border-radius: 6px;
    border: 1px solid #C1B4AF;
}

.str-card .str-card__logo {
    display: block;
    width: 100%;
    max-width: 244px;
    margin: 0 auto 36px;
}

.str-card .str-card__text {
    color: #765a53;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    margin-bottom: 15px;
}

.str-card .str-card__title {
    color: #533f3b;
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 30px;
}

.str-card .str-card__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.str-card .str-card__btn-load {
    max-width: 150px;
    margin-right: 38px;
    color: #ffffff;
    background-color: #765A53;
    margin-bottom: 0;
    border-radius: 6px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(75, 46, 20, 0.2);
    box-shadow: 0px 8px 16px 0px rgba(75, 46, 20, 0.2);
}

.str-card .str-card__btn-load:hover {
    background-color: #56413C;
}

.str-card .str-card__btn-more {
    color: rgb(83, 63, 59);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.str-card .str-card__btn-more:hover {
    color: #D53A25;
}

@media (max-width: 419px) {
    .str-card {
        padding: 30px 20px;
    }
}

.soc-idea-cat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 28px 28px 40px;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.soc-idea-cat:hover {
    -webkit-box-shadow: 0px 10px 32px 0px rgba(190, 190, 191, 0.4);
    box-shadow: 0px 10px 32px 0px rgba(190, 190, 191, 0.4);
}

.soc-idea-cat .soc-idea-cat__title {
    min-height: 36px;
    color: #649FDC;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1.3;
    margin-bottom: 23px;
}

.soc-idea-cat .soc-idea-cat__text {
    color: rgb(33, 36, 38);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 36px;
}

.soc-idea-cat .soc-idea-cat__num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}

.soc-idea-cat .soc-idea-cat__num .text {
    color: rgb(191, 191, 191);
    font-size: 16px;
    line-height: 1.3;
}

.soc-idea-cat .soc-idea-cat__num .num {
    padding: 10px;
    color: #649fdc;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    background-color: #F9F8F7;
    border-radius: 6px;
}

.soc-idea-cat .soc-idea-cat__num .num.num--grey {
    color: #bfbfbf;
}

.soc-idea-cat .btn {
    max-width: 100%;
    padding: 21px 5px;
}

.soc-idea-cat .soc-idea-cat__bnt-all {
    color: #649FDC;
    border: 1px solid rgba(100, 159, 220, .6);
    margin-bottom: 0;
}

.soc-idea-cat .soc-idea-cat__bnt-all:hover {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    box-shadow: 0px 10px 20px 0px rgba(100, 159, 220, 0.3);
}

@media (max-width: 419px) {
    .soc-idea-cat {
        padding: 30px 20px;
    }
}

.soc-idea-info {
    position: relative;
    min-height: 180px;
    padding: 42px 28px 32px;
    border-radius: 6px;
    background: -webkit-gradient(linear, left top, right top, from(#6F7D94), to(#649FDB));
    background: -webkit-linear-gradient(left, #6F7D94, #649FDB);
    background: -o-linear-gradient(left, #6F7D94, #649FDB);
    background: linear-gradient(to right, #6F7D94, #649FDB);
    margin-bottom: 60px;
}

.soc-idea-info__icon {
    position: absolute;
    top: 14px;
    right: 42px;
    width: 112px;
    height: auto;
}

.soc-idea-info__title {
    color: #ffffff;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 24px;
}

.soc-idea-info__text {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0;
}

.soc-idea-info__text p {
    margin-bottom: 12px;
}

.soc-idea-info-wrap .soc-idea-info {
    margin-bottom: 30px;
}

.soc-idea-info-wrap .btn-soc-idea {
    margin: 0 auto 70px;
}

@media (max-width: 767px) {
    .soc-idea-info {
        padding-right: 28px;
    }
    .soc-idea-info__title {
        padding-right: 100px;
        margin-bottom: 28px;
    }
    .soc-idea-info__icon {
        top: 10px;
        right: 28px;
        width: 50px;
    }
    .soc-idea-info-wrap .btn-soc-idea {
        margin-bottom: 50px;
    }
}

@media (max-width: 419px) {
    .soc-idea-info {
        padding: 30px 20px 30px;
        padding-right: 20px;
        margin-bottom: 40px;
    }
    .soc-idea-info__title {
        padding-right: 100px;
        font-size: 20px;
        margin-bottom: 28px;
    }
    .soc-idea-info__text {
        font-size: 16px;
    }
}

.idea-cat-side {
    display: block;
    padding: 28px 30px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 20px;
}

.idea-cat-side:hover {
    -webkit-box-shadow: 0px 10px 32px 0px rgba(190, 190, 191, 0.4);
    box-shadow: 0px 10px 32px 0px rgba(190, 190, 191, 0.4);
}

.idea-cat-side__title {
    color: rgb(46, 48, 49);
    font-size: 21px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 16px;
}

.idea-cat-side__cat {
    color: rgb(229, 93, 97);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1.3;
    margin-bottom: 10px;
}

.idea-cat-side__text {
    color: rgb(33, 36, 38);
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .idea-cat-side {
        padding: 28px 20px;
    }
}

.collapse-block {
    margin-bottom: 30px;
}

.collapse-block .collapse-block__ell {
    margin-top: -1px;
}

.collapse-block .collapse-block__ell .collapse-block__head {
    position: relative;
    display: block;
    padding: 18px 28px;
    padding-right: 50px;
    color: rgb(33, 36, 38);
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    border-top: 1px solid #EFECE9;
    border-bottom: 1px solid #EFECE9;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.collapse-block .collapse-block__ell .collapse-block__head i {
    position: absolute;
    right: 28px;
    top: 50%;
    color: #C99B71;
    font-size: 14px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.collapse-block .collapse-block__ell .collapse-block__head[aria-expanded="true"] {
    background-color: #F9F8F7
}

.collapse-block .collapse-block__ell .collapse-block__head[aria-expanded="true"] i {
    -webkit-transform: translateY(-50%) rotateX(180deg);
    transform: translateY(-50%) rotateX(180deg);
}

.collapse-block .collapse-block__ell .collapse-block__body {
    padding: 20px 28px;
    font-size: 18px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .collapse-block .collapse-block__ell .collapse-block__head {
        padding: 16px 20px;
        padding-right: 42px;
        font-size: 16px;
    }
    .collapse-block .collapse-block__ell .collapse-block__head i {
        right: 20px;
    }
    .collapse-block .collapse-block__ell .collapse-block__body {
        padding: 16px 20px;
        font-size: 16px;
    }
}

.br-card {
    padding: 35px 28px 50px;
    border: 1px solid #EFECE9;
    border-radius: 6px;
}

.br-card .br-card__title {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 36px;
}

@media (max-width: 767px) {
    .br-card {
        padding: 32px 20px 40px;
    }
    .br-card .br-card__title {
        font-size: 18px;
        margin-bottom: 30px;
    }
}

.info-block {
    padding: 36px 28px 20px;
    background-color: #ffffff;
    border-radius: 6px;
    margin-bottom: 30px;
}

.info-block p {
    margin-bottom: 10px;
}

@media (max-width: 419px) {
    .info-block {
        padding: 30px 20px 20px;
    }
}

.category-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 36px 28px 30px;
    background-color: #ffffff;
    border-radius: 6px;
    margin-bottom: 50px;
}

.category-card .category-card__name {
    color: rgb(152, 152, 152);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 15px;
}

.category-card .category-card__name .br {
    margin: 0 10px;
}

.category-card .category-card__name .color {
    color: #e55d61;
}

.category-card .category-card__text {
    color: rgb(33, 36, 38);
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 0;
}

.category-card .btn {
    max-width: 264px;
    border-radius: 6px;
    margin-left: 30px;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .category-card {
        display: block;
        padding: 30px 20px 30px;
        margin-bottom: 40px;
    }
    .category-card .category-card__text {
        margin-bottom: 20px;
    }
    .category-card .btn {
        margin-left: 0;
        margin-bottom: 0;
    }
}

.cat-all-card {
    width: 100%;
    padding: 43px 30px 48px;
    border-radius: 6px;
    background-image: url('../img/cat-all-card-bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.cat-all-card .cat-all-card__title {
    margin-bottom: 44px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.35);
}

.cat-all-card .cat-all-card__num {
    color: #ffffff;
    font-size: 120px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 85px;
    letter-spacing: 7px;
    margin-bottom: 42px;
}

.cat-all-card .cat-all-card__text {
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.313;
    margin-bottom: 35px;
}

.cat-all-card .cat-all-card__icon {
    display: block;
    width: 140px;
    height: auto;
    margin: 0 auto 42px;
    vertical-align: text-bottom;
}

.cat-all-card .btn-border {
    height: 62px;
    padding: 22px 15px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.5);
    margin: 0 auto;
}

.cat-all-card .btn-border:hover {
    color: rgb(100, 159, 220);
    background-color: #ffffff;
    border: 1px solid #ffffff;
    box-shadow: 0px 10px 20px 0px rgba(100, 159, 220, 0.3);
}

@media (max-width: 767px) {
    .cat-all-card {
        width: 100%;
        padding: 40px 20px 40px;
    }
    .cat-all-card .cat-all-card__title {
        margin-bottom: 30px;
    }
    .cat-all-card .cat-all-card__num {
        font-size: 100px;
        line-height: 70px;
        margin-bottom: 20px;
    }
    .cat-all-card .cat-all-card__text {
        margin-bottom: 20px;
    }
    .cat-all-card .cat-all-card__icon {
        width: 100px;
        margin: 0 auto 36px;
    }
    .cat-all-card .btn-border {
        height: 58px;
        padding: 20px 15px;
    }
}

.anniversary--bg {
    background-image: url('../img/pattern.jpg');
    background-repeat: repeat;
}

.section-anniversary {
    position: relative;
    z-index: 40;
}

.anniversary-block {
    position: relative;
    padding: 126px 0 80px;
}

.anniversary-block .anniversary-block__img-bg-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
}

.anniversary-block .anniversary-block__img-bg-wrap .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.anniversary-block .anniversary-block__img-bg {
    position: relative;
    width: 100%;
}

.anniversary-block .anniversary-img-bg-1 {
    position: absolute;
    left: -357px;
    top: 501px;
    width: 396px;
    height: auto;
}

.anniversary-block .anniversary-img-bg-2 {
    position: absolute;
    right: -452px;
    bottom: -47px;
    width: 431px;
    height: auto;
}

.anniversary-block .anniversary-block__body {
    position: relative;
    z-index: 20;
}

.anniversary-content {
    margin-bottom: 30px;
}

.anniversary-block .section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 22px;
}

.tag-title {
    display: inline-block;
    padding: 7px 20px 6px;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0.08em;
    background-color: #E44934;
    margin-left: 20px;
}

.anniversary-content .text {
    font-size: 21px;
    line-height: 1.5;
    margin-bottom: 42px;
}

.anniversary-content .btn {
    height: 62px;
    padding: 23px 15px;
    -webkit-box-shadow: 0px 8px 24px 0px rgba(151, 29, 12, 0.2);
    box-shadow: 0px 8px 24px 0px rgba(151, 29, 12, 0.2);
}

.anniversary-image {
    margin-bottom: 54px;
}

.anniversary-image img {
    position: relative;
    height: auto;
    margin-top: -126px;
    margin-left: 11px;
    vertical-align: text-bottom;
}

@media (max-width: 1199px) {
    .anniversary-block .anniversary-block__img-bg-wrap {
        display: none;
    }
    .anniversary-content {
        margin-bottom: 50px;
    }
    .anniversary-content .btn {
        height: 62px;
    }
    .anniversary-image {
        display: none;
    }
}

@media (max-width: 992px) {
    .anniversary-image {
        display: none;
    }
}

@media (max-width: 767px) {
    .anniversary-block {
        position: relative;
        padding: 60px 0 0;
    }
    .anniversary-block .anniversary-block__img-bg-wrap {
        display: none;
    }
    .anniversary-content {
        margin-bottom: 50px;
    }
    .anniversary-block .section-title {
        display: block;
        margin-bottom: 22px;
    }
    .anniversary-block .text-title {
        display: block;
        margin-bottom: 10px;
    }
    .tag-title {
        padding: 7px 16px 6px;
        font-size: 12px;
        margin-left: 0;
    }
    .anniversary-content .text {
        font-size: 18px;
        margin-bottom: 32px;
    }
    .anniversary-content .btn {
        height: 58px;
        padding: 21px 15px;
    }
}

.anniversary-progect-all {
    position: relative;
    width: 100%;
}

.anniversary-progect-all .anniversary-progect-all__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 28px;
}

.anniversary-progect-all .anniversary-progect-al__body {
    padding: 52px 30px 37px;
    border-radius: 6px;
    background-color: #D8B08C;
    -webkit-box-shadow: 0px 8px 30px 0px rgba(184, 144, 108, 0.3);
    box-shadow: 0px 8px 30px 0px rgba(184, 144, 108, 0.3);
}

.anniversary-progect-all .anniversary-progect-all__num {
    color: rgb(228, 73, 52);
    font-size: 88px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0px 5px 10px rgba(128, 42, 45, 0.2);
    line-height: 68px;
    margin-top: -6px;
}

.anniversary-progect-all .anniversary-progect-all__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 6px;
}

.anniversary-progect-all .btn-border {
    height: 58px;
    padding: 20px 15px;
    color: #ffffff;
    border: 1px solid #ffffff;
    margin: 0 auto 15px;
}

.anniversary-progect-all .btn-bruwn {
    height: 58px;
    padding: 20px 15px;
    margin: 0 auto 20px;
    background-color: #BF9773;
}

.anniversary-progect-all .btn-bruwn:hover {
    background-color: #D53A25;
}

@media (max-width: 767px) {
    .anniversary-progect-all .anniversary-progect-al__body {
        padding: 40px 20px 25px;
    }
    .anniversary-progect-all .anniversary-progect-all__num {
        font-size: 100px;
    }
    .anniversary-progect-all .anniversary-progect-all__title {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 20px;
    }
}

.anniversar-timer-bl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 30px 30px 20px;
    background-color: #D8B08C;
    border-radius: 4px;
    -webkit-box-shadow: 0px 8px 24px 0 rgba(184, 144, 108, 0.3);
    box-shadow: 0px 8px 24px 0 rgba(184, 144, 108, 0.3);
    margin-bottom: -170px;
}

.anniversar-timer-bl .anniversar-timer-bl__cont {
    display: block;
    width: 66.666%;
}

.anniversar-timer-bl .anniversar-timer-bl__text {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 40px;
}

.anniversar-timer-bl .anniversar-timer-bl__btn {
    width: 33.333%;
    padding-left: 60px;
}

.anniversar-timer-bl .anniversar-timer-bl__title {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 10px;
}

.anniversar-timer-bl .anniversar-timer-bl__num {
    display: block;
    color: #ffffff;
    font-size: 72px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 54px;
    margin-bottom: 20px;
}

.anniversar-timer-bl .anniversar-timer-bl__btn .btn {
    width: 300px;
}

.anniversar-timer-bl .anniversar-timer-bl__btn .btn.btn-prime {
    box-shadow: 0px 8px 30px 0px rgba(151, 29, 12, 0.4);
}

.anniversar-timer-bl .anniversar-timer-bl__btn .btn.btn-prime:hover {
    box-shadow: 0px 2px 10px 0px rgba(151, 29, 12, 0.2);
}

.anniversar-timer-bl .anniversar-timer-bl__btn .btn.btn-border {
    color: #ffffff;
    border: 1px solid #ffffff;
}

.anniversar-timer-bl .anniversar-timer-bl__btn .btn.btn-border:hover {
    border: 1px solid #D53A25;
}

@media (max-width: 1199px) {
    .anniversar-timer-bl .anniversar-timer-bl__text {
        font-size: 18px;
        margin-bottom: 40px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__btn {
        padding-left: 20px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__btn .btn {
        width: 100%;
        max-width: 300px;
    }
}

@media (max-width: 991px) {
    .anniversar-timer-bl {
        display: block;
    }
    .anniversar-timer-bl .anniversar-timer-bl__cont {
        width: 100%;
        margin-bottom: 30px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__text {
        margin-bottom: 20px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__btn {
        width: 100%;
        padding-left: 0px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__header {
        display: flex;
        align-items: flex-end;
        margin-bottom: 20px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__title {
        margin-bottom: 0;
    }
    .anniversar-timer-bl .anniversar-timer-bl__title br {
        display: none;
    }
    .anniversar-timer-bl .anniversar-timer-bl__num {
        font-size: 42px;
        line-height: 36px;
        margin-bottom: 0;
        margin-left: 20px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__btn .btn {
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .anniversar-timer-bl {
        display: block;
        padding: 30px 20px 10px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__cont {
        width: 100%;
        margin-bottom: 30px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__text {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__btn {
        width: 100%;
        padding-left: 0px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__header {
        display: block;
        margin-bottom: 20px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__title {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__title br {
        display: none;
    }
    .anniversar-timer-bl .anniversar-timer-bl__num {
        font-size: 46px;
        line-height: 36px;
        margin-bottom: 0;
        margin-left: 0;
    }
    .anniversar-timer-bl .anniversar-timer-bl__btn .btn {
        margin: 0 auto 20px;
    }
}

.tag-timer {
    display: inline-block;
    padding: 10px 27px;
    color: rgb(216, 176, 140);
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
    border-radius: 4px;
    border: 1px solid #D8B08C;
    margin-bottom: 32px;
}

@media (max-width: 767px) {
    .tag-timer {
        padding: 10px 14px 8px;
        font-size: 14px;
        margin-bottom: 30px;
    }
}

.anniversar-timer-bl__timer {
    margin-bottom: 27px;
}

.anniversar-timer-bl__timer .countdown-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    color: inherit;
}

.anniversar-timer-bl__timer .countdown-row .countdown-section {
    position: relative;
    color: #ffffff;
    margin-right: 140px;
}

.anniversar-timer-bl__timer .countdown-row .countdown-section:first-child:after {
    content: "";
    position: absolute;
    top: -10px;
    right: -65px;
    width: 2px;
    height: 126px;
    background-color: rgba(255, 255, 255, 0.4);
    transform: rotateZ(18deg);
}

.anniversar-timer-bl__timer .countdown-row .countdown-section:nth-child(2):after {
    content: ":";
    position: absolute;
    top: 28px;
    right: -72px;
    color: rgba(255, 255, 255, 0.4);
    font-size: 26px;
}

.anniversar-timer-bl__timer .countdown-row .countdown-section .countdown-amount {
    font-size: 120px;
    font-weight: 700;
    line-height: 86px;
    margin-bottom: 20px;
}

.anniversar-timer-bl__timer .countdown-row .countdown-section .countdown-period {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: 0.1em;
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .anniversar-timer-bl__timer .countdown-row .countdown-section {
        position: relative;
        margin-right: 100px;
    }
    .anniversar-timer-bl__timer .countdown-row .countdown-section:first-child:after {
        top: 0px;
        right: -50px;
        width: 2px;
        height: 80px;
    }
    .anniversar-timer-bl__timer .countdown-row .countdown-section:nth-child(2):after {
        top: 20px;
        right: -58px;
        font-size: 26px;
    }
    .anniversar-timer-bl__timer .countdown-row .countdown-section .countdown-amount {
        display: block;
        font-size: 100px;
        line-height: 70px;
        margin-bottom: 15px;
    }
    .anniversar-timer-bl__timer .countdown-row .countdown-section .countdown-period {
        display: block;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .anniversar-timer-bl__timer .countdown-row .countdown-section {
        position: relative;
        display: block;
        margin-right: 30px;
    }
    .anniversar-timer-bl__timer .countdown-row .countdown-section:last-child {
        margin-right: 0;
    }
    .anniversar-timer-bl__timer .countdown-row .countdown-section:first-child:after {
        top: 13px;
        right: -15px;
        width: 2px;
        height: 50px;
    }
    .anniversar-timer-bl__timer .countdown-row .countdown-section:nth-child(2):after {
        top: 20px;
        right: -20px;
        font-size: 20px;
    }
    .anniversar-timer-bl__timer .countdown-row .countdown-section .countdown-amount {
        display: block;
        width: auto;
        padding: 0;
        font-size: 60px;
        line-height: 70px;
        margin-right: 0;
        margin-bottom: 5px;
    }
    .anniversar-timer-bl__timer .countdown-row .countdown-section .countdown-period {
        display: block;
        width: auto;
        font-size: 14px;
    }
}

.anniversary-footer {
    position: relative;
    padding: 0 0 60px;
    background-image: url('../img/pattern-2.jpg');
    background-repeat: repeat;
    z-index: 50;
}

.anniversary-slider-wrap .anniversary-slider__header {
    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;
    margin-bottom: 26px;
}

.anniversary-slider-wrap .anniversary-slider__header .section-title {
    margin-bottom: 0px;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 20px;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 1px solid #CDA27A;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    margin-right: 16px;
    cursor: pointer;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr i {
    color: #C99B71;
    font-size: 14px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr:hover {
    border: 1px solid #E44934;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr:hover i {
    color: #E44934;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr.slick-disabled {
    opacity: 0.6;
    cursor: default;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr.slick-disabled:hover {
    border: 1px solid #CDA27A;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr.slick-disabled:hover i {
    color: #C99B71;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr:last-child {
    margin-right: 0;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-prev i {
    -webkit-transform: rotateZ(90deg);
    -ms-transform: rotate(90deg);
    transform: rotateZ(90deg);
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-next i {
    -webkit-transform: rotateZ(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotateZ(-90deg);
}

.anniversary-slider-wrap .anniversary-slider__btn .btn {
    height: 62px;
    max-width: 362px;
    margin: 0 auto 20px;
    padding: 23px 15px;
    -webkit-box-shadow: 0px 8px 24px 0px rgba(151, 29, 12, 0.2);
    box-shadow: 0px 8px 24px 0px rgba(151, 29, 12, 0.2);
}

@media (max-width: 767px) {
    .anniversary-slider-wrap .anniversary-slider__header {
        position: relative;
        margin-bottom: 50px;
    }
    .anniversary-slider-wrap .section-title {
        margin-bottom: 20px;
    }
    .anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control {
        position: absolute;
        left: 0;
        bottom: -40px;
        margin-left: 0;
    }
    .anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr {
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }
    .anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr i {
        font-size: 12px;
    }
    .anniversary-slider-wrap .anniversary-slider__btn .btn {
        height: 58px;
        padding: 21px 15px;
    }
}

.anniversary-slider.slick-slider {
    margin-left: -15px;
    margin-right: -15px;
}

.anniversary-slider.slick-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.anniversary-slider .slider-ell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding: 10px 15px 30px;
}

.anniversary-card {
    display: block;
    width: 100%;
    padding: 43px 28px 37px;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 12px 30px 0px rgba(184, 144, 108, 0.35);
    box-shadow: 0px 12px 30px 0px rgba(184, 144, 108, 0.35);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.anniversary-card .anniversary-card__icon {
    width: auto;
    height: 80px;
    margin-bottom: 30px;
}

.anniversary-card .anniversary-card__name {
    color: rgb(33, 36, 38);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.5;
    margin-bottom: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.anniversary-card:hover {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(184, 144, 108, 0.3);
    box-shadow: 0px 0px 0px 0px rgba(184, 144, 108, 0.3);
}

.anniversary-card:hover .anniversary-card__name {
    color: #E44934;
}

@media (max-width: 767px) {
    .anniversary-card {
        padding: 40px 20px 30px;
    }
}

.page-anniversary .section-anniversary {
    padding-top: 174px;
    padding-bottom: 0px;
}

.page-anniversary .anniversary-block {
    position: relative;
    padding: 74px 0 80px;
}

.page-anniversary .anniversar-timer-bl {
    margin-bottom: 60px;
}

@media (max-width: 992px) {
    .page-anniversary .section-anniversary {
        padding-top: 80px;
        padding-bottom: 0px;
    }
}

@media (max-width: 767px) {
    .page-anniversary .section-anniversary {
        padding-top: 60px;
        padding-bottom: 0px;
    }
    .page-anniversary .anniversar-timer-bl {
        margin-bottom: 40px;
    }
}

.flex-tag {
    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;
    margin-bottom: 18px;
}

.flex-tag .idea-date {
    margin-bottom: 0;
}

.flex-tag .status-tag {
    margin-left: 20px;
}

@media (max-width: 767px) {
    .flex-tag {
        display: block;
        margin-bottom: 18px;
    }
    .flex-tag .idea-date {
        margin-bottom: 10px;
    }
    .flex-tag .status-tag {
        margin-left: 0px;
    }
}

.status-tag {
    display: inline-block;
    position: relative;
    padding: 8px 14px 7px 32px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .06em;
    background-color: #ffffff;
    border-radius: 4px;
}

.status-tag::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #BCBDBD;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.status-tag.status-tag--red::before {
    background-color: #F6522E;
}

.anniversary-card-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 21px 30px 22px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 20px;
}

.anniversary-card-info .anniversary-card-info__icon {
    width: auto;
    height: 46px;
    margin-right: 34px;
}

.anniversary-card-info .anniversary-card-info__descr {
    color: rgb(152, 152, 152);
    font-size: 14px;
    margin-bottom: 10px;
}

.anniversary-card-info .anniversary-card-info__name {
    color: rgb(33, 36, 38);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .anniversary-card-info {
        display: block;
        padding: 21px 20px 22px;
    }
    .anniversary-card-info .anniversary-card-info__icon {
        width: auto;
        height: 54px;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .anniversary-card-info .anniversary-card-info__descr {
        margin-bottom: 4px;
    }
}

.tabs-card {
    margin-bottom: 30px;
}

.tabs-card .nav-tabs {
    border-bottom: none;
}

.tabs-card .nav-tabs>li {
    margin-bottom: 0;
}

.tabs-card .nav-tabs>li>a {
    padding: 19px 38px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.3;
    background-color: #ACA298;
    border-radius: 4px 4px 0 0;
    border: none;
    margin-right: 6px;
}

.tabs-card .nav-tabs>li.active>a,
.tabs-card .nav-tabs>li.active>a:hover,
.tabs-card .nav-tabs>li.active>a:focus {
    color: #212426;
    background-color: #ffffff;
    border: none;
}

.tabs-card .tab-content {
    padding: 25px 20px 20px;
    background-color: #ffffff;
    border-radius: 0 4px 4px 4px;
}

@media (max-width: 767px) {
    .tabs-card .nav-tabs {
        border-bottom: none;
    }
    .tabs-card .nav-tabs>li {
        display: block;
        float: none;
        margin-bottom: 0;
    }
    .tabs-card .nav-tabs>li>a {
        display: block;
        padding: 16px 20px;
        border-radius: 0;
        border: none;
        margin-right: 0;
    }
    .tabs-card .nav-tabs>li:first-child>a {
        border-radius: 4px 4px 0 0;
    }
    .tabs-card .tab-content {
        padding: 25px 15px 20px;
        border-radius: 0 0 4px 4px;
    }
}

.list-table {
    position: relative;
    margin-bottom: 30px;
}

.list-table .list-table__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.list-table .list-table__row:nth-child(even) {
    background-color: #F9F8F7;
}

.list-table .list-table__col {
    padding: 20px;
    color: rgb(33, 36, 38);
    font-size: 16px;
    line-height: 1.3;
}

.list-table .list-table__col:first-child {
    width: 35%;
    font-weight: 800;
}

.list-table .list-table__col:last-child {
    width: 65%;
}

.list-table.list-table--num .list-table__ell-num {
    position: absolute;
    left: 20px;
    top: 18px;
    color: #212426;
}

.list-table.list-table--num .list-table__col:first-child {
    width: 50%;
    padding-left: 46px;
    color: #989898;
    font-weight: 400;
}

.list-table.list-table--num .list-table__col:last-child {
    width: 50%;
}

@media (max-width: 767px) {
    .list-table {
        margin-bottom: 30px;
    }
    .list-table .list-table__row {
        display: block;
        padding: 10px 0;
    }
    .list-table .list-table__col {
        padding: 3px 10px;
    }
    .list-table .list-table__col:first-child {
        width: 100%;
    }
    .list-table .list-table__col:last-child {
        width: 100%;
    }
    .list-table.list-table--num .list-table__ell-num {
        position: static;
        left: auto;
        top: auto;
        padding: 10px;
        font-size: 18px;
    }
    .list-table.list-table--num .list-table__col:first-child {
        padding-left: 10px;
        width: 100%;
    }
    .list-table.list-table--num .list-table__col:last-child {
        width: 100%;
    }
}

.hr-line {
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 30px;
}

.pres-pr-bl {
    padding: 20px;
}

.pres-pr-bl .pres-pr-bl__label {
    font-size: 16px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 12px;
}

.pres-pr-bl .pres-pr-bl__file {
    position: relative;
    padding: 19px 18px;
    padding-right: 116px;
    border: 1px solid #F1F1F2;
    border-radius: 4px;
    margin-bottom: 26px;
}

.pres-pr-bl .pres-pr-bl__file-name {
    font-size: 16px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.pres-pr-bl .pres-pr-bl__file-name .light {
    color: #989898;
}

.pres-pr-bl .pres-pr-bl__file-icon {
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 12px 0;
}

.pres-pr-bl .pres-pr-bl__file-icon .file-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 58px;
    border-left: 1px solid #F1F1F2;
}

.pres-pr-bl .pres-pr-bl__file-icon .file-icon:first-child {
    border-left: none;
}

.pres-pr-bl .pres-pr-bl__video video {
    width: 100%;
    height: 378px;
    vertical-align: text-bottom;
    background-color: #000000;
}

@media (max-width: 767px) {
    .pres-pr-bl {
        padding: 20px 0;
    }
    .pres-pr-bl .pres-pr-bl__video video {
        width: 100%;
        height: 206px;
    }
}

@media (max-width: 424px) {
    .pres-pr-bl .pres-pr-bl__video video {
        width: 100%;
        height: 147px;
    }
}


/* file-load */

.file-load .file-load__cont .file-load__load {
    position: relative;
    width: 100%;
    height: 160px;
    background-color: #F4F6FA;
    border: 1px solid #F4F6FA;
    overflow: hidden;
    margin-bottom: 10px;
}

.file-load .file-load__cont .file-load__load .file-load__info {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    font-size: 15px;
    text-align: center;
    color: rgb(152, 152, 152);
    line-height: 1.4;
}

.file-load .file-load__cont .file-load__load .file-load__info.error {
    font-size: 14px;
    color: #E44934;
}

.file-load .file-load__cont .file-load__load .file-load__label {
    display: none;
    max-width: 280px;
    margin: 40px auto 10px;
}

.file-load .file-load__cont .file-load__load .file-load__label.active {
    display: block;
}

.file-load .file-load__cont .file-load__load .file-load__label .file-load__btn {
    position: relative;
    display: block;
    padding: 20px;
    font-size: 16px;
    color: #E44934;
    font-weight: 800;
    text-align: center;
    line-height: 1;
    border: 1px solid #D9DBDC;
    border-radius: 4px;
    cursor: pointer;
    z-index: 5;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.file-load .file-load__cont .file-load__load .file-load__label .file-load__btn:hover {
    color: #ffffff;
    background-color: #E44934;
    border: 1px solid #E44934;
}

.file-load .file-load__cont .file-load__load .file-load__label .file-load__input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 200px;
    opacity: 0;
    z-index: 10;
}

.file-load .file-load__result .file-ell {
    display: inline-block;
    position: relative;
    max-width: 100%;
    padding-right: 50px;
}

.file-load .file-load__result .file-ell .file-ell_name {
    font-size: 16px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.file-load .file-load__result .file-ell .file-ell_name .light {
    color: #989898;
}

.file-load .file-load__result .file-ell .file-ell_remove {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    font-size: 14px;
    border-radius: 4px;
    color: #ffffff;
    background-color: #BCBDBD;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer;
}

.file-load .file-load__result .file-ell .file-ell_remove:hover {
    background-color: #E44934;
}

.file-load .file-load__result .video-ell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.file-load .file-load__result .video-ell__preview {
    position: relative;
    display: inline-block;
}

.file-load .file-load__result .video-ell__preview video {
    width: 178px;
    height: 100px;
    border-radius: 4px;
    background-color: #000000;
    vertical-align: text-bottom;
}

.file-load .file-load__result .video-ell_remove {
    position: absolute;
    right: 8px;
    top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-size: 14px;
    border-radius: 4px;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer;
    z-index: 10;
}

.file-load .file-load__result .video-ell__cont {
    padding-top: 14px;
    padding-left: 30px;
}

.file-load .file-load__result .video-ell__name {
    margin-bottom: 5px;
}

.file-load .file-load__result .video-ell__time {
    color: #989898;
    margin-bottom: 0;
}

.file-load .file-load__result .video-ell .support {
    position: relative;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    padding: 16px;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    background-color: #F4F6FA;
    border: 1px dotted #D9DBDC;
}

.file-load .file-load__result .video-ell .support .name {
    font-weight: 800;
    font-size: 16px;
}

.file-load .file-load__result .video-ell .support .sub {
    color: #9ea1a4;
}

@media (max-width: 767px) {
    .file-load .file-load__result .video-ell {
        display: block;
    }
    .file-load .file-load__result .video-ell__cont {
        padding-left: 0px;
    }
}

@media (max-width: 419px) {
    .file-load .file-load__cont .file-load__load .file-load__label {
        margin: 30px auto 10px;
        max-width: 200px;
    }
    .file-load .file-load__cont .file-load__load .file-load__label .file-load__btn {
        padding: 14px;
        font-size: 14px;
    }
    .file-load .file-load__cont .file-load__load .file-loadi__info {
        bottom: 20px;
        font-size: 14px;
    }
    .file-load .file-load__result .file-ell {
        padding-right: 30px;
    }
}

.team-pr-bl {
    margin-bottom: 30px;
}

.team-pr-bl .team-pr-bl__list {
    padding-right: 50px;
}

.team-pr-bl .team-pr-bl__list .team-pr-bl__ell {
    position: relative;
    padding: 0 15px 10px 33px;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 20px;
}

.team-pr-bl .team-pr-bl__list .team-pr-bl__ell:last-child {
    border-bottom: 0;
    margin-bottom: 10px;
}

.team-pr-bl .team-pr-bl__list .team-pr-bl__ell .team-pr-bl__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}

.team-pr-bl .team-pr-bl__list .team-pr-bl__ell .team-pr-bl__col-12 {
    padding: 0 5px;
    width: 100%;
}

.team-pr-bl .team-pr-bl__list .team-pr-bl__ell .team-pr-bl__col-6 {
    padding: 0 5px;
    width: 50%;
}

.base-form .team-pr-bl .team-pr-bl__list .team-pr-bl__ell .faild-wrap {
    margin-bottom: 10px;
}

.team-pr-bl .team-pr-bl__list .team-pr-bl__ell .team-pr-bl__num {
    position: absolute;
    left: 3px;
    top: 20px;
    color: #989898;
    font-size: 15px;
}

.team-pr-bl .team-pr-bl__list .team-pr-bl__ell .team-pr-bl__remove {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: -50px;
    width: 50px;
    height: 50px;
    color: #B9B9B9;
    font-size: 14px;
    border: 1px solid #D9DBDC;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.team-pr-bl .team-pr-bl__list .team-pr-bl__ell .team-pr-bl__remove:hover {
    color: #E44934;
    border: 1px solid #E44934;
}

.team-pr-bl .team-pr-bl__btn {
    padding: 0 60px 0 28px;
}

.team-pr-bl .team-pr-bl__btn .btn-border {
    color: #d8b08c;
    border: 1px solid #D8B08C;
}

.team-pr-bl .team-pr-bl__btn .btn-border:hover {
    color: #ffffff;
    background-color: #D8B08C;
}

@media (max-width: 767px) {
    .team-pr-bl .team-pr-bl__list {
        padding-right: 0px;
    }
    .team-pr-bl .team-pr-bl__list .team-pr-bl__ell {
        padding: 40px 0 10px 0;
    }
    .team-pr-bl .team-pr-bl__list .team-pr-bl__ell .team-pr-bl__col-6 {
        width: 100%;
    }
    .team-pr-bl .team-pr-bl__list .team-pr-bl__ell .team-pr-bl__num {
        top: 8px;
        left: 0;
    }
    .team-pr-bl .team-pr-bl__list .team-pr-bl__ell .team-pr-bl__remove {
        right: 0;
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
    .team-pr-bl .team-pr-bl__btn {
        padding: 0;
    }
}

.lable-top.lable-top--tooltip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tooltip-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 14px;
    background-color: #D8B08C;
    margin-left: 8px;
    margin-top: -4px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.tooltip-icon:hover {
    background-color: #EFDFD1;
}

.tooltip {
    max-width: 618px;
    margin-bottom: 0;
    padding: 0;
    border-radius: 4px;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(122, 77, 60, 0.2);
    box-shadow: 0px 10px 30px 0px rgba(122, 77, 60, 0.2);
}

.tooltip.bottom {
    padding-top: 10px;
    padding-bottom: 0;
    margin-top: 10px;
}

.tooltip .tooltip-inner {
    width: 100%;
    margin: 0;
    padding: 28px;
    color: rgb(33, 36, 38);
    font-size: 15px;
    text-align: left;
    line-height: 1.4;
    background-color: #ffffff;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -12px;
    border-width: 0 12px 10px;
    border-bottom-color: #ffffff;
}

@media (min-width: 1200px) {
    .tooltip {
        width: 618px;
        margin-left: 160px;
    }
    .tooltip.bottom .tooltip-arrow {
        left: 148px !important;
    }
}

@media (max-width: 767px) {
    .tooltip .tooltip-inner {
        padding: 14px;
    }
    .tooltip.bottom {
        padding-top: 0px;
        margin-top: 10px;
    }
    .tooltip.bottom .tooltip-arrow {
        display: none;
    }
}

.pr-800-info {
    padding: 42px 30px 30px;
    border-radius: 4px;
    background-image: url('../img/pr-800-info-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 30px;
}

.pr-800-info .pr-800-info__title {
    font-size: 21px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 20px;
}

.pr-800-info .pr-800-info__text {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.pr-800-info .btn-prime {
    max-width: 280px;
    -webkit-box-shadow: 0px 8px 24px 0px rgba(151, 29, 12, 0.2);
    box-shadow: 0px 8px 24px 0px rgba(151, 29, 12, 0.2);
}

@media (max-width: 767px) {
    .pr-800-info {
        padding: 30px 20px 20px;
    }
}

.pr-800-cat-side {
    display: block;
    width: 100%;
    padding: 28px 30px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 20px;
}

.pr-800-cat-side .pr-800-cat-side__cat {
    color: rgb(33, 36, 38);
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 15px;
}

.pr-800-cat-side .pr-800-cat-side__cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pr-800-cat-side .pr-800-cat-side__img {
    height: 48px;
    margin-right: 28px;
}

.pr-800-cat-side .pr-800-cat-side__title {
    color: rgb(33, 36, 38);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 0;
}

.pr-800-cat-side:hover {
    -webkit-box-shadow: 0px 10px 32px 0px rgba(190, 190, 191, 0.4);
    box-shadow: 0px 10px 32px 0px rgba(190, 190, 191, 0.4);
}

@media (max-width: 767px) {
    .pr-800-cat-side {
        padding: 28px 20px;
    }
    .pr-800-cat-side .pr-800-cat-side__cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .pr-800-cat-side .pr-800-cat-side__img {
        height: 40px;
        margin-right: 16px;
    }
}

.rating-side-pr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 30px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 4px;
}

.rating-side-pr__text {
    color: rgb(33, 36, 38);
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.rating-side-pr__num {
    color: rgb(216, 176, 140);
    font-size: 30px;
    font-weight: 800;
}

.rating-side-pr__num img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

@media (max-width: 767px) {
    .rating-side-pr {
        padding: 15px 20px;
    }
    .rating-side-pr__num {
        font-size: 24px;
    }
    .rating-side-pr__num img {
        width: 20px;
        margin-right: 6px;
    }
}

.social-card-side {
    display: block;
    width: 100%;
    padding: 28px 30px 20px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 20px;
}

.social-card-side .social-card-side__title {
    color: rgb(33, 36, 38);
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}

.social-card-side .soc-list-sq .soc-list-sq__ell a {
    width: 60px;
    border: 1px solid #F0EAE5;
}

@media (max-width: 767px) {
    .social-card-side {
        padding: 28px 20px 20px;
    }
    .social-card-side .soc-list-sq .soc-list-sq__ell a {
        width: 50px;
    }
}

.cat-nav-side {
    padding: 24px 32px 8px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 30px;
}

.cat-nav-side .cat-nav-side__head {
    border-bottom: 1px solid #EFECE9;
}

.cat-nav-side .cat-nav-side__title {
    color: rgb(33, 36, 38);
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}

.cat-nav-side .cat-nav-side__body {
    padding-top: 25px;
}

.cat-nav-side .cat-nav-side__list-ell {
    margin-bottom: 30px;
}

.cat-nav-side .cat-nav-side__link {
    display: block;
    position: relative;
    color: #212426;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.125;
}

.cat-nav-side .cat-nav-side__link:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #E44934;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
}

.cat-nav-side .cat-nav-side__link.active,
.cat-nav-side .cat-nav-side__link:hover {
    color: #e44934;
}

.cat-nav-side .cat-nav-side__link.active:before {
    opacity: 1;
}

.cat-nav-side .cat-nav-side__link .text {
    display: inline-block;
    max-width: 200px;
}

.cat-nav-side.cat-nav-side--num .cat-nav-side__body {
    padding-top: 11px;
    padding-bottom: 11px;
}

.cat-nav-side.cat-nav-side--num .cat-nav-side__list-ell {
    margin-bottom: 0;
}

.cat-nav-side.cat-nav-side--num .cat-nav-side__link {
    padding: 16px 52px 16px 2px;
}

.cat-nav-side.cat-nav-side--num .cat-nav-side__link:before {
    content: "";
    position: absolute;
    right: auto;
    left: -32px;
    top: 0;
    width: 5px;
    height: 100%;
    border-radius: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.cat-nav-side.cat-nav-side--num .cat-nav-side__link .num {
    position: absolute;
    right: 4px;
    top: 50%;
    display: block;
    padding: 6px 10px 5px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    background-color: #D8B08C;
    border-radius: 4px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cat-nav-side.cat-nav-side--num .cat-nav-side__link.active .num {
    background-color: #E44934;
}

@media (max-width: 767px) {
    .cat-nav-side {
        padding: 25px 20px 8px;
    }
    .cat-nav-side .cat-nav-side__list-ell {
        margin-bottom: 20px;
    }
    .cat-nav-side.cat-nav-side--num .cat-nav-side__link:before {
        left: -20px;
    }
}

.pr-cat-list {
    margin-bottom: 60px;
}

.pr-cat-block {
    padding: 28px 30px 0;
    border-radius: 4px;
    background-color: #ffffff;
    margin-bottom: 22px;
    -webkit-box-shadow: 0px 8px 30px 0px rgba(184, 144, 108, 0.3);
    box-shadow: 0px 8px 30px 0px rgba(184, 144, 108, 0.3);
}

.pr-cat-block .pr-cat-block__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 28px;
    border-bottom: 1px solid #EFECE9;
}

.pr-cat-block .pr-cat-block__body .pr-cat-block__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pr-cat-block .pr-cat-block__body .pr-cat-block__name .pr-cat-block__img {
    width: 80px;
    height: auto;
    margin-right: 28px;
}

.pr-cat-block .pr-cat-block__body .pr-cat-block__name .pr-cat-block__title {
    max-width: 220px;
    color: rgb(33, 36, 38);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.5;
    margin-bottom: 0;
}

.pr-cat-block .pr-cat-block__body .pr-cat-block__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 30px;
}

.pr-cat-block .pr-cat-block__body .pr-cat-block__btn .btn {
    width: 302px;
    max-width: 100%;
    margin-right: 30px;
    margin-bottom: 0;
}

.pr-cat-block .pr-cat-block__body .pr-cat-block__btn .btn:last-child {
    margin-right: 0;
}

.pr-cat-block .pr-cat-block__footer .pr-cat-block__contr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0;
}

.pr-cat-block .pr-cat-block__footer .pr-cat-block__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pr-cat-block .pr-cat-block__footer .pr-cat-block__info-ell {
    margin-left: 20px;
}

.pr-cat-block .pr-cat-block__footer .pr-cat-block__info .text {
    color: rgb(191, 191, 191);
    font-size: 16px;
    margin-bottom: 0;
}

.pr-cat-block .pr-cat-block__footer .pr-cat-block__info .num {
    padding: 7px 10px 6px;
    color: rgb(216, 176, 140);
    font-size: 16px;
    font-weight: 800;
    background-color: #F7F6F5;
    border-radius: 5px;
}

.pr-cat-block .pr-cat-block__footer .pr-cat-block__more-link {
    color: rgb(33, 36, 38);
    font-size: 16px;
}

.pr-cat-block .pr-cat-block__footer .pr-cat-block__more-link i {
    display: inline-block;
    color: #C99B71;
    font-size: 12px;
    margin-left: 12px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.pr-cat-block .pr-cat-block__footer .pr-cat-block__more-link[aria-expanded="true"] i {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.pr-cat-block .pr-cat-block__footer .collapse {
    border-top: 1px solid #EFECE9;
}

.pr-cat-block .pr-cat-block__footer .pr-cat-block__description {
    padding: 22px 0 30px;
    color: rgb(33, 36, 38);
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0;
}

.nav-tabs.news-content-tabs.pr-cat-tabs li a,
.nav-tabs.news-content-tabs.pr-cat-tabs li a:hover,
.nav-tabs.news-content-tabs.pr-cat-tabs li a:focus {
    min-width: 100px;
}

@media (max-width: 1199px) {
    .pr-cat-block .pr-cat-block__body .pr-cat-block__name .pr-cat-block__img {
        width: 80px;
        height: auto;
        margin-right: 20px;
    }
    .pr-cat-block .pr-cat-block__body .pr-cat-block__btn {
        margin-left: 20px;
    }
    .pr-cat-block .pr-cat-block__body .pr-cat-block__btn .btn {
        width: 260px;
        margin-right: 20px;
    }
    .pr-cat-block .pr-cat-block__body .pr-cat-block__btn .btn:last-child {
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    .pr-cat-block .pr-cat-block__body {
        display: block;
    }
    .pr-cat-block .pr-cat-block__body .pr-cat-block__name {
        margin-bottom: 20px;
    }
    .pr-cat-block .pr-cat-block__body .pr-cat-block__btn {
        margin-left: 0px;
    }
}

@media (max-width: 767px) {
    .nav-tabs.news-content-tabs.pr-cat-tabs li {
        width: 100%;
    }
    .pr-cat-block {
        padding: 28px 20px 0;
    }
    .pr-cat-block .pr-cat-block__body {
        display: block;
        padding-bottom: 10px;
    }
    .pr-cat-block .pr-cat-block__body .pr-cat-block__name {
        margin-bottom: 25px;
    }
    .pr-cat-block .pr-cat-block__body .pr-cat-block__name .pr-cat-block__img {
        width: 46px;
        margin-right: 10px;
    }
    .pr-cat-block .pr-cat-block__body .pr-cat-block__name .pr-cat-block__title {
        max-width: 100%;
        font-size: 16px;
    }
    .pr-cat-block .pr-cat-block__body .pr-cat-block__btn {
        display: block;
        margin-left: 0;
    }
    .pr-cat-block .pr-cat-block__body .pr-cat-block__btn .btn {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .pr-cat-block .pr-cat-block__footer .pr-cat-block__contr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 20px 0;
    }
    .pr-cat-block .pr-cat-block__footer .pr-cat-block__info {
        width: 100%;
        margin-bottom: 15px;
    }
    .pr-cat-block .pr-cat-block__footer .pr-cat-block__info .pr-cat-block__info-ell {
        margin-left: 0;
    }
    .pr-cat-block .pr-cat-block__footer .pr-cat-block__info .num {
        padding: 5px 8px 4px;
        font-size: 14px;
    }
    .pr-cat-block .pr-cat-block__footer .pr-cat-block__description {
        padding: 20px 0 30px;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .pr-cat-block .pr-cat-block__footer .pr-cat-block__info {
        display: block;
        margin-bottom: 15px;
    }
    .pr-cat-block .pr-cat-block__footer .pr-cat-block__info .pr-cat-block__info-ell {
        display: flex;
        justify-content: space-between;
        margin-left: 0;
        margin-bottom: 10px;
    }
}

.pr-cat-add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 28px;
    background-color: #986B4D;
    border-radius: 4px;
    margin-bottom: 22px;
    -webkit-box-shadow: 0px 8px 30px 0px rgba(184, 144, 108, 0.3);
    box-shadow: 0px 8px 30px 0px rgba(184, 144, 108, 0.3);
}

.pr-cat-add .pr-cat-add__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pr-cat-add .pr-cat-add__content .pr-cat-add__descr {
    max-width: 540px;
}

.pr-cat-add .pr-cat-add__content .pr-cat-add__icon {
    width: 82px;
    height: auto;
    margin-right: 30px;
}

.pr-cat-add .pr-cat-add__content .pr-cat-add__title {
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 20px;
}

.pr-cat-add .pr-cat-add__content .pr-cat-add__name {
    color: rgb(255, 255, 255);
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0;
}

.pr-cat-add .pr-cat-add__btn {
    margin-left: 40px;
}

.pr-cat-add .pr-cat-add__btn .btn {
    width: 302px;
    color: #986b4d;
    background-color: #ffffff;
    margin-bottom: 0;
}

.pr-cat-add .pr-cat-add__btn .btn:hover {
    color: #ffffff;
    background-color: #E44934;
}

@media (max-width: 991px) {
    .pr-cat-add {
        display: block;
    }
    .pr-cat-add .pr-cat-add__btn {
        margin-top: 30px;
        margin-left: 112px;
    }
}

@media (max-width: 767px) {
    .pr-cat-add {
        display: block;
        padding: 20px 20px 30px;
    }
    .pr-cat-add .pr-cat-add__content {
        position: relative;
        display: block;
    }
    .pr-cat-add .pr-cat-add__content .pr-cat-add__descr {
        max-width: 100%;
    }
    .pr-cat-add .pr-cat-add__content .pr-cat-add__icon {
        width: 60px;
        height: auto;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .pr-cat-add .pr-cat-add__content .pr-cat-add__title {
        font-size: 21px;
        margin-bottom: 15px;
    }
    .pr-cat-add .pr-cat-add__content .pr-cat-add__name {
        font-size: 16px;
        line-height: 1.4;
    }
    .pr-cat-add .pr-cat-add__btn {
        margin-left: 0;
    }
    .pr-cat-add .pr-cat-add__btn .btn {
        width: 100%;
        margin: 0 auto;
    }
}

.side-progect-all {
    position: relative;
    width: 100%;
    padding: 25px 30px 10px;
    border-radius: 4px;
    background-color: #D8B08C;
    -webkit-box-shadow: 0px 8px 30px 0px rgba(184, 144, 108, 0.3);
    box-shadow: 0px 8px 30px 0px rgba(184, 144, 108, 0.3);
    z-index: 60;
    margin-bottom: 30px;
}

.side-progect-all .side-progect-all__num {
    position: absolute;
    top: -19px;
    right: 25px;
    color: rgb(255, 255, 255);
    font-size: 102px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0px 5px 10px rgba(128, 42, 45, 0.2);
    line-height: 1;
    letter-spacing: 2px;
}

.side-progect-all .side-progect-all__title {
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 25px;
}

.side-progect-all .btn-border {
    height: 58px;
    padding: 20px 15px;
    color: #ffffff;
    border: 1px solid #ffffff;
    margin: 0 auto 15px;
}

.side-progect-all .btn-prime {
    height: 58px;
    padding: 20px 15px;
    margin: 0 auto 20px;
    -webkit-box-shadow: 0px 8px 24px 0px rgba(151, 29, 12, 0.2);
    box-shadow: 0px 8px 24px 0px rgba(151, 29, 12, 0.2);
}

@media (max-width: 992px) {
    .side-progect-all {
        margin-top: 0;
    }
    .side-progect-all .side-progect-all__num {
        top: -32px;
        right: 25px;
        font-size: 108px;
    }
    .side-progect-all .side-progect-all__title {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .side-progect-all {
        padding: 22px 20px 30px;
    }
    .side-progect-all .side-progect-all__num {
        position: absolute;
        top: -20px;
        right: 20px;
        font-size: 78px;
    }
    .side-progect-all .side-progect-all__title {
        font-size: 16px;
        margin-bottom: 36px;
    }
    .side-progect-all .btn-border {
        height: 58px;
        padding: 21px 15px;
    }
    .side-progect-all .btn-prime {
        height: 58px;
        padding: 21px 15px;
    }
}

.side-join {
    padding: 26px 30px 30px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 30px;
}

.side-join .side-join__title {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 11px;
}

.side-join .side-join__text {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 20px;
}

.side-join .btn.btn-prime {
    margin-bottom: 0;
    -webkit-box-shadow: 0px 6px 20px 0px rgba(151, 29, 12, 0.4);
    box-shadow: 0px 6px 20px 0px rgba(151, 29, 12, 0.4);
}

@media (max-width: 767px) {
    .side-join {
        padding: 26px 20px 30px;
    }
}

.side-user-card {
    padding: 30px 30px 5px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 20px;
}

.side-user-card .side-user-card__avatar {
    position: relative;
    width: 100%;
    max-width: 310px;
    height: 300px;
    border-radius: 4px;
    background-color: #EFECE9;
    overflow: hidden;
    margin: 0 auto 43px;
}

.side-user-card .side-user-card__avatar .side-user-card__avatar-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10;
}

.side-user-card .side-user-card__avatar .side-user-card__avatar-default {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 5;
}

.side-user-card .side-user-card__avatar .side-user-card__user-icon {
    width: 80px;
    height: auto;
    vertical-align: text-bottom;
}

.side-user-card .side-user-card__body {
    width: 100%;
}

.side-user-card .side-user-card__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid #EFECE9;
}

.side-user-card .side-user-card__rating-text {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    margin-bottom: 0;
}

.side-user-card .side-user-card__rating-num {
    font-size: 14px;
    margin-bottom: 0;
}

.side-user-card .side-user-card__rating-num.rating-num--green {
    color: #00CF91;
}

.side-user-card .side-user-card__rating-num.rating-num--red {
    color: #E44934;
}

.side-user-card .side-user-card__all-pr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 15px 0 12px;
}

.side-user-card .side-user-card__all-pr .side-user-card__all-text {
    color: rgb(46, 48, 49);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.side-user-card .side-user-card__all-pr .side-user-card__all-descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.side-user-card .side-user-card__all-pr .side-user-card__all-descr .num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #D8B08C;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
}

.side-user-card .side-user-card__all-pr .side-user-card__all-descr .icon-angle-down {
    color: #989898;
    font-size: 12px;
    -webkit-transform: rotateZ(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotateZ(-90deg);
}

.side-user-card .side-user-card__all-pr:hover .side-user-card__all-text {
    color: #E44934;
}

@media (max-width: 992px) {
    .side-user-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .side-user-card .side-user-card__avatar {
        margin-bottom: 25px;
        margin-right: 30px;
    }
}

@media (max-width: 767px) {
    .side-user-card {
        display: block;
        padding: 30px 20px 5px;
    }
    .side-user-card .side-user-card__avatar {
        height: 260px;
        margin: 0 auto 30px;
    }
}

.user-info-card {
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 22px;
}

.user-info-card .user-info-card__header {
    padding: 20px 50px;
    border-bottom: 1px solid #EFECE9;
}

.user-info-card .user-info-card__header .user-info-card__title {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    margin-bottom: 0;
}

.user-info-card .user-info-card__body {
    padding: 20px 20px;
}

@media (max-width: 767px) {
    .user-info-card {
        margin-bottom: 20px;
    }
    .user-info-card .user-info-card__header {
        padding: 20px 20px;
    }
}

.info-card-list .info-card-list__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.info-card-list .info-card-list__row:nth-child(odd) {
    background-color: #F8F8F8;
}

.info-card-list .info-card-list__col {
    padding: 16px 20px;
    color: rgb(33, 36, 38);
    font-size: 16px;
    line-height: 1.125;
}

.info-card-list .info-card-list__col:first-child {
    width: 36%;
    color: #989898;
}

.info-card-list .info-card-list__col:last-child {
    width: 64%;
}

@media (max-width: 767px) {
    .info-card-list .info-card-list__row {
        display: block;
        padding: 10px 0;
    }
    .info-card-list .info-card-list__col {
        padding: 3px 10px;
    }
    .info-card-list .info-card-list__col:first-child {
        width: 100%;
        color: #989898;
    }
    .info-card-list .info-card-list__col:last-child {
        width: 100%;
    }
}

.user-card {
    position: relative;
    width: 100%;
    padding: 50px 30px 134px;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 6px 20px 0px rgba(184, 144, 108, 0.4);
    box-shadow: 0px 6px 20px 0px rgba(184, 144, 108, 0.4);
}

.user-card .user-card__link {
    display: block;
}

.user-card .user-card__rating-num {
    position: absolute;
    right: 30px;
    top: 36px;
    color: #BFBFBF;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.user-card .user-card__rating-num.rating-num--green {
    color: #00CF91;
}

.user-card .user-card__rating-num.rating-num--red {
    color: #E44934;
}

.user-card .user-card__avatar {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #DFC3AA;
    overflow: hidden;
    margin: 0 auto 24px;
}

.user-card .user-card__avatar .user-card__avatar-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10;
}

.user-card .user-card__avatar .user-card__avatar-default {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 5;
}

.user-card .user-card__avatar .user-card__user-icon {
    width: 32px;
    height: auto;
    vertical-align: text-bottom;
}

.user-card .user-card__content {
    text-align: center;
}

.user-card .user-card__content .user-card__name {
    font-size: 18px;
    color: rgb(33, 36, 38);
    font-weight: 700;
    margin-bottom: 16px;
}

.user-card .user-card__content .user-card__place {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    font-size: 14px;
    color: rgb(33, 36, 38);
    margin-bottom: 28px;
}

.user-card .user-card__content .user-card__place i {
    color: #BFBFBF;
    font-size: 18px;
    margin-right: 8px;
}

.user-card__voite {
    position: absolute;
    left: 0;
    bottom: 61px;
    padding: 0 30px 30px;
    width: 100%;
}

.user-card__voite .voite-side__btn-bl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.user-card__voite .voite-side__btn-bl.voite-side__btn-bl--center {
    justify-content: center;
}

.user-card__voite .voite-side__btn-bl .voite-side__btn {
    width: 47%;
}

.user-card__footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 30px;
}

.user-card__footer .hr-line {
    border-bottom: 1px solid #EFECE9;
    margin-bottom: 0;
}

.user-card__footer .user-card__all-pr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 16px 0 16px;
}

.user-card__footer .user-card__all-pr .user-card__all-text {
    color: rgb(46, 48, 49);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.user-card__footer .user-card__all-pr .user-card__all-descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.user-card__footer .user-card__all-pr .user-card__all-descr .num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #D8B08C;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
}

.user-card__footer .user-card__all-pr .user-card__all-descr i {
    color: #989898;
    font-size: 12px;
    -webkit-transform: rotateZ(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotateZ(-90deg);
}

.user-card__footer .user-card__all-pr:hover .user-card__all-text {
    color: #E44934;
}

@media (max-width: 767px) {
    .user-card {
        padding: 40px 20px 134px;
    }
    .user-card .user-card__rating-num {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .user-card__voite {
        padding: 0 20px 30px;
    }
    .user-card__footer {
        padding: 0 20px;
    }
    .user-card__footer .user-card__all-pr .user-card__all-text {
        letter-spacing: normal;
    }
}

.expetr-comment {
    padding: 20px 30px 20px;
    background-color: #ffffff;
    border-radius: 6px;
    margin-bottom: 20px;
}

.expetr-comment .expetr-comment__title {
    color: rgb(33, 36, 38);
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #EFECE9;
}

.expetr-comment .expetr-comment__text {
    position: relative;
    color: rgb(33, 36, 38);
    font-size: 16px;
    line-height: 1.3;
}

.expetr-comment .expetr-comment__text p,
.expetr-comment .expetr-comment__text ul,
.expetr-comment .expetr-comment__text ol {
    margin-bottom: 10px;
}

.expetr-comment .expetr-comment__text ul,
.expetr-comment .expetr-comment__text ol {
    padding-left: 20px;
}

.expetr-comment .expetr-comment__text ul li {
    list-style: circle;
    margin-bottom: 5px;
}

.expetr-comment .expetr-comment__text ol li {
    list-style: decimal;
    margin-bottom: 5px;
}

@media (max-width: 767px) {
    .expetr-comment {
        padding: 20px 20px 20px;
    }
}

.leader-block {
    padding: 0 35px;
    border-radius: 4px;
    background-color: #ffffff;
    margin-bottom: 70px;
}

.leader-block.leader-block--buh2022 .section-title.faq-title.bug2022-title{
    margin-bottom: 0;
}
.leader-block.leader-block--buh2022 #timeTest {
    margin-top: 40px;
}
.vacancies-card--buh2022 {
    padding: 33px 34px 40px;
}
@media (max-width: 767px) {
    .vacancies-card--buh2022 .vacancies-card__date_new {
        margin-top: 20px;
        margin-bottom: 0;
    }
}
.leader-block .leader-block__header {
    display: flex;
    align-items: center;
    padding: 50px 0;
    border-bottom: 1px solid #DCDCDC;
}

.leader-block .leader-block__header .leader-block__logo {
    flex-shrink: 0;
    width: 134px;
    margin-right: 45px;
    vertical-align: text-bottom;
}

.leader-block .leader-block__header .leader-block__title {
    font-size: 21px;
    line-height: 1.45;
    text-align: justify;
}
@media (max-width: 767px) {
    .leader-block .leader-block__header .leader-block__title {
        text-align: start;
    }
}

.leader-block .leader-block__body {
    padding: 44px 0px 1px;
}

.leader-block .leader-block__body>h2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    color: #212426;
    text-align: center;
    margin-bottom: 40px;
}

.leader-block .leader-block__body .leader-block__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -20px;
}

.leader-block .leader-block__body .leader-block__list-ell {
    width: 20%;
    margin-bottom: 65px;
}

.leader-block.leader-block--info-card {
    padding-top: 10px;
    padding-bottom: 40px;
}

.leader-block.leader-block--info-card .collapse-block {
    margin-bottom: 0;
}

.leader-block.leader-block--info-card .collapse-block .collapse-block__ell {
    margin-top: 0;
}

.leader-block.leader-block--info-card .collapse-block .collapse-block__ell .collapse-block__head {
    border-bottom: none;
}

.leader-block.leader-block--info-card .collapse-block .collapse-block__ell:last-child .collapse-block__head {
    border-bottom: 1px solid #EFECE9;
}

.leader-block.leader-block--info-card .br-card {
    padding: 20px 28px 10px;
}

.leader-block.leader-block--info-card .br-card .br-card__title {
    font-size: 18px;
    margin-bottom: 24px;
}

@media (max-width: 991px) {
    .leader-block .leader-block__body .leader-block__list-ell {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .leader-block {
        padding: 0 20px;
        margin-bottom: 40px;
    }
    .leader-block .leader-block__header {
        display: block;
        padding: 40px 0;
    }
    .leader-block .leader-block__header .leader-block__logo {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .leader-block .leader-block__header .leader-block__title {
        font-size: 18px;
    }
    .leader-block .leader-block__body {
        padding: 40px 0px 1px;
    }
    .leader-block .leader-block__body .leader-block__list {
        display: block;
        margin: 0;
    }
    .leader-block .leader-block__body .leader-block__list-ell {
        width: 100%;
        padding: 0;
        margin-bottom: 40px;
    }
}

.tracks-contest {
    margin-bottom: 70px;
}

.tracks-contest>h2 {
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    color: #212426;
    margin-bottom: 32px;
}

.tracks-contest__block {
    display: grid;
    /*grid-template-columns: 264px 264px 264px 264px;*/
    grid-template-columns: repeat(auto-fit, minmax(264px, 1fr));
    grid-column-gap: 28px;
    grid-row-gap: 1em;
}

.tracks-contest__item {
    height: 100%;
    background: #FFFFFF;
    border-radius: 4px;
    padding: 25px 15px 18px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tracks-contest__item p {
    margin-bottom: 0!important;
    margin-top: 15px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #212426;
}

.tracks-contest__img {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background: linear-gradient(231.71deg, #85BA5D 15.72%, #3C84B4 85.59%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.tracks-contest__img img {
    width: 44px;
    height: 44px;
    margin-bottom: 0 !important;
}

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

.leader-advantage .leader-advantage__icon {
    display: block;
    width: auto;
    height: 50px;
    margin: 0 auto 13px;
}

.leader-advantage .leader-advantage__name {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 16px;
}

.leader-advantage .leader-advantage__text {
    font-size: 16px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .leader-advantage .leader-advantage__icon {
        height: 46px;
        margin: 0 auto 15px;
    }
    .leader-advantage .leader-advantage__name {
        font-size: 18px;
        margin-bottom: 14px;
    }
    .leader-advantage .leader-advantage__name br {
        display: none;
    }
    .leader-advantage .leader-advantage__text {
        font-size: 15px;
    }
}

.leader-card {
    width: 100%;
    padding: 50px 30px 45px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 4px;
    transition: all .2s linear;
}

.leader-card .leader-card__avatar {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #90B9CB;
    border-image-slice: 1;
    overflow: hidden;
    margin: 0 auto 21px;
}

.leader-card .leader-card__avatar .leader-card__avatar-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 20;
}

.leader-card .leader-card__avatar .leader-card__avatar-deafult {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(45deg, #90B9CB, #AFD1A6);
    z-index: 10;
}

.leader-card .leader-card__avatar .leader-card__avatar-deafult img {
    width: 30px;
    height: auto;
}

.leader-card .leader-card__title {
    font-size: 18px;
    color: #212426;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 15px;
    transition: all .2s linear;
}

.leader-card .leader-card__sub-title {
    color: #212426;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0 4px;
}

.leader-card .leader-card__text {
    font-size: 16px;
    color: #212426;
    line-height: 1.35;
}

.leader-card:hover {
    box-shadow: 0px 10px 20px 0px rgba(190, 190, 191, 0.5);
}

.leader-card:hover .leader-card__title {
    color: #E44934;
}

@media (max-width: 767px) {
    .leader-card {
        padding: 40px 20px 35px;
    }
    .leader-card .leader-card__avatar {
        margin: 0 auto 20px;
    }
    .leader-card .leader-card__title {
        font-size: 18px;
        color: #212426;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: 20px;
        transition: all .2s linear;
    }
    .leader-card .leader-card__text {
        font-size: 15px;
        color: #212426;
        line-height: 1.5;
    }
}

.leader-steps .leader-steps__block {
    margin-bottom: 65px;
}

.leader-steps .leader-steps__row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 30px;
}

.leader-steps .leader-steps__ell {
    width: 20%;
}

.leader-steps .leader-steps__row.leader-steps__row--end {
    width: 100%;
    justify-content: flex-end;
}

.leader-steps .leader-steps__ell .leader-steps__body .leader-steps__num {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(45deg, #478CA7, #7BB369);
    margin-bottom: 16px;
}

.leader-steps .leader-steps__ell .leader-steps__body .leader-steps__num:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 175px;
    height: 4px;
    margin: 0 40px;
    border-radius: 4px;
    background: linear-gradient(-90deg, #478CA7, #7BB369);
    transform: translateY(-50%);
}

.leader-steps .leader-steps__ell:last-child .leader-steps__body .leader-steps__num:after {
    content: none;
}

.leader-steps .leader-steps__row.leader-steps__row--end .leader-steps__ell .leader-steps__body .leader-steps__num:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    left: auto;
    width: 235px;
    height: 4px;
    margin: 0 40px;
    border-radius: 4px;
    background: linear-gradient(-90deg, #478CA7, #7BB369);
    transform: translateY(-50%);
}

.leader-steps .leader-steps__row.leader-steps__row--end .leader-steps__ell .leader-steps__body .leader-steps__num:before {
    content: "";
    position: absolute;
    bottom: 23px;
    left: -315px;
    width: 4px;
    height: 34px;
    margin: 0 40px;
    border-radius: 4px;
    background-color: #7BB369;
}

.leader-steps .leader-steps__ell .leader-steps__body .leader-steps__num .leader-steps__num-bg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #EFECE9;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.leader-steps .leader-steps__ell .leader-steps__body .leader-steps__num .leader-steps__num-text {
    position: relative;
    color: #3C84B4;
    font-size: 16px;
    font-weight: 500;
    z-index: 20;
}

.leader-steps .leader-steps__ell .leader-steps__body .leader-steps__name {
    color: rgb(33, 36, 38);
    font-size: 16px;
    white-space: nowrap;
    line-height: 1.2;
}

@media (max-width: 1199px) {
    .leader-steps .leader-steps__block {
        width: 962px;
        margin-bottom: 60px;
    }
    .leader-steps .leader-steps__ell .leader-steps__body .leader-steps__num:after {
        width: 166px;
        margin: 0 20px;
    }
    .leader-steps .leader-steps__row.leader-steps__row--end .leader-steps__ell .leader-steps__body .leader-steps__num:after {
        width: 208px;
        margin: 0 20px;
    }
    .leader-steps .leader-steps__row.leader-steps__row--end .leader-steps__ell .leader-steps__body .leader-steps__num:before {
        content: "";
        left: -268px;
        margin: 0 40px;
    }
}

@media (max-width: 991px) {
    .leader-steps .leader-steps__block {
        width: 100%;
        margin-bottom: 50px;
    }
    .leader-steps .leader-steps__row {
        display: block;
        margin-bottom: 0;
    }
    .leader-steps .leader-steps__ell {
        width: 100%;
        margin-bottom: 20px;
    }
    .leader-steps .leader-steps__row.leader-steps__row--end {
        width: 100%;
        justify-content: flex-end;
    }
    .leader-steps .leader-steps__ell .leader-steps__body {
        display: flex;
        align-items: center;
    }
    .leader-steps .leader-steps__ell .leader-steps__body .leader-steps__num {
        margin-bottom: 0;
        margin-right: 20px;
    }
    .leader-steps .leader-steps__ell .leader-steps__body .leader-steps__num:after {
        content: none;
    }
    .leader-steps .leader-steps__ell:last-child .leader-steps__body .leader-steps__num:after {
        content: none;
    }
    .leader-steps .leader-steps__row.leader-steps__row--end .leader-steps__ell .leader-steps__body .leader-steps__num:after {
        content: none;
    }
    .leader-steps .leader-steps__row.leader-steps__row--end .leader-steps__ell .leader-steps__body .leader-steps__num:before {
        content: none;
    }
}

.offering-card {
    position: relative;
    display: block;
    width: 100%;
    padding: 58px 30px 54px;
    border-radius: 6px;
    box-shadow: 0px 6px 30px 0px rgba(167, 167, 167, 0.4);
    transition: all .2s linear;
}

.offering-card:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(255, 255, 255, .1);
    transition: all .2s linear;
    z-index: 10;
}

.offering-card:hover {
    color: #ffffff;
    box-shadow: 0px 2px 10px 0px rgba(167, 167, 167, 0.2);
}

.offering-card:hover:before {
    opacity: 1;
}

.offering-card .offering-card__icon {
    position: relative;
    width: auto;
    height: 64px;
    margin-bottom: 25px;
    z-index: 20;
}

.offering-card .offering-card__title {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    z-index: 20px;
}

.bg--blue {
    color: #ffffff;
    background-color: #1771F1;
}

.bg--grey-grad {
    color: #ffffff;
    background-image: -webkit-linear-gradient(bottom left, rgb(111, 125, 147) 0%, rgb(100, 159, 220) 100%);
    background-image: -o-linear-gradient(bottom left, rgb(111, 125, 147) 0%, rgb(100, 159, 220) 100%);
    background-image: linear-gradient(to top right, rgb(111, 125, 147) 0%, rgb(100, 159, 220) 100%);
}

@media (max-width: 767px) {
    .offering-card {
        padding: 50px 20px 40px;
    }
    .offering-card .offering-card__icon {
        height: 56px;
        margin-bottom: 20px;
    }
}

.offering-filter {
    padding: 42px 30px 40px;
    border-radius: 6px;
    background-color: #ffffff;
    margin-bottom: 45px;
}

.offering-filter .offering-filter__title {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
}

.offering-filter .chosen-container-single .chosen-single.chosen-default {
    color: #899099;
    border: 1px solid #D9DBDC;
    background-color: #ffffff;
}

.offering-filter .chosen-container-single .chosen-drop {
    border: 1px solid #D9DBDC;
    border-top: none;
}

.filter-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.filter-status .filter-status__text {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    margin-right: 15px;
    margin-bottom: 0;
}

.filter-status .filter-status__list {
    display: flex;
}

.filter-status .filter-status__ell {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 13px;
    border: 1px solid #D9DBDC;
    border-radius: 4px;
    margin-right: 15px;
    transition: all .2s linear;
    cursor: pointer;
}

.filter-status .filter-status__ell:hover,
.filter-status .filter-status__ell.active {
    border: 1px solid #E44934;
}

.filter-status__name {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 10px;
}

.filter-status .filter-status__ell:last-child {
    margin-right: 0;
}

@media (max-width: 1199px) {
    .filter-status {
        display: block;
    }
    .filter-status .filter-status__text {
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .offering-filter {
        padding: 30px 20px 30px;
        margin-bottom: 40px;
    }
    .offering-filter .offering-filter__title {
        font-size: 18px;
        margin-bottom: 16px;
    }
    .filter-status {
        display: block;
    }
    .filter-status .filter-status__text {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .filter-status .filter-status__list {
        display: block;
    }
    .filter-status .filter-status__ell {
        display: flex;
        width: 100%;
        padding: 5px 12px;
        margin-right: 0;
        margin-bottom: 8px;
    }
    .filter-status .filter-status__ell:hover,
    .filter-status .filter-status__ell.active {
        border: 1px solid #E44934;
    }
    .filter-status__name {
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        margin-left: 10px;
    }
    .filter-status .filter-status__ell:last-child {
        margin-right: 0;
    }
}

.status-dot {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.status-dot.status-dot--grey {
    background-color: #BCBDBD;
}

.status-dot.status-dot--green {
    background-color: #00CF91;
}

.status-dot.status-dot--orange {
    background-color: #FFAD32;
}

.slick-arrow:hover,
.slick-arrow:focus {
    outline: none;
}

.offering-promo {
    padding-bottom: 50px;
}

.offering-promo .offering-promo__text {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 15px;
}

.offering-slider {
    position: relative;
    width: 100%;
}

.offering-slider .slick-dots {
    position: absolute;
    left: 35px;
    bottom: 52px;
    display: flex;
}

.offering-slider .slick-dots li {
    margin-right: 18px;
}

.offering-slider .slick-dots li:last-child {
    margin-right: 0;
}

.offering-slider .slick-dots li button {
    width: 12px;
    height: 12px;
    padding: 0;
    margin: 0;
    border: none;
    font-size: 0;
    border-radius: 50%;
    background-color: #ffffff;
    opacity: .5;
    transition: all .2s linear;
}

.offering-slider .slick-dots li button:hover,
.offering-slider .slick-dots li button:focus,
.offering-slider .slick-dots li.slick-active button {
    opacity: 1;
    outline: none;
}

.offering-slider .offering-slider__control {
    position: absolute;
    right: 28px;
    bottom: 30px;
    display: flex;
}

.offering-slider .offering-slider__control .slick-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 14px;
    border: 1px solid #ffffff;
    margin-right: 16px;
    transition: all .2s linear;
    cursor: pointer;
}

.offering-slider .offering-slider__control .slick-arrow:hover {
    color: #649FDC;
    background-color: #ffffff;
}

.offering-slider .offering-slider__control .slick-arrow:last-child {
    margin-right: 0;
}

.offering-slider .offering-slider__control .slick-arrow.slide-prev i {
    display: block;
    transform: rotateZ(90deg);
}

.offering-slider .offering-slider__control .slick-arrow.slide-next i {
    display: block;
    transform: rotateZ(-90deg);
}

.offering-slide {
    position: relative;
    width: 100%;
    min-height: 420px;
    border-radius: 6px;
    overflow: hidden;
}

.offering-slide .offering-slide__image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 10;
}

.offering-slide .offering-slide__image-default {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.offering-slide .offering-slide__image-default img {
    width: 120px;
    height: auto;
    vertical-align: text-bottom;
}

.offering-slide .offering-slide__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 130px 30px 90px;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 20;
}

.offering-slide .offering-slide__tag {
    position: absolute;
    left: 30px;
    top: 50px;
    padding: 6px 12px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.offering-slide .offering-slide__caption {
    display: flex;
    align-items: center;
    color: #ffffff;
}

.offering-slide .offering-slide__caption .num-bl {
    position: relative;
}

.offering-slide .offering-slide__caption .descr {
    position: absolute;
    left: 0;
    bottom: -35px;
    font-size: 10px;
    white-space: nowrap;
    opacity: 0.85;
}

.offering-slide .offering-slide__caption .num {
    font-size: 120px;
    font-weight: 700;
    line-height: 86px;
    margin-right: 16px;
    margin-bottom: 0;
}

.offering-slide .offering-slide__caption .text {
    max-width: 415px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0;
}

.bg-blue-lig {
    background-color: #649FDC;
}

.bg-blue {
    background-color: #1771F1;
}

@media (max-width: 767px) {
    .offering-promo {
        padding-bottom: 20px;
    }
    .offering-promo .offering-promo__text {
        font-size: 16px;
        line-height: 1.3;
        margin-top: 0;
    }
    .offering-slider {
        position: relative;
        width: 100%;
    }
    .offering-slider .slick-dots {
        left: 20px;
        bottom: 30px;
    }
    .offering-slider .slick-dots li {
        margin-right: 12px;
    }
    .offering-slider .offering-slider__control {
        display: none;
    }
    .offering-slide {
        min-height: 420px;
    }
    .offering-slide .offering-slide__content {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        padding: 100px 20px 60px;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 20;
    }
    .offering-slide .offering-slide__tag {
        left: 20px;
        top: 20px;
        padding: 4px 10px;
        font-size: 12px;
    }
    .offering-slide .offering-slide__caption {
        display: block;
    }
    .offering-slide .offering-slide__caption .num {
        font-size: 90px;
        line-height: 70px;
        margin-right: 0;
        margin-bottom: 12px;
    }
    .offering-slide .offering-slide__caption .text {
        font-size: 14px;
    }
}

.bg-white {
    background-color: #ffffff;
}

.bg-grey {
    background-color: #EFECE9;
}


/* offering-section */

.offering-section {
    padding: 58px 0 40px;
}

.offering-section .offering-section__title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 42px;
}

.offering-section .offering-section__cn {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.offering-section .offering-section__cn .btn {
    margin-right: 38px;
    margin-bottom: 0;
}

.offering-section .offering-section__cn .offering-section__tm {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.offering-section .offering-section__cn .offering-section__tm i {
    margin-right: 12px;
    color: #FF472F;
}

.offering-timer .offering-timer__text {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 32px;
    margin-bottom: 28px;
}

.offering-timer .offering-count {
    margin-bottom: 27px;
}

.offering-timer .offering-count .countdown-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    color: inherit;
}

.offering-timer .offering-count .countdown-row .countdown-section {
    position: relative;
    margin-right: 140px;
}

.offering-timer .offering-count .countdown-row .countdown-section:first-child:after {
    content: "";
    position: absolute;
    top: -10px;
    right: -65px;
    width: 2px;
    height: 126px;
    background-color: #ACB5C3;
    transform: rotateZ(18deg);
}

.offering-timer .offering-count .countdown-row .countdown-section:nth-child(2):after {
    content: ":";
    position: absolute;
    top: 28px;
    right: -72px;
    color: #ACB5C3;
    font-size: 26px;
}

.offering-timer .offering-count .countdown-row .countdown-section .countdown-amount {
    font-size: 120px;
    font-weight: 700;
    line-height: 86px;
    margin-bottom: 20px;
}

.offering-timer .offering-count .countdown-row .countdown-section .countdown-period {
    color: #ACB5C3;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: 0.1em;
    margin-bottom: 0;
}

.offering-all {
    padding: 33px 28px 50px;
    border-radius: 6px;
    box-shadow: 0px 12px 20px 0px rgba(167, 167, 167, 0.4);
}

.offering-all .offering-all__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 19px;
}

.offering-all .offering-all__num {
    display: block;
    font-size: 72px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 54px;
    margin-bottom: 30px;
}

.offering-all .offering-all__btn {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 20px 18px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, .5);
}

.offering-all .offering-all__btn:hover {
    color: rgb(100, 159, 220);
    background-color: #ffffff;
    border: 1px solid #ffffff;
    box-shadow: 0px 10px 20px 0px rgba(100, 159, 220, 0.3);
}

@media (max-width: 1199px) {
    .offering-timer .offering-count .countdown-row .countdown-section {
        position: relative;
        margin-right: 100px;
    }
    .offering-timer .offering-count .countdown-row .countdown-section:first-child:after {
        top: 0px;
        right: -50px;
        width: 2px;
        height: 80px;
    }
    .offering-timer .offering-count .countdown-row .countdown-section:nth-child(2):after {
        top: 20px;
        right: -58px;
        font-size: 26px;
    }
    .offering-timer .offering-count .countdown-row .countdown-section .countdown-amount {
        display: block;
        font-size: 100px;
        line-height: 70px;
        margin-bottom: 15px;
    }
    .offering-timer .offering-count .countdown-row .countdown-section .countdown-period {
        display: block;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .offering-section {
        padding: 40px 0 40px;
    }
    .offering-section .offering-section__title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .offering-timer .offering-timer__text {
        font-size: 16px;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .offering-timer .offering-count .countdown-row .countdown-section {
        position: relative;
        display: block;
        margin-right: 45px;
    }
    .offering-timer .offering-count .countdown-row .countdown-section:last-child {
        margin-right: 0;
    }
    .offering-timer .offering-count .countdown-row .countdown-section:first-child:after {
        top: 13px;
        right: -25px;
        width: 2px;
        height: 50px;
    }
    .offering-timer .offering-count .countdown-row .countdown-section:nth-child(2):after {
        top: 20px;
        right: -30px;
        font-size: 26px;
    }
    .offering-timer .offering-count .countdown-row .countdown-section .countdown-amount {
        display: block;
        width: auto;
        padding: 0;
        font-size: 60px;
        line-height: 70px;
        margin-right: 0;
        margin-bottom: 5px;
    }
    .offering-timer .offering-count .countdown-row .countdown-section .countdown-period {
        display: block;
        width: auto;
        font-size: 14px;
    }
    .offering-all {
        padding: 30px 20px 40px;
    }
    .offering-section .offering-section__cn {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .offering-section .offering-section__cn .btn {
        margin-right: 0;
        margin-bottom: 0;
    }
    .offering-section .offering-section__cn .offering-section__tm {
        margin-bottom: 15px;
    }
}

.offering-category .offering-category__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.offering-category .offering-category__header .offering-section__title {
    margin-bottom: 0;
}

.offering-category .offering-category__header .offering-category__control {
    display: flex;
    align-items: center;
}

.offering-category .offering-category__header .offering-category__control .slick-arrows {
    display: flex;
}

.offering-category .offering-category__header .offering-category__control .slick-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    color: #CED5DE;
    font-size: 14px;
    border: 1px solid #C7CDD6;
    margin-right: 16px;
    transition: all .2s linear;
    cursor: pointer;
}

.offering-category .offering-category__header .offering-category__control .slick-arrow.slick-disabled,
.offering-category .offering-category__header .offering-category__control .slick-arrow.slick-disabled:hover {
    color: #CED5DE !important;
    background-color: rgba(255, 255, 255, 0) !important;
    opacity: 0.5;
    cursor: default;
}

.offering-category .offering-category__header .offering-category__control .slick-arrow:last-child {
    margin-right: 0;
}

.offering-category .offering-category__header .offering-category__control .slick-arrow.slide-prev i {
    display: block;
    transform: rotateZ(90deg);
}

.offering-category .offering-category__header .offering-category__control .slick-arrow.slide-next i {
    display: block;
    transform: rotateZ(-90deg);
}

.offering-category .offering-category__header .offering-category__control .slick-count {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: rgb(127, 145, 169);
    line-height: 1.2;
    margin-right: 25px;
}

.offering-category .offering-category__header .offering-category__control .slick-count .dec {
    padding: 0 8px;
}

.offering-category .offering-category__header .offering-category__control .slick-count .cur {
    font-size: 24px;
    color: rgb(33, 36, 38);
    line-height: 1.2;
}

.offering-category .category-all-btn {
    position: relative;
    margin: 0 auto;
    color: #ffffff;
}

.offering-category .category-all-btn .text {
    position: relative;
    z-index: 20;
}

.offering-category .category-all-btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(255, 255, 255, .1);
    transition: all .2s linear;
    z-index: 10;
}

.offering-category .category-all-btn:hover:before {
    opacity: 1;
}

.offering-category .offering-category__slider {
    margin: 0 -15px 40px;
}

.offering-category .offering-category__slider .slick-track {
    display: flex;
}

.offering-category .offering-category__slider .slick-slider__ell {
    display: flex;
    height: auto;
    padding: 0 15px;
}

.offering-category .offering-category__slider .slick-slider__ell:focus {
    outline: none;
}

.offering-category-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 36px 28px 48px;
    border-radius: 6px;
    border: 1px solid #C5CBD4;
    background: #FFFFFF;
}

.offering-category-card .offering-category-card__content {
    margin-bottom: 30px;
}

.offering-category-card .offering-category-card__text {
    font-size: 16px;
    color: rgb(33, 36, 38);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 16px;
}

.offering-category-card .offering-category-card__tag {
    display: inline-block;
    padding: 6px 20px;
    color: #bfbfbf;
    font-size: 14px;
    font-weight: 700;
    border-radius: 14px;
    background-color: #F7F5F4;
    margin-bottom: 0;
}

.offering-category-card .offering-category-card__btn-block .btn {
    margin-bottom: 20px;
}

.offering-category-card .offering-category-card__btn {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 20px 18px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .offering-category .offering-category__header {
        display: block;
        margin-bottom: 20px;
    }
    .offering-category .offering-category__header .offering-section__title {
        margin-bottom: 20px;
    }
    .offering-category .offering-category__header .offering-category__control {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .offering-category .offering-category__header .offering-category__control .slick-arrow {
        width: 46px;
        height: 46px;
        font-size: 12px;
        margin-right: 10px;
    }
    .offering-category-card {
        padding: 30px 20px 40px;
    }
}


/* offering-section colors */

.offering--blue .offering-timer .offering-count .countdown-row {
    color: #1771f1;
}

.offering--blue .offering-all {
    color: #ffffff;
    background-color: #1771F1;
}

.offering--blue .offering-category__header .offering-category__control .slick-arrow:hover {
    color: #ffffff;
    background-color: #1771F1;
}

.offering--blue .offering-category-card .offering-category-card__tag.tag--active {
    color: #1771f1;
}

.offering--blue .category-all-btn {
    background-color: #1771F1;
}

.offering--blue .offering-category-card .offering-category-card__btn {
    color: #1771f1;
    border: 1px solid #A7C9FA;
}

.offering--blue .offering-category-card .offering-category-card__btn:hover {
    color: #ffffff;
    background-color: #1771f1;
    border: 1px solid #1771f1;
}

.offering--blue-grad .offering-timer .offering-count .countdown-row {
    color: #649fdc;
}

.offering--blue-grad .offering-all {
    color: #ffffff;
    background: linear-gradient(45deg, #6F7E93, #649FDC);
}

.offering--blue-grad .offering-category__header .offering-category__control .slick-arrow:hover {
    color: #ffffff;
    background-color: #649FDC;
}

.offering--blue-grad .offering-category-card .offering-category-card__tag.tag--active {
    color: #649fdc;
}

.offering--blue-grad .category-all-btn {
    background: linear-gradient(90deg, #6F7D93, #64A0DC);
}

.offering--blue-grad .offering-category-card .offering-category-card__btn {
    color: #649fdc;
    border: 1px solid #A6C8F9;
}

.offering--blue-grad .offering-category-card .offering-category-card__btn:hover {
    color: #ffffff;
    background-color: #649fdc;
    border: 1px solid #649fdc;
}

.offering--blue-grad .btn.btn-offering {
    background: linear-gradient(90deg, #6F7D93, #64A0DC);
}


/* no-faund-card */

.no-faund-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 410px);
}

.no-faund-card {
    display: inline-block;
    padding: 36px 38px 40px;
    background-color: #ffffff;
    border-radius: 4px;
}

.no-faund-card .no-faund-card-title {
    font-size: 28px;
    margin-bottom: 36px;
}

.no-faund-card .btn {
    margin: 0 auto;
}

@media (max-width: 767px) {
    .no-faund-card {
        padding: 20px 20px 30px;
    }
    .no-faund-card .no-faund-card-title {
        font-size: 20px;
        margin-bottom: 30px;
    }
}

.idea-block-wrap {
    display: block;
    width: 280px;
    height: 280px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.idea-block__img-ell-default {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.idea-block_img-ell-img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90px;
    height: auto;
    vertical-align: text-bottom;
    transform: translate(-50%, -50%);
}


/* lk-response */

.response-filter {
    padding: 22px 20px 10px;
    border-radius: 4px;
    background-color: #ffffff;
    margin-bottom: 20px;
}

.response-filter .base-form .faild-wrap {
    margin-bottom: 20px;
}

.response-filter .chosen-container-single .chosen-single.chosen-default {
    color: #212426;
    padding: 21px 40px 21px 16px;
    background-color: #ffffff;
    border: 1px solid #D9DBDC;
    border-radius: 4px;
}

.response-filter .chosen-container-single .chosen-single div b {
    color: #D8B08C;
}

.faild-date-range {
    display: flex;
    margin-bottom: 20px;
}

.faild-date-range ::-webkit-input-placeholder,
.faild-date-range ::-moz-placeholder,
.faild-date-range :-moz-placeholder,
.faild-date-range :-ms-input-placeholder {
    color: #212426;
    opacity: 1;
}

.faild-date-range .input-date {
    position: relative;
    width: 50%;
}

.faild-date-range .input-date .input__field {
    float: none;
    width: 100%;
    padding: 20px 40px 20px 16px;
    color: #212426;
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
    background-color: #ffffff;
    border: 1px solid #D9DBDC;
    border-radius: 4px;
}

.faild-date-range .input-date:first-child .input__field {
    border-radius: 4px 0 0 4px;
    border-right: none;
}

.faild-date-range .input-date:last-child .input__field {
    border-radius: 0 4px 4px 0;
}

.faild-date-range .input-date .icon-calendar {
    position: absolute;
    top: 50%;
    right: 16px;
    color: #D8B08C;
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .faild-date-range .input-date .input__field {
        font-size: 14px;
    }
}

@media (max-width: 459px) {
    .faild-date-range {
        display: block;
        margin-bottom: 20px;
    }
    .faild-date-range .input-date {
        width: 100%;
    }
    .faild-date-range .input-date .input__field {
        width: 100%;
        margin-bottom: 10px;
    }
    .faild-date-range .input-date:first-child .input__field {
        border-radius: 4px;
        border-right: 1px solid #D9DBDC;
    }
    .faild-date-range .input-date:last-child .input__field {
        border-radius: 4px;
    }
}

.response-card {
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 10px;
}

.response-card .response-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px 10px;
}

.response-card .response-card__date {
    font-size: 16px;
}

.response-card .response-card__date .text {
    color: rgb(152, 152, 152);
}

.response-card .response-card__info {
    display: flex;
    align-items: center;
}

.response-card .response-card__status {
    display: flex;
    align-items: center;
    padding: 7px 8px 7px 12px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    background-color: #EBEBED;
    border-radius: 14px;
    margin-right: 20px;
}

.response-card .response-card__status .dot {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 8px;
}

.response-card .response-card__contr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 20px 24px;
}

.response-card .response-card__btn-ctr {
    display: flex;
}

.response-card .response-card__btn-ctr .btn {
    width: 120px;
    height: auto;
    padding: 13px 10px;
    margin-left: 10px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1;
}

.response-card .response-card__btn-ctr .btn.btn-border {
    padding: 12px 10px;
}

.response-card .response-card__body {
    display: flex;
    align-items: center;
}

.response-card .response-card__icon {
    width: 54px;
    height: auto;
    margin-right: 15px;
}

.response-card .response-card__title .name {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 8px;
}

.response-card .response-card__title .sub {
    color: #989898;
    font-size: 16px;
}

.response-card .response-card__foot {
    border-top: 1px solid #E0E0E4;
}

.response-card .response-card__foot .ca-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 20px;
    transition: all .2s linear;
}

.response-card .response-card__accordion {
    color: rgb(33, 36, 38);
    font-size: 16px;
}

.response-card .response-card__accordion i {
    display: inline-block;
    color: #C99B71;
    font-size: 12px;
    margin-left: 7px;
    transition: all .2s linear;
}

.response-card .response-card__score {
    color: rgb(152, 152, 152);
    font-size: 16px;
}

.response-card .response-card__score .range {
    font-size: 18px;
    margin-left: 15px;
}

.response-card .response-card__score .score {
    color: #009688;
    font-weight: 500;
}

.response-card .response-card__foot .ca-expanded .ca-control {
    background-color: #F9F8F7;
}

.response-card .ca-expanded .response-card__accordion i {
    transform: rotateX(180deg);
}

.response-card .response-card__results {
    padding: 36px 20px 20px;
}

.response-card .response-card__results .response-card__results-title {
    color: rgb(152, 152, 152);
    font-size: 16px;
    margin-bottom: 14px;
}

.response-card .response-card__btn {
    display: flex;
}

.response-card .response-card__btn .btn {
    width: 100%;
    max-width: 33.333%;
    margin-right: 15px;
    margin-bottom: 20px;
    font-size: 14px;
}

.response-card .response-card__btn .btn:last-child {
    margin-right: 0;
}

.response-card .response-card__scroll {
    margin-bottom: 20px;
}

.evaluation-bl {
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
}

.evaluation-bl .evaluation-bl__ell {
    width: 100%;
    padding: 16px 10px 18px;
    text-align: center;
    border-right: 1px solid #E0E0E4;
}

.evaluation-bl .evaluation-bl__ell:last-child {
    border-right: none;
}

.evaluation-bl .evaluation-bl__title {
    color: rgb(33, 36, 38);
    font-size: 14px;
    line-height: 1.286;
    margin-bottom: 20px;
}

.evaluation-bl .evaluation-bl__range {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 20px;
    color: #989898;
    font-size: 14px;
}

.evaluation-bl .evaluation-bl__range .score {
    color: #009688;
    font-size: 24px;
    font-weight: 800;
    margin-right: 4px;
    margin-top: -5px;
}

.evaluation-bl .evaluation-bl__range .dash {
    display: block;
    width: 18px;
    height: 3px;
    margin: 0 auto;
    background-color: #009688;
}

.status-bl {
    display: flex;
    justify-content: space-between;
    margin: 0 -10px 16px;
}

.status-bl .status-bl__ell {
    width: 100%;
    padding: 0 10px;
}

.status-bl .status-bl__ell .status-bl__status {
    width: 100%;
    height: 5px;
    border-radius: 4px;
    background-color: #F1F1F4;
    margin-bottom: 10px;
}

.status-bl .status-bl__ell .status-bl__title {
    color: rgb(174, 174, 174);
    font-size: 14px;
}

.status-bl .status-bl__ell.finished .status-bl__status {
    background-color: #009688;
}

.status-bl .status-bl__ell.finished .status-bl__title {
    color: #009688;
}

.status-bl .status-bl__ell.active .status-bl__status {
    background-color: #E44934;
}

.status-bl .status-bl__ell.active .status-bl__title {
    color: #e44934;
}

@media (max-width: 1199px) {
    .response-card .response-card__contr {
        display: block;
    }
    .response-card .response-card__btn-ctr {
        display: flex;
        margin-top: 20px;
        margin-left: 58px;
    }
}

@media (max-width: 1024px) {
    .response-card .response-card__scroll {
        width: 100%;
        overflow: auto;
        margin-bottom: 20px;
    }
    .evaluation-bl .evaluation-bl__ell {
        min-width: 28.5%;
    }
    .status-bl {
        margin: 0 0 16px;
    }
    .status-bl .status-bl__ell {
        min-width: calc(28.5% - 20px);
        padding: 0;
        margin-right: 20px;
    }
    .status-bl .status-bl__ell:first-child {
        min-width: calc(28.5% - 10px);
    }
    .status-bl .status-bl__ell:last-child {
        min-width: calc(28.5% - 10px);
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .response-card {
        background-color: #ffffff;
        border-radius: 4px;
        margin-bottom: 10px;
    }
    .response-card .response-card__head {
        display: block;
        padding: 18px 20px 20px;
    }
    .response-card .response-card__date {
        margin-bottom: 6px;
    }
    .response-card .response-card__info {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .response-card .response-card__status {
        margin-right: 0;
    }
    .response-card .response-card__contr {
        display: block;
        align-items: center;
        padding: 2px 20px 24px;
    }
    .response-card .response-card__btn-ctr {
        display: block;
        margin-top: 0;
        margin-left: 0;
    }
    .response-card .response-card__btn-ctr .btn {
        width: 100%;
        max-width: 100%;
        height: auto;
        padding: 12px 10px;
        margin-left: 0px;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1;
    }
    .response-card .response-card__body {
        display: block;
        margin-bottom: 20px;
    }
    .response-card .response-card__icon {
        width: 54px;
        height: auto;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .response-card .response-card__title .name {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .response-card .response-card__title .sub {
        color: #989898;
        font-size: 14px;
    }
    .response-card .response-card__foot {
        border-top: 1px solid #E0E0E4;
    }
    .response-card .response-card__foot .ca-control {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-start;
        ;
    }
    .response-card .response-card__score {
        color: rgb(152, 152, 152);
        font-size: 14px;
        margin-bottom: 8px;
    }
    .response-card .response-card__score .range {
        font-size: 16px;
        margin-left: 10px;
    }
    .response-card .response-card__results {
        padding: 30px 20px 10px;
    }
    .response-card .response-card__results .response-card__results-title {
        margin-bottom: 10px;
    }
    .response-card .response-card__btn {
        display: block;
    }
    .response-card .response-card__btn .btn {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

@media (max-width: 560px) {
    .response-card .response-card__scroll {
        width: 100%;
        overflow: auto;
        margin-bottom: 20px;
    }
    .evaluation-bl .evaluation-bl__ell {
        min-width: 66%;
    }
    .status-bl {
        margin: 0 0 16px;
    }
    .status-bl .status-bl__ell {
        min-width: calc(66% - 20px);
        padding: 0;
        margin-right: 20px;
    }
    .status-bl .status-bl__ell:first-child {
        min-width: calc(66% - 10px);
    }
    .status-bl .status-bl__ell:last-child {
        min-width: calc(66% - 10px);
        margin-right: 0;
    }
}


/* select 2 */

.base-form .response-filter .faild-wrap {
    margin-bottom: 20px;
}

.select2-container--krajee .select2-selection--single {
    height: auto;
    padding: 18px 56px 18px 16px;
    color: #212426;
    font-size: 16px;
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #D9DBDC;
    border-radius: 4px;
    outline: 0;
}

.select2-container--krajee .select2-selection--single .select2-selection__rendered {
    color: #212426;
}

.select2-container--krajee .select2-selection:focus,
.select2-container--krajee.select2-container--open .select2-selection {
    outline: none;
    box-shadow: none;
    border: 1px solid #D9DBDC;
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    height: auto;
    border: none;
    border-left: none;
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow b {
    position: static;
    display: block;
    width: auto;
    height: auto;
    transition: all .2s linear;
    color: #D8B08C;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    margin-left: 0;
    margin-top: 0;
    border: none;
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow b:before {
    content: "\e915";
}

.select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border: none;
    transform: rotateX(180deg);
}

.select2-container--krajee .select2-selection--single .select2-selection__clear {
    position: absolute;
    right: 40px;
    top: 15px;
}

.select2-container--krajee .select2-dropdown {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border-color: #D9DBDC;
    overflow-x: hidden;
    margin-top: -1px;
}

.select2-container--krajee .select2-results__option[aria-selected] {
    padding: 17px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1em;
    color: #212426;
    border-top: 1px solid #F4F6FA;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.select2-container--krajee .select2-results__option--highlighted[aria-selected] {
    background: none;
    background-color: #D8B08C;
    color: #ffffff;
}

.select2-container--krajee .select2-results__option[aria-selected=true] {
    background-color: #ffffff !important;
    color: #989898 !important;
    cursor: default;
}

.response-contr .nav-tabs {
    margin-bottom: 20px;
}

.response-contr .btn {
    margin-bottom: 20px;
    max-width: 100%;
}


/*html/framework/modules/questionary/widgets/views/question/_my-modals.php*/

.modal-response__row {
    width: 100%;
    margin-bottom: 20px;
}

.modal-response__label {
    color: #212426;
    line-height: 14px;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 7px;
}

.modal-response .modal-dialog {
    width: 754px;
    max-width: 100%;
}

.modal-response .modal-dialog .modal-header {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 45px;
    padding-bottom: 50px;
    background-color: #efece9;
}

.modal-response .modal-dialog .modal-title {
    color: #2d2e2f;
    font-size: 36px;
    font-weight: 700;
    line-height: 25px;
}

.modal-response .modal-dialog .modal-body {
    padding-top: 35px;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
}

.modal-response__bold {
    color: #212426;
    font-size: 18px;
    font-weight: 700;
    line-height: 17px;
    margin-bottom: 17px;
}

.modal-response__gray {
    font-size: 16px;
    line-height: 16px;
    color: #757575;
    margin-bottom: 35px;
}

.modal-response .close {
    margin-top: 4px;
    font-size: 16px;
}

.modal-response__footer {
    display: flex;
    align-items: center;
    margin-top: 25px;
}

.modal-response__footer .btn {
    margin-bottom: 0;
    width: 220px;
}

.modal-response__footer .btn.edit-send {
    width: 240px;
}

.modal-response__footer .btn:not(:last-child) {
    margin-right: 25px;
}

.modal-response .chosen-container-single .chosen-single {
    padding-top: 24px;
    padding-bottom: 24px;
    width: 100%;
    letter-spacing: 0.4px;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.modal-response .chosen-container-single .chosen-single div b:before {
    content: '';
    border: 6px solid transparent;
    border-top: 6px solid #989898;
    position: relative;
    top: 10px;
}

.fallout {
    margin-top: 30px;
    transition: margin-top ease-in-out 0.3s;
}

.fallout__header {
    color: #e44934;
    font-size: 18px;
    line-height: 20px;
    border-bottom: 1px solid #e44934;
    display: inline-block;
    cursor: pointer;
}

.fallout__text {
    padding-top: 17px;
    max-height: 17px;
    overflow: hidden;
    transition: all ease-in-out 0.3s;
    color: #989898;
    line-height: 21px;
    font-size: 15px;
}

.fallout.active .fallout__text {
    padding-top: 8px;
    max-height: 600px;
}

.fallout.active .fallout__header {
    border-color: transparent;
}

.drop-elem.active+.fallout {
    margin-top: 15px;
}


/* select 2 */

.base-form .response-filter .faild-wrap {
    margin-bottom: 20px;
}

.drop-elem__header {
    border-radius: 2px;
    border: 1px solid #e8e9ea;
    width: 100%;
    display: flex;
    align-items: stretch;
}

.drop-elem__text {
    width: calc(100% - 66px);
    min-height: 64px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 20px;
    padding-right: 30px;
    display: flex;
    align-items: center;
}

.drop-elem__icon {
    border-left: 1px solid #e8e9ea;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    min-height: 64px;
}

.drop-elem.active .drop-elem__line:last-child {
    opacity: 0;
}

.drop-elem__content {
    max-height: 0px;
    overflow: hidden;
    transition: all ease-in-out 0.3s;
}

.drop-elem__content textarea {
    outline: none;
    padding: 20px;
    border-left: 1px solid #e8e9ea;
    border-right: 1px solid #e8e9ea;
    border-bottom: 1px solid #e8e9ea;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    width: 100%;
    height: 130px !important;
}

.drop-elem.active .drop-elem__content {
    max-height: 400px;
}

.drop-elem__line {
    width: 18px;
    height: 2px;
    background-color: #e44934;
    transition: all ease-in-out 0.3s;
}

.drop-elem__line:last-child {
    transform: rotate(90deg);
    margin-left: -18px;
}

.thanks {
    padding-top: 15px;
    display: flex;
    align-items: center;
}

.thanks__bold {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #2d2e2f;
}

.thanks__icon {
    display: flex;
    align-items: center;
    margin-right: 30px;
}

@media (max-width: 767px) {
    .modal-response .modal-dialog .modal-header {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .modal-response .modal-dialog .modal-title {
        font-size: 24px;
        line-height: 24px;
    }
    .modal-response .modal-dialog .modal-body {
        padding-top: 20px;
        padding-bottom: 30px;
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 500px) {
    .modal-response__footer {
        flex-wrap: wrap;
        margin-top: 10px;
    }
    .modal-response__footer .btn {
        margin-top: 10px;
        width: 100%;
        margin-left: 0;
        max-width: 100%;
    }
    .modal-response__footer .btn:not(:last-child) {
        margin-right: 0;
    }
    .fallout__header {
        font-size: 13px;
    }
    .drop-elem__text {
        font-size: 14px;
    }
    .drop-elem__text {
        padding-left: 10px;
        padding-right: 10px;
    }
    .thanks {
        flex-wrap: wrap;
    }
    .thanks__icon {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    .thanks__bold {
        text-align: center;
    }
}

.job-header {
    position: relative;
    height: 340px;
}

.job-header::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: #d8b08c linear-gradient(to right, rgba(152, 107, 77, 0.4) 0%, rgba(227, 213, 200, 0.4) 100%);
}

.job-header__inner {
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url('./../img/job-header-bg.png') no-repeat center right;
}

.job-header__logo img {
    max-width: 100%;
}

.job-header__heading {
    display: flex;
    padding: 20px 35px;
}

@media(max-width: 767px) {
    .job-header__heading {
        padding: 15px 15px;
        flex-direction: column;
    }
}

.job-header__logo {
    height: 146px;
    width: auto;
}

.job-header__logo img {
    height: 100%;
    width: auto;
}

.job-header__caption {
    display: flex;
    flex-direction: column;
    margin: 20px 0 0 80px;
    width: calc(100% - 240px);
}

.job-header__title {
    font-weight: 700;
    font-size: 32px;
    color: #fff;
    letter-spacing: 0.42px;
    text-shadow: 0 0 48px rgba(152, 107, 77, 0.15);
    text-transform: uppercase;
}

.job-header__subtitle {
    font-size: 28px;
    color: #d6c4b8;
    letter-spacing: 0.42px;
    text-shadow: 0 0 48px rgba(152, 107, 77, 0.15);
}

.job-header__nav {
    margin-top: auto;
}

.job-header__nav {
    background-color: transparent !important;
}

.job-header__nav .nav-item.active a,
.job-header__nav .nav-item a:hover {
    background-color: transparent !important;
    color: #fff !important;
    opacity: 1;
}

.job-header .nav-tabs li a {
    background-color: transparent !important;
    color: #fff !important;
    opacity: 0.8;
}

@media(max-width: 1200px) {
    .job-header {
        position: relative;
        height: auto;
    }
    .job-header__inner {
        background: none !important;
    }
    .job-header__title {
        font-size: 27px;
    }
    .job-header__subtitle {
        color: #fafafa;
    }
    .job-header__caption {
        margin-left: 20px;
        margin-top: 0;
    }
}

@media(max-width: 768px) {
    .job-header__caption {
        width: 100%;
        margin-left: 0px;
        text-align: center;
    }
    .job-header__title {
        font-size: 18px;
        margin-top: 10px;
    }
    .job-header__subtitle {
        font-size: 16px;
    }
    .job-header__logo {
        max-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.job-footer {
    position: relative;
    border-radius: 0 0 4px 4px;
    background-color: #d8b08c;
}

.job-footer__inner {
    position: relative;
    padding: 10px 28px;
    z-index: 1;
    display: flex;
    align-items: center;
    background: url('./../img/job-footer-bg.png') no-repeat center right;
}

.job-footer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(152, 107, 77, 0.4) 30%, rgba(227, 213, 200, 0.4) 100%);
}

.job-footer__logo {
    margin-right: 10px;
}

.job-footer__caption {
    display: flex;
    flex-direction: column;
    color: #fff;
}

.job-footer__title {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.job-footer__subtitle {
    font-size: 14px;
    color: #d8b08c;
}


/* NEW LK */

.page-lk h1 {
    margin-bottom: 25px;
}

.page-lk-top-panel {
    width: 100%;
    background: #f4f2f0;
    border-bottom: 1px solid #e0e0e4;
}

.page-lk-top-panel-nav {}

.page-lk-top-panel-nav ul {
    display: flex;
    list-style: none;
    padding: 0px;
    margin: 0px;
    overflow: auto;
    padding: 20px 20px;
    width: calc(100% + 20px);
    margin-left: -20px;
}

.page-lk-top-panel-nav ul li {
    margin-right: 17px;
}

.page-lk-top-panel-nav ul li:last-child {
    margin-right: 0px;
}

.page-lk-top-panel-nav ul li a {
    display: block;
    width: auto;
    height: 55px;
    padding: 0px 24px;
    background: #fff;
    border-radius: 4px;
    font-size: 18px;
    color: #212426;
    font-weight: 500;
    border: 1px solid #fff;
    white-space: nowrap;
    min-width: 176px;
}

.page-lk-top-panel-nav ul li a.active,
.page-lk-top-panel-nav ul li a:hover {
    border: 1px solid #d9dbdc;
    color: #986b4d;
    background: #f9f8f7;
    box-shadow: 0px 0px 15px 0px rgba(152, 107, 77, 0.12);
}

.page-lk-top-panel-nav ul li a span {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.page-lk .file-load .file-load__cont .file-load__load {
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

.page-lk .faild-wrap,
.page-lk .form-group {
    margin-bottom: 20px !important;
}

.lk-data-tab .faild-wrap .input__st {
    background: #fff !important;
    border: 0px !important;
}

.lk-sidebar-nav {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 30px;
}

.lk-sidebar-exit {
    display: flex;
    flex-direction: column;
    padding-left: 70px;
    padding-right: 70px;
    background-color: #f9f8f7;
    padding-top: 30px;
    padding-bottom: 30px;
    background-image: url("../img/lk-sidebar-nav.png");
    background-repeat: no-repeat;
    background-position: right -15px bottom -50px;
}

.lk-sidebar-exit__name {
    font-size: 24px;
    color: #212426;
    font-weight: 700;
    margin-bottom: 15px;
}

.lk-sidebar-exit__btn-exit {
    display: flex;
    align-items: center;
}

.lk-sidebar-exit__btn-exit img {
    margin-right: 13px;
}

.lk-sidebar-exit__btn-exit span {
    font-size: 16px;
    color: #989898;
    padding-bottom: 2px;
    border-bottom: 1px solid #a6a5a5;
}

.lk-sidebar-exit__btn-exit:hover span {
    border-color: rgba(166, 165, 165, 0);
}

.lk-sidebar-nav-list li {
    padding-left: 70px;
    border-top: 1px solid #e0e0e4;
}

.lk-sidebar-nav-list li a.active {
    color: #98694c;
}

.lk-sidebar-nav-list li.parent.active ul {
    display: block;
}

.lk-sidebar-nav-list li.parent a {
    position: relative;
}

.lk-sidebar-nav-list li.parent>a:before {
    content: '';
    width: 10px;
    height: 10px;
    background: url(../img/lk-sidebar-nav-list.png) no-repeat center;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -5px;
    transition: 0.3s;
}

.lk-sidebar-nav-list li.parent.active>a:before {
    transform: rotate(180deg);
}

.lk-sidebar-nav-list li>a {
    padding: 25px 0px;
    display: block;
}

.lk-sidebar-nav-list a {
    font-size: 18px;
    color: #212426;
    font-weight: 500;
}

.lk-sidebar-nav-list li ul {
    display: none;
}

.lk-sidebar-nav-list li ul li {
    padding-left: 20px;
}

.lk-sidebar-nav-list li ul li a {
    padding: 10px 0px;
}

.lk-sidebar-question {
    padding: 85px 75px;
    margin-bottom: 30px;
    border-radius: 4px;
    background: #fff;
    position: relative;
}

.lk-sidebar-question:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    z-index: 1;
    border: 40px solid #fff;
    background: #f9f8f7;
}

.lk-sidebar-question:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 2;
    background-image: url(../img/lk-sidebar-question.png);
    background-position: top 19px right 17px;
    background-repeat: no-repeat;
}

.lk-sidebar-question__title {
    position: relative;
    z-index: 1;
    font-size: 24px;
    color: #2e3031;
    font-weight: 700;
    margin-bottom: 25px;
    z-index: 3;
}

.lk-sidebar-question__text {
    position: relative;
    z-index: 1;
    font-size: 18px;
    color: #2e3031;
    line-height: 28px;
    z-index: 3;
}

.lk-sidebar-question__text a {
    color: #986b4d;
}

.lk-sidebar-question__text a:hover {
    text-decoration: underline;
}

.lk-mydata {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 30px;
}

.lk-mydata-header {
    padding: 20px 25px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lk-mydata-header__logo {
    width: 90px;
    height: 90px;
    border-radius: 90px;
    background-color: #f3f4f6;
    background-image: url('../img/add-user-photo-lk.png');
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    cursor: pointer;
}

.lk-mydata-header__logo input {
    display: none;
}

.lk-mydata-header-info {
    padding-left: 50px;
    padding-right: 50px;
    width: calc(100% - 145px);
}

.lk-mydata-header-info__name {
    font-size: 24px;
    font-weight: 700;
    color: #212426;
    margin-bottom: 15px;
}

.lk-mydata-header-info__years {
    font-size: 16px;
    font-weight: 400;
    color: #989898;
    line-height: 20px;
}

.lk-mydata-header__edit {
    width: 55px;
    height: 55px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9f8f7;
}

.lk-mydata .nox-group {
    background: #f9f8f7;
}

.lk-mydata .nox-group .lk-mydata-form-inp {
    width: 100%;
}

.lk-mydata .nox-group label {
    padding-left: 0px;
}

.lk-mydata .nox-group .lk-mydata-form-inp label {}

@media (max-width: 767px) {
    .lk-sidebar {
        margin-top: 40px;
    }
    .lk-mydata-header {
        flex-direction: column;
        justify-content: center;
    }
    .lk-mydata-header__logo {
        margin-bottom: 20px;
    }
    .lk-mydata-header-info {
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        text-align: center;
    }
    .lk-mydata-header__edit {
        display: none;
    }
}

.lk-mydata-form {
    background: #f9f8f7;
    padding: 40px 28px;
    padding-top: 40px;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lk-mydata-form-inp {
    width: 48%;
    margin-bottom: 15px;
}

.lk-mydata-form-inp label {
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #212426;
    margin-bottom: 10px;
    padding-left: 20px;
}

.lk-mydata-form-inp input[type=text] {
    width: 100%;
    height: 60px;
    border-radius: 4px;
    border: 0px;
    padding-left: 20px;
    padding-right: 20px;
    outline: none;
    color: #989898;
    font-size: 16px;
}

.lk-mydata-form-inp .error {
    font-size: 12px;
    color: red;
    margin-top: 5px;
}

.lk-mydata-bottom {}

.lk-mydata-bottom button {
    width: 100%;
    height: 80px;
    color: #35a489;
    background: #fff;
    border: 0px;
    outline: none;
    transition: 0.3s;
    font-weight: 500;
    font-size: 16px;
}

.lk-mydata-bottom button:hover {
    color: #fff;
    background: #35a489;
}

@media (max-width: 767px) {
    .lk-mydata-form-inp {
        width: 100%;
    }
}

.lk-data-tab {
    margin-bottom: 30px;
}

.lk-data-tab-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 48px;
    padding-right: 30px;
    background: #fff;
    border-radius: 4px;
    min-height: 64px;
}

.lk-data-tab-header__title {
    font-size: 18px;
    color: #212426;
    font-weight: 500;
    line-height: 24px;
}

.lk-data-tab-header__status {
    padding: 10px 20px;
    background: #f9f8f7;
    border-radius: 4px;
    margin-right: auto;
    margin-left: 35px;
    font-size: 18px;
    line-height: 18px;
    display: flex;
    align-items: center;
}

.lk-data-tab-header__status img {
    margin-right: 12px;
}

.lk-data-tab-header__toggle {
    color: #986b4d;
    font-size: 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.lk-data-tab-header__toggle img {
    margin-right: 10px;
}

.lk-data-tab-header__toggle span {
    line-height: 16px;
    padding-bottom: 2px;
    border-bottom: 1px solid #986b4d;
}

.lk-data-tab-header__toggle:hover span {
    border-color: rgba(152, 107, 77, 0);
}

.lk-data-tab-content {
    background: #f9f8f7;
    padding: 40px 28px;
    display: none;
}

.lk-data-tab-content .control-label {
    margin-bottom: 10px;
}

.lk-data-tab-content .lk-mydata-form {
    padding: 0px;
}

.lk-data-tab-content p:last-child {
    margin-bottom: 0px;
}

@media (max-width: 767px) {
    .lk-data-tab-header__title {
        font-size: 16px;
        max-width: 60%;
        width: 60%;
    }
    .lk-data-tab-header {
        padding-left: 20px;
        padding-right: 20px;
    }
    .lk-data-tab-header__status span {
        display: none;
    }
    .lk-data-tab-header__status {
        padding: 5px 5px;
        justify-content: center;
    }
}

.resume {}

.resume-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.resume-header__title {
    font-size: 24px;
    color: #212426;
    font-weight: 700;
}

.resume-header__add {
    width: 264px;
    height: 58px;
    border-radius: 4px;
    cursor: pointer;
    color: #e44934;
    background: none;
    border: 1px solid #ebaea4;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    font-size: 14px;
    font-weight: 500;
}

.resume-header__add:hover {
    border: 1px solid #e44934;
}

.resume-header__add img {
    margin-right: 14px;
}

.resume-item {
    background: #fff;
    margin-bottom: 30px;
    padding: 20px 40px;
    border-radius: 4px;
}

.resume-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    margin-bottom: 30px;
}

.resume-item__date-update {
    color: #989898;
}

.resume-item__date-update span {
    color: #212426;
}

.resume-item__refresh {
    color: #d8b08c;
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #d9dbdc;
    padding: 6px 18px;
    margin-left: 20px;
    margin-right: auto;
    transition: 0.3s;
    cursor: pointer;
}

.resume-item__refresh:hover {
    background: #d9dbdc;
}

.resume-item__refresh img {
    margin-right: 12px;
}

.resume-item__date-create {
    color: #989898;
}

.resume-item-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.resume-item-bottom-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.resume-item__title {
    font-size: 18px;
    color: #212426;
    font-weight: 700;
    margin-bottom: 15px;
}

.resume-item__template {
    background: #ebebed;
    border-radius: 50px;
    font-size: 16px;
    line-height: 21px;
    color: #212426;
    padding: 5px 15px;
}

.resume-item-bottom__number {
    font-size: 16px;
    color: #989898;
    display: flex;
    align-items: center;
}

.resume-item-bottom__count {
    background: #d8b08c;
    width: 38px;
    height: 38px;
    border-radius: 4px;
    margin-left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
}

.resume-item-bottom__count-zero {
    background: #d8d8d8;
}

.resume-item-load {
    font-size: 14px;
    font-weight: 500;
    color: #e44934;
    background: none;
    border: 1px solid #e44934;
    width: 280px;
    height: 58px;
    transition: 0.3s;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 60px;
}

.resume-item-load:hover {
    background: #e44934;
    color: #fff;
}

@media (max-width: 767px) {
    .resume-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .resume-header__title {
        margin-bottom: 20px;
    }
    .resume-item-header {
        flex-wrap: wrap;
        justify-content: center;
    }
    .resume-item__date-update {
        order: 0;
        margin-bottom: 10px;
    }
    .resume-item__date-create {
        order: 1;
        margin-bottom: 10px;
    }
    .resume-item__refresh {
        order: 2;
        margin-left: auto;
        margin-right: auto;
    }
    .resume-item-bottom {
        flex-wrap: wrap;
        justify-content: center;
    }
    .resume-item-bottom-info {
        margin-bottom: 15px;
    }
}

.crowdfunding {}

.crowdfunding-header {
    background-color: #98694c;
    border-top: 1px solid #fff;
    margin-bottom: 60px;
    overflow: hidden;
}

.crowdfunding-header .container {
    display: flex;
    min-height: 290px;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative;
}

@media(max-width: 767px) {
    .crowdfunding-header .container {
        padding-bottom: 0px;
    }
}

.crowdfunding-header__title {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    position: relative;
    z-index: 2;
}

@media(max-width: 767px) {
    .crowdfunding-header__title {
        width: 100%;
        margin-bottom: 25px;
        font-size: 31px;
        line-height: 37px;
    }
}

.crowdfunding-header__title span {
    color: #d8b08c;
}

.crowdfunding-header__abstraction {
    position: absolute;
    right: 0px;
    top: 10px;
}

@media(max-width: 980px) {
    .crowdfunding-header__abstraction {
        display: none;
    }
}

.crowdfunding-header-order {
    width: 520px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -260px;
    text-align: center;
    background-image: url("../img/crowdfunding-header-order.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 91%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 27px;
}

@media(max-width: 980px) {
    .crowdfunding-header-order {
        margin-left: 0px;
        right: 0px;
        left: auto;
        width: 48%;
    }
}

@media(max-width: 767px) {
    .crowdfunding-header-order {
        width: 100%;
        position: relative;
        width: 320px;
        margin-left: auto;
        margin-right: auto;
        height: 257px;
    }
}

.crowdfunding-header-order__longtitle {
    font-size: 12px;
    color: #d8b08c;
}

.crowdfunding-header-order__title {
    color: #535556;
    font-weight: 500;
    font-size: 21px;
    margin-bottom: 10px;
}

.crowdfunding-header-order__description {
    font-size: 14px;
    color: #535556;
    margin-bottom: 25px;
}

.crowdfunding-header-order__btn {
    width: 300px;
    box-shadow: 0px 12px 40px 10px rgba(151, 29, 12, 0.64);
}

@media(max-width: 980px) {
    .crowdfunding-header-order__btn {
        width: 60%;
    }
}

.crowdfunding-list {
    padding-bottom: 40px;
}

.crowdfunding-item {
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0px 6px 21px -2px rgba(184, 144, 108, 0.64);
}

.crowdfunding-item-image {
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.crowdfunding-item-image img {
    max-width: 100%;
    width: 100%;
}

.crowdfunding-item-body {
    background: #fff;
    padding: 25px 30px;
    padding-bottom: 15px;
}

.crowdfunding-item__title {
    font-size: 18px;
    color: #212426;
    font-weight: 700;
    margin-bottom: 20px;
    display: block;
}

.crowdfunding-header-order__description {
    font-size: 14px;
    line-height: 21px;
    color: #535556;
    margin-bottom: 25px;
    background: none;
}

.crowdfunding-item__description p,
.crowdfunding-item__description span {
    font-size: inherit;
    line-height: inherit;
    background: none !important;
    margin-bottom: 0px !important;
}

.crowdfunding-item-count {
    margin-bottom: 12px;
    display: flex;
}

.crowdfunding-item-count__ico {
    width: 35px;
    height: 35px;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dfc3aa;
}

.crowdfunding-item-count__ico img {}

.crowdfunding-item-count-info {
    padding-left: 15px;
    width: calc(100% - 35px);
}

.crowdfunding-item-count__title {
    font-size: 14px;
    color: #989898;
    font-weight: 300;
    margin-bottom: 5px;
}

.crowdfunding-item-count__number {
    font-size: 16px;
    color: #95694b;
    font-weight: 600;
}

.crowdfunding-item-button {
    padding-top: 15px;
    border-top: 1px solid #efece9;
    display: flex;
    justify-content: space-between;
}

.crowdfunding-item__btn {
    transition: 0.4s;
}

.crowdfunding-item__btn.green {
    font-size: 16px;
    background: #00cf91;
    color: #fff;
    font-weight: 700;
    border-radius: 4px;
    padding: 10px 10px;
}

.crowdfunding-item__btn.green:hover {
    opacity: 0.6;
}

.crowdfunding-item__btn.more {
    font-size: 14px;
    text-transform: uppercase;
    color: #2e3031;
    position: relative;
    padding: 10px 30px;
}

.crowdfunding-item__btn.more img {
    position: absolute;
    height: 12px;
    right: 0px;
    top: 50%;
    margin-top: -8px;
    transition: 0.4s;
}

.crowdfunding-item__btn.more:hover img {
    right: 5px;
}

@media(max-width: 767px) {
    .crowdfunding-item__btn.green {
        padding: 10px 8px;
        font-size: 13px;
    }
    .crowdfunding-item__btn.more {
        font-size: 12px;
        padding: 10px 18px;
    }
    .crowdfunding-item__btn.more img {
        height: 7px;
        margin-top: -5px;
    }
}

.crowdfunding-modal {
    display: none;
    padding: 0px 60px;
    background: #fff;
    width: 753px;
    max-width: 100%;
}

@media(max-width: 767px) {
    .crowdfunding-modal {
        padding: 0px 15px;
    }
}

.crowdfunding-modal-body.base-card {
    padding: 0px;
}

.crowdfunding-modal__title {
    padding: 40px 60px;
    background: #efece9;
    margin-left: -60px;
    width: calc(100% + 120px);
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
}

@media(max-width: 767px) {
    .crowdfunding-modal__title {
        padding: 20px 15px;
        margin-left: -15px;
        width: calc(100% + 30px);
        font-size: 24px;
        line-height: 32px;
    }
}

.crowdfunding-modal .fancybox-button {
    top: 49px;
    right: 55px;
    padding: 0px;
    width: 30px;
    height: 30px;
}

@media(max-width: 767px) {
    .crowdfunding-modal .fancybox-button {
        top: 22px;
        right: 10px;
    }
}

.crowdfunding-modal .fancybox-button svg path {
    fill: #989898;
}

.crowdfunding-modal-more-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.crowdfunding-modal-more .fancybox-button {
    top: 49px;
    right: 55px;
    padding: 0px;
    width: 30px;
    height: 30px;
}

@media(max-width: 767px) {
    .crowdfunding-modal-more .fancybox-button {
        top: 22px;
        right: 10px;
    }
}

.crowdfunding-modal-more .fancybox-button svg path {
    fill: #989898;
}

.crowdfunding-modal-more .slick-arrow {
    display: none !important;
}

.crowdfunding-modal-more-slider {
    width: 55%;
    margin-bottom: 20px;
    height: 235px;
    overflow: hidden;
}

@media(max-width: 767px) {
    .crowdfunding-modal-more-slider {
        width: 100%;
        margin-bottom: 20px;
    }
}

.crowdfunding-modal-more-slider .slick-list {
    height: 100%;
}

.crowdfunding-modal-more-slider .slick-track {
    height: 100%;
}

.crowdfunding-modal-more-slider-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.crowdfunding-modal-more-slider-item img {
    max-width: 100%;
}

.crowdfunding-modal-more-slider .slick-dots {
    position: absolute;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.crowdfunding-modal-more-slider .slick-dots li {
    width: 6px;
    height: 6px;
    background: #fff;
    margin: 0px 4px;
    border-radius: 6px;
}

.crowdfunding-modal-more-slider .slick-dots li.slick-active {
    transform: scale(1.5);
    background: #dfc3aa;
}

.crowdfunding-modal-more-slider .slick-dots li button {
    width: 100%;
    height: 100%;
    border: 0px;
    background: none;
    cursor: pointer;
    outline: none;
    position: absolute;
    left: 0px;
    top: 0px;
}

.crowdfunding-modal-more-info {
    width: 45%;
    padding-left: 34px;
    margin-bottom: 20px;
}

@media(max-width: 767px) {
    .crowdfunding-modal-more-info {
        width: 100%;
        padding-left: 0px;
    }
}

.crowdfunding-modal-more-info-item {
    margin-bottom: 22px;
    display: flex;
    align-items: center;
}

.crowdfunding-modal-more-info-item__ico {
    width: 36px;
    height: 36px;
}

.crowdfunding-modal-more-info-item__ico img {
    width: 100%;
    max-width: 100%;
}

.crowdfunding-modal-more-info-item-right {
    padding-left: 14px;
    width: calc(100% - 36px);
}

.crowdfunding-modal-more-info-item__title {
    font-size: 18px;
    color: #212426;
    font-weight: 700;
}

.crowdfunding-modal-more-info-item__text {
    font-size: 16px;
    color: #212426;
}

.crowdfunding-modal-more-html h4 {
    font-size: 18px;
    color: #2d2e2f;
    font-weight: 700;
    margin-bottom: 15px;
}

@media(max-width: 767px) {
    .crowdfunding-modal-more-html h4 {
        font-size: 16px;
    }
}

.crowdfunding-modal-more-html p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}

@media(max-width: 767px) {
    .crowdfunding-modal-more-html p {
        font-size: 14px;
        line-height: 18px;
    }
}

.crowdfunding-modal-more-html a {
    color: #976a4c;
    text-decoration: none;
    position: relative;
}

.crowdfunding-modal-more-html a:before {
    content: '';
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 1px;
    background: #976a4c;
    transition: 0.4s;
}

.crowdfunding-modal-more-html a:hover:before {
    width: 0px;
}

.crowdfunding-modal-more-comments {
    padding: 25px 60px;
    background: #f7f5f4;
    margin-left: -60px;
    width: calc(100% + 120px);
    margin-bottom: 25px;
}

@media(max-width: 767px) {
    .crowdfunding-modal-more-comments {
        padding: 20px 15px;
        margin-left: -15px;
        width: calc(100% + 30px);
    }
}

.crowdfunding-modal-more-comments-item {
    padding-bottom: 15px;
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
}

.crowdfunding-modal-more-comments-item:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}

.crowdfunding-modal-more-comments-item__text {}

.crowdfunding-modal-more-comments-item-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.crowdfunding-modal-more-comments-item__author {
    font-size: 16px;
    color: #976a4c;
    font-style: italic;
    margin-right: 20px;
}

.crowdfunding-modal-more-comments-item__date {
    font-size: 14px;
    color: #989898;
}

.crowdfunding-modal-more-links {
    padding-bottom: 15px;
    border-bottom: 1px solid #edeeee;
    margin-bottom: 35px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.crowdfunding-modal-more-links-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    text-decoration: none;
    margin-right: 35px;
}

.crowdfunding-modal-more-links-item:last-child {
    margin-right: 0px;
}

.crowdfunding-modal-more-links-item__ico {
    width: 33px;
    margin-right: 20px;
}

.crowdfunding-modal-more-links-item__ico img {
    max-width: 100%;
}

.crowdfunding-modal-more-links-item__text {
    color: #976a4c;
    position: relative;
}

.crowdfunding-modal-more-links-item__text:before {
    content: '';
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 1px;
    background: #976a4c;
    transition: 0.4s;
}

.crowdfunding-modal-more-links-item:hover .crowdfunding-modal-more-links-item__text:before {
    width: 0px;
}

.crowdfunding-modal-more-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 15px;
}

.crowdfunding-modal-more__btn {
    color: #fff;
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: 0.4s;
}

.crowdfunding-modal-more__btn:hover {
    opacity: 0.8;
}

.crowdfunding-modal-more__btn svg {
    width: 24px;
    margin-right: 6px;
}

.crowdfunding-modal-more__btn svg path {
    fill: #fff;
}

.crowdfunding-modal-more__btn.green {
    font-size: 16px;
    background: #00cf91;
}

@media(max-width: 767px) {
    .crowdfunding-modal-more__btn.green {
        font-size: 14px;
    }
}

.crowdfunding-modal-more__btn.favorites {
    background: #e44934;
    font-size: 14px;
}

.crowdfunding-modal-more__btn.favorites span {
    position: relative;
}

.crowdfunding-modal-more__btn.favorites span:before {
    content: '';
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 1px;
    background: #fff;
    transition: 0.4s;
}

.crowdfunding-modal-more__btn.favorites:hover span:before {
    width: 0px;
}

.crowdfunding-modal-form-header {}

.crowdfunding-modal-form {}

.crowdfunding-modal-form .form-group {
    width: 100%;
    margin-bottom: 20px;
}

.crowdfunding-modal-form .form-group.form-group-flex {
    display: flex;
    flex-wrap: wrap;
}

.crowdfunding-modal-form .form-group.form-group-flex .control-label {
    width: auto;
    margin-right: 30px;
}

.crowdfunding-modal-form .form-group .control-label {
    font-size: 18px;
    color: #2d2e2f;
    font-weight: 700;
    margin-bottom: 10px;
    width: 100%;
}

@media(max-width: 767px) {
    .crowdfunding-modal-form .form-group .control-label {
        font-size: 16px;
    }
}

.crowdfunding-modal-form .form-group input,
.crowdfunding-modal-form .form-group textarea,
.crowdfunding-modal-form .form-group select {
    border-radius: 4px;
    border: 1px solid #e8e9ea;
    margin-bottom: 10px;
    font-size: 16px;
    color: #2d2e2f;
    padding-left: 25px;
    padding-right: 20px;
    height: 60px;
    width: 100%;
    outline: none;
}

.crowdfunding-modal-form .form-group input:focus,
.crowdfunding-modal-form .form-group textarea:focus,
.crowdfunding-modal-form .form-group select:focus {
    box-shadow: none;
}

@media(max-width: 767px) {
    .crowdfunding-modal-form .form-group input,
    .crowdfunding-modal-form .form-group textarea,
    .crowdfunding-modal-form .form-group select {
        height: 48px;
        font-size: 14px;
        padding-left: 15px;
    }
}

.crowdfunding-modal-form .form-group input::-webkit-input-placeholder,
.crowdfunding-modal-form .form-group textarea::-webkit-input-placeholder {
    color: #989898;
}

.crowdfunding-modal-form .form-group input::-moz-placeholder,
.crowdfunding-modal-form.form-group textarea::-moz-placeholder {
    color: #989898;
}

.crowdfunding-modal-form .form-group input:-ms-input-placeholder,
.crowdfunding-modal-form .form-group textarea:-ms-input-placeholder {
    color: #989898;
}

.crowdfunding-modal-form .form-group input:-moz-placeholder,
.crowdfunding-modal-form .form-group textarea:-moz-placeholder {
    color: #989898;
}

.crowdfunding-modal-form .form-group textarea {
    height: 115px !important;
    padding-top: 15px;
}

.crowdfunding-modal-form .form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../img/arr.png");
    background-position: center right 24px;
    background-repeat: no-repeat;
}

.crowdfunding-modal-form .form-group input[type="date"] {
    background-image: url("../img/calendar-g.png");
    background-position: center right 18px;
    background-repeat: no-repeat;
}

.crowdfunding-modal-form .form-group input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}

.crowdfunding-modal-form .form-group .help-block {
    display: none !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.crowdfunding-modal-form .form-group.has-error .help-block {
    display: block !important;
}

.crowdfunding-modal-form .form-group.has-success input,
.crowdfunding-modal-form .form-group.has-success textarea {
    border-color: #00cf91;
}

.crowdfunding-modal-form .form-group.has-error input,
.crowdfunding-modal-form .form-group.has-error textarea {
    border-color: red;
}

.crowdfunding-modal-form-tab {
    padding: 40px 60px;
    margin-left: -60px;
    width: calc(100% + 110px);
    padding-top: 15px;
    padding-bottom: 0px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 30px;
}

.crowdfunding-modal-form .radio {
    margin-right: 30px;
    margin-bottom: 10px;
    margin-top: 0px;
}

.crowdfunding-modal-form .radio:last-child {
    margin-right: 0px;
}

.crowdfunding-modal-form .radio input {
    display: none;
}

.crowdfunding-modal-form .radio span {
    padding-left: 37px;
    font-size: 16px;
    color: #2d2e2f;
    position: relative;
    font-weight: 400;
}

.crowdfunding-modal-form .radio span:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    left: 0px;
    top: -2px;
    border: 1px solid #e9eaeb;
}

.crowdfunding-modal-form .radio span:after {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    background: #e44934;
    border-radius: 13px;
    left: 6px;
    top: 4px;
    display: none;
}

.crowdfunding-modal-form .radio input:checked+span:after {
    display: block;
}

.crowdfunding-modal-btn {
    height: 60px;
    width: 100%;
    color: #fff;
    background: #009688;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    border: 0px;
    cursor: pointer;
    transition: 0.4s;
}

.crowdfunding-modal-btn:hover {
    opacity: 0.7;
}

.crowdfunding-modal-btn.border-red {
    color: #e44934;
    background: none;
    border: 1px solid #e44934;
}

@media(max-width: 767px) {
    .crowdfunding-modal-btn.border-red {
        margin-bottom: 15px;
    }
}

.crowdfunding-modal-btn.border-red:hover {
    color: #fff;
    background: #e44934;
}

.crowdfunding-modal-tab {
    display: none;
    padding-right: 10px;
}

#legal.crowdfunding-modal-tab {
    padding-bottom: 10px;
}

.crowdfunding-modal-tab.active {
    display: block;
}

.crowdfunding-modal-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.crowdfunding-modal-header-left {
    width: 47%;
}

.crowdfunding-modal-header-right {
    width: 47%;
}

@media(max-width: 767px) {
    .crowdfunding-modal-header-left {
        width: 100%;
        margin-bottom: 20px;
    }
    .crowdfunding-modal-header-right {
        width: 100%;
    }
}

.form-group-avatar {
    padding: 30px 35px;
    padding-top: 55px;
    background: #f7f5f4;
    width: 100%;
}

.form-group-avatar input {
    display: none;
}

.form-group-avatar img {
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    display: block;
}

.form-group-avatar-btn {
    height: 58px;
    border-radius: 4px;
    border: 1px solid #b2b2b2;
    margin-bottom: 15px;
    color: #e44934;
    font-weight: 700;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    cursor: pointer;
    transition: 0.4s;
}

.form-group-avatar-btn:hover {
    background: #e44934;
    color: #fff;
    border-color: #e44934;
}

.form-group-avatar__text {
    font-size: 16px;
    color: #989898;
    display: block;
    text-align: center;
    font-weight: 400;
}

.form-group .more-form-group {
    font-size: 22px;
    color: #d8b08c;
    display: flex;
    margin-left: auto;
    align-items: center;
    width: 125px;
}

.form-group .more-form-group:focus {
    color: #d8b08c;
}

.form-group .more-form-group span {
    margin-left: 7px;
    font-size: 16px;
    position: relative;
}

.form-group .more-form-group span:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #d8b08c;
    left: 0px;
    bottom: 0px;
    position: absolute;
    transition: 0.4s;
}

.form-group .more-form-group:hover span:before {
    width: 0px;
}

.crowdfunding-modal-buttons {
    width: calc(100% + 120px);
    margin-left: -60px;
    padding: 30px 60px;
    border-top: 1px solid #d6d6d6;
    margin-top: 50px;
}


/*
* ТЕРРИТОРИЯ РИТМА
*/

.rhythm__title {
    font-size: 36px;
    line-height: 47px;
    margin-bottom: 20px;
    font-weight: 700;
}

@media(max-width: 767px) {
    .rhythm__title {
        font-size: 26px;
        line-height: 31px;
    }
}

.rhythm__title.center {
    width: 100%;
    text-align: center;
}

.rhythm-header {
    background: url("../img/rhythm-header-bg.jpg") no-repeat center;
    background-size: cover;
    margin-bottom: 160px;
}

.rhythm-header .container {
    padding: 140px 15px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.rhythm-header .container:before,
.rhythm-header .container:after {
    display: none;
}

.rhythm-header__title {
    font-size: 36px;
    line-height: 45px;
    color: #fff;
    font-weight: 700;
    max-width: 55%;
}

.rhythm-header__title span {
    color: #d8b08c;
}

.rhythm-header__logo {
    position: absolute;
    top: -120px;
    right: -137px;
    z-index: 2;
}

.rhythm-header__logo img {}

@media(max-width: 1300px) {
    .rhythm-header {
        overflow: hidden;
    }
}

@media(max-width: 1024px) {
    .rhythm-header {
        margin-bottom: 50px;
    }
    .rhythm-header__title {
        width: 70%;
    }
    .rhythm-header__logo {
        width: 35%;
        position: absolute;
        top: 13px;
        right: 0px;
    }
    .rhythm-header__logo img {
        width: 100%;
    }
}

@media(max-width: 980px) {
    .rhythm-header__title {
        width: 100%;
        position: relative;
        z-index: 3;
    }
    .rhythm-header__logo {
        width: 35%;
        position: absolute;
        top: auto;
        right: -65px;
        bottom: 0px;
    }
    .rhythm-header {
        overflow: hidden;
    }
}

@media(max-width: 767px) {
    .rhythm-header .container {
        padding: 40px 15px;
    }
    .rhythm-header__title br {
        display: none;
    }
    .rhythm-header__title {
        font-size: 24px;
        line-height: 30px;
        max-width: 70%;
    }
    .rhythm-header__logo {
        right: -36px;
    }
}

.rhythm-space {
    padding-bottom: 85px;
}

.rhythm-space .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.rhythm-space .container:before,
.rhythm-space .container:after {
    display: none;
}

.rhythm-space__description {
    font-size: 18px;
    color: #212426;
    line-height: 28px;
    margin-bottom: 40px;
}

.rhythm-space-video {
    overflow: hidden;
    border: 1px solid #dab593;
    border-radius: 5px;
    display: flex;
    align-items: center;
    margin-bottom: 45px;
    position: relative;
}

.rhythm-space-video:hover img {
    transform: scale(1.1);
}

.rhythm-space-video:hover .rhythm-space-video__play {
    transform: scale(0.8);
}

.rhythm-space-video:before {
    content: '';
    background-color: rgb(245, 235, 226, 0.5);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.rhythm-space-video img {
    width: 100%;
    transition: 0.4s;
    transform: scale(1);
}

.rhythm-space-video__play {
    width: 120px;
    height: 120px;
    border-radius: 120px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -60px;
    margin-top: -60px;
    background-color: rgb(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    padding-left: 10px;
    transition: 0.4s;
}

.rhythm-space-video__play svg {}

.rhythm-space-left {
    width: 60%;
}

.rhythm-space-left p {
    font-size: 18px;
    color: #212426;
    line-height: 28px;
    margin-bottom: 35px;
}

.rhythm-space-left i {
    font-size: 16px;
    color: #757575;
}

.rhythm-space-right {
    padding: 40px 35px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(239, 236, 233);
    border-radius: 5px;
    text-align: center;
}

.rhythm-space-right__title {
    font-size: 24px;
    color: #212426;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 15px;
}

.rhythm-space-right .btn {
    width: 100%;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}

@media(max-width: 980px) {
    .rhythm-space-left {
        width: 100%;
    }
    .rhythm-space-right {
        width: 100%;
    }
}

@media(max-width: 767px) {
    .rhythm-space__description,
    .rhythm-space-left p {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 15px;
    }
    .rhythm-space-video__play {
        width: 60px;
        height: 60px;
        margin-top: -30px;
        margin-left: -30px;
        padding-left: 5px;
    }
    .rhythm-space-video__play svg {
        transform: scale(0.5);
    }
    .rhythm-space-right__title {
        font-size: 18px;
        line-height: 24px;
    }
    .rhythm-space-left i {
        font-size: 14px;
        line-height: 21px;
    }
    .rhythm-space {
        padding-bottom: 40px;
    }
}

.rhythm-together {
    background: url("../img/rhythm-together-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0px;
}

.rhythm-together .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.rhythm-together .container:before,
.rhythm-together .container:after {
    display: none;
}

.rhythm-together-left {
    width: 55%;
}

.rhythm-together-right {
    width: 41%;
}

.rhythm-together-slide-wrap {
    position: relative;
}

.rhythm-together-slide-wrap .rhythm-together-slide-arrow {
    width: 56px;
    height: 56px;
    border-radius: 56px;
    top: 50%;
    margin-top: -28px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    position: absolute;
    background-color: rgb(255, 255, 255, 0.7);
    border: 1px solid #dab593;
    cursor: pointer;
    color: #d0a57e;
    font-size: 14px;
}

.rhythm-together-slide-arrow.slide-prev {
    left: 18px;
    transform: rotate(90deg);
}

.rhythm-together-slide-arrow.slide-next {
    right: 18px;
    transform: rotate(-90deg);
}

.rhythm-together-slide {
    border-radius: 5px;
    border: 1px solid #dab493;
    overflow: hidden;
}

.rhythm-together-slide-item {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    outline: none;
}

.rhythm-together-slide-item img {
    width: 100%;
}

.rhythm-together-enter {
    display: flex;
    width: 88%;
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #ded2c5;
}

.rhythm-together-enter .btn {
    width: 255px;
    margin-right: 20px;
    background: none;
    border: 1px solid #E44934;
    color: #E44934;
    box-shadow: 0px 7px 13px -2px rgba(184, 144, 108, 0.64);
}

.rhythm-together-enter .btn:hover {
    color: #fff;
    background: #E44934;
    box-shadow: none;
}

.rhythm-together-enter__text {
    font-size: 16px;
    color: #757575;
    line-height: 24px;
}

@media(max-width: 1024px) {
    .rhythm-together {
        padding: 50px 0px;
    }
}

@media(max-width: 980px) {
    .rhythm-together-left {
        width: 100%;
        order: 1;
    }
    .rhythm-together-right {
        width: 100%;
        order: 0;
        margin-bottom: 30px;
    }
}

@media(max-width: 767px) {
    .rhythm-together-slide-wrap .rhythm-together-slide-arrow {
        width: 34px;
        height: 34px;
        font-size: 10px;
    }
    .rhythm-together-enter {
        width: 100%;
    }
    .rhythm-together-enter__text {
        font-size: 12px;
        line-height: 17px;
        width: 75%;
    }
}

.rhythm-together__title {
    font-size: 36px;
    color: #212426;
    font-weight: 700;
    margin-bottom: 20px;
}

.rhythm-together__description {
    font-size: 18px;
    line-height: 28px;
    color: #212426;
    margin-bottom: 28px;
}

.rhythm-together-bnr {
    background-color: #fff;
    border-radius: 5px;
    padding: 40px 28px;
    background-image: url("../img/rhythm-together-bnr.png");
    background-repeat: no-repeat;
    background-position: right -15px bottom -46px;
    box-shadow: 0px 7px 13px -2px rgba(184, 144, 108, 0.64);
}

.rhythm-together-bnr__title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.rhythm-together-bnr__description {
    font-size: 16px;
    line-height: 24px;
}

.rhythm-together-bnr__description span {
    color: #986b4d;
}

@media(max-width: 767px) {
    .rhythm-together__description {
        font-size: 14px;
        line-height: 21px;
    }
}

.rhythm-employment {
    padding-top: 80px;
    padding-bottom: 100px;
    background-image: url("../img/rhythm-employment.png");
    background-repeat: no-repeat;
    background-position: center bottom -70px;
}

.rhythm-employment .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.rhythm-employment .container:before,
.rhythm-employment .container:after {
    display: none;
}

.rhythm-employment-left {
    width: calc(100% - 430px);
}

.rhythm-employment .btn {
    width: 310px;
    box-shadow: 0px 7px 13px -2px rgba(184, 144, 108, 0.64);
}

.rhythm-employment-bnr {
    width: 360px;
    padding: 40px;
    border-radius: 5px;
    border: 1px solid #f5f4f2;
    background-color: #fff;
    background-image: url("../img/icon/rhythm-employment-bnr.png");
    background-repeat: no-repeat;
    background-position: right 20px top 20px;
}

.rhythm-employment-bnr__title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.rhythm-employment-bnr__text {
    font-size: 16px;
    line-height: 24px;
}

.rhythm-employment-bnr__text a {
    color: #e44934;
    text-decoration: underline;
}

.rhythm-employment-bnr__text a:hover {
    text-decoration: none;
}

@media(max-width: 980px) {
    .rhythm-employment {
        padding-top: 50px;
        padding-bottom: 220px;
    }
    .rhythm-employment-left {
        width: 100%;
        text-align: center;
    }
    .rhythm-employment .btn {
        margin-left: auto;
        margin-right: auto;
    }
    .rhythm-employment-bnr {
        margin-left: auto;
        margin-right: auto;
    }
}

.rhythm-motion {
    background: #986b4d;
    overflow: hidden;
}

.rhythm-motion .container {
    padding: 100px 15px;
    position: relative;
}

.rhythm-motion-left {
    width: 770px;
    max-width: 100%;
}

.rhythm-motion__title {
    color: #fff;
    font-size: 36px;
    line-height: 45px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 35px;
    position: relative;
    z-index: 1;
}

.rhythm-motion__title span {
    text-transform: none;
    color: #d8b08c;
}

.rhythm-motion .btn {
    width: 300px;
    box-shadow: 0px 7px 13px -2px rgba(151, 29, 12, 0.64);
}

.rhythm-motion-right {
    position: absolute;
    right: -100px;
    bottom: -120px;
}

.rhythm-motion-right img {}

@media(max-width: 980px) {
    .rhythm-motion .container {
        padding-top: 40px;
        padding-bottom: 250px;
    }
}

@media(max-width: 767px) {
    .rhythm-motion__title {
        font-size: 24px;
        line-height: 31px;
    }
    .rhythm-motion .container {
        padding-bottom: 330px;
    }
}

.rhythm-worth {
    padding-top: 90px;
    padding-bottom: 60px;
}

@media(max-width: 1024px) {
    .rhythm-worth {
        padding-top: 50px;
        padding-bottom: 40px;
    }
}

.rhythm-worth .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.rhythm-worth-block {
    padding-top: 60px;
    padding-left: 130px;
    padding-right: 80px;
    padding-bottom: 80px;
}

@media(max-width: 1024px) {
    .rhythm-worth-block {
        padding-top: 40px;
        padding-left: 60px;
        padding-right: 40px;
        padding-bottom: 30px;
    }
}

.rhythm-worth-left {
    width: 50%;
    background: #f7f2ee;
}

.rhythm-worth-right {
    width: 50%;
    background-image: url("../img/rhythm-worth-right.jpg");
}

.rhythm-worth__title {
    font-size: 24px;
    color: #212426;
    font-weight: 700;
    margin-bottom: 25px;
}

.rhythm-worth-list {}

.rhythm-worth-list-item {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 25px;
}

.rhythm-worth-list-item:before {
    content: '';
    position: absolute;
    left: -35px;
    top: 6px;
    width: 20px;
    height: 20px;
    background-image: url("../img/icon/rhythm-worth-list-item.png");
    background-repeat: no-repeat;
    background-position: center;
}

@media(max-width: 767px) {
    .rhythm-worth-left {
        width: 100%;
    }
    .rhythm-worth-right {
        width: 100%;
    }
    .rhythm-worth-list-item {
        font-size: 14px;
        line-height: 21px;
    }
}

.rhythm-tell {}

.rhythm-tell .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 60px;
    padding-bottom: 60px;
    border-top: 1px solid #e4e0dd;
}

.rhythm-tell .container:before,
.rhythm-tell .container:after {
    display: none;
}

.rhythm-tell-left {
    width: 60%;
}

.rhythm-tell-right {
    padding: 40px 35px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(239, 236, 233);
    border-radius: 5px;
    max-width: 360px;
}

.rhythm-tell-left__title {
    font-size: 36px;
    line-height: 45px;
    margin-bottom: 30px;
    font-weight: 700;
}

.rhythm-tell-left__description {
    font-size: 18px;
    color: #212426;
    line-height: 24px;
}

.rhythm-tell-right__title {
    font-size: 24px;
    color: #212426;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 15px;
}

.rhythm-tell-right .btn {
    width: 100%;
    margin-bottom: 0px;
}

@media(max-width: 980px) {
    .rhythm-tell-left {
        width: 100%;
        margin-bottom: 30px;
    }
    .rhythm-tell-right {
        width: 100%;
    }
}

@media(max-width: 767px) {
    .rhythm-tell-left__title {
        font-size: 26px;
        line-height: 31px;
    }
    .rhythm-tell-left__description {
        font-size: 16px;
    }
    .rhythm-tell-right__title {
        font-size: 18px;
        line-height: 27px;
        text-align: center;
    }
}

.rhythm-contacts {
    background: #efece9;
    padding-top: 85px;
    padding-bottom: 95px;
}

.rhythm-contacts .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.rhythm-contacts .container:before,
.rhythm-contacts .container:after {
    display: none;
}

.rhythm-contacts-item {
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    display: flex;
    width: 48%;
    padding: 40px 25px;
    margin-bottom: 25px;
    border: 1px solid #fff;
}

.rhythm-contacts-item-ico {
    width: 120px;
    height: 120px;
    border-radius: 120px;
    background: #efece9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rhythm-contacts-item-info {
    width: calc(100% - 120px);
    padding-left: 25px;
}

.rhythm-contacts-item__name {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}

.rhythm-contacts-item__position {
    font-size: 16px;
    color: #c3bab7;
    font-style: italic;
    margin-bottom: 10px;
}

.rhythm-contacts-item__email {
    font-size: 18px;
    color: #e44934;
    text-decoration: underline;
    display: inline-block;
    margin-bottom: 5px;
}

.rhythm-contacts-item__email:hover {
    text-decoration: none;
}

.rhythm-contacts-item__phone {
    color: #212426;
    font-size: 18px;
}

.rhythm-contacts-item__phone:hover {
    color: #e44934;
}

.rhythm-contacts-item.social {
    background: #efece9;
}

.rhythm-contacts-item-social {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.rhythm-contacts-item-social__title {
    width: 100%;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #212426;
}

.rhythm-contacts-item-social__item {
    width: 74px;
    height: 74px;
    border-radius: 74px;
    margin: 0px 13px;
    overflow: hidden;
    background: #986b4d;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
}

.rhythm-contacts-item-social__item:hover {
    background: #e44934;
    box-shadow: 0px 8px 15px -5px rgba(151, 29, 12, 0.64);
}

.rhythm-contacts-item-social__item svg {
    width: 40px;
    height: 40px;
}

.rhythm-contacts-item-social__item svg {
    fill: #fff;
}

@media(max-width: 980px) {
    .rhythm-contacts-item {
        width: 100%;
    }
}

@media(max-width: 767px) {
    .rhythm-contacts {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .rhythm-contacts-item {
        flex-wrap: wrap;
    }
    .rhythm-contacts-item-ico {
        margin-left: auto;
        margin-right: auto;
    }
    .rhythm-contacts-item-info {
        width: 100%;
        padding-left: 0px;
        padding-top: 20px;
        text-align: center;
    }
}

.rhythm-flag {
    padding-top: 70px;
    padding-bottom: 80px;
    background: #f7f2ee;
}

.rhythm-flag .aber-title {
    text-align: center;
}

.rhythm-flag__flex {
    display: flex;
    justify-content: space-around;
}

.rhythm-flag__romb {
    fill: #c7c0be;
    width: 100%;
    height: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.rhythm-flag__romb:before {
    content: '';
    width: 210px;
    height: 130%;
    position: absolute;
    background-image: url("../img/aber-rombs.png");
    background-repeat: no-repeat;
    background-position: top 27px center;
    background-size: cover;
    transition: 0.4s;
    z-index: 0;
    left: 50%;
    margin-left: -105px;
    top: 0px;
    margin-top: -15%;
}

.rhythm-flag__item:hover .rhythm-flag__romb:before {
    background-position: top -176px center;
}

.rhythm-flag__item:hover .rhythm-flag__text {
    color: #212426;
}

.rhythm-flag__item:hover svg path {
    fill: #e44934;
}

.rhythm-flag__romb svg {
    width: 70px;
    height: 70px;
    position: relative;
    z-index: 1;
}

.rhythm-flag__item {
    width: 160px;
    position: relative;
    padding-top: 160px;
    padding-bottom: 135px;
}

.rhythm-flag__item:nth-child(even) {
    padding-top: 230px;
}

.rhythm-flag__text {
    width: 200px;
    margin-left: -100px;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: rgba(33, 36, 38, 0.749);
    display: block;
    position: absolute;
    top: 385px;
    left: 50%;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    min-height: 60px;
}

a.rhythm-flag__text {
    color: #e44934;
}

.rhythm-flag__text br {
    display: none;
}

.rhythm-flag__text span {
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 16px;
    display: block;
}

.rhythm-flag__circle {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #d8b08c;
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #dfbea0;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
}

.rhythm-flag__circle:after {
    width: 1px;
    height: 30px;
    position: absolute;
    content: "";
    bottom: -30px;
    background-color: #dfbea0;
    left: 50%;
    transform: translateX(-50%);
}

.rhythm-flag__item:nth-child(even) .rhythm-flag__circle {
    top: -15px;
    bottom: auto;
}

.rhythm-flag__item:nth-child(even) .rhythm-flag__circle:after {
    bottom: auto;
    top: -30px;
}

.rhythm-flag__item:nth-child(even) .rhythm-flag__text {
    top: 100px;
    align-items: flex-end;
}

.rhythm-flag__item:hover .rhythm-flag__circle {
    background-color: #e44934;
    color: #fff;
}

@media screen and (max-width: 1200px) {
    .rhythm-flag__flex {
        flex-wrap: wrap;
        padding-top: 50px;
    }
    .rhythm-flag__item {
        width: 200px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 15px;
    }
    .rhythm-flag__text {
        left: 0;
        margin-left: 0;
        position: static;
        margin-top: 70px;
    }
    .rhythm-flag__circle {
        position: absolute !important;
        bottom: -15px !important;
        top: auto !important;
    }
    .rhythm-flag__circle:after {
        bottom: -30px !important;
        top: auto !important;
    }
}

@media screen and (max-width: 767px) {
    .rhythm-flag,
    .aber-drop,
    .aber-last {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .rhythm-flag__flex {
        padding-top: 30px;
    }
}
.service-transition {
    background: #efece9;
}
.service-transition-header {
    padding-top: 95px;
    padding-bottom: 315px;
    background: url("../img/service-transition-header.jpg") no-repeat center;
    background-size: cover;
}

.service-transition-header__title {
    font-size: 54px;
    font-weight: 700;
    color: #fff;
    line-height: 54px;
}

.service-transition-header__title span {
    color: #d8b08c;
    font-size: 36px;
}

.service-transition-list {
    padding-bottom: 300px;
    margin-top: -235px;
}

@media (max-width: 1024px) {
    .service-transition-list {
        margin-top: 0;
    }
}
@media (min-width: 992px) {
    .service-transition-list .row {
        display: flex;
        align-items: stretch;
    }
}

.service-transition-list .container {}

.service-transition-list .container:before,
.service-transition-list .container:after {
    display: none;
}

.service-transition-list-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    border-radius: 5px;
    background: #fff;
    padding: 40px 75px;
    min-height: 470px;
    text-align: center;
    height: 100%;
}

.service-transition-list-item__img {
    max-width: 100%;
    margin-bottom: 50px;
    min-height: 195px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.service-transition-list-item__img img {
    max-width: 100%;
}

.service-transition-list-item__title {
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 40px;
}

.service-transition-list-item .btn {
    box-shadow: 0px 8px 13px -2px rgba(151, 29, 12, 0.64);
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

@media(max-width: 980px) {
    .service-transition-header {
        padding-bottom: 95px;
    }
    .service-transition-list {
        padding-top: 40px;
    }
    .service-transition-list-item__img {
        min-height: auto;
    }
    .service-transition-list-item {
        margin-top: 0px;
        margin-bottom: 30px;
        min-height: auto;
    }
    .service-transition-list {
        padding-bottom: 60px;
    }
}

@media(max-width: 767px) {
    .service-transition-header__title {
        font-size: 36px;
        line-height: 40px;
    }
    .service-transition-list-item {
        padding: 30px 25px;
    }
    .service-transition-list-item__img {
        margin-bottom: 30px;
    }
    .service-transition-list-item__title {
        font-size: 26px;
        line-height: 31px;
        margin-bottom: 30px;
    }
}


/*
* project-participants
*/

.project-participants-card {
    padding: 20px 40px;
    margin-bottom: 90px;
    min-width: 740px;
}

.project-participants__date {
    font-size: 16px;
    line-height: 21px;
    color: #212426;
    margin-bottom: 12px;
}

.project-participants__date span {
    color: #989898;
}

.project-participants-card-header {
    border-bottom: 1px solid #e0e0e4;
    margin-bottom: 28px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
}

.project-participants-card-footer {
    border-top: 1px solid #e0e0e4;
    padding: 10px 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.project-participants-card-header,
.project-participants-card-footer {
    margin-left: -40px;
    width: calc(100% + 80px);
}

.project-participants-card-footer__item {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 10px 20px;
}

.project-participants-card-footer__item:hover span:before {
    display: none;
}

.project-participants-card-footer__item svg {
    margin-right: 20px;
}

.project-participants-card-footer__item svg path {
    fill: #bfbfbf;
}

.project-participants-card-footer__item span {
    font-size: 16px;
    color: #976a4c;
    position: relative;
}

.project-participants-card-footer__item span:before {
    content: '';
    position: absolute;
    width: 100%;
    background: #976a4c;
    height: 1px;
    left: 0px;
    bottom: 0px;
}

.project-participants-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.project-participants-filter__title {
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: 700;
}

.project-participants-filter-status {
    display: flex;
    flex-wrap: wrap;
}

.project-participants-filter-item {
    display: block;
    font-weight: 700;
    margin-bottom: 15px;
    border-radius: 28px;
    border: 1px solid #757575;
    font-size: 12px;
    color: #212426;
    text-transform: uppercase;
    padding: 6px 12px;
    margin-right: 10px;
    opacity: 0.5;
    letter-spacing: 1px;
}

.project-participants-filter-item.active {
    opacity: 1;
}

.project-participants-filter-item-wrap {
    display: flex;
    align-items: center;
}

.project-participants-filter-item__status {
    margin-right: 8px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
}

.project-participants-item {
    padding: 20px 30px;
    border-radius: 4px;
    background-color: #fff;
    margin-bottom: 25px;
}

.project-participants-item-header {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
    border-bottom: 1px solid #efece9;
}

.project-participants-item-image {
    width: 90px;
    height: 90px;
    border-radius: 90px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.project-participants-item-image img {}

.project-participants-item-info {
    width: calc(100% - 90px);
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.project-participants-item-status {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    border-radius: 28px;
    font-size: 12px;
    color: #212426;
    text-transform: uppercase;
    padding: 8px 12px;
    margin-right: 10px;
    margin-bottom: 15px;
    background: #ebebed;
    font-weight: 700;
}

.project-participants-item-status__circle {
    margin-right: 8px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
}

.project-participants-item__title {
    color: #212426;
    font-size: 18px;
    font-weight: 700;
}

.project-participants-item-body {
    padding: 20px 40px;
}

.project-participants-item__email {
    color: #989898;
    font-size: 16px;
    display: block;
    text-decoration: none;
    margin-bottom: 10px;
}

.project-participants-item__phone {
    font-size: 16px;
    color: #212426;
    text-decoration: none;
}

.project-participants-item-footer {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 1px solid #efece9;
    justify-content: space-between;
}

.project-participants-item-footer .btn {
    width: 140px;
    height: 40px;
    padding: 0px;
    line-height: 40px;
    margin-bottom: 0px;
}

.project-participants-pagination {
    display: flex;
    flex-wrap: wrap;
}

.project-participants-pagination .pagination-wrap {
    width: auto;
    margin-right: auto;
}

.project-participants-pagination .btn {
    width: 290px;
    margin-left: auto;
}

@media(max-width: 767px) {
    .project-participants-item {
        padding: 15px;
    }
    .project-participants-item-body {
        padding: 15px 15px;
    }
    .project-participants-item-footer .btn {
        width: 48%;
    }
    .project-participants-item__title {
        font-size: 16px;
    }
    .project-participants-pagination .btn {
        margin-left: 0px;
        margin-right: auto;
    }
}

.input {
    position: initial;
}

.fancybox-container {
    z-index: 99;
}

.fancybox-bg {
    background: rgb(30, 30, 30, 0.4);
}

.bootstrap-datetimepicker-widget {
    z-index: 9999999999;
    position: absolute;
}

.prmp-page .prmp-num__btn:last-child {
    padding-bottom: 20px;
}
.prmp-about__image {
    padding-top: 55px;
}
@media (max-width: 1024px) {
    .prmp-about__image {
        padding-top: 20px;
    }
}
.prmp-first__bg.v-pob {
    background-image: url(/static/default/img/headers/v-pobedy.png);
}
.prmp-first__bg.b-bum {
    background-image: url(/static/default/img/headers/b-bumag.png);
}
.prmp-first__bg.sostr {
    background-image: url(/static/default/img/headers/sostr.png);
}
.prmp-first__bg.v-cult {
    background-image: url(/static/default/img/headers/v-cult.png);
}
.prmp-first__bg.milo {
    background-image: url(/static/default/img/headers/milos.png);
}
.prmp-first__bg.v-rass {
    background-image: url(/static/default/img/headers/v-rassv.png);
}
.prmp-first__bg.hulig {
    background-image: url(/static/default/img/headers/hulig.png);
}
.prmp-first__bg.ekost {
    background-image: url(/static/default/img/headers/ekost.png);
}
@media (max-width: 768px) {
    .prmp-first__bg.v-pob {
        background-image: url(/static/default/img/headers/v-pobedy.jpg);
    }

    .prmp-first__bg.b-bum {
        background-image: url(/static/default/img/headers/b-bumag.jpg);
    }

    .prmp-first__bg.sostr {
        background-image: url(/static/default/img/headers/sostr.jpg);
    }

    .prmp-first__bg.v-cult {
        background-image: url(/static/default/img/headers/v-cult.jpg);
    }

    .prmp-first__bg.milo {
        background-image: url(/static/default/img/headers/milos.jpg);
    }

    .prmp-first__bg.v-rass {
        background-image: url(/static/default/img/headers/v-rassv.jpg);
    }

    .prmp-first__bg.hulig {
        background-image: url(/static/default/img/headers/hulig.jpg);
    }

    .prmp-first__bg.ekost {
        background-image: url(/static/default/img/headers/ekost.jpg);
    }
}

.card-content--leadernnov .base-form > .btn.btn-prime {
    margin: 0 auto 30px;
}

@media (max-width: 1199px) {
    .card-content--leadernnov .base-form > .btn.btn-prime {
        margin: 0 auto 20px;
    }
}
.leadernnov-page .container .prmp-first__title,
.reserve-page .container .prmp-first__title {
    font-weight: 500;
    font-size: 55px;
    line-height: 1.1em;
    letter-spacing: 0.25px;
    color: #fff;
    padding-bottom: 15px;
}
.reserve-page .container .prmp-first__title {
    margin-left:-80px;
}
.leadernnov-page .container .prmp-first__descript,
.reserve-page .container .prmp-first__descript {
    color: #d8b08c;
    font-size: 20px;
    font-weight: 500;
}
.reserve-page .container .prmp-first__descript {
    margin-left:-80px;
}
@media (max-width: 1000px) {
    .leadernnov-page .container .prmp-first__title,
    .reserve-page .container .prmp-first__title {
        font-size: 45px;
        margin-left: 0px;
    }
    .leadernnov-page .container .prmp-first__descript,
    .reserve-page .container .prmp-first__descript {
        margin-left: 0px;
    }
}
@media (max-width: 500px) {
    .leadernnov-page .container .prmp-first__title,
    .reserve-page .container .prmp-first__title {
        font-size: 36px;
    }
}
.base-card .fields-description {
    font-size: 14px;
}
.base-card a.section-sub-title {
    margin-bottom: 8px;
    display: block;
}
.base-card a.section-sub-title:hover {
    text-decoration: underline;
}