@charset "UTF-8";
/*@font-face {
  font-family: 'ProximaNova';
  src: url('../fonts/proximanova_regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}*/
@font-face {
    font-family: ProximaNova;
    src: local("Proxima Nova Regular"), local("ProximaNova-Regular"), url(https://cdn.action-mcfr.ru/fonts/proximanova-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}

* {
    outline: none;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    background: #ECECEC;
    font-family: ProximaNova;
    color: #424242;
}

a {
    color: #1EBFA4;
}

.oh_page {
    max-width: 1440px;
    margin: 0 auto;
    min-width: 250px;
    color: #424242;
    font-family: ProximaNova;
}

.topline {
    height: 27px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.topline__left {
    padding: 7px 0 0 11px;
}

.topline__right {
    background: #6E7992;
    padding: 2px 12px 0 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
}

.tag_open {
    margin-right: 16px;
    cursor: pointer;
}

.login_block, .login_block a {
    text-decoration: none;
    font-size: 12px;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #fff;
}

.login_block {
    padding: 1px 0 0 0;
}

.login_block a:hover {
    text-decoration: underline;
}

.f_block {
    /*
    background: url(../img/bg_circle.jpg) top right no-repeat;
    */
    background: url(../img/cirlce-new3.svg) top right no-repeat;
    min-height: 801px;
    position: relative;
    padding: 69px 0 0 0;
    font-size: 18px;
    /*background-size: 70%;*/
    background-position-y: -75px;
}

.belfon {
    width: 100%;
    height: 115px;
    background: #fff;
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: 0;
}

.back_foto {
    background: url(../img/Frame.png) right 43px no-repeat;
    width: 579px;
    height: 570px;
    position: absolute;
    margin-top: -570px;
    right: 42px;
}

/*
.mainPhoto {
	position: absolute;
	z-index: 1;
	right: 133px;
	top: 0;
	background: url(../img/Frame.png) right 43px no-repeat;
	width: 579px;
	height: 570px;
}*/
.f_block_content {
    position: relative;
    z-index: 5;
    padding: 0 10.54%;
}

.f_title {
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    padding: 0 0 14px 0;
    max-width: 637px;
    position: relative;
}

.f_title_label {
    position: absolute;
    width: 197px;
    height: 94px;
    background: #1EBFA4;
    border-top-right-radius: 47px;
    border-bottom-right-radius: 47px;
    color: #fff;
    margin-left: -220px;
    top: 0;
}

.f_title_label_numb {
    font-weight: 400;
    font-size: 95px;
    position: absolute;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 94px;
    width: 115px;
    text-align: right;
}

.f_title_label_date {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    position: absolute;
    left: 130px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 94px;
}

.f_intro {
    font-size: 18px;
    line-height: 29px;
    padding: 0 0 22px 0;
    max-width: 400px;
}

.f_link {
    margin: 2px 0 23px 0;
}

.f_link a {
    display: block;
    width: 100%;
    max-width: 423px;
    padding: 17px 0;
    background: #1EBFA4;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    line-height: 24px;
}

.f_link a:hover {
    background: #1abba0;
}

.tezis .tezis_title {
    font-size: 20px;
    line-height: 35px;
    font-weight: 600;
    margin-bottom: 10px;
}

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

.tezis_item {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400px;
    max-width: 257px;
    margin-right: 22px;
}

.tezis_number {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: #FDB61B;
    text-align: center;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
}

.tezis_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.green_cirle {
    width: 189px;
    height: 189px;
    background: #1EBFA4;
    position: absolute;
    z-index: 12;
    border-radius: 100%;
    top: -68px;
    right: 29px;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 21px;
}

.green_cirle div {
    padding: 80px 15px 0 15px;
    background: url(../img/mini-circles.svg) 80px 25px no-repeat;
}

footer {
    background: #fff;
    padding: 72px 89px 107px 89px;
    font-size: 13px;
    line-height: 15px;
    color: #424242;
    font-family: ProximaNova;
    margin: 0 auto;
}

footer hr {
    height: 2px;
    background: #E9E9E9;
    border: 0px;
    margin: 0 auto;
    max-width: 1262px;
}

.footer_cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 1262px;
    margin: 0 auto;
    margin-top: 35px;
}

.footer_cont a {
    color: #424242;
    text-decoration: underline;
    margin: 0 15px 0 0;
    white-space: nowrap;
}

.footer_cont a:hover {
    text-decoration: none;
    color: #000;
}

.footer_tel a {
    text-decoration: none;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.28px;
    color: #2D3039;
    font-weight: bold;
}

.footer_tel > div {
    padding-bottom: 7px;
}

.white_block {
    padding: 121px 0 12px 0;
    background: #fff;
    margin-top: -83px;
}

.white_block ul.block_list {
    margin-top: 24px;
    margin-bottom: 28px;
}

.white_block .f_intro {
    max-width: 615px;
}

.white_block .f_title {
    max-width: 80%;
}

ul.block_list {
    padding: 0;
    margin: 0;
}

ul.block_list li {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    list-style: none;
    padding: 0 0 18px 4px;
}

ul.block_list li:before {
    content: "—";
    margin-top: -2px;
    position: relative;
    top: -1px;
    left: -4px;
}

.block_list_label {
    position: absolute;
    margin-left: -220px;
    width: 180px;
    text-align: right;
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #000;
}

.block_list_label:before {
    display: none;
}

.mid_with {
    max-width: 1260px;
    margin: 0 auto;
}

.mid_with_pad_left, ul.mid_with_pad_left {
    padding-left: 220px;
}

.calen {
    position: relative;
    z-index: 3;
    background: #fff;
    border: 1px solid #BDBDBD;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    margin: 0px 6.31%;
}

.calen_content {
    position: relative;
    z-index: 10;
    padding: 33px 4.63% 35px 4.63%;
}

.calen .f_title {
    font-weight: 600;
    font-size: 35px;
    line-height: 47px;
    color: #000;
    max-width: 100%;
}

.calen .numbers {
    margin-bottom: 27px;
}

.calen .numbers span {
    font-size: 16px;
    line-height: 37px;
    letter-spacing: 0.15em;
    color: #828282;
    vertical-align: middle;
}

.calen .numbers > span:first-child {
    font-weight: 600;
    font-size: 45px;
    letter-spacing: inherit;
    line-height: 47px;
    color: #000;
    padding-right: 0;
}

.prazdnik .calen_link a {
    background: #FDB61B;
}

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

.calen_item {
    max-width: 260px;
}

.calen_item > div > span {
    font-size: 10px;
    line-height: 37px;
    color: #828282;
    width: 28px;
    display: inline-block;
}

.calen_item > div > span:first-child {
    width: 58px !important;
    display: inline-block;
}

.calen_item_first > div > span:first-child {
    width: 42px !important;
}

.calen .calen_link {
    border-radius: 0;
    height: 31px;
    overflow: hidden;
    margin-bottom: 10px;
}

.invis {
    visibility: hidden;
}

.calen_link a {
    background: #1abba0;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    color: #fff;
    font-size: 12px;
    line-height: 1px;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 16px 7px 14px 6px;
    display: inline-block;
}

.calen .f_intro {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000;
}

.s_with {
    max-width: 1120px;
    margin: 0 auto;
}

.white_block.soc {
    margin-top: 0 !important;
    padding: 89px 0 0 0;
}

.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    font-size: 35px;
    line-height: 47px;
}

.social > div, .social .in > div {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 22px;
}

.social .in {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

input.form-control[type="text"] {
    width: 100%;
    padding: 10px;
    font: normal 18px ProximaNova;
    border: none;
    border-radius: 3px;
}

textarea.form-control {
    width: 100%;
    height: 200px;
    padding: 10px;
    font: normal 18px ProximaNova;
    border: none;
    border-radius: 3px;
}

/*************************************/


@media (max-width: 1300px) {
    .calen_item {
        width: 320px;
        max-width: 320px;
    }

    .calen_item_cont {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }
}

@media (max-width: 1100px) {
    .back_foto {
        background-size: 80%;
        background-position-y: bottom;
        background-position-x: right;
        width: 479px;
        height: 470px;
        position: absolute;
        margin-top: -467px;
        right: 42px;
        z-index: 9;
        display: none;
    }

    .f_block {
        background: transparent;
    }

    .tezis_item {
        max-width: 46%;
    }

    .calen_content {
        background: #fff;
        border-radius: 10px;
    }

    .footer_cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

    .footer_cont > div {
        padding-bottom: 25px;
    }

    footer {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .mid_with {
        padding-right: 10.54%;
    }
}

@media (max-width: 980px) {
    .green_cirle {
        display: none;
    }
}

@media (max-width: 900px) {

    .project {
        width: 100%;
    }

    .back_foto {
        background-size: 70%;
        background-position-y: bottom;
        background-position-x: right;
        width: 479px;
        height: 470px;
        position: absolute;
        margin-top: -467px;
        right: 42px;
        z-index: 9;
    }

    .calen_item {
        width: 260px;
        max-width: 260px;
    }

    .calen_item_cont {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }

    .social {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 600px) {
    .mid_with {
        padding: 0 10.54%;
    }

    .mid_with_pad_left, ul.mid_with_pad_left {
        padding-left: 0;
    }

    .white_block {
        padding-top: 224px;
    }

    .f_title_label {
        left: inherit;
        margin-left: inherit;
        top: -114px;
    }

    .block_list_label {
        left: inherit;
        margin-left: 0;
        margin-top: -35px;
        text-align: left;
    }

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

    .calen {
        margin: 0 3%;
    }

    .tezis_contain {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .tezis_item {
        max-width: 100%;
        margin-bottom: 15px;
    }

    .tezis_number {
        margin-bottom: 5px;
    }

    .f_link a {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    footer {
        padding: 0 6%;
    }
}

@media (max-width: 380px) {
    .topline {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        height: inherit;
    }

    .topline__right {
        padding: 3px;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
