.waves-block {
    position: relative;
    height: 1073px;
    overflow: hidden;
    top: 0;
    /*visibility: hidden;*/
}

#slick-slide-control00 {
    visibility: hidden;
    top: -1000px;
}

.arrow-nav-bl {
    position: absolute;
    z-index: 999;
}

.wrapp_sip {
    position: relative;
    width: 100%;
    height: 591px;
    border-bottom: 1px solid #111;
    overflow: hidden;
    visibility: hidden;
}

.skay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.skay .niht {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../img/sky_noch.svg)no-repeat;
    background-size: cover;
    opacity: 0;
}

.skay .dey {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/sky_den.svg)no-repeat;
    background-size: cover;
}

.sphere {
    position: absolute;
    width: 136px;
    height: 136px;
    right: 65px;
    top: 25px;
}

.sphere .dey {
    width: 136px;
    height: 136px;
    background: url(../img/sun.png);
}

.sphere .niht {
    position: absolute;
    width: 493px;
    height: 493px;
    background: url(../img/moon.svg);
    left: -175px;
    top: -175px;
    opacity: 0;
}

.town {
    position: relative;
    width: 120%;
    height: 214px;
    top: 760px;
}

.town .dey {
    position: absolute;
    width: 100%;
    background: url(../img/taun_d.png);
    background-position: center;
    height: 214px;
}

.town .niht {
    position: absolute;
    width: 100%;
    background: url(../img/taun_n.png);
    background-position: center;
    height: 214px;
    opacity: 0;
}

.wave,
.wave6 {
    position: absolute;
    width: 100%;
    height: 160px;
    bottom: 0;
    min-width: 1700px;
}

.wave .dey {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.wave .niht {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.vw {
    position: absolute;
    width: 100%;
}

.wave .dey .vw1 {
    top: 5px;
    background: url(../img/home-wave1.png)repeat-x;
    height: 35px;
}

.wave .dey .vw2 {
    top: 10px;
    background: url(../img/home-wave2.png)repeat-x;
    height: 66px;
}

.wave .dey .vw3 {
    top: 40px;
    background: url(../img/home-wave3.png)repeat-x;
    height: 68px;
}

.wave .dey .vw4 {
    top: 55px;
    background: url(../img/home-wave4.png)repeat-x;
    height: 77px;
}

.wave .dey .vw5 {
    top: 85px;
    background: url(../img/home-wave5.png)repeat-x;
    height: 68px;
}

.wave6 .dey .vw6 {
    bottom: 0px;
    background: url(../img/home-wave6.png)repeat-x;
    height: 47px;
}


/*НОчь*/

.wave .niht .vw1 {
    top: 5px;
    background: url(../img/home-wave1n.png)repeat-x;
    height: 35px;
}

.wave .niht .vw2 {
    top: 10px;
    background: url(../img/home-wave2n.png)repeat-x;
    height: 66px;
}

.wave .niht .vw3 {
    top: 40px;
    background: url(../img/home-wave3n.png)repeat-x;
    height: 68px;
}

.wave .niht .vw4 {
    top: 55px;
    background: url(../img/home-wave4n.png)repeat-x;
    height: 77px;
}

.wave .niht .vw5 {
    top: 85px;
    background: url(../img/home-wave5n.png)repeat-x;
    height: 68px;
}

.wave6 .niht .vw6 {
    bottom: 0px;
    background: url(../img/home-wave6n.png)repeat-x;
    height: 47px;
}

.wave6 {
    height: 68px;
    z-index: 9999;
}

.wave6 .niht {
    opacity: 0;
}


/*ships*/
.ship {
    position: absolute;
    width: 1837px;
    top: auto;
    bottom: 35px;
    height: 176px;
    left: 0;
    cursor: pointer;
}

.ship .b1 {
    position: relative;
    background: url(../img/barga.svg)no-repeat 0 0;
    background-size: contain;
    width: 489px;
    height: 182px;
    bottom: 6px;
    float: left;
}

.ship .b2 {
    position: relative;
    width: 780px;
    height: 149px;
    top: 32px;
    background: url(../img/barge.svg)no-repeat 0 0;
    float: left;
}

#lain {
    position: relative;
    width: 45px;
    height: 2px;
    background: #fff;
    top: 138px;
    left: 0;
    float: left;
}

.ship .b3 {
    position: relative;
    background: url(../img/barga.svg)no-repeat 0 0;
    background-size: contain;
    width: 489px;
    height: 182px;
    bottom: 6px;
    float: left;
    margin-left: -5px;
}

.svet {
    position: absolute;
    background: url(../img/svet.png)no-repeat;
    background-size: contain;
    width: 815px;
    height: 325px;
    top: -86px;
    left: -73px;
    opacity: 0;
}

#up_block {
    position: absolute;
    width: 80px;
    height: 80px;
    right: 0;
    top: 233px;
    z-index: 9999;
}

#up_block .deyv {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/mt_noch.svg)no-repeat;
}

#up_block .nihtv {
    position: absolute;
    width: 100%;
    height: 100%;
    left: -6px;
    background: url(../img/mt_den.svg)no-repeat;
    opacity: 0;
}

.grip {
    position: absolute;
}


/*Cloud*/
.cloud {
    position: absolute;
    width: 100%;
    height: 240px;
    left: 0;
    top: 0;
    min-width: 1000px;
}
.cloud-fish {
    position: absolute;
    width: 100%;
    height: 395px;
    left: 0;
    top: 260px;
    min-width: 1000px;
}
.cloud-2 {
    top: 500px;
}
.cloud .dey {
    width: 100%;
    height: 100%;
}

.cloud .niht {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.cloud .dey .cl1 {
    position: absolute;
    background: url(../img/cloud1_den.svg)no-repeat;
    width: 330px;
    height: 90px;
    left: 50%;
    margin-left: -265px;
    top: 30px;
}

.cloud .dey .cl2 {
    position: absolute;
    background: url(../img/cloud2_den.svg)no-repeat;
    width: 330px;
    height: 90px;
    left: 5%;
    margin-left: -165px;
    top: 50px;
}
.cloud-fish .dey .cl2 {
    background: url(../img/fish-2.svg)no-repeat;
    margin-left: 0;
    opacity: .1;
    width: 80px;
    height: 73px;
    left: 6%;
    top: 39%;
}
.cloud-fish .dey .cl1 {
    background: url(../img/fish-1.svg)no-repeat;
    width: 90px;
    height: 75px;
    margin: 0;
    top: 9%;
    left: 49%;
    opacity: .03;
}
.cloud .dey .cl3 {
    position: absolute;
    background: url(../img/cloud3_den.svg)no-repeat;
    width: 330px;
    height: 90px;
    left: 25%;
    margin-left: -165px;
    top: 100px;
}
.cloud-fish .dey .cl3 {
    background: url(../img/fish-3.svg)no-repeat;
    width: 65px;
    height: 40px;
    margin: 0;
    top: -2%;
    opacity: .02;
    right: 16.8%;
    left: auto;
}
.cloud .dey .cl4 {
    position: absolute;
    background: url(../img/cloud4_den.svg)no-repeat;
    width: 330px;
    height: 90px;
    left: 95%;
    margin-left: -165px;
    top: 100px;
}

.cloud .dey .cl5 {
    position: absolute;
    background: url(../img/cloud5_den.svg)no-repeat;
    width: 330px;
    height: 90px;
    left: 75%;
    margin-left: -165px;
    top: 50px;
}
.cloud-fish .dey .cl4 {
    background: url(../img/fish-4.svg)no-repeat;
    width: 105px;
    height: 50px;
    margin: 0;
    top: 81%;
    opacity: .02;
    right: 47%;
    left: auto;
}
.cloud-fish .dey .cl5 {
    background: url(../img/fish-5.svg)no-repeat;
    width: 115px;
    height: 115px;
    margin: 0;
    top: 67%;
    opacity: 0.06;
    right: 29.8%;
    left: auto;
}
.cloud-fish .dey .cl6 {
    position: absolute;
    background: url(../img/fish-float.svg)no-repeat;
    width: 115px;
    height: 115px;
    margin: 0;
    opacity: 0.06;
    -webkit-animation: float 50s  infinite;
    -moz-animation: float 50s  infinite;
    -ms-animation: float 50s  infinite;
    animation: float 50s  infinite;
}
@-webkit-keyframes float {
    from {
        top: -50%;
        right: -1%;
    }
    to {
        top: -40%;
        right: 101%;
    }
}
.cloud-fish .dey .cl7 {
    position: absolute;
    background: url(../img/fish-2.svg)no-repeat;
    width: 115px;
    height: 115px;
    margin: 0;
    opacity: 0.06;
    -webkit-animation: float-sec 60s  infinite;
    -moz-animation: float-sec 60s  infinite;
    -ms-animation: float-sec 60s  infinite;
    animation: float-sec 60s  infinite;
}
@-webkit-keyframes float-sec {
    from {
        top: 70%;
        left: -1%;
    }
    to {
        top: 0%;
        left: 101%;
    }
}
.cloud-fish .dey .cl8 {
    position: absolute;
    background: url(../img/fish-8.svg)no-repeat;
    width: 115px;
    height: 115px;
    margin: 0;
    opacity: 0.03;
    -webkit-animation: float-th 75s  infinite;
    -moz-animation: float-th 75s  infinite;
    -ms-animation: float-th 75s  infinite;
    animation: float-th 75s  infinite;
}
@-webkit-keyframes float-th {
    from {
        top: 150%;
        right: -1%;
    }
    to {
        top: 20%;
        right: 101%;
    }
}
.cloud-fish .dey .cl9 {
    position: absolute;
    background: url(../img/fish-9.svg)no-repeat;
    width: 115px;
    height: 115px;
    margin: 0;
    opacity: 0.06;
    -webkit-animation: float-f 65s  infinite;
    -moz-animation: float-f 65s  infinite;
    -ms-animation: float-f 65s  infinite;
    animation: float-f 65s  infinite;
}
@-webkit-keyframes float-f {
    from {
        top: 175%;
        left: -1%;
    }
    to {
        top: 60%;
        left: 101%;
    }
}
.cloud-fish .dey .cl10 {
    position: absolute;
    background: url(../img/fish-3.svg)no-repeat;
    width: 115px;
    height: 115px;
    margin: 0;
    opacity: 0.06;
    -webkit-animation: float-fv 45s  infinite;
    -moz-animation: float-fv 45s  infinite;
    -ms-animation: float-fv 45s  infinite;
    animation: float-fv 45s  infinite;
}
@-webkit-keyframes float-fv {
    from {
        top: 105%;
        right: -1%;
    }
    to {
        top: 115%;
        right: 101%;
    }
}
/* cloud niht*/
.cloud .niht .cl1 {
    position: absolute;
    background: url(../img/cloud1_noch.svg)no-repeat;
    width: 330px;
    height: 90px;
    left: 50%;
    margin-left: -265px;
    top: 30px;
}

.cloud .niht .cl2 {
    position: absolute;
    background: url(../img/cloud2_noch.svg)no-repeat;
    width: 330px;
    height: 90px;
    left: 5%;
    margin-left: -165px;
    top: 50px;
}

.cloud .niht .cl3 {
    position: absolute;
    background: url(../img/cloud3_noch.svg)no-repeat;
    width: 330px;
    height: 90px;
    left: 25%;
    margin-left: -165px;
    top: 100px;
}

.cloud .niht .cl4 {
    position: absolute;
    background: url(../img/cloud4_noch.svg)no-repeat;
    width: 330px;
    height: 90px;
    left: 95%;
    margin-left: -165px;
    top: 100px;
}

.cloud .niht .cl5 {
    position: absolute;
    background: url(../img/cloud5_noch.svg)no-repeat;
    width: 330px;
    height: 90px;
    left: 75%;
    margin-left: -165px;
    top: 50px;
}