/*.container {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    margin-left: -356px;*/
/*    margin-top: -56px;*/
/*    width: auto;*/
/*    font-family: RobotoDraft, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
/*    font-weight: normal;*/
/*}*/
.jello-horizontal {
    -webkit-animation: jello-horizontal 0.9s both;
    animation: jello-horizontal 0.9s both;
}
.puff-in-center {
    -webkit-animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
    animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}
.puff-out-center {
    -webkit-animation: puff-out-center 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) both;
    animation: puff-out-center 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) both;
}
@-webkit-keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}
@keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}
@-webkit-keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes puff-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0;
    }
}
@keyframes puff-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0;
    }
}

.btn {
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    /*border-radius: 2px;*/
    border: none;
}
.btn:hover, .btn:focus {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    outline: none;
    color: #FFF !important;
}
.no-bg.btn:hover, .no-bg.btn:focus {
    box-shadow: none;
    outline: none;
    color: inherit;
}
.light.btn:hover, .light.btn:focus {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    outline: none;
    color: #FFF !important;
    background-color: #FDBA23 !important;
    opacity: 1 !important;
}
.nobg.btn:hover, .nobg.btn:focus {
    box-shadow: none;
    outline: none;
    background-color: #f2f2f2 !important;
    opacity: 1 !important;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn{
    color: white;
    background: #010100;
    /*pointer-events: none;*/
}
.btn-default {
    background-color: #fff;
}
.btn-default:hover, .btn-default:focus {
    background-color: #f2f2f2;
}
.no-bg.btn-default:hover, .no-bg.btn-default:focus {
    background-color: transparent;
}

.btn-primary {
    background-color: #009688;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #00b09f;
}

.btn-success {
    background-color: #4caf50 !important;
}
.btn-success:hover, .btn-success:focus {
    background-color: #5cb860 !important;
}
.btn.btn-success {
    transition-duration: 1s;
    animation-name: colorTransitionSuccess;
}
.btn.btn-success {
    transition-duration: 1s;
    animation-name: colorTransitionSuccess;
}
.btn.btn-danger {
    transition-duration: 1s;
    animation-name: colorTransitionDanger;
}

@keyframes colorTransitionSuccess {
    from {
        background-color: #010100;
    }
    to {
        background-color: #4caf50 !important;
    }
}
@keyframes colorTransitionDanger {
    from {
        background-color: #010100;
    }
    to {
        background-color: #f44336 !important;
    }
}
.btn-info {
    background-color: #FDBA23 !important;
}
.btn-info:hover, .btn-info:focus {
    background-color: #010100 !important;
}
.btn-normal{
    transition: 1s;
    /*background-color: inherit !important;*/
}
.btn-normal:hover, .btn-info:focus {
    background-color: currentColor;
    opacity: 0.8;
}

.btn-warning {
    background-color: #ff5722 !important;
}
.btn-warning:hover, .btn-warning:focus {
    background-color: #ff6a3c !important;
}

.btn-danger {
    background-color: #f44336 !important;
}
.btn-danger:hover, .btn-danger:focus {
    background-color: #f55a4e !important;
}

.fab {
    border-radius: 50%;
    margin: 0;
    padding: 20px;
}

.btn-effect {
    position: absolute;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: white;
    animation: btn-animation 2s;
    -webkit-animation: btn-animation 2s;
}

@keyframes btn-animation {
    from {
        transform: scale(1);
        opacity: 0.4;
    }
    to {
        transform: scale(100);
        opacity: 0;
    }
}
@-webkit-keyframes btn-animation {
    from {
        transform: scale(1);
        opacity: 0.4;
    }
    to {
        transform: scale(100);
        opacity: 0;
    }
}