@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
/* @font-face {
    font-family: 'GTWalsheim-Bold';
    src: url('/cdn/shop/files/GTWalsheimBold.ttf?9259225326343680241');
    font-weight: 300;
} */

.zr-splash{
/*     svg{
        overflow: hidden;
        width: 150px;
        padding: 50px 0 0;
    }    */
}
body.zr-splash, html {
/*     min-height: 100%;
    height: 100%; */
}
body.zr-splash{
	min-height: 100vh;
    height: 100vh;
    overflow: hidden;
}
.zr-logo-cover{
    padding: 60px 60px; 
}
.zr-logo-wrap{
    margin: auto 30px auto auto ;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}
.zr-lg-first-stripe{
    background-color: #3f0d85;
    border-color: #3f0d85;
    transform: translateY(-14px);
    -webkit-animation: bounce_anim_first 2s ease-out 0.3s infinite normal ;
    animation: bounce_anim_first 2s ease-out 0.3s infinite normal ;
}
.zr-lg-second-stripe{
    background-color: #681cc5;
    border-color: #681cc5;
    margin: 5px 0;
    transform: translateY(-10px);
}
.zr-lg-third-stripe{
    background-color: #3f0d85;
    border-color: #3f0d85;
    transform: translateY(-6px);
    -webkit-animation: bounce_anim_last 2s ease-out 0.3s infinite normal ;
    animation: bounce_anim_last 2s ease-out 0.3s infinite normal ;
}
.zr-logo-text p{
    font-size: 52px;
    line-height: 100px;
    font-weight: 600;
    font-family: 'Quicksand', sans-serif;
  	font-weight: 600;
    color: #3f0d85;
    display: flex;
    -webkit-animation: bounce_anim_left 2s ease-out 0.1s 1 normal ;
    animation: bounce_anim_left 2s ease-out 0.1s 1 normal ;
}
.zr-logo-text .zr-logo-themes{
     font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    color: #681cc5;
    margin-left: 10px;
    display: inline-block;
}
.zr-logo-cover{
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.zr-logo svg {
    width: 90px;
    padding: 20px 0 0;
}
.zr-logo-splash{
	background: #ffffff;
    z-index: 120000;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}
.zr-logo-splash .zr-logo-wrap{
    margin: 0 55px 0 0;
    width: 90px;
    padding: 30px 0 0;
  }
/******* SVG *******/
.zr-lg-stripe{
    fill-rule: evenodd;            
}
.zr-lg-first-stripe{
    fill: #3f0d85;
}
.zr-lg-second-stripe{
    fill: #681cc5;
}
.zr-lg-third-stripe{
    fill: #3f0d85;
}


@keyframes bounce_grow{
    0%{
        transform: scale(0.5);
    }
    /*50%{
        transform: scale(0.8);
    }*/
    70%{
        transform: scale(1.2);
    }
    100%{
        transform: scale(1);
    }
}
@keyframes bounce_anim_first{
    0%{
        transform: translateY(-14px);
    }
    50%{
        transform: translateY(-8px);
    }
    100%{
        transform: translateY(-14px);
    }
}
@keyframes bounce_anim_last{
    0%{
        transform: translateY(-6px);
    }
    50%{
        transform: translateY(-12px);
    }
    100%{
        transform: translateY(-6px);
    }
}
@keyframes bounce_anim_left{
    0%{
        transform: translateX(150px);
        opacity: 0.7;
    }
    50%{
        transform: translateX(-20px);
        opacity: 0.9;
    }
    100%{
        transform: translateX(0px);
        opacity: 1;
    }
}
@keyframes bounce_anim_header_left{
    0%{
        transform: translateX(30px);
        opacity: 0.7;
    }
    50%{
        transform: translateX(-10px);
        opacity: 0.9;
    }
    100%{
        transform: translateX(0px);
        opacity: 1;
    }
}
@keyframes bounce_anim_upbounce{
    0%{
        transform: translateY(-100px);
        opacity: 0.5;
    }
    50%{
        transform: translateY(40px);
        opacity: 0.8;
    }
    100%{
        transform: translateY(0px);
        opacity: 1;
    }
}