.bg-1 {
    background: #eceff1;
    color: #37474f
}

.bg-2 {
    background: #7986cb;
    color: #eceff1
}

.bg-3 {
    background: #37474f;
    color: #fff
}

.button {
    -float: left;
    -min-width: 150px;
    -max-width: 250px;
    display: block;
    -margin: 1em;
    -padding: 1em 2em;
    border: none;
    background: 0 0;
    color: inherit;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.button:focus {
    outline: none
}

.button>span {
    vertical-align: middle
}

.bg-1 .button {
    color: #37474f;
    border-color: #37474f
}

.bg-2 .button {
    color: #eceff1;
    border-color: #eceff1
}

.bg-3 .button {
    color: #fff;
    border-color: #fff
}

.button--size-s {
    font-size: 14px
}

.button--size-m {
    font-size: 16px
}

.button--size-l {
    font-size: 18px
}

.button--text-upper {
    letter-spacing: 2px;
    text-transform: uppercase
}

.button--text-thin {
    font-weight: 300
}

.button--text-medium {
    font-weight: 500
}

.button--text-thick {
    font-weight: 600
}

.button--round-s {
    border-radius: 5px
}

.button--round-m {
    border-radius: 15px
}

.button--round-l {
    border-radius: 40px
}

.button--border-thin {
    -border: 1px solid
}

.button--border-medium {
    border: 2px solid
}

.button--border-thick {
    border: 3px solid
}






@-webkit-keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(.8,.8,1);
        transform: scale3d(.8,.8,1)
    }

    85% {
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(.8,.8,1);
        transform: scale3d(.8,.8,1)
    }

    85% {
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@-webkit-keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.button--isi {
    padding: 1.2em 2em;
    color: #fff;
    background: #7986cb;
    overflow: hidden
}

.button--isi::before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #3f51b5;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale3d(1,2,1);
    transform: scale3d(1,2,1);
    -webkit-transition: -webkit-transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(.7,0,.9,1);
    transition-timing-function: cubic-bezier(.7,0,.9,1)
}

.button--isi .button__icon {
    vertical-align: middle
}

.button--isi>span {
    vertical-align: middle;
    padding-left: .75em
}

.button--isi:hover::before {
    -webkit-transform: scale3d(9,9,1);
    transform: scale3d(9,9,1)
}





.button.button--wapasha {
    background: #37474f;
    color: #fff;
    -webkit-transition: background-color .3s,color .3s;
    transition: background-color .3s,color .3s
}

.button--wapasha.button--inverted {
    background: #fff;
    color: #37474f
}

.button--wapasha::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #3f51b5;
    z-index: -1;
    border-radius: inherit;
    opacity: 0;
    -webkit-transform: scale3d(.6,.6,1);
    transform: scale3d(.6,.6,1);
    -webkit-transition: -webkit-transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(.75,0,.125,1);
    transition-timing-function: cubic-bezier(.75,0,.125,1)
}

.button--wapasha.button--inverted::before {
    border-color: #7986cb
}

.button--wapasha:hover {
    background-color: #fff;
    color: #3f51b5
}

.button--wapasha.button--inverted:hover {
    background-color: #37474f;
    color: #7986cb
}

.button--wapasha:hover::before {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    opacity: 1
}

/*.button--nina {
    padding: 0 2em;
    background: #7986cb;
    color: #fff;
    overflow: hidden;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
    }*/

    .button--nina.button--inverted {
        background: #fff;
        color: #7986cb
    }

    .button--nina>span {
        display: inline-block;
        padding: 1em 0;
        opacity: 0;
        color: #fff;
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
        -webkit-transition: -webkit-transform .3s,opacity .3s;
        transition: transform .3s,opacity .3s;
        -webkit-transition-timing-function: cubic-bezier(.75,0,.125,1);
        transition-timing-function: cubic-bezier(.75,0,.125,1)
    }

    .button--nina::before {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 1em 0;
        -webkit-transition: -webkit-transform .3s,opacity .3s;
        transition: transform .3s,opacity .3s;
        -webkit-transition-timing-function: cubic-bezier(.75,0,.125,1);
        transition-timing-function: cubic-bezier(.75,0,.125,1)
    }

    .button--nina:hover {
        -background-color: #3f51b5
    }

    .button--nina:hover::before {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    .button--nina:hover>span {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .button--nina:hover>span:nth-child(1) {
        -webkit-transition-delay: .02s;
        transition-delay: .02s
    }

    .button--nina:hover>span:nth-child(2) {
        -webkit-transition-delay: .04s;
        transition-delay: .04s
    }

    .button--nina:hover>span:nth-child(3) {
        -webkit-transition-delay: .06s;
        transition-delay: .06s
    }

    .button--nina:hover>span:nth-child(4) {
        -webkit-transition-delay: .08s;
        transition-delay: .08s
    }

    .button--nina:hover>span:nth-child(5) {
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }

    .button--nina:hover>span:nth-child(6) {
        -webkit-transition-delay: .12s;
        transition-delay: .12s
    }

    .button--nina:hover>span:nth-child(7) {
        -webkit-transition-delay: .14s;
        transition-delay: .14s
    }

    .button--nina:hover>span:nth-child(8) {
        -webkit-transition-delay: .16s;
        transition-delay: .16s
    }

    .button--nina:hover>span:nth-child(9) {
        -webkit-transition-delay: .18s;
        transition-delay: .18s
    }

    .button--nina:hover>span:nth-child(10) {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }

    .button--nina:hover>span:nth-child(11) {
        -webkit-transition-delay: .22s;
        transition-delay: .22s
    }

    .button--nina:hover>span:nth-child(12) {
        -webkit-transition-delay: .24s;
        transition-delay: .24s
    }

    .button--nina:hover>span:nth-child(13) {
        -webkit-transition-delay: .26s;
        transition-delay: .26s
    }

    .button--nina:hover>span:nth-child(14) {
        -webkit-transition-delay: .28s;
        transition-delay: .28s
    }

    .button--nina:hover>span:nth-child(15) {
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }

    .button--nina:hover>span:nth-child(16) {
        -webkit-transition-delay: .32s;
        transition-delay: .32s
    }

    .button--nina:hover>span:nth-child(17) {
        -webkit-transition-delay: .34s;
        transition-delay: .34s
    }

    .button--nina:hover>span:nth-child(18) {
        -webkit-transition-delay: .36s;
        transition-delay: .36s
    }

    .button--nina:hover>span:nth-child(19) {
        -webkit-transition-delay: .38s;
        transition-delay: .38s
    }

     .button--nina:hover>span:nth-child(20) {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }

     .button--nina:hover>span:nth-child(21) {
        -webkit-transition-delay: 0.42s;
        transition-delay: 0.42s
    }

     .button--nina:hover>span:nth-child(22) {
        -webkit-transition-delay: 0.44s;
        transition-delay: 0.44s
    }
     .button--nina:hover>span:nth-child(23) {
        -webkit-transition-delay: 0.46s;
        transition-delay: 0.46s
    }

     .button--nina:hover>span:nth-child(24) {
        -webkit-transition-delay: 0.48s;
        transition-delay: 0.48s
    }

     .button--nina:hover>span:nth-child(25) {
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
     .button--nina:hover>span:nth-child(26) {
        -webkit-transition-delay: 0.52s;
        transition-delay: 0.52s
    }

    .button--antiman {
        background: 0 0;
        border: none;
        height: 60px
    }

    .button--antiman.button--inverted,.button--antiman.button--inverted-alt {
        -webkit-transition: color .3s;
        transition: color .3s;
        -webkit-transition-timing-function: cubic-bezier(.75,0,.125,1);
        transition-timing-function: cubic-bezier(.75,0,.125,1)
    }

    .button--antiman>span {
        padding-left: .35em
    }

    .button--antiman::before,.button--antiman::after {
        content: '';
        z-index: -1;
        border-radius: inherit;
        pointer-events: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
        -webkit-transition: -webkit-transform .3s,opacity .3s;
        transition: transform .3s,opacity .3s;
        -webkit-transition-timing-function: cubic-bezier(.75,0,.125,1);
        transition-timing-function: cubic-bezier(.75,0,.125,1)
    }

    .button--antiman::before {
        border: 2px solid #37474f;
        opacity: 0;
        -webkit-transform: scale3d(1.2,1.2,1);
        transform: scale3d(1.2,1.2,1)
    }

    .button--antiman.button--border-thin::before {
        border-width: 1px
    }

    .button--antiman.button--border-medium::before {
        border-width: 2px
    }

    .button--antiman.button--border-thick::before {
        border-width: 3px
    }

    .button--antiman.button--inverted::before {
        border-color: #7986cb
    }

    .button--antiman.button--inverted-alt::before {
        border-color: #3f51b5
    }

    .button--antiman::after {
        background: #fff
    }

    .button--antiman.button--inverted::after {
        background: #7986cb
    }

    .button--antiman.button--inverted-alt::after {
        background: #3f51b5
    }

    .button--antiman.button--inverted:hover {
        color: #7986cb
    }

    .button--antiman.button--inverted-alt:hover {
        color: #3f51b5
    }

    .button--antiman:hover::before {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    .button--antiman:hover::after {
        opacity: 0;
        -webkit-transform: scale3d(.8,.8,1);
        transform: scale3d(.8,.8,1)
    }





    .button--quidel {
        background: #7986cb;
        color: #7986cb;
        overflow: hidden;
        -webkit-transition: color .3s;
        transition: color .3s;
        -webkit-transition-timing-function: cubic-bezier(.75,0,.125,1);
        transition-timing-function: cubic-bezier(.75,0,.125,1)
    }

    .button--quidel.button--inverted {
        background: #fff;
        color: #fff
    }

    .button--quidel::before,.button--quidel::after {
        content: '';
        position: absolute;
        z-index: -1;
        border-radius: inherit
    }

    .button--quidel::after {
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        background: #fff
    }

    .button--quidel.button--inverted::after {
        background: #37474f
    }

    .button--quidel::before {
        background: #37474f;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s;
        -webkit-transition-timing-function: cubic-bezier(.75,0,.125,1);
        transition-timing-function: cubic-bezier(.75,0,.125,1)
    }

    .button--quidel.button--inverted::before {
        background: #7986cb
    }

    .button--round-s.button--quidel::after {
        border-radius: 3px
    }

    .button--round-m.button--quidel::after {
        border-radius: 13px
    }

    .button--round-l.button--quidel::after {
        border-radius: 40px
    }

    .button--quidel>span {
        padding-left: .35em
    }

    .button--quidel:hover {
        color: #37474f
    }

    .button--quidel.button--inverted:hover {
        color: #7986cb
    }

    .button--quidel:hover::before {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .button.button--sacnite {
        width: 70px;
        height: 70px;
        min-width: 0;
        padding: 0;
        color: #fff;
        -webkit-transition: color .3s;
        transition: color .3s
    }

    .button--scanite.button--round-l {
        border-radius: 50%
    }

    .button--sacnite.button--inverted {
        color: #37474f
    }

    .button--sacnite::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        z-index: -1;
        box-shadow: inset 0 0 0 35px #37474f;
        -webkit-transform: scale3d(.9,.9,1);
        transform: scale3d(.9,.9,1);
        -webkit-transition: box-shadow .3s,-webkit-transform .3;
        transition: box-shadow .3s,transform .3s
    }

    .button--sacnite.button--inverted::before {
        box-shadow: inset 0 0 0 35px #fff
    }

    .button--sacnite .button__icon {
        font-size: 22px;
        width: 22px
    }

    .button--sacnite>span {
        position: absolute;
        opacity: 0;
        pointer-events: none
    }

    .button--sacnite:hover {
        color: #37474f
    }

    .button--sacnite.button--inverted:hover {
        color: #fff
    }

    .button--sacnite:hover::before {
        box-shadow: inset 0 0 0 2px #37474f;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    .button--sacnite.button--inverted:hover::before {
        box-shadow: inset 0 0 0 2px #fff
    }

    .button.button--shikoba {
        padding: 1em 30px 1em 50px;
        overflow: hidden;
        background: #fff;
        color: #37474f;
        border-color: #37474f;
        -webkit-transition: background-color .3s,border-color .3s,color .3s;
        transition: background-color .3s,border-color .3s,color .3s
    }

    .button--shikoba.button--inverted {
        color: #fff;
        background: #7986cb
    }

    .button--shikoba>span {
        display: inline-block;
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s;
        -webkit-transition-timing-function: cubic-bezier(.75,0,.125,1);
        transition-timing-function: cubic-bezier(.75,0,.125,1)
    }

    .button--shikoba .button__icon {
        position: absolute;
        left: 20px;
        font-size: 18px;
        -webkit-transform: translate3d(-40px,2.5em,0);
        transform: translate3d(-40px,2.5em,0);
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s;
        -webkit-transition-timing-function: cubic-bezier(.75,0,.125,1);
        transition-timing-function: cubic-bezier(.75,0,.125,1)
    }

    .button--shikoba:hover .button__icon,.button--shikoba:hover>span {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .button--shikoba:hover {
        background: #3f51b5;
        border-color: #3f51b5;
        color: #fff
    }