@import url(https://fonts.googleapis.com/css?family=Roboto|Montserrat);

body {
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
}   
/* line 3, ../sass/authenty.scss */
.authenty {
    font-family: 'Open Sans', sans-serif;
    background-color: #fff;
}
/* line 6, ../sass/authenty.scss */
.authenty [data-animation] {
    opacity: 0;
}
/* line 9, ../sass/authenty.scss */
.authenty ul {
    list-style-type: none;
}
/* line 12, ../sass/authenty.scss */
.authenty h1, .authenty h2, .authenty h3, .authenty h4, .authenty h5, .authenty h6 {
    font-weight: 400;
}
/* line 15, ../sass/authenty.scss */
.authenty h1 {
    font-weight: 700;
    letter-spacing: -1px;
}
/* line 19, ../sass/authenty.scss */
.authenty a:hover {
    text-decoration: none;
}
/* line 22, ../sass/authenty.scss */
.authenty .btn {
    border-radius: 0;
}
/* line 24, ../sass/authenty.scss */
.authenty .btn:active {
    box-shadow: none;
    border-radius: 0px !important;
}
/* line 28, ../sass/authenty.scss */
.authenty .btn:focus {
    outline: thin dotted #fff;
    outline-offset: 0;
}
/* line 32, ../sass/authenty.scss */
.authenty .btn:hover, .authenty .btn:focus {
    color: #fff;
}
/* line 36, ../sass/authenty.scss */
.authenty .form-control:focus {
    border-color: #ff7000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 112, 0, 0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 122, 0, 0.6);
    transition: border-color 0.7s, box-shadow 0.7s;
    -webkit-transition: border-color 0.7s, box-shadow 0.7s;
}
/* line 43, ../sass/authenty.scss */
.authenty .wrap {
    width: 100%;
}
/* line 46, ../sass/authenty.scss */
.authenty .top-buffer {
    margin-top: 20px;
}

/* line 51, ../sass/authenty.scss */
.authenty.signin-main {
    background-color: #fff;
}
/* line 53, ../sass/authenty.scss */
.authenty.signin-main .title {
    text-align: center;
    margin-bottom: 70px;
}
/* line 56, ../sass/authenty.scss */
.authenty.signin-main .title h1 {
    font-size: 40pt;
}
/* line 60, ../sass/authenty.scss */
.authenty.signin-main .wrap {
    padding-top: 80px;
}
/* line 63, ../sass/authenty.scss */
.authenty.signin-main .form-wrap {
    width: 100%;
    margin: 0 auto;
    max-width: 400px;
}
/* line 68, ../sass/authenty.scss */
.authenty.signin-main .form-header {
    font-family: 'Montserrat', sans-serif;
    padding: 20px 0;
    text-align: center;
    border-radius: 10px 10px 0 0;
    background-color: #81b33a;
}
 
/* line 68, ../sass/authenty.scss */
.authenty.signin-main .form-header h3 {
    font-family: 'Montserrat', sans-serif;
    color:#FFFFFF;
}
 

/* line 88, ../sass/authenty.scss */
.authenty.signin-main .form-header .fa-user.fail {
    color: #FF8479;
    border: 3px solid #FF8479;
    -webkit-transition: color 200ms linear;
    -moz-transition: color 200ms linear;
    -o-transition: color 200ms linear;
    -ms-transition: color 200ms linear;
    transition: color 200ms linear;
}
/* line 97, ../sass/authenty.scss */
.authenty.signin-main .form-header .fa-user.success {
    color: #98CA4D;
    border: 3px solid #98CA4D;
    -webkit-transition: color 700ms linear;
    -moz-transition: color 700ms linear;
    -o-transition: color 700ms linear;
    -ms-transition: color 700ms linear;
    transition: color 700ms linear;
}
/* line 107, ../sass/authenty.scss */
.authenty.signin-main .form-main {
    background-color: #505050;
    padding: 40px 50px;
}
/* line 111, ../sass/authenty.scss */
.authenty.signin-main .form-footer {
    background-color: #505050;
    padding: 20px 50px;
}
/* line 114, ../sass/authenty.scss */
.authenty.signin-main .form-footer a {
    color: #fff;
    font-size: 10pt;
}
/* line 117, ../sass/authenty.scss */
.authenty.signin-main .form-footer a:hover {
    text-decoration: none;
}
 
/* line 138, ../sass/authenty.scss */
.authenty.signin-main .signin {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FF8627;
    color: #fff;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}
/* line 148, ../sass/authenty.scss */
.authenty.signin-main .signin:hover {
    background-color: #ff6610;
}
/* line 152, ../sass/authenty.scss */
.authenty.signin-main input[type="text"], .authenty.signin-main input[type="password"] {
    background-color: #404040;
    padding-left: 20px;
    border-radius: 0;
    border: none;
    margin-bottom: 10px;
    color: #ccc;
    height: 43px;
}
/* line 161, ../sass/authenty.scss */
.authenty.signin-main .bounceIn {
    opacity: 1;
}
/* line 164, ../sass/authenty.scss */
.authenty.signin-main .fail {
    animation: shake .5s linear;
    -webkit-animation: shake .5s linear;
    -moz-animation: shake .5s linear;
}

@media screen and (max-width: 991px) {
    /* line 174, ../sass/authenty.scss */
    .authenty.signin-main .wrap {
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 767px) {
    /* line 183, ../sass/authenty.scss */
    .authenty.signin-main .form-main {
        padding: 40px 30px;
    }
    /* line 186, ../sass/authenty.scss */
    .authenty.signin-main .form-footer {
        padding: 20px 30px;
    }
}


/* embeded animation */
@keyframes shake {
    /* line 723, ../sass/authenty.scss */
    8%, 41% {
        transform: translateX(-10px);
}

/* line 726, ../sass/authenty.scss */
25%, 58% {
    transform: translateX(10px);
}

/* line 729, ../sass/authenty.scss */
75% {
    transform: translateX(-5px);
}

/* line 732, ../sass/authenty.scss */
92% {
    transform: translateX(5px);
}

/* line 735, ../sass/authenty.scss */
0%, 100% {
    transform: translateX(0);
}
}

@-webkit-keyframes shake {
    /* line 741, ../sass/authenty.scss */
    8%, 41% {
        -webkit-transform: translateX(-10px);
}

/* line 744, ../sass/authenty.scss */
25%, 58% {
    -webkit-transform: translateX(10px);
}

/* line 747, ../sass/authenty.scss */
75% {
    -webkit-transform: translateX(-5px);
}

/* line 750, ../sass/authenty.scss */
92% {
    -webkit-transform: translateX(5px);
}

/* line 753, ../sass/authenty.scss */
0%, 100% {
    -webkit-transform: translateX(0);
}
}

@-moz-keyframes shake {
    /* line 759, ../sass/authenty.scss */
    8%, 41% {
        -moz-transform: translateX(-10px);
}

/* line 762, ../sass/authenty.scss */
25%, 58% {
    -moz-transform: translateX(10px);
}

/* line 765, ../sass/authenty.scss */
75% {
    -moz-transform: translateX(-5px);
}

/* line 768, ../sass/authenty.scss */
92% {
    -moz-transform: translateX(5px);
}

/* line 771, ../sass/authenty.scss */
0%, 100% {
    -moz-transform: translateX(0);
}
}

@-webkit-keyframes fadeInLeft {
    /* line 777, ../sass/authenty.scss */
    0% {
        opacity: 0;
    -webkit-transform: translateX(-20px);
}

/* line 782, ../sass/authenty.scss */
100% {
    opacity: 1;
-webkit-transform: translateX(0);
}
}

@-moz-keyframes fadeInLeft {
    /* line 788, ../sass/authenty.scss */
    0% {
        opacity: 0;
    -moz-transform: translateX(-20px);
}

/* line 793, ../sass/authenty.scss */
100% {
    opacity: 1;
-moz-transform: translateX(0);
}
}

@-o-keyframes fadeInLeft {
    /* line 799, ../sass/authenty.scss */
    0% {
        opacity: 0;
    -o-transform: translateX(-20px);
}

/* line 804, ../sass/authenty.scss */
100% {
    opacity: 1;
-o-transform: translateX(0);
}
}

@keyframes fadeInLeft {
    /* line 810, ../sass/authenty.scss */
    0% {
        opacity: 0;
    transform: translateX(-20px);
}

/* line 815, ../sass/authenty.scss */
100% {
    opacity: 1;
transform: translateX(0);
}
}