*{
    margin:0;
    padding:0;
    text-decoration:none;
}
.mir{
    margin-top:10px;
    width:100px!important;
}
#lend {
}
a {
    color: #979797;
}
body {
    overflow-x:hidden;
    background-color: #FCFCFC;
    font-family: "Jura";
}
.container{
    height:850px;
    width:1440px;
    margin-left:auto;
    margin-right:auto;
}
.first-block-back{
    
    position:absolute;
}
.circle {
    z-index: -1;
    position: absolute;
    border-radius: 50%;
    background-color: #DBE795;
}
.Cir1{
    margin-left:271px;
    margin-top:299px;
    width:91.5px;
    height:91.5px;
}
.Cir2 {
    margin-left: 417px;
    margin-top: 390px;
    width: 356px;
    height: 356px;
}
.Cir3 {
    margin-left: 912px;
    margin-top: 4.5px;
    width: 474px;
    height: 474px;
}
.Cir4 {
    margin-left: 1062px;
    margin-top: 684px;
    width: 212px;
    height: 212px;
}
.vegetBack {
    margin-top: -275px;
    margin-left: 465px;
    width:1050px;
    overflow:hidden;
}
#vegetBack {

}
.first-block-text{
    z-index:2;
    position:absolute;
}
.first-block h1 {
    margin-left: 70px;
    margin-top: 25px;
    color: #000;
    font-weight: 400;
    font-size: 125px;
}
.first-block h2 {
    margin-left: 76px;
    margin-top: -15px;
    color: #979797;
    font-weight: 400;
    font-size: 44px;
}
.first-block .arrow{
    margin-top: 235px;
    margin-left: 243px;
}
.first-block-button {
    position:absolute;
    transition:0.7s;
    z-index: 112;
    cursor: pointer !important;
    text-align: center;
    margin-left: 70px;
    margin-top: 628px;
    background-color: #DBE795;
    width: 288px;
    height: 62px;
    border-radius: 20.25px;
}
.first-block-button:hover{
    background-color:#BFC985;
}
.first-block-button p{
    padding-top:4px;
    color: #FCFCFC;
    font-size:38px;
}
.second-block {
}
.second-block-button1{
    transition:0.5s;
    cursor:pointer;
    position:absolute;
    margin-left:-100px;
}
.second-block-button1:hover{
    transform:rotate(15deg);
}
.second-block-button2 {
    transition: 0.5s;
    cursor: pointer;
    margin-top: 20px;
    position: absolute;
    margin-left: 1225px;
}
.second-block-button2:hover {
    transform: rotate(-15deg);
}
.arrowSecLef {
    margin-top: -60px;
    float: left;
}
.arrowSecRig {
    margin-right:50px;
    margin-top: -110px;
    float: right;
}
.second-block h1 {
    width: 1090px;
    font-size: 125px;
    color: #000;
    font-weight: 400;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.sliderMain{
    margin-top:-5px;
    width:425px;
    position:absolute;
    left:50%;
    transform:translateX(-215px);
}
/*                 СЛАЙДЕР ЕБУЧИЙ                */
.slick-list {
    overflow: hidden;
}

.slick-track {
    display: flex;
}

.slider {
    margin-top:60px;
    margin-left:auto;
    margin-right:auto;
    width: 1050px;
    position: relative;
}

.slick-slide {
}

.slick-arrow {
    background: none;
    border: none;
    font-size: 0;
    margin-top: 100px;
    position: absolute;
    z-index: 10;
}

.slick-arrow.slick-prev {
    margin-top:-85px;
    margin-left:-260px;
        background-image: url("img/secondBlockBut1.png");
        height: 865px;
        width: 294px;
        transition: 0.5s;
        cursor: pointer;
        position: absolute;
        background-size: 100%;
        background-repeat: no-repeat;

}

.slick-arrow.slick-prev:hover {
     transform: rotate(15deg);

}

    .slick-arrow.slick-next {
        background-image: url("img/secondBlockBut2.png");
        background-size: 100%;
        background-repeat: no-repeat;
        height: 822px;
        width: 292px;
        transition: 0.5s;
        cursor: pointer;
        position: absolute;
        margin-left: 1030px;
        margin-top:-510px;
    }

        .slick-arrow.slick-next:hover {
            transform: rotate(-15deg);
        }

.slick-dots {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    font-size: 0;
}

    .slick-dots button {
        margin: 0px 10px;
        font-size: 0;
        width: 33px;
        height: 33px;
        background: #DBE795;
        border-radius: 50%;
        border: none;
    }

.slick-active button {
    background: #BAC76C;
}

.slider-block {

    margin-right: 90px;
}

.sl {
    transition:0.9s;
    position:relative;
    border-radius: 36px;
    text-align: center;
    opacity: 0.5;
    margin-top: 30px;
    background-color: #DBE795;
    width: 275px;
    height: 391px;
}

.slick-current .sl {
    margin-top: 0px;
    background-color: #DBE795;
    opacity: 1;
    height: 450px;
    width:315px;
}
.slider-block-ic {

    padding-top: 20px;
}
.sl p {
    user-select: none;

    margin-top: 18px;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    font-size: 25px;
}
.slider-block-img {

    width: 100%;
    position: absolute;
    bottom: 20px;
}
#slider-block-img {

    margin-left: auto;
    margin-right: auto;
}
.slick-current .sl p {
    font-size: 30px;
}
.slick-current .sl .slider-block-img {
    bottom: 40px;
}



.third-block-back{
    z-index:-1;
    position:relative;
}
#tbB1{
    top:260px;
    position:absolute;
    right:-30px;
}
#tbB2 {
    top: 745px;
    position: absolute;
    left: 135px;
}
#tbB3 {
    top: 495px;
    position: absolute;
    left:-90px;
}
.third-block-text {
    margin-top:-55px;
    margin-left: 65px;
    font-size: 120px;
}
.third-block-text span{
    color:#8E9D32;
}
#fbB1 {
    margin-left:-250px;
    margin-top: 100px;
    position: absolute;
}
#fbB2 {
    margin-left: -10px;
    margin-top: 350px;
    position: absolute;
}
#fbB3 {
    margin-left: 120px;
    margin-top: 190px;
    position: absolute;
}
.fourth-block-text{
    text-align:right;
}
.fourth-block-text h1{
    margin-left:30%;
    margin-right:75px;
    font-weight:normal;
    font-size:125px;
}
.fourth-block-num {
    margin-right:35px;
    margin-top: 25px;
    float: right;
}
.fourth-block-num-text {
    margin-right: 75px;
    margin-top: 15px;
    max-width: 450px;
    float: right;
}
.fourth-block-text p {
    margin-bottom:70px;
    color: #788816;
    font-size: 30px;
}
#five-block-back{
    right:120px;
    z-index:-1;
    position:absolute;
}
.five-block{
    margin-top:30px;
}
.five-block-back{
    margin-top:-200px;
}
.five-block h1 {
    font-size: 90px;
    font-weight: 400;
    width: 70%;
}
.five-block p {
    margin-top: 210px!important;
    width: 37%;
    font-size: 44px;
    color: #788816;
}
.five-block-btn {
    margin-top: 50px;
    cursor: pointer;
    text-align: center;
    font-size: 38px;
    color: #FCFCFC;
    width: 290px;
    height: 62px;
    background-color: #8E9D32;
    transition: 0.7s;
    border-radius: 20px;
}
.five-block-btn:hover{
    background-color:#BFD24B;
}
.footer {
    margin-top:-200px!important;
    height:200px;
    overflow:hidden;
    background-color: #000;
}
.footer h1{
    color:#FCFCFC;
}
.footer p{
    color: #979797;
}
.foot-block {
    margin-left:70px;
    margin-top:33px;
    float:left;
}
#copy{
    margin-top:50px;
}





@media only screen and (max-width: 1440px) {
    .container {
        
        height: auto;
        width: 100%;
    }
    .circle{
        display:none;
        position:static;
    }
    .first-block-back {
        width:100%;
        height:1050px;
        position: static;
        background-image:url("img/back.png");
        background-size:90%;
        background-repeat:no-repeat;
        background-position-x:270px;
        background-position-y:-150px;
    }
    .first-block-back{
        overflow:hidden;
    }
    .vegetBack {
        display:none;
        margin-top: -305px;
        width: 100%;
    }
    .first-block-text{
        margin-top:-1050px;
    }
    .first-block-button{
        position:static;
        margin-top:-400px;
    }
    .second-block h1 {
        width:90%;
        font-size:64px;
    }
    .third-block {
        min-height:850px;
        overflow: hidden;
    }
    .third-block-text{
        margin-top:-10px;
        font-size: 100px;
    }
    #tbB1 {
        max-width:700px;
        width:70%;
        top: 260px;
        position: absolute;
        right: -230px;
    }

    #tbB2 {
        top: 645px;
        position: absolute;
        left: 135px;
    }

    #tbB3 {
        top: 395px;
        position: absolute;
        left: -90px;
    }
    .slick-arrow {
        display: none !important;
    }
    .five-block{
        overflow:hidden;
        margin-top:600px;
    }
    .five-block-back {
        float:right;
        position: relative;
        width: 470px;
        height: 700px;
        overflow: hidden;
    }
    #five-block-back {
        right: -650px;
    }
    .five-block h1{
        margin-left:60px;
    }
    .five-block p {
        margin-top: 30px !important;
        margin-left: 60px;
    }
    .five-block-btn {
        margin-left: 60px;
    }
    .footer {
        margin-top: 200px !important;
    }
}

@media only screen and (max-width: 1000px) {
    .first-block h1{
        width:350px;
        font-size:104px;
    }
    .first-block h2 {
        width: 250px;
        font-size: 30px;
    }
    .vegetBack {
        margin-left: 265px;
        height: 1100px;
        margin-top: -155px;
        width: 100%;
    }
    #vegetBack {
        width: 940px;
    }
    .Cir2{
        margin-left:400px;
    }
    .arrow{
        margin-top:100px!important;
    }
    #arrow{
        
        width:200px;
    }
    .first-block-back{
        height:645px;
        background-position-x: 170px;
        background-position-y: -150px;
    }
    .first-block-text {
        margin-top: -650px;
    }
    .first-block-button {
        margin-top: -120px;
    }
    .slick-arrow {
        display:none!important;
    }
    .arrowSecLef {
        display: none !important;
    }
    .arrowSecRig {
        display: none !important;
    }
    .slider{
        width:90%;
    }
    .third-block-text {
        margin-top: -10px;
        font-size: 66px;
    }
    

    #tbB1 {
        top: 0;
        right: 0;
        margin-left: 15%;
        max-width: 600px;
        width: 66%;
        position: static;
    }

    #tbB2 {
        
        top: 945px;
        position: absolute;
        left: 135px;
    }

    #tbB3 {
        width:30%;
        left:50px;
        top: 625px;
        position: absolute;
        right:30px;
    }
    #fbB1 {
        max-width: 450px;
        min-width: 300px;
        width: 80%;
        margin-left: -250px;
        margin-top: 210px;
        position: absolute;
    }

    #fbB2 {
        max-width: 450px;
        min-width: 250px;
        width: 80%;
        margin-left: -220px;
        margin-top: 550px;
        position: absolute;
    }

    #fbB3 {
        min-width: 200px;
        max-width: 400px;
        width: 75%;
        transform: rotate(-15deg);
        margin-left: -180px;
        margin-top: 50px;
        position: absolute;
    }
    .fourth-block-text h1{
        font-size:64px;
        margin-right:15px;
    }
    .fourth-block-num-text p {
        font-size:26px;
    }
    .fourth-block-num-text {
        max-width:40%;
        margin-right: 15px;
    }
    .fourth-block-num{
        margin-right:20px;
    }
    .sliderMain {
        margin-top: -5px;
        width: 320px;
        position: absolute;
        left: 50%;
        transform: translateX(-155px);
    }
    .sliderMain img{
        width:320px;
    }
    .five-block-back {
        margin-top:0px;
        float: right;
        position: relative;
        width: 350px;
        height: 700px;
        overflow: hidden;
    }
    .five-block{
        width:100%;
    }
    .five-block-btn{
        font-size:30px;
    }


    #five-block-back {
        width: 800px;
        right: -450px;
    }
    .five-block h1 {
        margin-left:20%;
        text-align:center;
        font-size: 60px;
        font-weight: 400;
        width:60%;
    }

    .five-block p {
        margin-top: 30px;
        width: 30%;
        font-size: 30px;
        color: #788816;
    }
    
}

@media only screen and (max-width: 600px){
    .first-block-back {
        height: 700px;
        background-size: 150%;
        background-position-x: -180px;
        background-position-y: -40px;
    }
    .first-block h1{
        font-size:64px;
    }
    .first-block h2 {
        margin-top: 5px;
        width: 100px;
        font-size: 16px;
    }
    .vegetBack {
        margin-left: -15px;
        height: 1100px;
        margin-top: 45px;
        width: 100%;
    }

    #vegetBack {
        width: 655px;
    }
    .arrow {
        display:none;
    }
    .first-block-text{
        margin-top:-730px;
        margin-left:-50px;
    }
    .first-block-button {
        margin:0px;
        margin-left:auto;
        margin-right:auto;
        margin-top: 20px;
    }
    .third-block-text {
        margin-top: 0px;
        margin-left: 10%;
        margin-right: 10%;
        font-size: 27px;
    }
    #tbB3 {
        width: 30%;
        left: auto;
        top: 325px;
        position: absolute;
        right: 30px;
    }
    #tbB1{
        margin-top:50px;
    }
    .third-block{
        min-height:450px;
    }
    #fbB1 {
        width: 350px;
        margin-left: -160px;
        margin-top: 170px;
        position: absolute;
    }

    #fbB2 {
        width: 300px;
        margin-left: -150px;
        margin-top: 380px;
        position: absolute;
    }

    #fbB3 {
        width: 250px;
        transform: rotate(-15deg);
        margin-left: -90px;
        margin-top: 90px;
        position: absolute;
    }

    .fourth-block-text h1 {
        font-size: 48px;
        margin-right: 15px;
    }

    .fourth-block-num-text p {
        margin-bottom:30px;
        font-size: 26px;
    }

    .fourth-block-num-text {
        max-width: 50%;
        margin-right: 15px;
    }

    .fourth-block-num {
        margin-top:50px;
        margin-right: -5px;
    }
    .five-block-back {
        margin-top: -70px;
        float: right;
        position: relative;
        width: 45%;
        height: 430px;
        overflow: hidden;
    }
    .five-block-btn {
        padding-top:10px;
        transform:translateX(-120px);
        margin-left:50%;
        position:absolute;
        margin-top:50px;
        width:250px;
        height:55px;
        font-size: 30px;
    }


    #five-block-back {
        width: 700px;
        right: -260%;
    }

    .five-block h1 {
        margin-left: 20%;
        text-align: center;
        font-size: 36px;
        font-weight: 400;
        width: 60%;
    }

    .five-block p {
        margin-left:20px;
        margin-top: 30px;
        width: 44%;
        font-size: 27px;
        color: #788816;
    }
    .footer {
        margin-top: 150px;
    }
    .footer h1{
        font-size:14px;
    }
    .footer p{
        font-size:10px;
    }
    .footer {
        min-height: 450px;
        height: 100%;
        overflow: visible;
    }
}
@media only screen and (max-width: 431px){
    .first-block-back {
        height: 700px;
        background-size: 720px;
        background-position-x: -180px;
        background-position-y: -40px;
    }
    .first-block-text {
        width:100%;
    }
    .first-block-text h1 {
        width:240px;
    }
    .first-block-text h2 {
        
    }
    .first-block-button {
        margin-top: -80px;
    }
    .fourth-block-text h1 {
        font-size: 45px;
        margin-right: 10px;
    }

    .fourth-block-num-text p {
        margin-bottom: 30px;
        font-size: 26px;
    }

    .fourth-block-num-text {
        max-width: 60%;
        margin-right: 10px;
    }

    .fourth-block-num {
        margin-top: 50px;
        margin-right: -5px;
    }
    #fbB1 {
        width: 350px;
        margin-left: -180px;
        margin-top: 170px;
        position: absolute;
    }

    #fbB2 {
        width: 300px;
        margin-left: -170px;
        margin-top: 380px;
        position: absolute;
    }

    #fbB3 {
        width: 250px;
        transform: rotate(-15deg);
        margin-left: -110px;
        margin-top: 90px;
        position: absolute;
    }
    .sliderMain{
        display:none;
    }
}