html, body, .hvkk-container, .header {
    height: 100%;
}

body {
    margin: 0px;
    overflow-x: hidden;
}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: '';
}

.clearfix:after {
    clear: both;
}

.header {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}

.hvkk-container {
    margin-top: -90px;
}

.hvkk-hvkk-title {
    z-index: 1000;
    width: 100%;
    position: absolute;
    height: 100%;
}

button.trigger {
    width: 100%;
    height: 45px;
    position: absolute;
    bottom: 0;
    text-align: center;
    background-color: #092E4A;
    padding: 4px;
    border: none;
    cursor: pointer;
}

    button.trigger:focus {
        outline: none;
    }

    button.trigger span {
        width: 100px;
        margin: auto;
        height: 100%;
        background-color: #2086D0;
        padding-top: 2px;
        display:block;
    }

.intro-effect-push:not(.notrans) .header,
.intro-effect-push:not(.notrans) > .hvkk-title {
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

.intro-effect-push .header {
    position: absolute;
}

.intro-effect-push > .hvkk-title {
    position: relative;
    top: auto;
    left: auto;
}

.intro-effect-push > .hvkk-title {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 1;
}

.intro-effect-push.modify > .hvkk-title {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.intro-effect-push.modify .header {
    opacity: 1;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

@media(max-width:767px){
    
   .hvkk-container{
    margin-top:-88px;
    }
    
    }