body {
    font-family: 'Montserrat', sans-serif;
}

div {
    display: block;
}

.container {
    width: 100%;
    max-width: 1200px;

    padding: 0 20;

}

section {
    height: contain;
}

* {
    box-sizing: border-box;
    margin: 5;
    -webkit-text-size-adjust: 100%;

}

/* модальное окно */
.button__call {
    width: 270px;
    height: 59px;
    left: 816px;
    top: 710px;

    background: #6E8F00;
    box-shadow: 0px 17px 24px rgba(0, 0, 0, 0.07);
    border-radius: 37px;
}
.modal-form {
    width: 100%;
    height: 44px;

    border: 1px solid #B8B8B8;
    border-radius: 5px;
}

.button-close {
    width: 20px;
    height: 20px;

    border-radius: 50%;
    opacity: 1;
    background: #6E8F00;
    box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.07);
}
/* модальное окно */
.home {
    width: 100%;
    background:
        url("./images/section-pic/section\ home.jpg") center center no-repeat;
    background-size: cover;
    background-attachment: scroll;
}

.img__logo {
    width: calc(4rem + 60 * (100vw / 1200));
}

.home__title {
    margin-top: calc(1vh + 20 * (100vw / 1200));

    font-weight: 600;
    font-size: calc(16px + 38 * (100vw / 1200));
    /*line-height: 64px;*/
    line-height: calc(20px + 50 * (100vw / 1200));

    color: #000000;
}

.home__subtext {
    font-weight: 300;
    font-size: calc(9px + 17 * (100vw / 1200));
    color: #000000;

}



.home__list-main {
    padding-left: 0px;
    margin-top: calc(5px + 5 * (100vw / 1200));
}

.home__list {
    list-style: none;

}

.home__list-image {
    width: calc(1rem + 10 * (100vw / 1200));
}

.home__list-text {
    margin-top: 20px;
    font-size: calc(10px + 12 * (100vw / 1200));
    line-height: calc(0px + 10 * (100vw / 1200));
}

.button-comnd {
    padding: 1rem;
    background: #E23C2B;
    border-radius: 35px;
    margin:50px 0;
}

.button-comnd:hover {
    background: #E23C1B;
}

.button__comand-text {
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 0px;
    font-weight: 200;
    color: #FFFFFF;
}

.button-frn {
    background: #6E8F00;
    border-radius: 35px;

    width: calc(60px + 90 * (100vw / 1200));
    height: calc(20px + 15 * (100vw / 1200));
}

.button-frn:hover {
    background: #6E8F00;
    opacity: 0.9;
}

.button-frn-text {
    font-weight: 200;
    font-size: calc(8px + 12 *(100vw / 1200));
    line-height: 1;
    padding: 0 auto;

    color: #FFFFFF;
}


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

.busimg {
    border-radius: 10px;
}

.buspic {
    position: relative;
    text-align: center;

    overflow: hidden;
}

.bussines-text {
    margin: 10px 0;
    max-width: 695px;
    font-weight: 200;
    font-size: calc(10px + 18 * (100vw / 1200));
    line-height: calc(15px + 15 * (100vw / 1200));
    /* or 129% */


    color: #000000;
}

.bustext {
    position: absolute;
    width: 176px;
    height: 60px;

    top: 80px;


    font-weight: 700;
    font-size: 1.25rem;
    line-height: 20px;
    /* or 100% */

    padding: 0 auto;

    color: #FFFFFF;

}

.h1-bussines {
    padding-top: 50px;
}

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

.mission__photo {
    width: 100%;
    background:
        url("./images/section-pic/sec2.jpg") center no-repeat;
    background-size: cover;
    background-attachment: scroll;
    display: none;


}

.place-photo__founder {

    background-repeat: no-repeat;
}

.name-1 {
    font-size: 16px;
}


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

.background__mission {
    width: 100%;
    background:
        url("./images/section-pic/sec2.jpg") center no-repeat;
    background-size: cover;
    background-attachment: scroll;


}

.gal1 {
    z-index: 0;
    position: absolute;

    left: 7%;


}

.gal2 {
    z-index: 0;
    position: absolute;

    transform: rotate(180deg);

    margin-left: 35%;


}

.subtitle__text {
    max-width: 995px;
}

.mission__title {
    padding-top: 50px;
    font-weight: 700;
    font-size: calc(10px + 25 * (100vw / 1200));
    line-height: calc(10px + 10 * (100vw / 1200));
    /* identical to box height, or 160% */
    width: 100%;

    color: #6E8F00;
}

.mission__subtitle-text {
    font-weight: 200;
    font-size: calc(12px + 12 * (100vw / 1200));
    line-height: 1;
    /* or 100% */


    text-align: center;

    color: #000000;
}

.container__mission {
    max-width: 1200px;
    height: 650px;


    position: relative;
}

.rectangle {
    background-color: #6E8F00;
    margin-top: 2vh;
}

.rectangle__text {
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 1;
    /* or 133% */


    padding: 5px;
    color: #FFFFFF;
}


.mission__main--text {
    font-weight: 200;
    font-size: calc(16px + 8 * (100vw / 1200));
    line-height: calc(12px + 12 * (100vw / 1200));
    /* or 200% */

    margin-top: 2vh;
    padding: 20px 10px;

    color: #000000;
    z-index: 10;
    opacity: 1;
}

.place__photo {
    width: calc(45px + 215 * (100vw / 1200));
    height: calc(55px + 290 * (100vw / 1200));
    ;
    border: 3px solid #FFFFFF;


    margin-top: 0.5vh;

    z-index: 10;
    position: relative;
}

.photo__founder {
    background: url("./images/photo.jpg") center no-repeat;
    background-size: cover;

    width: 100%;
    height: 100%;

    overflow: hidden;

    transform: translate(10px, 10px);
    z-index: 0;
    position: absolute;

}

.place__text {
    padding: 30px 0 ;
    line-height: calc(5px + 10 * (100vw / 1200));
}

.name {
    font-size: calc(8px + 8 * (100vw / 1200));
    line-height: calc(1px + 10 * (100vw / 1200));
}


.mission__petal-1 {
    width: 20%;
}

.mission__petal-2 {
    width: 20%;

    transform: rotate(180deg);
}

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

.background__point {
    width: 100%;
    background:
        url("./images/section-pic/sec-point.jpg") center no-repeat;
    background-size: cover;

    background-attachment: scroll;

}


.h1-point {
    font-weight: 700;
    font-size: calc(8px + 38 * (100vw / 1200));
    line-height: calc(4px + 22 * (100vw / 1200));

    padding-top: 50px;

    color: #6E8F00;
}

.point__list {
    position: relative;
    display: flex;
    list-style: none;

    margin-top: 7vh;

}

.point__icon {
    width: calc(1rem + 60 * (100vw / 1200));
    position: absolute;
    top: 0;

    margin-right: 2vw;

}

.point__text {
    font-weight: 300;
    font-size: calc(10px + 6 * (100vw / 1200));
    line-height: calc(8px + 14 * (100vw / 1200));
    width: 100%;
    padding-left: 10vw;

}

.point__main-list {
    margin-top: calc(0px + 40 * (100vw / 1200));
}

.point-petal {
    width: 90%;
    height: 30%;
}

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

.section__steps {
    height: 100%;
    background-color: #fff;
}

.rectangle__steps {
    background: #F6F6F6;
    border-radius: 16px;



    margin-top: calc(30px + 30 * (100vw / 1200));

    text-align: center;

    position: relative;

}

.rectangle__title {
    font-size: calc(11px + 13 * (100vw / 1200));
    align-items: center;
    font-weight: 500;

    width: calc(100%- 70 * (100vw / 1200));
    margin-left: 20px;
}

.cub {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    padding: 0 auto;

    width: calc(27px + 47 * (100vw / 1200));
    height: calc(24px + 44 * (100vw / 1200));

    margin: 0 auto;

    background: #6E8F00;
    box-shadow: 0px 2.01143px 16.0914px rgba(141, 163, 179, 0.2);
    border-radius: 16px;
}

.cub__number {
    font-weight: 700;
    font-size: calc(10px + 30 * (100vw / 1200));
    line-height: 1;

    margin: 0 auto;

    color: #FFFFFF;


}

.cub__text {

    font-weight: 300;

    text-align: center;

    color: #1E222E;

    margin-top: 20px;

    margin: 1vh auto;
}

.step {
    margin-top: calc(1vh - 1 * (100vw / 1200));
    margin-bottom: 1vh;
}

.steps {
    display: flex;
    flex-direction: row;



}

.image__steps {
    width: 90%;
    top: 0px;
    right: 0px;
}

.button__place {
    bottom: 0;
    right: 0;
}

.button-consult {
    background: #6E8F00;
    border-radius: 4px;
}

.button-consult:hover {
    background: #6E8F00;
    opacity: 0.9;
}

.consult__text {
    margin-bottom: 0px;
    font-size: larger;
    line-height: 1;
    color: #FFFFFF;
}


.button__place {
    right: 0;
    bottom: 20px;
}

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

.background__service {
    width: 100%;
    background:
        url("./images/section-pic/sec-serv.jpg") center no-repeat;
    background-size: cover;
    background-attachment: scroll;


}

.photo__serv {
    width: 90%;
    align-items: center;

}

.service__title {
    font-weight: 700;
    font-size: calc(10px + 20 * (100vw / 1200));
    line-height: 50px;
    /* or 104% */

    text-align: center;

    color: #6E8F00;
}

.service__list {
    list-style: none;

}

.col-service:last-child {
    padding-bottom: 50px;
}

.service__list-image {
    width: calc(1rem + 10 * (100vw / 1200));
}

.service__list-text {
    margin-top: calc(11px + 5 * (100vw / 1200));
    font-size: calc(12px + 8 * (100vw / 1200));
    line-height: 1;
}

.button-serv {
    background: #6E8F00;
    border-radius: 4px;

    width: max-content;
    height: calc(20px + 15 * (100vw / 1200));
}

.button-serv-text {
    font-size: calc(12px + 8 * (100vw / 1200));
    line-height: 1;
    padding: auto 0;
}

.button-serv:hover {
    background-color: #6e8f01;
    opacity: 0.9;
}

.button-serv:focus {
    background-color: #6e8f01;

}

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

.background__service2 {
    width: 100%;

    background:
        url("./images/section-pic/sec-serv2.jpg") center no-repeat;
    background-size: cover;



}

.row__service2 {
    margin-top: calc(10px + 5 * (100vw / 1200));
}

.h1-service2 {
    font-weight: 700;
    font-size: calc(10px + 30 * (100vw / 1200));
    line-height: calc(10px + 30 * (100vw / 1200));

    color: #6E8F00;

    margin-top: calc(1vh + 10 * (100vw / 1200));
}


.service2__text {
    margin: calc(1px + 10 * (100vw / 1200));
    margin-left: 2vw;
    font-size: calc(10px + 8 * (100vw / 1200));
    line-height: calc(5px + 20 * (100vw / 1200));

}

.service2__icon {
    width: calc(1rem + 20 * (100vw / 1200));
}

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

.background__specif {
    width: 100%;

    background-image:
        url("./images/men.png"),
        url("./images/section-pic/sec-spec.jpg") ;

    background-repeat: no-repeat;
    background-size:  35%,cover;
    background-position: 90% bottom , center;



}

.cpecif__title {
    font-weight: 700;
    font-size: calc(16px + 24 * (100vw / 1200));
    line-height: calc(20px + 40 * (100vw / 1200));

    padding-top: 6vh;

    color: #6E8F00;
    padding-left: 5%;
}

.col-spec__list {
    width: max-content;
}

.spec__text {

    display: block;

    left: 10px;
    font-weight: 200;
    font-size: calc(14px + 8 * (100vw / 1200));
    line-height: calc(10px + 11 * (100vw / 1200));

    width: calc(100px + 150 * (100vw / 1200));
    margin-top: calc(5px + 15 * (100vw / 1200));
    color: #000000;

}

.spec__icon {
    width: calc(1.1rem + 40 * (100vw / 1200));
}

.row__1 {
    margin-top: calc(-15px + 60 * (100vw / 1200));
    padding-left: 5%;
    z-index: 1000;
}

.row__2 {
    z-index: 1000;
    padding-left: 5%;
    padding-bottom: 10vh;
}


.spec__men {
    width: calc(30% + 30 (100vw / 1200));

    right: 0;
    bottom: 0;
    position: absolute;
}

.specif__inner {
    position: relative;
}


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

.background__garden {
    width: 100%;

    background:
        url("./images/section-pic/sec-gard.jpg") center no-repeat;
    background-size: cover;
    background-attachment: scroll;


}

.garden__title {
    font-weight: 500;
    font-size: calc(20px + 20 * (100vw / 1200));
    line-height: calc(8px + 20 * (100vw / 1200));

    color: #6E8F00;
    padding-top: calc(20px + 35 * (100vw / 1200));
}

.garden__list-image {
    width: calc(1rem + 15 * (100vw / 1200));
}

.garden__list {
    list-style: none;
}

.garden__list-text {
    font-weight: 400;
    margin-top: calc(5px + 15 * (100vw / 1200));
    font-size: calc(10px + 10 * (100vw / 1200));
    line-height: calc(7px + 13 * (100vw / 1200));
}

.subtext {
    font-weight: 200;
    font-size: calc(7px + 9 * (100vw / 1200));
    line-height: calc(10px + 10 * (100vw / 1200));


    margin-right: 0;
    color: #909090;
}

.green-rectangle {
    align-items: center;

    width: 100%;
    height: calc(110px + 195 * (100vw / 1200));

    background-color: #6E8F00;
    z-index: 1000;
}

.green__container {
    padding: calc(10px + 5 * (100vw / 1200));
}

.green__title {
    font-weight: 400;

    font-size: calc(12px + 22 * (100vw / 1200));
    /* identical to box height, or 156% */

    text-align: center;

    color: #FFFFFF;

    margin-bottom: calc(2px + 13 * (100vw / 1200));
}


.green__icon {
    width: calc(0.5rem + 35 * (100vw / 1200));

    border-radius: 0px;
}

.green__text {
    font-weight: 200;
    font-size: calc(10px + 12 * (100vw / 1200));
    line-height: calc(10px + 10 * (100vw / 1200));

    margin-left: 1vw;
    width: calc(100px + 150px * (100vw / 1200));
    color: #FFFFFF;



}

.row-green__list {
    margin-bottom: calc(1px + 5 * (100vw / 1200));
    margin-left: 1vw;
}

.place__men {

    right: 0;
    bottom: 0%;
}

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

.section__benefit {
    width: 100%;

    background:
        url("./images/section-pic/sec-prof.jpg") center no-repeat;
    background-size: cover;
    background-attachment: scroll;


}

.col__place {
    margin-top: 45px;
}

.picture__place {
    position: relative;

    width: calc(30px + 300 * (100vw / 1200));
    height: calc(90px + 450 * (100vw / 1200));
    padding-bottom: 50px;

    z-index: 10;
    border: 3px solid #FFFFFF;
    border-left: 0;

    margin-bottom: 50px;
}

.picture__benefit {
    position: absolute;

    width: 90%;
    height: 90%;

    left: calc(5px + 15 * (100vw / 1200));
    top: calc(5px + 25 * (100vw / 1200));

    z-index: 10;

    background: linear-gradient(180deg, rgba(39, 60, 60, 0) 0%, #273C3C 100%);
    background: url("./images/benpic.jpg") center no-repeat;
    background-size: cover;
}

.title__picture {
    font-weight: 500;
    font-size: calc(5px + 25 * (100vw / 1200));
    line-height: calc(5px + 15 * (100vw / 1200));

    margin-top: 130%;

    color: #FFFFFF;
}

.picture__text {

    font-weight: 300;
    font-size: calc(5px + 15 * (100vw / 1200));
    line-height: calc(5px + 15 * (100vw / 1200));

    color: #FFFFFF;
}


.benefit__title {
    font-weight: 700;
    font-size: calc(12px + 13 * (100vw / 1200));
    line-height: calc(6px + 25 * (100vw / 1200));

    color: #6E8F00;

    margin-top: calc(15px + 35 * (100vw / 1200));

}

.benefit__list {
    font-weight: 900;
    margin-top: calc(1px + 25 * (100vw / 1200));
    font-size: calc(12px + 12 * (100vw / 1200));
    line-height: calc(10px + 10 * (100vw / 1200));

    color: #6E8F00;

}

.benefit__list-text {
    font-weight: 500;

    color: #000000;
}

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

.section__incetion {
    width: 100%;

    background:
        url("./images/section-pic/sec-incept.jpg") center  no-repeat;
    background-size: cover;
    background-attachment: scroll;

}

.just-petal {
    margin-left: 30px;
}

.bg-img {
    padding: 70px 0;
}

.inception__title {
    font-weight: 700;
    font-size: calc(10px + 40 * (100vw / 1200));
    line-height: calc(10px + 40 * (100vw / 1200));
    padding-top: calc(10px + 5 * (100vw / 1200));
    color: #FFFFFF;
}




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

.section__price {
    width: 100%;
    background:
        url("./images/section-pic/sec-price.jpg") center no-repeat;
    background-size: cover;

}

.row__package {
    margin-top: 10px;
    margin-bottom: 10px;

}

.price__title {
    font-weight: 700;
    font-size: calc(10px + 40 * (100vw / 1200));

    margin-top: calc(-5px + 50 * (100vw / 1200));


    text-align: center;

    color: #6E8F00;
}

.packages {
    margin-top: 35px;

}

.package__small {

    max-width: 400px;
    width: 100%;
    height: calc(170px + 270 * (100vw / 1200));

    margin-bottom: 10px;
    border: 5px dashed #6E8F00;
}

.package__large {
    height: calc(170px + 270 * (100vw / 1200));
    max-width: 400px;
    width: 100%;
    border: 5px dashed #6E8F00;
    margin-bottom: 10px;
}

.package__title {
    margin-top: 15px;

    font-weight: 700;
    font-size: calc(10px + 20 * (100vw / 1200));

    line-height: calc(10px + 10 * (100vw / 1200));

    color: #000000;
}

.package__subtitle {
    margin-top: calc(1px + 40 * (100vw / 1200));

    font-weight: 200;
    font-size: calc(10px + 10 * (100vw / 1200));

    line-height: calc(10px + 10 * (100vw / 1200));

    text-align: center;

    color: #000000;
}

.package__price {
    margin-top: calc(1px + 40 * (100vw / 1200));
    font-weight: 900;
    font-size: calc(10px + 20 * (100vw / 1200));

    line-height: calc(10px + 10 * (100vw / 1200));

    text-align: center;

    color: #6E8F00;
}

.royalties {
    margin-top: calc(1px + 40 * (100vw / 1200));

    font-weight: 500;
    font-size: calc(10px + 10 * (100vw / 1200));

    line-height: calc(10px + 10 * (100vw / 1200));

    text-align: center;

    color: #000000;
}

.package__text {
    margin-top: calc(1px + 40 * (100vw / 1200));
    margin-left: 5px;
    margin-right: 5px;

    font-weight: 200;
    font-size: calc(10px + 8 * (100vw / 1200));

    line-height: calc(7px + 13 * (100vw / 1200));

    text-align: center;

    color: #000000;
}

.package__large .package__text {
    font-size: calc(10px + 6 * (100vw / 1200));
    line-height: calc(10px + 10 * (100vw / 1200));

    font-weight: 500;
}

.standart {

    font-size: calc(6px + 6 * (100vw / 1200));
    line-height: calc(10px + 10 * (100vw / 1200));

    margin-top: calc(5px + 30 * (100vw / 1200));
    margin-bottom: calc(30px + 30 * (100vw / 1200));
}


/*////////////////////////////////////////////////////////////////////////*/
.rectangle__aplication {
    width: 100%;
    min-height: 350px;
    margin-top: 50px;
    background: #F6F6F6;
    border-radius: 16px;
    position: relative;
    display: block;
    margin-bottom: 10px;
}


.apple {
    overflow: hidden;

    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 16px;
}


.coop-rec__title {
    margin-top: calc(10px + 16 * (100vw / 1200));
    margin-left: calc(10px + 20 * (100vw / 1200));

    font-weight: 500;
    font-size: calc(10px + 20 * (100vw / 1200));
    line-height: calc(10px + 16 * (100vw / 1200));
    /* or 100% */

    width: 95%;
    color: #444444;
}

.cooperation__text {
    margin-top: 20px;
    margin-left: calc(10px + 20 * (100vw / 1200));

    font-weight: 400;
    font-size: calc(10px + 16 * (100vw / 1200));
    line-height: calc(10px + 16 * (100vw / 1200));

    color: #1E222E;
}

.form__name {
    height: 56px;
    width: 200px;
    border-radius: 4px;

    background: rgba(33, 62, 97, 0.04);

}

.button__statement {
    width: 199px;
    height: 56px;
    left: 504px;

    background: #6E8F00;
    border-radius: 4px;
}

.button__statement:hover {
    background: #6E8F00;
    opacity: 0.9;
}

.statement {

    margin-left: 30px;
    margin-top: 3vh;
    margin-right: 30px;
}

.form__name {
    margin-right: 25px;
}

.cooperation__title {
    padding: 10px 0;
    margin-top: 5vh;



    font-weight: 700;
    font-size: calc(10px + 25 * (100vw / 1200));
    line-height: calc(10px + 30 * (100vw / 1200));

    text-align: center;

    color: #6E8F00;
}

.cooperation__title::after {
    content: " ";
    display: block;

    background-color: #6E8F00;
    position: absolute;

    width: 40%;
    height: 3px;

    margin-top: 35px;

    margin-bottom: 30px;

    border: 2px solid #6E8F00;
}

.link__logo {
    width: calc(1rem + 20 * (100vw / 1200));
}

.link__text {
    font-weight: 500;
    font-size: calc(8px + 12 * (100vw / 1200));
    line-height: calc(10px + 30 * (100vw / 1200));


    color: #000000;

    margin-left: 20px;
    text-decoration: none;
}

.link__text:hover {
    color: #6E8F00;
}

.cooperation__link {
    list-style-type: none;
    margin-bottom: 30px;
}

.col__link {
    margin-top: 40px;
}



@media screen and (max-width: 770px) {
    .section__price {
        width: 100%;
        height: 100%;
        background:
            url("./images/section-pic/sec-price.jpg") center center no-repeat;
        background-size: cover;
    }
.section__specif
    .background__specif {
        background-image: url("./images/section-pic/sec-spec.jpg");
        background-position: center;
        background-size: cover;
        width: 100%;
    }

    .row__service {
        display: flex;
        flex-direction: column;
        padding-bottom: 30px;
    }

    .col-service {
        margin-top: -10px;
    }

    .statement {
        display: flex;
        flex-direction: column;
    }

    .picture__place {
        display: none;
    }

    .place__photo {
        display: none;
    }

    .place__text {
        display: none;
    }

    .section__benefit {
        height: min-content;
    }

    .section__garden {
        height: content;
    }

    .section__mission {
        height: min-content;
    }

    .mission__photo {
        width: 100%;
        height: min-content;
        background:
            url("./images/section-pic/sec2.jpg") center no-repeat;
        background-size: cover;

        display: block;
    }

    .photo__founder-2 {
        width: 60%;
        height: 70%;
    }

    .image__steps {
        display: none;
    }

}

@media screen and (max-width: 1090px) {
    .apple {
        display: none;
    }

}

.button__call:hover {
    background-color: #e23c2b !important;
}
.button__call:disabled {
    color: #364600 !important;
}

.button-frn:hover {
    background-color: #e23c2b !important;
}
.button-comnd:hover {
    background-color: #6e8f00 !important;
}
.button-consult:hover {
    background-color: #e23c2b !important;
}

.button-serv:hover {
    background-color: #e23c2b !important;
}
.button__statement:hover {
    background-color: #e23c2b !important;
}