body {
/*    background: repeating-linear-gradient(to right, transparent 0 20px, #303030 20px 30px, transparent 30px 35px, #303030 35px 45px,transparent 45px 50px, #f00 50px 60px, #fff 60px 10000px); */
margin:0;
}

.box svg {
    margin-top: 0%;
}

.box {
    /* margin-top: 5%; */
    position:fixed;
    width: 100%;
    height: 100vh;
    transition:.5s;
    background:#fff;
}

.box.transparent{
    opacity:0;
    background: rgba(58,69,58, 0);
}

.box.transparent #logo{
    opacity: 0.3;
}


.box.transparent #logo-text{
    top:5%;
}

/*
.box.transparent #logo-text img{
    width:100%;
    filter: brightness(0);
}
*/

.box.transparent .sw-abs{
    opacity: 1;
}

#logo {
    margin: auto;
    position: relative;
    top: 5%;
    width: 100% !important;
    height: 100% !important;
    z-index:0;
}
#logo-text {
    position:absolute;
    top:30%;
    width: 100%;
    overflow:hidden;
    margin: 20px auto 0;
    text-align: center;
    opacity:0; /*Элемент полностью прозрачный (невидимый)*/
    transition: 1s; /*Скорость перехода состояния элемента*/        
    animation: show 1s 1; /* Указываем название анимации, её время и количество повторов*/
    animation-fill-mode: forwards; /* Чтобы элемент оставался в конечном состоянии анимации */
    animation-delay: 1s; /* Задержка перед началом */
}
@keyframes show{
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
#logo-text img {
    width:600px;
    margin:auto;
}

/*-----------------------------*/
#menu{
    display:flex;
    width:100vw;
    position:fixed;
    flex-direction: row;
    left:0;
    top:0;
    z-index: 1000;
    opacity: 0;
    transition: 1s cubic-bezier(0, 0, 1, 1);
}
#menu > div{
    width:33.33vw
}

.menu-logo{
    opacity: 0;
}

.menu-logo img{
    width:300px;
}


.box, #logo-text, #logo, .sw-abs{
    transition: 1s cubic-bezier(0, 0, 1, 1);
}

#logo-text{
    transition: 1s cubic-bezier(0.5, 0, 0.5, 1);
}

#logo-text img{
    transition: 1s cubic-bezier(0.5, 0, 0.5, 1);
}

.swipe {
    position: relative;
    overflow: hidden;
    -webkit-transition: 1s cubic-bezier(0.5, 0, 0.5, 1);
    transition: 1s cubic-bezier(0.5, 0, 0.5, 1);
}

section.panel {
    position: relative;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;

}


.gscroll-block{
    width:100%;
    display:flex;
    overflow: hidden;
    margin: 0 auto;
    justify-content:center;
    transition: 0.3s;
}

.gscroll-block img{
    width:100%;
}
.gscroll-img{
    transition: 0.3s;
}

.sw-abs{
    width:100%;
    max-width: 1200px;
    max-width: 1200px;
    left: calc(50% - 600px);
    position: absolute;
    top:38%;
    opacity: 1;
}