html,body{
    margin:0;
    padding:0;
    height:100%;
    width:100%;
    font-family:'Microsoft YaHei';
    color:azure;
    overflow:hidden;
    -webkit-transition:background-color .7s;
    transition:background-color .7s
}
html .loader,body .loader{
    position:fixed;
    height:100vh;
    width:100vw;
    top:0;
    clear:both;
    left:0;
    z-index:10;
    background-color:azure
}
html nav.page-nav,body nav.page-nav{
    position:fixed;
    bottom:2em;
    z-index:10;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    left:50%
}
html nav.page-nav a,body nav.page-nav a{
    display:inline-block;
    position:relative;
    background-color:azure;
    width:15px;
    height:15px;
    border-radius:15px;
    margin:3px;
    -webkit-transition:all .7s;
    transition:all .7s;
    outline:none
}
html nav.page-nav a p,body nav.page-nav a p{
    opacity:0;
    position:absolute;
    top:-400%;
    -webkit-transform:translate(-50%, 50%);
    transform:translate(-50%, 50%);
    left:50%;
    text-align:center;
    width:20px;
    -webkit-transition:all .5s;
    transition:all .5s
}
html nav.page-nav:hover p,body nav.page-nav:hover p{
    opacity:1;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
html .language,body .language{
    position:absolute;
    width:41px;
    overflow:hidden;
    text-align:center;
    bottom:50px;
    left:50px;
    padding:0;
    margin:0;
    z-index:10
}
html .language i,body .language i{
    font-size:1.5em;
    cursor:pointer
}
html .language ul,body .language ul{
    list-style:none;
    padding-left:0;
    font-size:12px;
    display:none
}
html .language ul li,body .language ul li{
    display:block;
    margin:1px 0;
    cursor:pointer
}
html a,body a{
    text-decoration:none;
    color:azure
}
html #main,body #main{
    height:100vh;
    width:500vw;
    -webkit-transition:all .7s;
    transition:all .7s;
    overflow-y:hidden
}
html #main section,body #main section{
    height:100vh;
    width:100vw;
    position:absolute;
    top:0;
    -webkit-transition:all .7s;
    transition:all .7s;
    overflow:hidden
}
html #main section .page-next,body #main section .page-next{
    position:absolute;
    right:10%;
    display:block;
    text-align:center;
    color:#333;
    font-size:1em;
    bottom:5%
}
html #main section .page-next i,body #main section .page-next i{
    font-size:2em
}
html #main section .page-next p,body #main section .page-next p{
    margin:5px
}
html #main section .center,body #main section .center{
    position:absolute;
    top:50%;
    left:50%;
    text-align:center;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
html #main section .in-process,body #main section .in-process{
    color:#7F9194;
    font-size:1em
}
html #main section .in-process i,body #main section .in-process i{
    display:block;
    margin-top:10px;
    font-size:2em
}
html #main #section1,body #main #section1{
    left:0;
    position:relative;
    overflow:hidden;
    color:azure
}
html #main #section1 .headline,body #main #section1 .headline{
    position:absolute;
    top:50%;
    left:50%;
    text-align:center;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
html #main #section1 .headline img,body #main #section1 .headline img{
    width:200px;
    height:200px;
    border-radius:100px;
    box-shadow:#FFF 0 0 10px 1px;
    -webkit-transition:all .5s;
    transition:all .5s
}
html #main #section1 .headline img:hover,body #main #section1 .headline img:hover{
    box-shadow:#FFF 0 0 25px 2px
}
html #main #section1 .headline .big,body #main #section1 .headline .big{
    font-size:2em;
    color:#4B5050
}
html #main #section1 .headline h1,body #main #section1 .headline h1{
    margin-bottom:5px
}
html #main #section1 .headline .kiseki,body #main #section1 .headline .kiseki{
    font-style:italic;
    font-size:0.9em;
    padding:0;
    margin:0;
    color:rgba(128,128,128,0.7)
}
html #main #section1 .headline .maybe,body #main #section1 .headline .maybe{
    margin-top:40px
}
html #main #section1 .headline .maybe .big,body #main #section1 .headline .maybe .big{
    font-size:2em
}
html #main #section1 .headline .maybe .link-list,body #main #section1 .headline .maybe .link-list{
    list-style:none;
    width:100vw
}
html #main #section1 .headline .maybe .link-list a,html #main #section1 .headline .maybe .link-list .i-link,html #main #section1 .headline .maybe .link-list .title,body #main #section1 .headline .maybe .link-list a,body #main #section1 .headline .maybe .link-list .i-link,body #main #section1 .headline .maybe .link-list .title{
    display:inline-block;
    color:#4B5050
}
html #main #section1 .headline .maybe .link-list .i-link i,body #main #section1 .headline .maybe .link-list .i-link i{
    font-size:3em
}
html #main #section1 .headline .maybe .link-list .i-link p,body #main #section1 .headline .maybe .link-list .i-link p{
    font-size:1.3em
}
html #main #section1 .headline .maybe .link-list a,body #main #section1 .headline .maybe .link-list a{
    padding:10px 50px;
    -webkit-transition:background-color .5s;
    transition:background-color .5s
}
html #main #section1 .headline .maybe .link-list a:hover,body #main #section1 .headline .maybe .link-list a:hover{
    background-color:rgba(240,255,255,0.4)
}
html #main #section1 .headline .maybe .link-list .i-link,body #main #section1 .headline .maybe .link-list .i-link{
    margin:5px 50px
}
html #main #section2,body #main #section2{
    left:100vw
}
html #main #section2 .section-title,body #main #section2 .section-title{
    position:relative;
    top:10%;
    left:22%;
    color:#495858
}
html #main #section2 .section-title h1,body #main #section2 .section-title h1{
    font-size:3em;
    margin-bottom:10px
}
html #main #section2 .section-title h2,body #main #section2 .section-title h2{
    margin-left:70px
}
html #main #section2 .section-title h2 small,body #main #section2 .section-title h2 small{
    font-size:.5em;
    color:azure
}
html #main #section2 .intro,body #main #section2 .intro{
    position:absolute;
    left:55%;
    top:30%;
    padding-left:20px;
    color:#495858;
    font-size:1.2em;
    border-left:#495858 dashed 1px
}
html #main #section2 img,body #main #section2 img{
    width:20%;
    opacity:.8;
    position:absolute;
    left:10%;
    bottom:0;
    z-index:-1
}
html #main #section3,body #main #section3{
    left:200vw
}
html #main #section3 .container,body #main #section3 .container{
    padding:50px;
    position:relative
}
html #main #section3 .container .section-title,body #main #section3 .container .section-title{
    position:absolute;
    top:20%;
    left:calc(60% + 50px)
}
html #main #section3 .container .section-title h1,body #main #section3 .container .section-title h1{
    font-size:3em;
    margin-bottom:10px
}
html #main #section3 .container .section-title h2,body #main #section3 .container .section-title h2{
    margin-left:70px
}
html #main #section3 .container .skill-list,body #main #section3 .container .skill-list{
    position:relative;
    width:60%;
    padding-right:50px;
    border-right:azure dashed 1px;
    height:calc(100vh - 110px);
    overflow-y:scroll
}
html #main #section3 .container .skill-list p span,body #main #section3 .container .skill-list p span{
    font-size:.5em
}
html #main #section3 .container .skill-list .skill-item p,body #main #section3 .container .skill-list .skill-item p{
    font-size:2em;
    margin-bottom:5px
}
html #main #section3 .container .skill-list .skill-item .skill-wrapper,body #main #section3 .container .skill-list .skill-item .skill-wrapper{
    height:20px;
    width:100%;
    background-color:azure;
    position:relative
}
html #main #section3 .container .skill-list .skill-item .skill-wrapper .skill-inner,body #main #section3 .container .skill-list .skill-item .skill-wrapper .skill-inner{
    height:20px;
    background-color:#35F1B4;
    position:relative;
    -webkit-transition:all .5s;
    transition:all .5s
}
html #main #section3 .container .skill-list .skill-item .skill-wrapper .skill-inner::after,body #main #section3 .container .skill-list .skill-item .skill-wrapper .skill-inner::after{
    -webkit-transition:all .5s;
    transition:all .5s;
    content:'';
    right:0;
    position:absolute;
    height:20px;
    width:0;
    background-color:azure
}
html #main #section4,body #main #section4{
    left:300vw
}
html #main #section4 .section-title,body #main #section4 .section-title{
    position:absolute;
    top:5%;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
html #main #section4 .section-title h1,body #main #section4 .section-title h1{
    font-size:3em;
    margin-bottom:10px
}
html #main #section4 .section-title h2,body #main #section4 .section-title h2{
    /* margin-left:70px */
    width: 100%;
    text-align: center;
}
html #main #section4 .link-list,body #main #section4 .link-list{
    position:absolute;
    top:30%;
    width:80%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    left:50%;
    text-align:center;
    padding-top:20px
}
html #main #section4 .link-list a,body #main #section4 .link-list a{
    display:inline-block;
    width:32%;
    margin:10px 10px 0 0;
    padding-bottom:20px;
    -webkit-transition:all .5s;
    transition:all .5s;
    background-color:rgba(240,255,255,0.17)
}
@media (max-width: 1248px) {
    html #main #section4 .link-list a .link-title{
        height: 80px;
    }
}
html #main #section4 .link-list a .link-title,body #main #section4 .link-list a .link-title{
    font-size:2em;
    margin-bottom:10px;
    word-break: break-word;
}
html #main #section4 .link-list a .link-describe,body #main #section4 .link-list a .link-describe{
    font-size:.8em;
    word-break: break-word;
}
html #main #section4 .link-list a:hover,body #main #section4 .link-list a:hover{
    background-color:rgba(255,255,255,0.6)
}
html #main #section5,body #main #section5{
    left:400vw
}
html #main #section5 .copyright,body #main #section5 .copyright{
    text-align:center;
    position:absolute;
    font-size: 80%;
    bottom:0px;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    left:50%;
    opacity:.3
}
html #main #section5 .copyright p,body #main #section5 .copyright p{
    margin:0;
    padding:0
}
html #main #section5 .work-words p span,body #main #section5 .work-words p span{
    font-size:2em
}
html .home-showing,body .home-showing{
    background-color:#12D2F1
}
html .home-showing #main,body .home-showing #main{
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0)
}
html .home-showing .nav-home,body .home-showing .nav-home{
    width:40px
}
html .i-showing,body .i-showing{
    background-color:#78EAFD
}
html .i-showing #main,body .i-showing #main{
    -webkit-transform:translate(-100vw, 0);
    transform:translate(-100vw, 0)
}
html .i-showing #main section#section2 div.section-title,body .i-showing #main section#section2 div.section-title{
    -webkit-animation:titleDrop 5s;
    animation:titleDrop 5s
}
html .i-showing #main section#section2 div.intro,body .i-showing #main section#section2 div.intro{
    -webkit-animation:introDrop 5s;
    animation:introDrop 5s
}
html .i-showing #main section#section2 img,body .i-showing #main section#section2 img{
    -webkit-animation:misakaDrop 5s;
    animation:misakaDrop 5s
}
html .i-showing .nav-i,body .i-showing .nav-i{
    width:40px
}
html .skill-showing,body .skill-showing{
    background-color:#FF86DA
}
html .skill-showing #main,body .skill-showing #main{
    -webkit-transform:translate(-200vw, 0);
    transform:translate(-200vw, 0)
}
html .skill-showing .nav-skill,body .skill-showing .nav-skill{
    width:40px
}
html .skill-showing #section3 div.section-title,body .skill-showing #section3 div.section-title{
    -webkit-animation:titleDrop 5s;
    animation:titleDrop 5s
}
html .skill-showing #section3 .skill-list,body .skill-showing #section3 .skill-list{
    -webkit-animation:skillFadeIn 5s;
    animation:skillFadeIn 5s
}
html .skill-showing #section3 .skill-list .skill-wrapper,body .skill-showing #section3 .skill-list .skill-wrapper{
    -webkit-animation:skillWrapperFadeIn 5s;
    animation:skillWrapperFadeIn 5s
}
html .skill-showing #section3 .skill-list .skill-wrapper .skill-inner::after,body .skill-showing #section3 .skill-list .skill-wrapper .skill-inner::after{
    -webkit-animation:skillInnerFadeIn 5s;
    animation:skillInnerFadeIn 5s
}
html .link-showing,body .link-showing{
    background-color:#485ED0
}
html .link-showing #main,body .link-showing #main{
    -webkit-transform:translate(-300vw, 0);
    transform:translate(-300vw, 0)
}
html .link-showing .nav-link,body .link-showing .nav-link{
    width:40px
}
html .link-showing section#section4 div.section-title,body .link-showing section#section4 div.section-title{
    -webkit-animation:titleDrop2 5s;
    animation:titleDrop2 5s
}
html .link-showing section#section4 div.link-list,body .link-showing section#section4 div.link-list{
    -webkit-animation:linkFade 5s;
    animation:linkFade 5s
}
html .work-showing,body .work-showing{
    background-color:#FB8166
}
html .work-showing #main,body .work-showing #main{
    -webkit-transform:translate(-400vw, 0);
    transform:translate(-400vw, 0)
}
html .work-showing .nav-work,body .work-showing .nav-work{
    width:40px
}
html .work-showing .work-words,body .work-showing .work-words{
    -webkit-animation:workFadeIn 3s;
    animation:workFadeIn 3s
}
.fade-out-animation{
    -webkit-animation:fadeOut .5s;
    animation:fadeOut .5s
}
.fade-in-animation{
    -webkit-animation:fadeIn .5s;
    animation:fadeIn .5s
}
.avatar-animation{
    -webkit-animation:avatarShadow 1s ease infinite alternate;
    animation:avatarShadow 1s ease infinite alternate
}
@-webkit-keyframes poi{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50%{
        -webkit-transform:scale(1.5);
        transform:scale(1.5);
        opacity:0.35
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0.5
    }
}
@keyframes poi{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50%{
        -webkit-transform:scale(1.5);
        transform:scale(1.5);
        opacity:0.35
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0.5
    }
}
@-webkit-keyframes fadeOut{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes fadeOut{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
@-webkit-keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes avatarShadow{
    from{
        box-shadow:#FFF 0 0 10px 1px
    }
    to{
        box-shadow:#FFF 0 0 25px 2px
    }
}
@keyframes avatarShadow{
    from{
        box-shadow:#FFF 0 0 10px 1px
    }
    to{
        box-shadow:#FFF 0 0 25px 2px
    }
}
@-webkit-keyframes titleDrop{
    from{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%);
        opacity:0
    }
    20%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%);
        opacity:0
    }
    23%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    25%{
        -webkit-transform:translateY(-15%);
        transform:translateY(-15%);
        opacity:1
    }
    27%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@keyframes titleDrop{
    from{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%);
        opacity:0
    }
    20%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%);
        opacity:0
    }
    23%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    25%{
        -webkit-transform:translateY(-15%);
        transform:translateY(-15%);
        opacity:1
    }
    27%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@-webkit-keyframes introDrop{
    from{
        -webkit-transform:translateX(100%);
        transform:translateX(100%);
        opacity:0
    }
    27%{
        -webkit-transform:translateX(100%);
        transform:translateX(100%);
        opacity:0
    }
    40%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@keyframes introDrop{
    from{
        -webkit-transform:translateX(100%);
        transform:translateX(100%);
        opacity:0
    }
    27%{
        -webkit-transform:translateX(100%);
        transform:translateX(100%);
        opacity:0
    }
    40%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@-webkit-keyframes misakaDrop{
    from{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%);
        opacity:0
    }
    40%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%);
        opacity:0
    }
    70%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:.8
    }
}
@keyframes misakaDrop{
    from{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%);
        opacity:0
    }
    40%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%);
        opacity:0
    }
    70%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:.8
    }
}
@-webkit-keyframes skillFadeIn{
    from{
        opacity:0
    }
    18%{
        opacity:0
    }
    30%{
        opacity:1
    }
}
@keyframes skillFadeIn{
    from{
        opacity:0
    }
    18%{
        opacity:0
    }
    30%{
        opacity:1
    }
}
@-webkit-keyframes skillWrapperFadeIn{
    from{
        width:0
    }
    30%{
        width:0
    }
    50%{
        width:100%
    }
}
@keyframes skillWrapperFadeIn{
    from{
        width:0
    }
    30%{
        width:0
    }
    50%{
        width:100%
    }
}
@-webkit-keyframes skillInnerFadeIn{
    from{
        width:100%
    }
    50%{
        width:100%
    }
    70%{
        width:0
    }
}
@keyframes skillInnerFadeIn{
    from{
        width:100%
    }
    50%{
        width:100%
    }
    70%{
        width:0
    }
}
@-webkit-keyframes workFadeIn{
    from{
        opacity:0
    }
    32%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes workFadeIn{
    from{
        opacity:0
    }
    32%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes titleDrop2{
    from{
        -webkit-transform:translate(-50%, -100%);
        transform:translate(-50%, -100%);
        opacity:0
    }
    20%{
        -webkit-transform:translate(-50%, -100%);
        transform:translate(-50%, -100%);
        opacity:0
    }
    23%{
        -webkit-transform:translate(-50%, 0);
        transform:translate(-50%, 0);
        opacity:1
    }
    25%{
        -webkit-transform:translate(-50%, -15%);
        transform:translate(-50%, -15%);
        opacity:1
    }
    27%{
        -webkit-transform:translate(-50%, 0);
        transform:translate(-50%, 0);
        opacity:1
    }
    to{
        -webkit-transform:translate(-50%, 0);
        transform:translate(-50%, 0);
        opacity:1
    }
}
@keyframes titleDrop2{
    from{
        -webkit-transform:translate(-50%, -100%);
        transform:translate(-50%, -100%);
        opacity:0
    }
    20%{
        -webkit-transform:translate(-50%, -100%);
        transform:translate(-50%, -100%);
        opacity:0
    }
    23%{
        -webkit-transform:translate(-50%, 0);
        transform:translate(-50%, 0);
        opacity:1
    }
    25%{
        -webkit-transform:translate(-50%, -15%);
        transform:translate(-50%, -15%);
        opacity:1
    }
    27%{
        -webkit-transform:translate(-50%, 0);
        transform:translate(-50%, 0);
        opacity:1
    }
    to{
        -webkit-transform:translate(-50%, 0);
        transform:translate(-50%, 0);
        opacity:1
    }
}
@-webkit-keyframes linkFade{
    from{
        opacity:0
    }
    27%{
        opacity:0
    }
    50%{
        opacity:1
    }
}
@keyframes linkFade{
    from{
        opacity:0
    }
    27%{
        opacity:0
    }
    50%{
        opacity:1
    }
}
@-webkit-keyframes titleDropMobile{
    from{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%);
        opacity:0
    }
    20%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%);
        opacity:0
    }
    23%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    25%{
        -webkit-transform:translateY(-15%);
        transform:translateY(-15%);
        opacity:1
    }
    27%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@keyframes titleDropMobile{
    from{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%);
        opacity:0
    }
    20%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%);
        opacity:0
    }
    23%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    25%{
        -webkit-transform:translateY(-15%);
        transform:translateY(-15%);
        opacity:1
    }
    27%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@media (max-width: 767px){
    section{
        overflow-y:scroll !important;
        padding-bottom:50px
    }
    section .section-title{
        padding-top:50px;
        margin:10px auto;
        text-align:center;
        position:relative !important;
        left:0 !important;
        top:0 !important;
        -webkit-transform:translateX(0) !important;
        transform:translateX(0) !important
    }
    section .section-title h1{
        font-size:1.5em !important
    }
    section .section-title h2{
        font-size:1em !important
    }
    section .page-next{
        position:relative !important;
        color:#333;
        font-size:1em;
        right:0 !important;
        margin-bottom:60px !important
    }
    #section1 .headline{
        position:relative !important;
        margin-bottom:5em;
        -webkit-transform:translate(0, 0) !important;
        transform:translate(0, 0) !important;
        top:5% !important;
        left:0 !important
    }
    #section1 .link-list{
        padding-left:0
    }
    #section2 .intro{
        position:relative !important;
        padding:10px 50px !important;
        left:0 !important;
        top:0 !important;
        font-size:.8em !important
    }
    #section2 img{
        display:none
    }
    #section3 .container{
        padding:10px !important
    }
    #section3 .container .skill-list{
        width:100% !important
    }
    #section3 .container .skill-list p{
        font-size:1em !important
    }
    #section4 .link-list{
        position:relative !important;
        top:0 !important
    }
    #section4 .link-list a{
        padding:10px;
        vertical-align:top
    }
    #section4 .link-list p.link-title{
        font-size:1em !important
    }
    .link-showing section#section4 div.section-title{
        -webkit-animation:titleDropMobile 5s !important;
        animation:titleDropMobile 5s !important
    }
    #section5 .center{
        position:relative !important;
        top:0 !important;
        left:0 !important;
        -webkit-transform:translate(0, 0) !important;
        transform:translate(0, 0) !important;
        padding-top:100px;
        margin-bottom:100px
    }
    .copy{
        position:fixed;
        bottom:10px
    }
}
.cssload-loader-inner{
    bottom:0;
    height:58px;
    left:0;
    margin:auto;
    position:absolute;
    right:0;
    top:0;
    width:97px
}
.cssload-cssload-loader-line-wrap-wrap{
    animation:cssload-spin 2300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
    -o-animation:cssload-spin 2300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
    -ms-animation:cssload-spin 2300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
    -webkit-animation:cssload-spin 2300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
    -moz-animation:cssload-spin 2300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
    box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    height:49px;
    left:0;
    overflow:hidden;
    position:absolute;
    top:0;
    transform-origin:50% 100%;
    -o-transform-origin:50% 100%;
    -ms-transform-origin:50% 100%;
    -webkit-transform-origin:50% 100%;
    -moz-transform-origin:50% 100%;
    width:97px
}
.cssload-loader-line-wrap{
    border:4px solid transparent;
    border-radius:100%;
    -o-border-radius:100%;
    -ms-border-radius:100%;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    height:97px;
    left:0;
    margin:0 auto;
    position:absolute;
    right:0;
    top:0;
    width:97px
}
.cssload-cssload-loader-line-wrap-wrap:nth-child(1){
    animation-delay:-57.5ms;
    -o-animation-delay:-57.5ms;
    -ms-animation-delay:-57.5ms;
    -webkit-animation-delay:-57.5ms;
    -moz-animation-delay:-57.5ms
}
.cssload-cssload-loader-line-wrap-wrap:nth-child(2){
    animation-delay:-115ms;
    -o-animation-delay:-115ms;
    -ms-animation-delay:-115ms;
    -webkit-animation-delay:-115ms;
    -moz-animation-delay:-115ms
}
.cssload-cssload-loader-line-wrap-wrap:nth-child(3){
    animation-delay:-172.5ms;
    -o-animation-delay:-172.5ms;
    -ms-animation-delay:-172.5ms;
    -webkit-animation-delay:-172.5ms;
    -moz-animation-delay:-172.5ms
}
.cssload-cssload-loader-line-wrap-wrap:nth-child(4){
    animation-delay:-230ms;
    -o-animation-delay:-230ms;
    -ms-animation-delay:-230ms;
    -webkit-animation-delay:-230ms;
    -moz-animation-delay:-230ms
}
.cssload-cssload-loader-line-wrap-wrap:nth-child(5){
    animation-delay:-287.5ms;
    -o-animation-delay:-287.5ms;
    -ms-animation-delay:-287.5ms;
    -webkit-animation-delay:-287.5ms;
    -moz-animation-delay:-287.5ms
}
.cssload-cssload-loader-line-wrap-wrap:nth-child(1) .cssload-loader-line-wrap{
    border-color:#ea4747;
    height:88px;
    width:88px;
    top:7px
}
.cssload-cssload-loader-line-wrap-wrap:nth-child(2) .cssload-loader-line-wrap{
    border-color:#eaea47;
    height:74px;
    width:74px;
    top:14px
}
.cssload-cssload-loader-line-wrap-wrap:nth-child(3) .cssload-loader-line-wrap{
    border-color:#47ea47;
    height:60px;
    width:60px;
    top:20px
}
.cssload-cssload-loader-line-wrap-wrap:nth-child(4) .cssload-loader-line-wrap{
    border-color:#47eaea;
    height:47px;
    width:47px;
    top:27px
}
.cssload-cssload-loader-line-wrap-wrap:nth-child(5) .cssload-loader-line-wrap{
    border-color:#4747ea;
    height:33px;
    width:33px;
    top:34px
}
@keyframes cssload-spin{
    0%,15%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes cssload-spin{
    0%,15%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}