/*==========  Reset css  ==========*/

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;
  font-size: 100%;
  font: inherit; }

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 {
  content: '';
  content: none; }

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

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

*::-webkit-input-placeholder {
  color: #666;
  opacity: 1; }

*::-moz-placeholder {
  color: #666;
  opacity: 1; }

*:-ms-input-placeholder {
  color: #666;
  opacity: 1; }

::-webkit-input-placeholder {
  color: #666; }

::-moz-placeholder {
  color: #666; }

:-ms-input-placeholder {
  color: #666; }

::-ms-input-placeholder {
  color: #666; }

::placeholder {
  color: #666; }

::-moz-selection {
  background-color: grey;
  color: #fff; }

::selection {
  background-color: grey;
  color: #fff; }


/*==========  Fonts  ==========*/

@font-face {
    font-family: "Gotham";
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/gotham_light.otf") format("opentype");
}

@font-face {
    font-family: "Gotham";
    font-weight: bold;
    font-style: normal;
    src: url("../fonts/gotham_bold.otf") format("opentype");
}

/*==========  Landing Desktop first (>1440)  ==========*/

body {
  background-color: #ddd;
  font-family: Gotham;
  font-weight: 400;
  font-size: 23px;
  line-height: 28px;
  letter-spacing: 0;
  letter-spacing: 0%;
}

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

.section_main {
    height: 403px;
    padding-top: 677px;
    background: url(../img/1920t.jpg) no-repeat 50% 0% #F4AE52;
}

.section_main .content {
    width: 1152px;
    margin: 0 auto;
}

.section_main .subtitle {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0%;
    text-align: center;
}

.section_main .title {
    color: #fff;
    font-weight: 900;
    font-size: 84px;
    line-height: 88px;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    padding: 16px 0 24px;
}

.section_main .action {
    width: 263px;
    margin: 32px auto 0;
}

.section_main .action .button {
    display: block;
    height: 25px;
    border-radius: 48px;
    padding: 24px 40px;
    background-color: #fff;
    cursor: pointer;
    padding-top: 24px;
    padding-right: 40px;
    padding-bottom: 24px;
    padding-left: 40px;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: -2%;
    text-decoration: none;
    color: #000;
    text-align: center;
}

.section_main .action .button:hover {
    background-color: #eee;
    text-decoration: none;
}

.section_desc {
    background: url(../img/1920b.jpg) no-repeat 50% 0% #dde5e7;
    padding: 40px 0;
}

.block {
    width: 1056px;
    margin: 120px auto;
    padding: 56px 48px;
    border-radius: 40px;
    background-color: #fff;
    position: relative;
}

.block h2 {
    padding: 24px 40px;
    font-weight: bold;
    font-size: 35px;
    line-height: 39px;
    text-transform: uppercase;
    color: #fff;
    background-color: #ffc200;
    border-radius: 48px;
    display: inline-block;
    margin-bottom: 16px;
}

.block p {
    margin-top: 32px;
}

.block p.remark {
    margin-top: 8px;
    font-size: 17px;
    line-height: 20px;
}

.block p.term {
    margin-top: 40px;
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    color: #745F9C;
}

.hl {
    font-weight: bold;
    color: #745F9C;
}

.block p.term_desc {
    margin-top: 12px;
}

.block li {
    margin: 16px 0;
}

.block .doc {
    padding: 16px 0;
    border-bottom: 1px solid #000;
}

.block .doc .name {
    float: left;
    margin-right: 32px;
}

.block .doc a {
    display: block;
    text-decoration: underline;
    text-align: right;
    cursor: pointer;
}

.block .doc a:hover {
    text-decoration: none;
}

.block_profiles .figure {
    display: block;
    position: absolute;
    left: -215px;
    top: -210px;
    width: 474px;
    height: 474px;
    background: url(../img/figure1.png) no-repeat 0% 0%;
}

.block_stage h2 {
    background-color: #B86A9B;
}

.block_criteria h2 {
    background-color: #0CA3C3;
}

.block_criteria .figure {
    display: block;
    position: absolute;
    right: -135px;
    top: -95px;
    width: 328px;
    height: 328px;
    background: url(../img/figure2.png) no-repeat 0% 0%;
}

.section_experts {
    background-color: #8580AE;
}

.section_experts .block {
    width: 1152px;
    margin: 0px auto;
    padding: 120px 0;
    position: relative;
    background-color: inherit;
    border-radius: inherit;
}

.section_experts h2 {
    background-color: #E85B48;
    margin-bottom: 48px;
}

.section_experts .block .figure {
    display: block;
    position: absolute;
    right: -250px;
    top: -240px;
    width: 599px;
    height: 599px;
    background: url(../img/figure3.png) no-repeat 0% 0%;
}

.experts {
    position: relative;
}

a.experts_lnk {
    display: block;
    float: left;
    width: 270px;
    margin: 0 24px 40px 0;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    height: 400px;
}

a.experts_lnk:nth-child(4n) {
    margin-right: 0;
}

.experts__img {
    margin-bottom: 12px;
    height: 186px;
}

.experts__img img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.experts__title {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 4px;
    font-weight: bold;
}

.experts__profile {
    margin-bottom: 12px;
}

a.experts_lnk:hover {
    color: #fff;
}

a:hover {
  text-decoration: none;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s; }

.section_footer .block {
    width: 1152px;
    margin: 0px auto;
    padding: 80px 0 120px 0;
    position: relative;
    background-color: inherit;
    border-radius: inherit;
}

.section_footer .block h2 {
    background-color: #0CA3C3;
}

.section_footer a {
    color: #000;
    text-decoration: underline;
}

.section_footer a:hover {
    text-decoration: none;
}

@media (max-width: 1440px) {
    .wrapper {
        max-width: 1440px;
    }

    .section_main {
        height: 320px;
        padding-top: 490px;
        background: url(../img/1440t.jpg) no-repeat 50% 0% #F4AE52;
    }

    .section_main .content {
        width: 888px;
    }

    .section_main .subtitle {
        font-size: 17px;
        line-height: 22px;
    }

    .section_main .title {
        font-size: 64px;
        line-height: 68px;
    }

    .section_main .action {
        width: 219px;
    }

    .section_main .action .button {
        border-radius: 48px;
        padding-top: 16px;
        padding-right: 20px;
        padding-bottom: 16px;
        padding-left: 20px;
        font-size: 17px;
        line-height: 22px;
    }

    .section_desc {
        background: url(../img/1440b.jpg) no-repeat 50% 0% #dde5e7;
    }

    .block {
        width: 808px;
        margin: 80px auto;
        padding: 48px 40px;
    }

    .block h2 {
        padding: 16px 32px;
        font-weight: bold;
        font-size: 30px;
        line-height: 34px;
        border-radius: 48px;
        display: inline-block;
        margin-bottom: 16px;
    }

    .block p {
        margin-top: 24px;
    }

    .block .doc .name {
        max-width: 600px;
    }

    .block_profiles .figure {
        left: -160px;
        top: -150px;
        background-size: 75%;
    }

    .block_criteria .figure {
        right: -160px;
        top: -90px;
        background-size: 75%;
    }

    .section_experts .block {
        width: 888px;
        padding: 80px 0;
    }

    .section_experts h2 {
        margin-bottom: 48px;
    }

    .section_experts .block .figure {
        right: -400px;
        top: -140px;
        background-size: 75%;
    }

    a.experts_lnk {
        width: 204px;
        font-size: 11px;
        line-height: 13px;
        height: 335px;
    }

    .experts__img {
        margin-bottom: 8px;
        height: 140px;
    }

    .experts__title {
        font-size: 15px;
        line-height: 20px;
    }

    .experts__profile {
        margin-bottom: 8px;
    }

    .section_footer .block {
        width: 888px;
    }
}

@media (max-width: 960px) {
    .wrapper {
        max-width: 960px;
    }

    .section_main .content {
        width: 700px;
    }

    .section_main .title {
        font-size: 50px;
        line-height: 56px;
    }

    .block {
        width: 620px;
    }

    .block .doc .name {
        max-width: 400px;
    }

    .section_experts .block {
        width: 700px;
        padding: 80px 0;
    }

    a.experts_lnk {
        width: 209px;
        font-size: 11px;
        line-height: 13px;
        height: 335px;
    }

    .experts__img {
        height: 144px;
    }

    .section_footer .block {
        width: 700px;
    }

    a.experts_lnk:nth-child(4n) {
        margin-right: 24px;
    }

    a.experts_lnk:nth-child(3n) {
        margin-right: 0;
    }
}

@media (max-width: 744px) {
    body {
        font-size: 17px;
        line-height: 22px;
    }

    .wrapper {
        max-width: 744px;
    }

    .section_main {
        height: 285px;
        padding-top: 255px;
        background: url(../img/744t.jpg) no-repeat 50% 0% #F4AE52;
    }

    .section_main .content {
        width: 80%;
    }

    .section_main .title {
        font-size: 30px;
        line-height: 40px;
    }

    .section_desc {
        background: url(../img/744b.jpg) no-repeat 50% 0% #dde5e7;
        padding: 20px 0;
    }

    .block {
        width: 80%;
        margin: 24px auto;
        padding: 20px 16px;
        border-radius: 30px;
    }

    .block h2 {
        padding: 16px 32px;
        font-weight: bold;
        font-size: 20px;
        line-height: 25px;
        border-radius: 48px;
        display: inline-block;
        margin-bottom: 16px;
    }

    .block p {
        margin-top: 18px;
    }

    .block p.remark {
        font-size: 13px;
        line-height: 16px;
    }

    .block p.term {
        margin-top: 20px;
        font-size: 20px;
        line-height: 25px;
    }

    .block .doc .name {
        float: none;
    }

    .block .doc a {
        text-align: left;
        margin-top: 4px;
    }

    .block_profiles .figure {
        display: none;
    }

    .block_criteria .figure {
        display: none;
    }

    .section_experts .block {
        width: 80%;
        padding: 40px 0;
    }

    .section_experts h2 {
        margin-bottom: 24px;
    }

    .section_experts .block .figure {
        display: none;
    }

    a.experts_lnk {
        float: none;
        width: auto;
        font-size: 11px;
        line-height: 13px;
        margin-right: 0px;
        height: auto;
        margin-bottom: 40px;
    }

    .experts__img {
        margin-bottom: 8px;
        width: auto;
        height: auto;
    }

    .experts__img img {
        width: 100%;
        height: auto;
    }

    .experts__title {
        font-size: 15px;
        line-height: 20px;
    }

    .experts__profile {
        margin-bottom: 8px;
    }

    .section_footer .block {
        width: 80%;
        padding: 40px 0 80px 0;
    }
}

/*==========  Projects list  ==========*/

.clearfix { clear: both; }
.line { margin: 0; border-bottom: 1px solid #ccc; }
.current-user-line { color: #000; background-color: #fff; margin: 0; padding: 26px 10px 10px 10px; font-size: 16px; }
.alert { line-height: 24px; font-size: 16px; padding: 16px; border-width: 1px; border-style: solid; border-radius: 4px; text-align: left; margin: 0; }
.alert.alert-danger { color: #a94442; border-color: #a94442; background-color: #f2dede; }
.alert.alert-info { color: #31708f; background-color: #d9edf7; border-color: #31708f; }
.alert.alert-success { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; }
.projects { color: #4A4A4A; font: 16px/20px"Proxima Nova", Arial, sans-serif; margin: 20px auto; width: 940px; }
.projects a { color: #1F57F5; }
.projects h3 { font-weight: bold; font-size: 32px; color: #1F57F5; line-height: 40px; }
.projects .filters .label { font-size: 14px; }
.projects .filters .class { width: 200px; }
.projects .filters .search { width: 400px; }
.projects .filters .search input[type="text"] { width: 290px;}
.projects .filters .search input[type="submit"] { background: url(../img/search.png) no-repeat; }
.projects .project { background-color: #fff;}
.projects .project .title, .olymp .project .info { padding-left: 20px;}
.projects .project .info .author, .olymp .projects-list .project .title { color: #1F57F5;}
.projects .project .info .author { font-weight: normal;}
.projects .btn-more { color: #F52E2E; background: url(../img/more.svg) center bottom no-repeat }