/* Smartphones (portrait and landscape) -- -- -- -- -- - */
 @media only screen and (min-device-width : 320px) and (max-device-width : 640px) {
    /* Styles */
    /* Body demo class */
     .demo {
         background-color:#f0f0f0;
    }
    /* Bird logo */
     #lsf .logo {
         text-align:center;
         padding:20px;
    }
    /* Title */
     #lsf h1.title {
         font-family: 'Roboto', sans-serif;
         text-align:center;
         color:#000000;
         font-weight:300;
         margin: 40px 0px;
    }
    /* Sign in tag */
     #lsf h3.sign {
         font-family: 'Roboto', sans-serif;
         text-align:center;
         color:#fff;
         font-weight:400;
         margin-top:100px;
    }
    /* Login box design */
     #lsf .login-box {
         margin: 0;
         background: #fff;
         padding:25px;
         border-left: 1px solid #e4e2e2;
         border-right: 1px solid #e4e2e2;
    }
    /* Button blue */
     #lsf .btn-primary {
         border: 1px solid #3079ed;
         color: #fff;
         text-shadow: 0 1px rgba(0,0,0,0.1);
         background-color: #4d90fe;
         background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
         background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
         background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
         background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
         background-image: linear-gradient(top, #4d90fe, #4787ed);
         float:right;
         font-family: 'Roboto', sans-serif;
    }
     #lsf .btn-primary:hover {
         border: 1px solid #2f5bb7;
         color: #fff;
         text-shadow: 0 1px rgba(0,0,0,0.3);
         background-color: #357ae8;
         background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -moz-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -ms-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -o-linear-gradient(top, #4d90fe, #357ae8);
         background-image: linear-gradient(top, #4d90fe, #357ae8);
    }
     #lsf .btn-primary:active {
         background-color: #357ae8;
         background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -moz-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -ms-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -o-linear-gradient(top, #4d90fe, #357ae8);
         background-image: linear-gradient(top, #4d90fe, #357ae8);
         -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
         -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
         box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    }
    /* forgot password */
     #lsf .forgot {
         text-decoration:none;
         font-size:13px;
         padding: 10px 0px;
         font-weight: 600;
         font-family: 'Roboto', sans-serif;
    }
     #lsf .forgot a, #lsf p.signac a {
         color:#427fed;
    }
     #lsf .forgot a:hover {
         text-decoration:underline;
    }
    /* Checkbox */
     #lsf .checkbox {
         font-size:13px;
         color#000000;
         font-weight: 600;
         font-family: 'Roboto', sans-serif;
    }
     p.signac {
         text-decoration: none;
         font-size: 13px;
         color: #333;
         text-align: left;
         font-weight: 400;
         font-family: 'Roboto', sans-serif;
         padding-top: 15px;
    }
    /* Login box label */
     #lsf .login-box label {
         font-weight: 400;
    }
    /* Small paragraph */
     #lsf .small {
         text-decoration: none;
         font-size: 14px;
         color: #333;
         text-align: center;
         font-weight: 600;
         font-family: 'Roboto', sans-serif;
         margin:20px 0px;
    }
     #lsf .small-one {
         text-decoration: none;
         font-size: 19px;
         color: #333;
         text-align: center;
         font-weight: 400;
         font-family: 'Roboto', sans-serif;
         margin: 30px 0px;
    }
    /* Social link here */
     #lsf ul.social {
         text-align:center;
         margin: 50px;
    }
    /* Signup form begin */
     #lsf .header-bar {
         
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
         height: 46px;
    }
     #lsf .header-bar-singup {
         height: 70px;
         background: rgba(12,12,12,0.5);
         overflow: hidden;
    }
     #lsf .logo-signup {
         text-align: left;
         padding: 9px;
         color: #fff;
    }
     #lsf .clr-white {
         color:#fff;
    }
     #lsf .signin-btn {
         text-align: right;
         padding: 17px;
         font-family: 'Roboto', sans-serif;
    }
     #lsf .signup-box {
         background: #fff;
         border: 1px solid #e5e5e5;
         padding: 25px;
         margin-top: 30px;
    }
     #lsf .effect {
         box-shadow: 0 6px 6px -6px #777;
    }
    /* from control */
     #lsf .form-control {
         border: 1px solid #d6d6d6;
         border-radius: 3px;
         height:50px;
         padding-left: 30px;
         font-family: 'Roboto', sans-serif;
    }
     #lsf .btn {
         border-radius: 4px;
    }
    /* Top space */
     #lsf .space-175 {
         padding-top:175px;
    }
     #lsf .content-lft {
         padding-top:50px;
         text-align:center;
    }
    /* Divider */
     #lsf .horizontal-divider {
         margin: 0 auto;
         position: relative;
         width: 1px;
         height: 250px;
         background-color: #ccc;
    }
    /* Login box */
     #lsf .login-box-top {
         height: 4px;
         margin-top: 60px;
         background-image: -webkit-linear-gradient(left, orange, orangered 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, green 75%);
         background-image: -ms-linear-gradient(left, orange, orangered 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, green 75%);
         background-image: linear-gradient(to right, orange, orangered 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, green 75%);
         background-size: 100% 6px;
         background-position: 50% 100%;
         background-repeat: no-repeat;
    }
     #lsf .signin-box-top {
         margin-top: 50px !important;
    }
     #lsf .signup-box-top {
         margin-top: 30px !important;
    }
     #lsf .login-box-bottom {
         height: 4px;
         background-image: -webkit-linear-gradient(left, green, green 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, orange 75%);
         background-image: -ms-linear-gradient(left, green, green 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, orange 75%);
         background-image: linear-gradient(to right, green, green 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, orange 75%);
         background-size: 100% 6px;
         background-position: 50% 100%;
         background-repeat: no-repeat;
         margin-bottom: 50px;
    }
    /* Footar part */
     #lsf .footer {
         background:#fff;
         height:auto;
         width:100%;
         position:fixed;
         display:block;
         font-size:12px;
         text-align:center;
         bottom:0%;
    }
    /* footer part list */
     #lsf .footer ul {
         margin:5px 0px;
         font-size:11px;
         font-family: 'Roboto', sans-serif;
         font-weight:400;
    }
    /* input textbox */
     #lsf .input {
         position: relative;
         z-index: 1;
         display: inline-block;
         margin:0px;
         max-width: 350px;
         width: 100%;
         vertical-align: top;
    }
     #lsf .input__field {
         position: relative;
         display: block;
         float: right;
         padding: 0.8em;
         width: 60%;
         border: none;
         border-radius: 0;
         background: #f0f0f0;
         color: #aaa;
         font-weight: 400;
         font-family: 'Roboto', sans-serif;
         -webkit-appearance: none;
        /* for box shadows to show on iOS */
    }
     #lsf .input__field:focus {
         outline: none;
    }
     #lsf .input__label {
         display: inline-block;
         float: right;
         padding: 0 1em;
         width: 40%;
         color: #6a7989;
         font-weight: 400;
         font-size: 12px;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         -webkit-touch-callout: none;
         -webkit-user-select: none;
         -khtml-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         font-family: 'Roboto', sans-serif;
    }
    /* label content */
     #lsf .input__label-content {
         position: relative;
         display: block;
         padding: 1.6em 0;
         width: 100%;
    }
     #lsf .graphic {
         position: absolute;
         top: 0;
         left: 0;
         fill: none;
    }
     #lsf .icon {
         color: #ddd;
         font-size: 150%;
    }
    /* Kozakura SVG CSS */
     #lsf .input--kozakura {
         overflow: hidden;
         padding-bottom: 1em;
    }
     #lsf .input__field--kozakura {
         padding: 0.25em 0.5em;
         margin-top: 1.25em;
         width: 100%;
         background: transparent;
         color: #2F3238;
         font-size: 1.55em;
         opacity: 0;
    }
     #lsf .input__label--kozakura {
         width: 100%;
         text-align: left;
         position: absolute;
         top: 10px;
         pointer-events: none;
         overflow: hidden;
         padding: 0 0.25em;
         -webkit-transform: translate3d(1em, 2.75em, 0);
         transform: translate3d(1em, 2.75em, 0);
         -webkit-transition: -webkit-transform 0.3s;
         transition: transform 0.3s;
    }
     #lsf .input__label-content--kozakura {
         color: #999;
         padding: 0.4em 0 0.25em;
         -webkit-transition: -webkit-transform 0.3s;
         transition: transform 0.3s;
    }
     #lsf .input__label-content--kozakura::after {
         content: attr(data-content);
         position: absolute;
         font-weight: 800;
         top: 50%;
         left: 0;
         height: 100%;
         width: 100%;
         color: #999;
         padding: 10px 0;
         text-transform: uppercase;
         letter-spacing: 1px;
         font-size: 0.85em;
    }
     #lsf .graphic--kozakura {
         fill: #ccc;
         pointer-events: none;
         top: 1em;
         bottom: 0px;
         height: 4.5em;
         z-index: -1;
         -webkit-transition: -webkit-transform 0.7s, fill 0.7s;
         transition: transform 0.7s, fill 0.7s;
         -webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
         transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
    }
     #lsf .input__field--kozakura:focus, #lsf .input--filled .input__field--kozakura {
         -webkit-transition: opacity 0s 0.35s;
         transition: opacity 0s 0.35s;
         opacity: 1;
    }
     #lsf .input__field--kozakura:focus + .input__label--kozakura, #lsf .input--filled .input__label--kozakura {
         -webkit-transition-delay: 0.15s;
         transition-delay: 0.15s;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     #lsf .input__field--kozakura:focus + .input__label--kozakura .input__label-content--kozakura, #lsf .input--filled .input__label-content--kozakura {
         -webkit-transition-delay: 0.15s;
         transition-delay: 0.15s;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
    }
     #lsf .input__field--kozakura:focus ~ .graphic--kozakura, #lsf .input--filled .graphic--kozakura {
         fill: #999;
         -webkit-transform: translate3d(-66.6%, 0, 0);
         transform: translate3d(-66.6%, 0, 0);
    }
    /* list item */
     #lsf ul.right-list {
         text-align:right;
         padding-top: 7px;
    }
     #lsf ul.right-list li a {
         color:#fff;
         font-family: 'Roboto', sans-serif;
    }
     #lsf ul.right-list li a:hover {
         text-decoration: none;
         background-color: rgba(0,0,0,0.1);
         border: 1px dotted #fff;
    }
     #lsf .hero ul.right-list li a {
         color:#fff;
    }
    /* form group part */
     #lsf .form-group {
         margin-bottom: 0px;
    }
     #lsf .form-bottom {
         margin-bottom: 15px;
    }
     #lsf .hero {
         
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
    }
     .hero h1 {
         text-align:center;
         color:#fff;
         font-family: 'Roboto', sans-serif;
         padding: 50px 0px;
         margin: 0px;
    }
    /* captcha code */
     #lsf .captcha {
         background: #f0f0f0;
         display: block;
         text-align: center;
         padding: 5px;
         font-size: 25px;
         text-decoration: line-through;
         font-weight: 600;
         color: #ccc;
         margin-bottom: 10px;
    }
    /* captcha code text */
     #lsf .newcode {
         padding-top: 10px;
         margin: 0px;
    }
     #lsf .newcode a {
         color:#1E9BDA;
    }
    /* footer part */
     #lsf .footer {
         border-top: 1px solid #d4d4d4;
         width: 100%;
         font-size: 12px;
         color: #B3B3B3;
         text-align: center;
         margin-top: 25px;
    }
     #lsf .footer .footer-wrap {
         display: inline-block;
         text-align: left;
         margin-top: 25px;
    }
     #lsf .footer .line1 {
         display: inline-block;
         float: left;
         margin-bottom: 10px;
    }
     #lsf .space-50 {
         padding-top:50px;
    }
     #lsf .form-control:focus {
         border-color: #56b4ef;
         outline: 0;
         -webkit-box-shadow:none;
         box-shadow: none;
    }
    /* form group item */
     #lsf .form-group {
         position:relative;
    }
     #lsf .form-group > i {
         position: absolute;
         top: 50%;
         font-size: 16px;
         line-height: 16px;
         margin-top: -7px;
         left: 11px;
         color: #BBBBBB;
         -webkit-transition: all .3s ease;
         -moz-transition: all .3s ease;
         transition: all .3s ease;
    }
    /* signup center position */
     .signup-center {
         text-align: center;
         margin: 0px 17px;
         float: none;
    }
    /* Check box control */
     #lsf .control {
         display: block;
         position: relative;
         padding-left: 25px;
         margin-bottom: 15px;
         cursor: pointer;
         font-size: 12px !important;
         margin-top: 10px;
         font-family: 'Roboto', sans-serif;
         font-weight: 400;
    }
     #lsf .control input {
         position: absolute;
         z-index: -1;
         opacity: 0;
    }
     #lsf .control__indicator {
         position: absolute;
         top: 0px;
         left: 0;
         height: 18px;
         width: 18px;
         background: #e6e6e6;
    }
     #lsf .control:hover input ~ .control__indicator, #lsf .control input:focus ~ .control__indicator {
         background: #ccc;
    }
     #lsf .control input:checked ~ .control__indicator {
         background: #4d90fe;
    }
     #lsf .control:hover input:not([disabled]):checked ~ .control__indicator, #lsf .control input:checked:focus ~ .control__indicator {
         background: #4d90fe;
    }
     #lsf .control input:disabled ~ .control__indicator {
         background: #e6e6e6;
         opacity: 0.6;
         pointer-events: none;
    }
     #lsf .control__indicator:after {
         content: '';
         position: absolute;
         display: none;
    }
     #lsf .control input:checked ~ .control__indicator:after {
         display: block;
    }
     #lsf .control--checkbox .control__indicator:after {
         left: 8px;
         top: 4px;
         width: 3px;
         height: 8px;
         border: solid #fff;
         border-width: 0 2px 2px 0;
         transform: rotate(45deg);
    }
     #lsf .control--checkbox input:disabled ~ .control__indicator:after {
         border-color: #7b7b7b;
    }
}
/* Smartphones (landscape) -- -- -- -- -- - */
 @media only screen and (min-width : 321px) {
    /* Styles */
}
/* Smartphones (portrait) -- -- -- -- -- - */
 @media only screen and (max-width : 320px) {
    /* Styles */
}
/* iPads (portrait and landscape) -- -- -- -- -- - */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
    /* Body demo class */
     .demo {
         background-color:#f0f0f0;
    }
    /* Bird logo */
     #lsf .logo {
         text-align:center;
         padding:20px;
    }
    /* Title */
     #lsf h1.title {
         font-family: 'Roboto', sans-serif;
         text-align:center;
         color:#000000;
         font-weight:300;
         margin: 40px 0px;
    }
    /* Sign in tag */
     #lsf h3.sign {
         font-family: 'Roboto', sans-serif;
         text-align:center;
         color:#fff;
         font-weight:400;
         margin-top:100px;
    }
    /* Login box design */
     #lsf .login-box {
         margin: 0;
         background: #fff;
         padding:25px;
         border-left: 1px solid #e4e2e2;
         border-right: 1px solid #e4e2e2;
    }
    /* Button blue */
     #lsf .btn-primary {
         border: 1px solid #3079ed;
         color: #fff;
         text-shadow: 0 1px rgba(0,0,0,0.1);
         background-color: #4d90fe;
         background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
         background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
         background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
         background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
         background-image: linear-gradient(top, #4d90fe, #4787ed);
         float:right;
         font-family: 'Roboto', sans-serif;
    }
     #lsf .btn-primary:hover {
         border: 1px solid #2f5bb7;
         color: #fff;
         text-shadow: 0 1px rgba(0,0,0,0.3);
         background-color: #357ae8;
         background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -moz-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -ms-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -o-linear-gradient(top, #4d90fe, #357ae8);
         background-image: linear-gradient(top, #4d90fe, #357ae8);
    }
     #lsf .btn-primary:active {
         background-color: #357ae8;
         background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -moz-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -ms-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -o-linear-gradient(top, #4d90fe, #357ae8);
         background-image: linear-gradient(top, #4d90fe, #357ae8);
         -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
         -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
         box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    }
    /* forgot password */
     #lsf .forgot {
         text-decoration:none;
         font-size:13px;
         padding: 10px 0px;
         font-weight: 600;
         font-family: 'Roboto', sans-serif;
    }
     #lsf .forgot a, #lsf p.signac a {
         color:#427fed;
    }
     #lsf .forgot a:hover {
         text-decoration:underline;
    }
    /* Checkbox */
     #lsf .checkbox {
         font-size:13px;
         color#000000;
         font-weight: 600;
         font-family: 'Roboto', sans-serif;
    }
     p.signac {
         text-decoration: none;
         font-size: 13px;
         color: #333;
         text-align: left;
         font-weight: 400;
         font-family: 'Roboto', sans-serif;
         padding-top: 15px;
    }
    /* Login box label */
     #lsf .login-box label {
         font-weight: 400;
    }
    /* Small paragraph */
     #lsf .small {
         text-decoration: none;
         font-size: 14px;
         color: #333;
         text-align: center;
         font-weight: 600;
         font-family: 'Roboto', sans-serif;
         margin:20px 0px;
    }
     #lsf .small-one {
         text-decoration: none;
         font-size: 19px;
         color: #333;
         text-align: center;
         font-weight: 400;
         font-family: 'Roboto', sans-serif;
         margin: 30px 0px;
    }
    /* Social link here */
     #lsf ul.social {
         text-align:center;
         margin: 50px;
    }
    /* Signup form begin */
     #lsf .header-bar {
         
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
         height: 46px;
    }
     #lsf .header-bar-singup {
         height: 70px;
         background: rgba(12,12,12,0.5);
         overflow: hidden;
    }
     #lsf .logo-signup {
         text-align: left;
         padding: 9px;
         color: #fff;
    }
     #lsf .clr-white {
         color:#fff;
    }
     #lsf .signin-btn {
         text-align: right;
         padding: 17px;
         font-family: 'Roboto', sans-serif;
    }
     #lsf .signup-box {
         background: #fff;
         border: 1px solid #e5e5e5;
         padding: 25px;
         margin-top: 30px;
    }
     #lsf .effect {
         box-shadow: 0 6px 6px -6px #777;
    }
    /* from control */
     #lsf .form-control {
         border: 1px solid #d6d6d6;
         border-radius: 3px;
         height:50px;
         padding-left: 30px;
         font-family: 'Roboto', sans-serif;
    }
     #lsf .btn {
         border-radius: 4px;
    }
    /* Top space */
     #lsf .space-175 {
         padding-top:175px;
    }
     #lsf .content-lft {
         padding-top:50px;
         text-align:center;
    }
    /* Divider */
     #lsf .horizontal-divider {
         margin: 0 auto;
         position: relative;
         width: 1px;
         height: 250px;
         background-color: #ccc;
    }
    /* Login box */
     #lsf .login-box-top {
         height: 4px;
         margin-top: 122px;
         background-image: -webkit-linear-gradient(left, orange, orangered 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, green 75%);
         background-image: -ms-linear-gradient(left, orange, orangered 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, green 75%);
         background-image: linear-gradient(to right, orange, orangered 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, green 75%);
         background-size: 100% 6px;
         background-position: 50% 100%;
         background-repeat: no-repeat;
    }
     #lsf .signin-box-top {
         margin-top: 50px !important;
    }
     #lsf .signup-box-top {
         margin-top: 30px !important;
    }
     #lsf .login-box-bottom {
         height: 4px;
         background-image: -webkit-linear-gradient(left, green, green 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, orange 75%);
         background-image: -ms-linear-gradient(left, green, green 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, orange 75%);
         background-image: linear-gradient(to right, green, green 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, orange 75%);
         background-size: 100% 6px;
         background-position: 50% 100%;
         background-repeat: no-repeat;
         margin-bottom:50px;
    }
    /* Footar part */
     #lsf .footer {
         background:#fff;
         height:auto;
         width:100%;
         position:fixed;
         display:block;
         font-size:12px;
         text-align:center;
         bottom:0%;
    }
    /* footer part list */
     #lsf .footer ul {
         margin:5px 0px;
         font-size:11px;
         font-family: 'Roboto', sans-serif;
         font-weight:400;
    }
    /* input textbox */
     #lsf .input {
         position: relative;
         z-index: 1;
         display: inline-block;
         margin:0px;
         max-width: 350px;
         width: 100%;
         vertical-align: top;
    }
     #lsf .input__field {
         position: relative;
         display: block;
         float: right;
         padding: 0.8em;
         width: 60%;
         border: none;
         border-radius: 0;
         background: #f0f0f0;
         color: #aaa;
         font-weight: 400;
         font-family: 'Roboto', sans-serif;
         -webkit-appearance: none;
        /* for box shadows to show on iOS */
    }
     #lsf .input__field:focus {
         outline: none;
    }
     #lsf .input__label {
         display: inline-block;
         float: right;
         padding: 0 1em;
         width: 40%;
         color: #6a7989;
         font-weight: 400;
         font-size: 12px;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         -webkit-touch-callout: none;
         -webkit-user-select: none;
         -khtml-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         font-family: 'Roboto', sans-serif;
    }
    /* label content */
     #lsf .input__label-content {
         position: relative;
         display: block;
         padding: 1.6em 0;
         width: 100%;
    }
     #lsf .graphic {
         position: absolute;
         top: 0;
         left: 0;
         fill: none;
    }
     #lsf .icon {
         color: #ddd;
         font-size: 150%;
    }
    /* Kozakura SVG CSS */
     #lsf .input--kozakura {
         overflow: hidden;
         padding-bottom: 1em;
    }
     #lsf .input__field--kozakura {
         padding: 0.25em 0.5em;
         margin-top: 1.25em;
         width: 100%;
         background: transparent;
         color: #2F3238;
         font-size: 1.55em;
         opacity: 0;
    }
     #lsf .input__label--kozakura {
         width: 100%;
         text-align: left;
         position: absolute;
         top: 10px;
         pointer-events: none;
         overflow: hidden;
         padding: 0 0.25em;
         -webkit-transform: translate3d(1em, 2.75em, 0);
         transform: translate3d(1em, 2.75em, 0);
         -webkit-transition: -webkit-transform 0.3s;
         transition: transform 0.3s;
    }
     #lsf .input__label-content--kozakura {
         color: #999;
         padding: 0.4em 0 0.25em;
         -webkit-transition: -webkit-transform 0.3s;
         transition: transform 0.3s;
    }
     #lsf .input__label-content--kozakura::after {
         content: attr(data-content);
         position: absolute;
         font-weight: 800;
         top: 50%;
         left: 0;
         height: 100%;
         width: 100%;
         color: #999;
         padding: 10px 0;
         text-transform: uppercase;
         letter-spacing: 1px;
         font-size: 0.85em;
    }
     #lsf .graphic--kozakura {
         fill: #ccc;
         pointer-events: none;
         top: 1em;
         bottom: 0px;
         height: 4.5em;
         z-index: -1;
         -webkit-transition: -webkit-transform 0.7s, fill 0.7s;
         transition: transform 0.7s, fill 0.7s;
         -webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
         transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
    }
     #lsf .input__field--kozakura:focus, #lsf .input--filled .input__field--kozakura {
         -webkit-transition: opacity 0s 0.35s;
         transition: opacity 0s 0.35s;
         opacity: 1;
    }
     #lsf .input__field--kozakura:focus + .input__label--kozakura, #lsf .input--filled .input__label--kozakura {
         -webkit-transition-delay: 0.15s;
         transition-delay: 0.15s;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     #lsf .input__field--kozakura:focus + .input__label--kozakura .input__label-content--kozakura, #lsf .input--filled .input__label-content--kozakura {
         -webkit-transition-delay: 0.15s;
         transition-delay: 0.15s;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
    }
     #lsf .input__field--kozakura:focus ~ .graphic--kozakura, #lsf .input--filled .graphic--kozakura {
         fill: #999;
         -webkit-transform: translate3d(-66.6%, 0, 0);
         transform: translate3d(-66.6%, 0, 0);
    }
    /* list item */
     #lsf ul.right-list {
         text-align:right;
         padding-top: 7px;
    }
     #lsf ul.right-list li a {
         color:#fff;
         font-family: 'Roboto', sans-serif;
    }
     #lsf ul.right-list li a:hover {
         text-decoration: none;
         background-color: rgba(0,0,0,0.1);
         border: 1px dotted #fff;
    }
     #lsf .hero ul.right-list li a {
         color:#fff;
    }
    /* form group part */
     #lsf .form-group {
         margin-bottom: 0px;
    }
     #lsf .form-bottom {
         margin-bottom: 15px;
    }
     #lsf .hero {
         
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
    }
     .hero h1 {
         text-align:center;
         color:#fff;
         font-family: 'Roboto', sans-serif;
         padding: 50px 0px;
         margin: 0px;
    }
    /* captcha code */
     #lsf .captcha {
         background: #f0f0f0;
         display: block;
         text-align: center;
         padding: 5px;
         font-size: 25px;
         text-decoration: line-through;
         font-weight: 600;
         color: #ccc;
         margin-bottom: 10px;
    }
    /* captcha code text */
     #lsf .newcode {
         padding-top: 10px;
         margin: 0px;
    }
     #lsf .newcode a {
         color:#1E9BDA;
    }
    /* footer part */
     #lsf .footer {
         border-top: 1px solid #d4d4d4;
         width: 100%;
         font-size: 12px;
         color: #B3B3B3;
         text-align: center;
         margin-top: 25px;
    }
     #lsf .footer .footer-wrap {
         display: inline-block;
         text-align: left;
         margin-top: 25px;
    }
     #lsf .footer .line1 {
         display: inline-block;
         float: left;
         margin-bottom: 10px;
    }
     #lsf .space-50 {
         padding-top:50px;
    }
     #lsf .form-control:focus {
         border-color: #56b4ef;
         outline: 0;
         -webkit-box-shadow:none;
         box-shadow: none;
    }
    /* form group item */
     #lsf .form-group {
         position:relative;
    }
     #lsf .form-group > i {
         position: absolute;
         top: 50%;
         font-size: 16px;
         line-height: 16px;
         margin-top: -7px;
         left: 11px;
         color: #BBBBBB;
         -webkit-transition: all .3s ease;
         -moz-transition: all .3s ease;
         transition: all .3s ease;
    }
    /* signup center position */
     .signup-center {
         text-align: center;
         margin: 0px 17px;
         float: none;
    }
    /* Check box control */
     #lsf .control {
         display: block;
         position: relative;
         padding-left: 25px;
         margin-bottom: 15px;
         cursor: pointer;
         font-size: 12px !important;
         margin-top: 10px;
         font-family: 'Roboto', sans-serif;
         font-weight: 400;
    }
     #lsf .control input {
         position: absolute;
         z-index: -1;
         opacity: 0;
    }
     #lsf .control__indicator {
         position: absolute;
         top: 0px;
         left: 0;
         height: 18px;
         width: 18px;
         background: #e6e6e6;
    }
     #lsf .control:hover input ~ .control__indicator, #lsf .control input:focus ~ .control__indicator {
         background: #ccc;
    }
     #lsf .control input:checked ~ .control__indicator {
         background: #4d90fe;
    }
     #lsf .control:hover input:not([disabled]):checked ~ .control__indicator, #lsf .control input:checked:focus ~ .control__indicator {
         background: #4d90fe;
    }
     #lsf .control input:disabled ~ .control__indicator {
         background: #e6e6e6;
         opacity: 0.6;
         pointer-events: none;
    }
     #lsf .control__indicator:after {
         content: '';
         position: absolute;
         display: none;
    }
     #lsf .control input:checked ~ .control__indicator:after {
         display: block;
    }
     #lsf .control--checkbox .control__indicator:after {
         left: 8px;
         top: 4px;
         width: 3px;
         height: 8px;
         border: solid #fff;
         border-width: 0 2px 2px 0;
         transform: rotate(45deg);
    }
     #lsf .control--checkbox input:disabled ~ .control__indicator:after {
         border-color: #7b7b7b;
    }
}
/* iPads (landscape) -- -- -- -- -- - */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}
/* iPads (portrait) -- -- -- -- -- - */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
}
/* Desktops and laptops -- -- -- -- -- - */
 @media only screen and (min-width : 1224px) {
    /* Styles */
    /* Body demo class */
     .demo {
         background-color:#f0f0f0;
    }
    /* Bird logo */
     #lsf .logo {
         text-align:center;
         padding:20px;
    }
    /* Title */
     #lsf h1.title {
         font-family: 'Roboto', sans-serif;
         text-align:center;
         color:#000000;
         font-weight:300;
         margin: 40px 0px;
    }
    /* Sign in tag */
     #lsf h3.sign {
         font-family: 'Roboto', sans-serif;
         text-align:center;
         color:#fff;
         font-weight:400;
         margin-top:100px;
    }
    /* Login box design */
     #lsf .login-box {
         margin: 0;
         background: #fff;
         padding:50px;
         border-left: 1px solid #e4e2e2;
         border-right: 1px solid #e4e2e2;
    }
     #lsf .login-box h3 {
         margin: 0px 0px 50px 0px;
         font-family: 'Oswald', sans-serif;
         font-size: 25px;
         letter-spacing: 1px;
         text-transform: uppercase;
         font-weight: 400;
         text-align: center;
    }
    /* Button blue */
     #lsf .btn-primary {
         border: 1px solid #3079ed;
         color: #fff;
         text-shadow: 0 1px rgba(0,0,0,0.1);
         background-color: #4d90fe;
         background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
         background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
         background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
         background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
         background-image: linear-gradient(top, #4d90fe, #4787ed);
         float:right;
         font-family: 'Roboto', sans-serif;
    }
     #lsf .btn-primary:hover {
         border: 1px solid #2f5bb7;
         color: #fff;
         text-shadow: 0 1px rgba(0,0,0,0.3);
         background-color: #357ae8;
         background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -moz-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -ms-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -o-linear-gradient(top, #4d90fe, #357ae8);
         background-image: linear-gradient(top, #4d90fe, #357ae8);
    }
     #lsf .btn-primary:active {
         background-color: #357ae8;
         background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -moz-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -ms-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -o-linear-gradient(top, #4d90fe, #357ae8);
         background-image: linear-gradient(top, #4d90fe, #357ae8);
         -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
         -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
         box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    }
    /* forgot password */
     #lsf .forgot {
         text-decoration:none;
         font-size:13px;
         padding: 10px 0px;
         font-weight: 600;
         font-family: 'Roboto', sans-serif;
    }
     #lsf .forgot a, #lsf p.signac a {
         color:#427fed;
    }
     #lsf .forgot a:hover {
         text-decoration:underline;
    }
    /* Checkbox */
     #lsf .checkbox {
         font-size:13px;
         color#000000;
         font-weight: 600;
         font-family: 'Roboto', sans-serif;
    }
     p.signac {
         text-decoration: none;
         font-size: 13px;
         color: #333;
         text-align: left;
         font-weight: 400;
         font-family: 'Roboto', sans-serif;
         padding-top: 15px;
    }
    /* Login box label */
     #lsf .login-box label {
         font-weight: 400;
         margin-bottom: 0px;
    }
    /* Small paragraph */
     #lsf .small {
         text-decoration: none;
         font-size: 14px;
         color: #333;
         text-align: center;
         font-weight: 600;
         font-family: 'Roboto', sans-serif;
         margin:20px 0px;
    }
     #lsf .small-one {
         text-decoration: none;
         font-size: 19px;
         color: #333;
         text-align: center;
         font-weight: 400;
         font-family: 'Roboto', sans-serif;
         margin: 30px 0px;
    }
    /* Social link here */
     #lsf ul.social {
         text-align:center;
         margin: 50px;
    }
    /* Signup form begin */
     #lsf .header-bar {
         
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
         height: 46px;
    }
     #lsf .header-bar-singup {
         height: 70px;
         background: rgba(12,12,12,0.5);
         overflow: hidden;
    }
     #lsf .logo-signup {
         text-align: left;
         padding: 9px;
         color: #fff;
    }
     #lsf .clr-white {
         color:#fff;
    }
     #lsf .signin-btn {
         text-align: right;
         padding: 17px;
         font-family: 'Roboto', sans-serif;
    }
     #lsf .signup-box {
         background: #fff;
         border: 1px solid #e5e5e5;
         padding: 25px;
         margin-top: 30px;
    }
     #lsf .effect {
         box-shadow: 0 6px 6px -6px #777;
    }
    /* from control */
     #lsf .form-control {
         border: 1px solid #d6d6d6;
         border-radius: 3px;
         height:50px;
         padding-left: 30px;
         color: #9e9e9e;
         box-shadow:none;
         font-family: 'Roboto', sans-serif;
    }
     #lsf .form-control.pad-left {
         padding-left: 12px !important;
    }
     #lsf .btn {
         border-radius: 3px;
         padding:14px;
    }
    /* Top space */
     #lsf .space-175 {
         padding-top:175px;
    }
     #lsf .content-lft {
         padding-top:50px;
         text-align:center;
    }
    /* Divider */
     #lsf .horizontal-divider {
         margin: 0 auto;
         position: relative;
         width: 1px;
         height: 250px;
         background-color: #ccc;
    }
    /* Login box */
     #lsf .login-box-top {
         height: 4px;
         margin-top: 150px;
         background-image: -webkit-linear-gradient(left, orange, orangered 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, green 75%);
         background-image: -ms-linear-gradient(left, orange, orangered 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, green 75%);
         background-image: linear-gradient(to right, orange, orangered 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, green 75%);
         background-size: 100% 6px;
         background-position: 50% 100%;
         background-repeat: no-repeat;
    }
     #lsf .signin-box-top {
         margin-top: 100px !important;
    }
     #lsf .signup-box-top {
         margin-top: 30px !important;
    }
     #lsf .login-box-bottom {
         height: 4px;
         background-image: -webkit-linear-gradient(left, green, green 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, orange 75%);
         background-image: -ms-linear-gradient(left, green, green 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, orange 75%);
         background-image: linear-gradient(to right, green, green 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, orange 75%);
         background-size: 100% 6px;
         background-position: 50% 100%;
         background-repeat: no-repeat;
         margin-bottom:50px;
    }
    /* Footar part */
     #lsf .footer {
         background:#fff;
         height:auto;
         width:100%;
         position:fixed;
         display:block;
         font-size:12px;
         text-align:center;
         bottom:0%;
    }
    /* footer part list */
     #lsf .footer ul {
         margin:5px 0px;
         font-size:11px;
         font-family: 'Roboto', sans-serif;
         font-weight:400;
    }
    /* input textbox */
     #lsf .input {
         position: relative;
         z-index: 1;
         display: inline-block;
         margin:0px;
         max-width: 350px;
         width: 100%;
         vertical-align: top;
    }
     #lsf .input__field {
         position: relative;
         display: block;
         float: right;
         padding: 0.8em;
         width: 60%;
         border: none;
         border-radius: 0;
         background: #f0f0f0;
         color: #aaa;
         font-weight: 400;
         font-family: 'Roboto', sans-serif;
         -webkit-appearance: none;
        /* for box shadows to show on iOS */
    }
     #lsf .input__field:focus {
         outline: none;
    }
     #lsf .input__label {
         display: inline-block;
         float: right;
         padding: 0 1em;
         width: 40%;
         color: #6a7989;
         font-weight: 400;
         font-size: 12px;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         -webkit-touch-callout: none;
         -webkit-user-select: none;
         -khtml-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         font-family: 'Roboto', sans-serif;
    }
    /* label content */
     #lsf .input__label-content {
         position: relative;
         display: block;
         padding: 1.6em 0;
         width: 100%;
    }
     #lsf .graphic {
         position: absolute;
         top: 0;
         left: 0;
         fill: none;
    }
     #lsf .icon {
         color: #ddd;
         font-size: 150%;
    }
    /* Kozakura SVG CSS */
     #lsf .input--kozakura {
         overflow: hidden;
         padding-bottom: 1em;
    }
     #lsf .input__field--kozakura {
         padding: 0.25em 0.5em;
         margin-top: 1.25em;
         width: 100%;
         background: transparent;
         color: #2F3238;
         font-size: 1.55em;
         opacity: 0;
    }
     #lsf .input__label--kozakura {
         width: 100%;
         text-align: left;
         position: absolute;
         top: 10px;
         pointer-events: none;
         overflow: hidden;
         padding: 0 0.25em;
         -webkit-transform: translate3d(1em, 2.75em, 0);
         transform: translate3d(1em, 2.75em, 0);
         -webkit-transition: -webkit-transform 0.3s;
         transition: transform 0.3s;
    }
     #lsf .input__label-content--kozakura {
         color: #999;
         padding: 0.4em 0 0.25em;
         -webkit-transition: -webkit-transform 0.3s;
         transition: transform 0.3s;
    }
     #lsf .input__label-content--kozakura::after {
         content: attr(data-content);
         position: absolute;
         font-weight: 800;
         top: 50%;
         left: 0;
         height: 100%;
         width: 100%;
         color: #999;
         padding: 10px 0;
         text-transform: uppercase;
         letter-spacing: 1px;
         font-size: 0.85em;
    }
     #lsf .graphic--kozakura {
         fill: #ccc;
         pointer-events: none;
         top: 1em;
         bottom: 0px;
         height: 4.5em;
         z-index: -1;
         -webkit-transition: -webkit-transform 0.7s, fill 0.7s;
         transition: transform 0.7s, fill 0.7s;
         -webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
         transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
    }
     #lsf .input__field--kozakura:focus, #lsf .input--filled .input__field--kozakura {
         -webkit-transition: opacity 0s 0.35s;
         transition: opacity 0s 0.35s;
         opacity: 1;
    }
     #lsf .input__field--kozakura:focus + .input__label--kozakura, #lsf .input--filled .input__label--kozakura {
         -webkit-transition-delay: 0.15s;
         transition-delay: 0.15s;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     #lsf .input__field--kozakura:focus + .input__label--kozakura .input__label-content--kozakura, #lsf .input--filled .input__label-content--kozakura {
         -webkit-transition-delay: 0.15s;
         transition-delay: 0.15s;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
    }
     #lsf .input__field--kozakura:focus ~ .graphic--kozakura, #lsf .input--filled .graphic--kozakura {
         fill: #999;
         -webkit-transform: translate3d(-66.6%, 0, 0);
         transform: translate3d(-66.6%, 0, 0);
    }
    /* list item */
     #lsf ul.right-list {
         text-align:right;
         padding-top: 7px;
    }
     #lsf ul.right-list li a {
         color:#fff;
         font-family: 'Roboto', sans-serif;
    }
     #lsf ul.right-list li a:hover {
         text-decoration: none;
         background-color: rgba(0,0,0,0.1);
         border: 1px dotted #fff;
    }
     #lsf .hero ul.right-list li a {
         color:#fff;
    }
    /* form group part */
     #lsf .form-group {
         margin-bottom: 0px;
    }
     #lsf .form-bottom {
         margin-bottom: 35px;
    }
     #lsf .form-bottom.mar-bot {
         margin-bottom: 10px;
    }
     #lsf .hero {
         
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
    }
     .hero h1 {
         text-align:center;
         color:#fff;
         font-family: 'Roboto', sans-serif;
         padding: 50px 0px;
         margin: 0px;
    }
    /* captcha code */
     #lsf .captcha {
         background: #f0f0f0;
         display: block;
         text-align: center;
         padding: 5px;
         font-size: 25px;
         text-decoration: line-through;
         font-weight: 600;
         color: #ccc;
         margin-bottom: 10px;
    }
    /* captcha code text */
     #lsf .newcode {
         padding-top: 10px;
         margin: 0px;
    }
     #lsf .newcode a {
         color:#1E9BDA;
    }
    /* footer part */
     #lsf .footer {
         border-top: 1px solid #d4d4d4;
         width: 100%;
         font-size: 12px;
         color: #B3B3B3;
         text-align: center;
         margin-top: 25px;
    }
     #lsf .footer .footer-wrap {
         display: inline-block;
         text-align: left;
         margin-top: 25px;
    }
     #lsf .footer .line1 {
         display: inline-block;
         float: left;
         margin-bottom: 10px;
    }
     #lsf .space-50 {
         padding-top:50px;
    }
     #lsf .form-control:focus {
         border-color: #56b4ef;
         outline: 0;
         -webkit-box-shadow:none;
         box-shadow: none;
    }
    /* form group item */
     #lsf .form-group {
         position:relative;
    }
     #lsf .form-group > i {
         position: absolute;
         top: 50%;
         font-size: 16px;
         line-height: 16px;
         margin-top: -7px;
         left: 11px;
         color: #BBBBBB;
         -webkit-transition: all .3s ease;
         -moz-transition: all .3s ease;
         transition: all .3s ease;
    }
    /* signup center position */
     .signup-center {
         margin: 25px 0px 0px 15px;
         float: left;
    }
    /* Check box control */
     #lsf .control {
         display: block;
         position: relative;
         padding-left: 25px;
         margin-bottom: 15px;
         cursor: pointer;
         font-size: 12px !important;
         margin-top: 10px;
         font-family: 'Roboto', sans-serif;
         font-weight: 400;
    }
     #lsf .control input {
         position: absolute;
         z-index: -1;
         opacity: 0;
    }
     #lsf .control__indicator {
         position: absolute;
         top: 0px;
         left: 0;
         height: 18px;
         width: 18px;
         background: #e6e6e6;
    }
     #lsf .control:hover input ~ .control__indicator, #lsf .control input:focus ~ .control__indicator {
         background: #ccc;
    }
     #lsf .control input:checked ~ .control__indicator {
         background: #4d90fe;
    }
     #lsf .control:hover input:not([disabled]):checked ~ .control__indicator, #lsf .control input:checked:focus ~ .control__indicator {
         background: #4d90fe;
    }
     #lsf .control input:disabled ~ .control__indicator {
         background: #e6e6e6;
         opacity: 0.6;
         pointer-events: none;
    }
     #lsf .control__indicator:after {
         content: '';
         position: absolute;
         display: none;
    }
     #lsf .control input:checked ~ .control__indicator:after {
         display: block;
    }
     #lsf .control--checkbox .control__indicator:after {
         left: 8px;
         top: 4px;
         width: 3px;
         height: 8px;
         border: solid #fff;
         border-width: 0 2px 2px 0;
         transform: rotate(45deg);
    }
     #lsf .control--checkbox input:disabled ~ .control__indicator:after {
         border-color: #7b7b7b;
    }
}
/* Large screens -- -- -- -- -- - */
 @media only screen and (min-width : 1824px) {
    /* Styles */
    /* Body demo class */
     .demo {
         background-color:#f0f0f0;
    }
    /* Bird logo */
     #lsf .logo {
         text-align:center;
         padding:20px;
    }
    /* Title */
     #lsf h1.title {
         font-family: 'Roboto', sans-serif;
         text-align:center;
         color:#000000;
         font-weight:300;
         margin: 40px 0px;
    }
    /* Sign in tag */
     #lsf h3.sign {
         font-family: 'Roboto', sans-serif;
         text-align:center;
         color:#fff;
         font-weight:400;
         margin-top:100px;
    }
    /* Login box design */
     #lsf .login-box {
         margin: 0;
         background: #fff;
         padding:25px;
         border-left: 1px solid #e4e2e2;
         border-right: 1px solid #e4e2e2;
    }
    /* Button blue */
     #lsf .btn-primary {
         border: 1px solid #3079ed;
         color: #fff;
         text-shadow: 0 1px rgba(0,0,0,0.1);
         background-color: #4d90fe;
         background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
         background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
         background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
         background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
         background-image: linear-gradient(top, #4d90fe, #4787ed);
         float:right;
         font-family: 'Roboto', sans-serif;
    }
     #lsf .btn-primary:hover {
         border: 1px solid #2f5bb7;
         color: #fff;
         text-shadow: 0 1px rgba(0,0,0,0.3);
         background-color: #357ae8;
         background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -moz-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -ms-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -o-linear-gradient(top, #4d90fe, #357ae8);
         background-image: linear-gradient(top, #4d90fe, #357ae8);
    }
     #lsf .btn-primary:active {
         background-color: #357ae8;
         background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -moz-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -ms-linear-gradient(top, #4d90fe, #357ae8);
         background-image: -o-linear-gradient(top, #4d90fe, #357ae8);
         background-image: linear-gradient(top, #4d90fe, #357ae8);
         -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
         -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
         box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    }
    /* forgot password */
     #lsf .forgot {
         text-decoration:none;
         font-size:13px;
         padding: 10px 0px;
         font-weight: 600;
         font-family: 'Roboto', sans-serif;
    }
     #lsf .forgot a, #lsf p.signac a {
         color:#427fed;
    }
     #lsf .forgot a:hover {
         text-decoration:underline;
    }
    /* Checkbox */
     #lsf .checkbox {
         font-size:13px;
         color#000000;
         font-weight: 600;
         font-family: 'Roboto', sans-serif;
    }
     p.signac {
         text-decoration: none;
         font-size: 13px;
         color: #333;
         text-align: left;
         font-weight: 400;
         font-family: 'Roboto', sans-serif;
         padding-top: 15px;
    }
    /* Login box label */
     #lsf .login-box label {
         font-weight: 400;
    }
    /* Small paragraph */
     #lsf .small {
         text-decoration: none;
         font-size: 14px;
         color: #333;
         text-align: center;
         font-weight: 600;
         font-family: 'Roboto', sans-serif;
         margin:20px 0px;
    }
     #lsf .small-one {
         text-decoration: none;
         font-size: 19px;
         color: #333;
         text-align: center;
         font-weight: 400;
         font-family: 'Roboto', sans-serif;
         margin: 30px 0px;
    }
    /* Social link here */
     #lsf ul.social {
         text-align:center;
         margin: 50px;
    }
    /* Signup form begin */
     #lsf .header-bar {
         
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
         height: 46px;
    }
     #lsf .header-bar-singup {
         height: 70px;
         background: rgba(12,12,12,0.5);
         overflow: hidden;
    }
     #lsf .logo-signup {
         text-align: left;
         padding: 9px;
         color: #fff;
    }
     #lsf .clr-white {
         color:#fff;
    }
     #lsf .signin-btn {
         text-align: right;
         padding: 17px;
         font-family: 'Roboto', sans-serif;
    }
     #lsf .signup-box {
         background: #fff;
         border: 1px solid #e5e5e5;
         padding: 25px;
         margin-top: 30px;
    }
     #lsf .effect {
         box-shadow: 0 6px 6px -6px #777;
    }
    /* from control */
     #lsf .form-control {
         border: 1px solid #d6d6d6;
         border-radius: 3px;
         height:50px;
         padding-left: 30px;
         font-family: 'Roboto', sans-serif;
    }
     #lsf .btn {
         border-radius: 4px;
    }
    /* Top space */
     #lsf .space-175 {
         padding-top:175px;
    }
     #lsf .content-lft {
         padding-top:50px;
         text-align:center;
    }
    /* Divider */
     #lsf .horizontal-divider {
         margin: 0 auto;
         position: relative;
         width: 1px;
         height: 250px;
         background-color: #ccc;
    }
    /* Login box */
     #lsf .login-box-top {
         height: 4px;
         margin-top: 122px;
         background-image: -webkit-linear-gradient(left, orange, orangered 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, green 75%);
         background-image: -ms-linear-gradient(left, orange, orangered 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, green 75%);
         background-image: linear-gradient(to right, orange, orangered 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, green 75%);
         background-size: 100% 6px;
         background-position: 50% 100%;
         background-repeat: no-repeat;
    }
     #lsf .signin-box-top {
         margin-top: 50px !important;
    }
     #lsf .signup-box-top {
         margin-top: 30px !important;
    }
     #lsf .login-box-bottom {
         height: 4px;
         background-image: -webkit-linear-gradient(left, green, green 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, orange 75%);
         background-image: -ms-linear-gradient(left, green, green 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, orange 75%);
         background-image: linear-gradient(to right, green, green 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, orange 75%);
         background-size: 100% 6px;
         background-position: 50% 100%;
         background-repeat: no-repeat;
         margin-bottom:50px;
    }
    /* Footar part */
     #lsf .footer {
         background:#fff;
         height:auto;
         width:100%;
         position:fixed;
         display:block;
         font-size:12px;
         text-align:center;
         bottom:0%;
    }
    /* footer part list */
     #lsf .footer ul {
         margin:5px 0px;
         font-size:11px;
         font-family: 'Roboto', sans-serif;
         font-weight:400;
    }
    /* input textbox */
     #lsf .input {
         position: relative;
         z-index: 1;
         display: inline-block;
         margin:0px;
         max-width: 350px;
         width: 100%;
         vertical-align: top;
    }
     #lsf .input__field {
         position: relative;
         display: block;
         float: right;
         padding: 0.8em;
         width: 60%;
         border: none;
         border-radius: 0;
         background: #f0f0f0;
         color: #aaa;
         font-weight: 400;
         font-family: 'Roboto', sans-serif;
         -webkit-appearance: none;
        /* for box shadows to show on iOS */
    }
     #lsf .input__field:focus {
         outline: none;
    }
     #lsf .input__label {
         display: inline-block;
         float: right;
         padding: 0 1em;
         width: 40%;
         color: #6a7989;
         font-weight: 400;
         font-size: 12px;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         -webkit-touch-callout: none;
         -webkit-user-select: none;
         -khtml-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         font-family: 'Roboto', sans-serif;
    }
    /* label content */
     #lsf .input__label-content {
         position: relative;
         display: block;
         padding: 1.6em 0;
         width: 100%;
    }
     #lsf .graphic {
         position: absolute;
         top: 0;
         left: 0;
         fill: none;
    }
     #lsf .icon {
         color: #ddd;
         font-size: 150%;
    }
    /* Kozakura SVG CSS */
     #lsf .input--kozakura {
         overflow: hidden;
         padding-bottom: 1em;
    }
     #lsf .input__field--kozakura {
         padding: 0.25em 0.5em;
         margin-top: 1.25em;
         width: 100%;
         background: transparent;
         color: #2F3238;
         font-size: 1.55em;
         opacity: 0;
    }
     #lsf .input__label--kozakura {
         width: 100%;
         text-align: left;
         position: absolute;
         top: 10px;
         pointer-events: none;
         overflow: hidden;
         padding: 0 0.25em;
         -webkit-transform: translate3d(1em, 2.75em, 0);
         transform: translate3d(1em, 2.75em, 0);
         -webkit-transition: -webkit-transform 0.3s;
         transition: transform 0.3s;
    }
     #lsf .input__label-content--kozakura {
         color: #999;
         padding: 0.4em 0 0.25em;
         -webkit-transition: -webkit-transform 0.3s;
         transition: transform 0.3s;
    }
     #lsf .input__label-content--kozakura::after {
         content: attr(data-content);
         position: absolute;
         font-weight: 800;
         top: 50%;
         left: 0;
         height: 100%;
         width: 100%;
         color: #999;
         padding: 10px 0;
         text-transform: uppercase;
         letter-spacing: 1px;
         font-size: 0.85em;
    }
     #lsf .graphic--kozakura {
         fill: #ccc;
         pointer-events: none;
         top: 1em;
         bottom: 0px;
         height: 4.5em;
         z-index: -1;
         -webkit-transition: -webkit-transform 0.7s, fill 0.7s;
         transition: transform 0.7s, fill 0.7s;
         -webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
         transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
    }
     #lsf .input__field--kozakura:focus, #lsf .input--filled .input__field--kozakura {
         -webkit-transition: opacity 0s 0.35s;
         transition: opacity 0s 0.35s;
         opacity: 1;
    }
     #lsf .input__field--kozakura:focus + .input__label--kozakura, #lsf .input--filled .input__label--kozakura {
         -webkit-transition-delay: 0.15s;
         transition-delay: 0.15s;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     #lsf .input__field--kozakura:focus + .input__label--kozakura .input__label-content--kozakura, #lsf .input--filled .input__label-content--kozakura {
         -webkit-transition-delay: 0.15s;
         transition-delay: 0.15s;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
    }
     #lsf .input__field--kozakura:focus ~ .graphic--kozakura, #lsf .input--filled .graphic--kozakura {
         fill: #999;
         -webkit-transform: translate3d(-66.6%, 0, 0);
         transform: translate3d(-66.6%, 0, 0);
    }
    /* list item */
     #lsf ul.right-list {
         text-align:right;
         padding-top: 7px;
    }
     #lsf ul.right-list li a {
         color:#fff;
         font-family: 'Roboto', sans-serif;
    }
     #lsf ul.right-list li a:hover {
         text-decoration: none;
         background-color: rgba(0,0,0,0.1);
         border: 1px dotted #fff;
    }
     #lsf .hero ul.right-list li a {
         color:#fff;
    }
    /* form group part */
     #lsf .form-group {
         margin-bottom: 0px;
    }
     #lsf .form-bottom {
         margin-bottom: 15px;
    }
     #lsf .hero {
         
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
    }
     .hero h1 {
         text-align:center;
         color:#fff;
         font-family: 'Roboto', sans-serif;
         padding: 50px 0px;
         margin: 0px;
    }
    /* captcha code */
     #lsf .captcha {
         background: #f0f0f0;
         display: block;
         text-align: center;
         padding: 5px;
         font-size: 25px;
         text-decoration: line-through;
         font-weight: 600;
         color: #ccc;
         margin-bottom: 10px;
    }
    /* captcha code text */
     #lsf .newcode {
         padding-top: 10px;
         margin: 0px;
    }
     #lsf .newcode a {
         color:#1E9BDA;
    }
    /* footer part */
     #lsf .footer {
         border-top: 1px solid #d4d4d4;
         width: 100%;
         font-size: 12px;
         color: #B3B3B3;
         text-align: center;
         margin-top: 25px;
    }
     #lsf .footer .footer-wrap {
         display: inline-block;
         text-align: left;
         margin-top: 25px;
    }
     #lsf .footer .line1 {
         display: inline-block;
         float: left;
         margin-bottom: 10px;
    }
     #lsf .space-50 {
         padding-top:50px;
    }
     #lsf .form-control:focus {
         border-color: #56b4ef;
         outline: 0;
         -webkit-box-shadow:none;
         box-shadow: none;
    }
    /* form group item */
     #lsf .form-group {
         position:relative;
    }
     #lsf .form-group > i {
         position: absolute;
         top: 50%;
         font-size: 16px;
         line-height: 16px;
         margin-top: -7px;
         left: 11px;
         color: #BBBBBB;
         -webkit-transition: all .3s ease;
         -moz-transition: all .3s ease;
         transition: all .3s ease;
    }
    /* signup center position */
     .signup-center {
         text-align: center;
         margin: 0px 17px;
         float: none;
    }
    /* Check box control */
     #lsf .control {
         display: block;
         position: relative;
         padding-left: 25px;
         margin-bottom: 15px;
         cursor: pointer;
         font-size: 12px !important;
         margin-top: 10px;
         font-family: 'Roboto', sans-serif;
         font-weight: 400;
    }
     #lsf .control input {
         position: absolute;
         z-index: -1;
         opacity: 0;
    }
     #lsf .control__indicator {
         position: absolute;
         top: 0px;
         left: 0;
         height: 18px;
         width: 18px;
         background: #e6e6e6;
    }
     #lsf .control:hover input ~ .control__indicator, #lsf .control input:focus ~ .control__indicator {
         background: #ccc;
    }
     #lsf .control input:checked ~ .control__indicator {
         background: #4d90fe;
    }
     #lsf .control:hover input:not([disabled]):checked ~ .control__indicator, #lsf .control input:checked:focus ~ .control__indicator {
         background: #4d90fe;
    }
     #lsf .control input:disabled ~ .control__indicator {
         background: #e6e6e6;
         opacity: 0.6;
         pointer-events: none;
    }
     #lsf .control__indicator:after {
         content: '';
         position: absolute;
         display: none;
    }
     #lsf .control input:checked ~ .control__indicator:after {
         display: block;
    }
     #lsf .control--checkbox .control__indicator:after {
         left: 8px;
         top: 4px;
         width: 3px;
         height: 8px;
         border: solid #fff;
         border-width: 0 2px 2px 0;
         transform: rotate(45deg);
    }
     #lsf .control--checkbox input:disabled ~ .control__indicator:after {
         border-color: #7b7b7b;
    }
}
/* Background vidoe css */
 video {
     position: fixed;
     top: 50%;
     left: 50%;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: -100;
     transform: translateX(-50%) translateY(-50%);
     background-size: cover;
     transition: 1s opacity;
}
 .stopfade {
     opacity: .5;
}
/* Google Button */
 .button-buttom {
     text-decoration: none !important;
     position: fixed;
     right: 0%;
     bottom: 0%;
     border-radius: 0px;
     background: #0969c3;
     color: #fff !important;
     border-color: #0969c3;
     font-size: 11px;
     font-weight: 400;
     padding: 10px 10px;
     font-family: 'Open Sans', sans-serif;
}
 #lsf .space-50 {
     padding-top:50px;
}