/* error */
html, body {width:100%; height:100%; margin:0}
html, body, input, select, textarea, button{font-family:'Apple SD Gothic Neo', Helvetica, 'notokr', Arial, sans-serif; font-weight:normal; letter-spacing:0; vertical-align:middle; line-height:1.5; color:#333}
body .wrap{background-color:#FAFBFC; height:100%; min-height:100%; display:table; width:100%}
.error{margin:0 auto; max-width:430px; text-align:center; display:table-cell; vertical-align:middle; padding:0 15px}
.error h1{font-size:20px; font-weight:600; letter-spacing:-0.02em; margin-top:30px; color:#333}
.error p{font-size:15px; line-height:1.6; margin-top:12px; color:#666}
.error .btn-group{margin-top:30px}
.error .btn{display:inline-block; border:1px solid #00000014; min-width:120px; font-size:16px; padding:16px 16px 14px 14px; border-radius:2px; background-color:#fff; text-decoration:none}
.error .btn-color{background-color:#3958F6; color:#fff; border:none}
.error .icon{margin:0 auto; position:relative; width:160px; height:160px; z-index:99; border-radius:100%; overflow:hidden; background-color:#F0F2F4}
.error .icon img{width:85px; height:60px; position:absolute; top:50%; left:0px; margin-top:-30px;
-webkit-animation:move 1.5s linear 0.1s infinite alternate; /*normal;  Chrome, Safari, Opera */
animation:move 1.5s linear 0.1s infinite alternate; /*normal;  Standard syntax */}

@media(min-width:672px){
  .error h1{font-size:28px; letter-spacing:-0.02em; margin-top:30px}
  .error p{font-size:16px; margin-top:16px}
  .error .btn{min-width:150px; padding:18px 18px 16px 18px}

}

@keyframes move {
      from { transform: translateX(0); }
      to { transform: translateX(400px); }
}

@keyframes move{
      from {transform:translateX(-65px);
            animation-timing-function:cubic-bezier(5, 0, 0.8, 1)}
      to {transform:translateX(160px)}
}


/*inaccessible*/
.inaccessible{position:fixed; height:100%; flex-flow:row wrap; max-width:980px; align-content:center; display:flex; padding-bottom:87px}
.inaccessible p{font-size:28px; letter-spacing:-0.02em; font-weight:600; line-height:1.4}
.inaccessible span{opacity:0.7; margin-top:7px}
.inaccessible p,
.inaccessible span,
.inaccessible div{flex:1 100%; text-align:center}
.inaccessible div a{flex:1 100%; background:#4b5cff; color:#fff; text-align:center; min-width:170px; border-radius:2px; display:inline-block; padding:15px 10px; margin-top:30px}