/*====Поделиться с друзьями======*/

.divShareToFriend {
}

.divShareToFriendText {
    font-size: 16px;
    font-weight: 600;
    color: #547045;
    padding: 10px 10px 10px 30px;
    background-image: url('../../Elf/img/layout/hand_share.png');
    background-repeat: no-repeat;
    background-position-x: 0px;
    background-position-y: 14px;
    background-size: 18px;
}

.divShareToFriendImage {
    margin: 0px 0px 0px 10px;
}


/*====Шапка======*/

.header-item {
    position: absolute;
    z-index: 7999;
    top: 0;
    left: 0;
    width: 100%;
    padding: 42px 0;
    border-bottom: 1px solid transparent;
    transition: .4s ease;
}

@media (max-width: 991px) {
    .header-item {
        padding: 30px 0;
    }

        .header-item .btn {
            padding: 0 12px;
            font-size: 16px;
            line-height: 46px;
        }
}

@media (max-width: 819px) {
    .header-item {
        position: fixed;
        padding: 15px 0;
    }
}

.header-item.is-show {
    border-color: #839c71;
    background: #d3e7c0;
}

.header-item__wrap {
    display: flex;
    align-items: center;
    grid-gap: 30px;
}

.header-item__mobile {
    display: none;
}

@media (max-width: 819px) {
    .header-item__mobile {
        display: block;
    }

        .header-item__mobile img {
            width: 25px;
        }
}

.header-item__hamburger {
    cursor: pointer;
}

    .header-item__hamburger img {
        height: 50px;
    }

@media (max-width: 1199px) {
    .header-item__hamburger img {
        width: 115px;
    }
}

@media (max-width: 1199px) {
    .header-item__hamburger img {
        width: 105px;
    }
}

@media (max-width: 819px) {
    .header-item__hamburger {
        display: none;
    }
}

.header-item__main {
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100vh;
}

    .header-item__main.is-show {
        z-index: 9;
        visibility: visible;
    }

        .header-item__main.is-show .header-item__overlay {
            z-index: 12;
            visibility: visible;
            opacity: 1;
        }

        .header-item__main.is-show .header-item__menu {
            transform: translateX(0);
        }

.header-item__overlay {
    position: absolute;
    visibility: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(56, 75, 46, .5);
    transition: .4s ease;
}

.header-item__close {
    position: absolute;
    top: 19px;
    right: 16px;
    cursor: pointer;
}

    .header-item__close:hover svg {
        opacity: 1;
        transform: scale(.9);
    }

    .header-item__close svg {
        opacity: .5;
        transition: .4s ease;
    }

.header-item__menu {
    position: fixed;
    z-index: 7988;
    top: 0;
    right: 0;
    width: 400px;
    height: 100vh;
    padding: 40px 24px;
    background: #d3e7c0;
    transition: .4s ease;
    transform: translateX(100%);
}

@media (max-width: 575px) {
    .header-item__menu .btn {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .header-item__menu {
        width: calc(100% - 20px);
    }
}

.header-item__menu .header-item__block {
    display: flex;
    flex-direction: column;
    margin-top: 37px;
}

.header-item__menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

    .header-item__menu ul li {
        margin-bottom: 16px;
    }

        .header-item__menu ul li:last-child {
            margin-bottom: 0;
        }

        .header-item__menu ul li a {
            font-size: 16px;
            font-weight: 500;
            line-height: 22px;
            color: var(--color-green);
            text-align: center;
            text-decoration: none;
        }

.header-item .container {
    position: relative;
}

.header-item__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-item__block {
    display: flex;
    align-items: center;
    grid-gap: 12px;
    justify-content: flex-end;
}

@media (max-width: 991px) {
    .header-item__block {
        grid-gap: 8px;
    }
}

@media (max-width: 819px) {
    .header-item__block {
        display: none;
    }
}

.header-item__logo {
    flex: 0 0 180px;
}

@media (max-width: 819px) {
    .header-item__logo {
        flex: 0 0 120px;
    }
}

@media (max-width: 575px) {
    .header-item__logo {
        flex: 0 0 90px;
    }
}

.header-item__logo img {
    display: block;
    width: 100%;
    max-width: 245px;
    object-fit: contain;
}

@media (max-width: 819px) {
    .header-item__logo img {
        max-width: 180px;
    }
}

@media (max-width: 575px) {
    .header-item__logo img {
        max-width: 160px;
    }
}

@media (max-width: 399px) {
    .header-item__logo img {
        max-width: 130px;
    }
}


/*====Подвал======*/

.footer-item {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 70px 0 40px 0;
    border-radius: 100px 100px 0 0;
    background: var(--color-green);
}

    .footer-item p {
        display: block;
        margin: 0;
        padding: 0;
        font-size: 15px;
        font-weight: 400;
        line-height: 24px;
        color: var(--color-green);
        letter-spacing: .5px;
    }

@media (max-width: 575px) {
    .footer-item p {
        font-size: 15px;
    }
}

.footer-item h1,
.footer-item h2,
.footer-item h3,
.footer-item h4,
.footer-item h5,
.footer-item h6{
    margin: 0;
    padding: 0;
}

@media (max-width: 819px) {
    .footer-item .col-xs-12 {
        width: 100% !important;
    }
}

.footer-item::after {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url('../img/star-bg.svg') center no-repeat;
    background-size: cover;
    content: '';
}

@keyframes scale-img {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(.97);
    }

    100% {
        transform: scale(1);
    }
}

@media (max-width: 819px) {
    .footer-item::after {
        top: 10px;
        left: 50%;
        width: 100%;
        height: 136px;
        background: url('../img/star-bg-mobile.svg') center no-repeat;
        background-size: contcovain;
        transform: translate(-50%, 0);
    }
}

@media (max-width: 819px) {
    .footer-item {
        padding: 16px 0 26px 0;
        border-radius: 50px 50px 0 0;
    }
}

.footer-item__main {
    margin-top: 60px;
}

@media (max-width: 819px) {
    .footer-item__main {
        margin-top: 30px;
    }
}

.footer-item__inner {
    display: flex;
    align-items: center;
    grid-gap: 35px;
}

@media (max-width: 575px) {
    .footer-item__inner {
        flex-direction: column;
        grid-gap: 16px;
    }
}

.footer-item__more {
    display: flex;
    align-items: center;
    grid-gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
}

.footer-item__desc {
    display: block;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    color: var(--color-slate-700) !important;
}

@media (max-width: 819px) {
    .footer-item__desc {
        font-size: 14px;
        line-height: 18px;
    }
}

.footer-item__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 20px;
    flex-wrap: wrap;
}

@media (max-width: 991px) {
    .footer-item__info {
        grid-gap: 32px;
        justify-content: center;
    }
}

.footer-item__logo {
    display: block;
}

    .footer-item__logo img {
        display: block;
        object-fit: contain;
    }

@media (max-width: 991px) {
    .footer-item__logo img {
        width: 100%;
        max-width: 300px;
    }
}

@media (max-width: 819px) {
    .footer-item__logo img {
        max-width: 153px;
        margin: 0 auto;
    }
}

.footer-item__boxes {
    padding-right: 40px;
}

@media (max-width: 1199px) {
    .footer-item__boxes {
        padding-right: 0;
    }
}

@media (max-width: 991px) {
    .footer-item__boxes {
        margin-bottom: 24px;
    }
}

@media (max-width: 819px) {
    .footer-item__boxes {
        text-align: center;
    }
}

.footer-item__inners {
    padding-left: 101px;
}

@media (max-width: 1199px) {
    .footer-item__inners {
        padding-left: 50px;
    }
}

@media (max-width: 991px) {
    .footer-item__inners {
        padding-left: 0;
    }
}

@media (max-width: 819px) {
    .footer-item__inners {
        text-align: center;
    }
}

.footer-item__block {
    display: grid;
    margin-top: 68px;
    grid: auto / 1fr;
    grid-gap: 12px;
}

@media (max-width: 819px) {
    .footer-item__block {
        margin: 22px 0;
    }
}

.footer-item__box {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.footer-item__text {
    display: flex;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    color: var(--color-green-400) !important;
    cursor: pointer;
    transition: .4s ease;
    align-items: center;
    grid-gap: 8px;
}

@media (max-width: 819px) {
    .footer-item__text {
        justify-content: center;
    }
}

.footer-item__text svg {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
}

.footer-item__text:hover {
    opacity: .8;
}

@media (max-width: 819px) {
    .footer-item__text {
        font-size: 14px;
        line-height: 18px;
    }
}

.footer-item__nav {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .footer-item__nav li {
        margin-bottom: 12px;
    }

        .footer-item__nav li:last-child {
            margin: 0;
        }

        .footer-item__nav li a {
            font-size: 15px;
            font-weight: 400;
            line-height: 22px;
            color: var(--color-slate-500);
            transition: .4s ease;
        }

@media (max-width: 819px) {
    .footer-item__nav li a {
        font-size: 14px;
        line-height: 18px;
    }
}

.footer-item__nav li a:hover {
    opacity: 1;
}

.footer-item__head {
    display: block;
    margin-bottom: 24px !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: var(--color-gray);
}

@media (max-width: 819px) {
    .footer-item__head {
        margin-bottom: 12px;
        font-size: 15px;
        line-height: 22px;
    }
}


/*====Вопросы и ответы======*/

.divModalDialogText {
    max-width: 800px;
    padding: 20px 30px 20px 30px;
    text-align: center;
}

.divModalDialogText_1 {
    font-size: 28px;
    padding: 0px 0px 15px 0px;
}

.divModalDialogText_2 {
    font-size: 14px;
    padding: 0px 0px 30px 0px;
}

.divModalDialogText_3 {
    font-size: 18px;
    padding: 30px 0px 0px 0px;
}

.divModalDialogText_4 {
    font-size: 18px;
    padding: 30px 0px 0px 0px;
}

.divModalDialogText_5 {
    font-size: 20px;
    padding: 0px 0px 15px 0px;
    font-style: italic;
    font-weight: 800;
}

.divModalDialogListHeader {
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: #669999;
    padding: 0px 0px 15px 0px;
}

.divModalDialogListTopic {
    text-align: left;
    font-size: 14px;
    padding: 0px 0px 15px 30px;
}

.aModalDialogDashedLink {
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    text-decoration: none;
    color: #669999;
}
    .aModalDialogDashedLink:hover, .aModalDialogDashedLink:visited, .aModalDialogDashedLink:active, .aModalDialogDashedLink:focus {
        text-decoration: none;
        color: #669999;
    }

.btnModalDialogOK {
    background-color: #669999;
    border-width: 0px !important;
    color: #FFFFFF;
}

@media (max-width: 465px) {
    .btnModalDialogOK, .btnModalDialogClose {
        min-width: 100px;
    }
}

.btnModalDialogAddDoc {
    font-size: 22px;
    line-height: 3em !important;
    padding: 0px 25px 0px 25px;
    text-transform: none;
    color: var(--color-yellow);
    background: var(--color-green-400);
    transition: .4s ease;
}

    .btnModalDialogAddDoc:hover {
        color: var(--color-yellow);
        background: var(--color-green-500);
    }

    .btnModalDialogAddDoc img {
        margin-right: 10px;
    }

.btnModalDialogAddDocYellow {
    font-size: 22px;
    color: var(--color-green-500);
    line-height: 3em !important;
    text-transform: none;
    padding: 0px 25px 0px 25px;
    border-color: #fecf1a;
    border-width: 3px;
    border-radius: 25px;
    background: var(--main-bg);
    transition: .4s ease;
}

    .btnModalDialogAddDocYellow:hover {
        /*color: #fecf1a;*/
        /*background: var(--color-slate-500);*/
        color: var(--color-green-500);
    }

    .btnModalDialogAddDocYellow img {
        margin-right: 10px;
    }

@media (max-width:658px) {
    .btnModalDialogAddDoc, .btnModalDialogAddDocYellow {
        font-size: 16px !important;
        padding: 10px 15px 10px 15px;
    }
        .btnModalDialogAddDoc img, .btnModalDialogAddDocYellow img {
            width: 30px;
        }
}

@media (max-width:525px) {
    .btnModalDialogAddDoc, .btnModalDialogAddDocYellow {
        font-size: 14px !important;
        padding: 10px 15px 10px 15px;
    }
}

@media (max-width:490px) {
    .btnModalDialogAddDoc, .btnModalDialogAddDocYellow {
        font-size: 10px !important;
        padding: 10px 15px 10px 15px;
    }
}

@media (max-width:385px) {
    .btnModalDialogAddDoc img, .btnModalDialogAddDocYellow img {
        width: 50px;
        margin-right: 0px;
    }
        .btnModalDialogAddDoc span, .btnModalDialogAddDocYellow span {
            display: none;
        }
}


.btnModalDialogAddDocSmall {
    width: 200px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    text-transform: none;
    color: #384b2e;
    margin: 10px;
    padding: 0px 10px 0px 10px;
    background: #fecf1a;
    transition: .4s ease;
}

    .btnModalDialogAddDocSmall:hover {
    background: #384b2e;
    color: #fecf1a;
}


.divModalDialogAnswerHeader {
    color: #669999;
    font-style: italic;
    font-weight: 900;
}

.divModalDialogAnswerItem {
    color: #636362;
    background-color: #f1f1f1;
    border-left: 4px solid #669999;
    padding: 20px;
    text-align: justify;
    margin-top: 10px;
    margin-left: 50px;
}


.divModalDialogListHeaderActive a, .divModalDialogListHeaderActive a:hover, .divModalDialogListHeaderActive a:visited, .divModalDialogListHeaderActive a:active, .divModalDialogListHeaderActive a:focus {
    color: #384b2e !important;
}

.divModalDialogListHeaderItem {
    color: #4f4f4f;
}

.divModalDialogListHeader a {
    color: #669999;
}
.divModalDialogListHeader a {
    color: #669999;
}

.divModalDialogListContainer {
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px dashed #26438e;
}

.aModalDialogListHeaderItem {
    color: #4f4f4f;
}

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

    .aModalDialogListHeaderItem:visited {
        color: #4f4f4f;
    }

    .aModalDialogListHeaderItem:hover {
        color: #4f4f4f;
        text-decoration: none;
    }