/*! CSS Used from: https://use.fontawesome.com/releases/v5.7.0/css/all.css */
 .fa-2x {
   font-size: 2em
 }

 .fa-bolt:before {
   content: "f0e7"
 }

 /*! CSS Used from: http://localhost/lakme-fw/html/register/public/build/css/style.min.css */
 *,
 ::after,
 ::before {
   box-sizing: border-box
 }

 header,
 section {
   display: block
 }

 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #212529;
   text-align: left;
   background-color: #fff
 }

 h1,
 h4 {
   margin-top: 0;
   margin-bottom: .5rem
 }

 p {
   margin-top: 0;
   margin-bottom: 1rem
 }

 b {
   font-weight: bolder
 }

 a {
   color: #007bff;
   text-decoration: none;
   background-color: transparent
 }

 a:hover {
   color: #0056b3;
   text-decoration: underline
 }

 img {
   vertical-align: middle;
   border-style: none
 }

 svg {
   overflow: hidden;
   vertical-align: middle
 }

 label {
   display: inline-block;
   margin-bottom: .5rem
 }

 input,
 select,
 textarea {
   margin: 0;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit
 }

 input {
   overflow: visible
 }

 select {
   text-transform: none
 }

 select {
   word-wrap: normal
 }

 [type=submit] {
   -webkit-appearance: button
 }

 [type=submit]::-moz-focus-inner {
   padding: 0;
   border-style: none
 }

 input[type=checkbox] {
   box-sizing: border-box;
   padding: 0
 }

 textarea {
   overflow: auto;
   resize: vertical
 }

 h1,
 h4 {
   margin-bottom: .5rem;
   font-weight: 500;
   line-height: 1.2
 }

 h1 {
   font-size: 2.5rem
 }

 h4 {
   font-size: 1.5rem
 }

 .container {
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto
 }


 /** Style added 11 Oct 2020 **/
 .clear,
 .after {
   clear: both
 }

 .clear:after,
 .after:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: " ";
   clear: both;
   height: 0
 }

 .lk_formBottomLinks {
   width: 100%;
   height: auto;
   margin: 2em auto 0 auto;
   text-align: center;
   display: flex;
   align-items: flex-start;
 }

 #wrapper .lk_formBottomLinks p:first-child {
   margin-bottom: 1em;
 }

 .lk_formBottomLinks p.lk_registerNowLink {
   width: 100%;
   height: auto;
   margin-right: 5%;
   float: left;
   text-align: left;
 }

 .lk_formBottomLinks p.login {
   width: 25%;
   float: right;
   margin: 0;
 }

 #wrapper p.lk_registerNowLink a {
   color: #658BC9;
   text-decoration: none;
   font-family: 'MonumentExtended-Ultrabold';
   letter-spacing: 0.65px;
 }

 #wrapper p.login.button {
   margin: 0 auto;
   text-align: right;
   float: right;
 }

 #wrapper p.login.button.forgotlogin {
   float: none;
   text-align: center;
   margin: 0 auto
 }

 #wrapper p.button input.forgotloginbtn {
   width: 8em;
   padding: 0.8em 0.3em
 }

 #wrapper p.errormsg {
   color: #000;
   margin-top: 2.5em;
   margin-bottom: 0;
 }

 #wrapper input:not([type="checkbox"]).errorBottom {
   border-color: #FC0B0B
 }

 .desktop-form #wrapper p.button input[type='submit'] {
   width: 8em;
   padding: 0.8em 0.3em
 }

 /*#wrapper .lk_formBottomLinks p.lk_registerNowLink.lk_passLinkTxt{display:none;}*/
 .lk_formBottomLinks .lk_formLinkWrapper {
   width: calc(100% - 8.6em)
 }

 #wrapper h2.lk_pageTitle {
   font-family: 'MonumentExtended-Ultrabold';
   text-align: center;
   font-size: 1.8em;
   text-transform: uppercase;
   color: #fff;
   letter-spacing: 1px;
   clear: both;
 }

 /** Style added 11 Oct 2020 **/




 @media (min-width: 576px) {
   .container {
     max-width: 540px
   }
 }

 @media (min-width: 768px) {
   .container {
     max-width: 720px
   }
 }

 @media (min-width: 992px) {
   .container {
     max-width: 960px
   }
 }

 @media (min-width: 1200px) {
   .container {
     max-width: 1140px
   }
 }

 .row {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-right: -15px;
   margin-left: -15px
 }

 .col-md-12,
 .col-md-6 {
   position: relative;
   width: 100%;
   padding-right: 15px;
   padding-left: 15px
 }

 @media (min-width: 768px) {
   .col-md-6 {
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%
   }

   .col-md-12 {
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%
   }
 }

 .form-control {
   display: block;
   width: 100%;
   height: calc(1.5em + .75rem + 2px);
   padding: .375rem .75rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: .25rem;
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

 @media (prefers-reduced-motion: reduce) {
   .form-control {
     transition: none
   }
 }

 .form-control::-ms-expand {
   background-color: transparent;
   border: 0
 }

 .form-control:-moz-focusring {
   color: transparent;
   text-shadow: 0 0 0 #495057
 }

 .form-control:focus {
   color: #495057;
   background-color: #fff;
   border-color: #80bdff;
   outline: 0;
   box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
 }

 .form-control::-webkit-input-placeholder {
   color: #6c757d;
   opacity: 1
 }

 .form-control::-moz-placeholder {
   color: #6c757d;
   opacity: 1
 }

 .form-control:-ms-input-placeholder {
   color: #6c757d;
   opacity: 1
 }

 .form-control::-ms-input-placeholder {
   color: #6c757d;
   opacity: 1
 }

 .form-control::placeholder {
   color: #6c757d;
   opacity: 1
 }

 .form-control:disabled {
   background-color: #e9ecef;
   opacity: 1
 }

 .text-center {
   text-align: center !important
 }

 @media print {

   *,
   ::after,
   ::before {
     text-shadow: none !important;
     box-shadow: none !important
   }

   a:not(.btn) {
     text-decoration: underline
   }

   img {
     page-break-inside: avoid
   }

   p {
     orphans: 3;
     widows: 3
   }

   body {
     min-width: 992px !important
   }

   .container {
     min-width: 992px !important
   }
 }

 .fa-2x {
   font-size: 2em
 }

 .fa-bolt:before {
   content: "f0e7"
 }

 p,
 a {
   -webkit-animation: zoomIn .5s cubic-bezier(.42, 0, .58, 1);
   animation: zoomIn .5s cubic-bezier(.42, 0, .58, 1)
 }

 ::-webkit-scrollbar {
   width: 6px
 }

 ::-webkit-scrollbar-track {
   border-radius: 0
 }

 ::-webkit-scrollbar-thumb {
   margin: 2px;
   border-radius: 10px;
   background: rgba(0, 0, 0, 0.2)
 }

 ::-webkit-input-placeholder {
   color: #bbb
 }

 :-ms-input-placeholder {
   color: #bbb
 }

 ::-moz-placeholder {
   color: #bbb
 }

 :-moz-placeholder {
   color: #bbb
 }

 #container {
   margin: 0;
   padding: 0;
   margin: 0 auto
 }

 .container {
   padding: 0px;
   max-width: 100%
 }

 #wrapper {
   width: 60%;
   right: 0px;
   min-height: 560px;
   margin: 0px auto;
   width: 500px;
   position: absolute;
   z-index: 1000;
   top: 67px;
   left: 1%;
   max-width: 800px;
 }

 body {
   background: #256698
 }

 #wrapper p {
   margin-bottom: 15px
 }

 #wrapper p:first-child {
   margin: 0 0 1.5em 0;
 }

 #wrapper label {
   position: relative;
   font-family: 'monument_extendedregular';
   font-size: 24px;
   margin: 0px;
   color: #000;
   text-transform: uppercase;
 }

 #wrapper p {
   font-family: 'monument_extendedregular';
   color: #4d4d4d
 }

 ::-webkit-input-placeholder {
   color: rgb(190, 188, 188);
   font-style: italic
 }

 input:-moz-placeholder,
 textarea:-moz-placeholder {
   color: rgb(190, 188, 188);
   font-size: 24px;
   font-style: normal;
 }

 input {
   outline: none
 }

 #wrapper input:not([type="checkbox"]) {
   width: 98%;
   margin-top: 6px;
   padding: 0px 5px 3px 0;
   border: none;
   border-bottom: 1px solid #a49d9d;
   -webkit-appearance: textfield;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
   margin-bottom: 15px;
   font-family: 'Raleway', sans-serif;
   font-weight: 300;
   color: #4d4d4d;
   font-size: 30px
 }

 #wrapper p {
   font-size: 24px
 }

 .animated-background {
   margin-top: -3px;
   position: fixed;
   height: auto
 }

 #wrapper p.button input {
   /*width: 45%;
  cursor: pointer;
  background: rgb(61, 157, 179);
  padding: 19px 15px;
  font-family: 'monument_extendedregular';
  color: #fff;
  font-size: 14px;
  margin-bottom: 10px;
  border-radius: 12px;
  background-color: #4d4d4d*/
   width: 8em !important;
   padding: 0.8em 0.3em !important;
   margin-bottom: 0;
   margin-top: 0 !important;
   border: 0;
   background-color: #658BC9;
   font-size: 0.75em !important;
   letter-spacing: 1px;
   font-family: 'monument_extendedregular';
   cursor: pointer;
   border-radius: 10px;
   color: #fff;
 }

 #wrapper p.button input:hover {
   /*background: #808080;*/
   background: #53627B;
   color: #fff
 }

 #wrapper p.button input:active,
 #wrapper p.button input:focus {
   position: relative;
   top: 1px
 }

 p.login.button {
   text-align: center;
   margin: 5px 0
 }

 #login {
   width: 100%;
   padding: 80px 75px 40px 75px;
   margin: 0 0 35px 0;
   background: #fff;
   border-radius: 14px
 }

 #login {
   z-index: 22
 }

 .animate {
   -webkit-animation-duration: 0.5s;
   -webkit-animation-timing-function: ease;
   -webkit-animation-fill-mode: both;
   -moz-animation-duration: 0.5s;
   -moz-animation-timing-function: ease;
   -moz-animation-fill-mode: both;
   -o-animation-duration: 0.5s;
   -o-animation-timing-function: ease;
   -o-animation-fill-mode: both;
   -ms-animation-duration: 0.5s;
   -ms-animation-timing-function: ease;
   -ms-animation-fill-mode: both;
   animation-duration: 0.5s;
   animation-timing-function: ease;
   animation-fill-mode: both
 }

 .mobile-form {
   display: none
 }

 .mobileBgShow {
   display: none;
 }

 .desktop-form {
   display: none
 }

 .logo-container {
   /* margin-left: 10px; */
   float: left
 }

 .logo-container img {
   max-width: 100px
 }

 .form-name-container {
   /* margin-right: 10px; */
   float: right;
   font-family: 'monument_extendedregular';
   color: #fff
 }

 .form-name-container .form-name {
   margin-top: 22.7%;
   text-align: right;
   font-size: 24px
 }

 .form-name-container .form-name a {
   display: inline-block;
   color: #fff;
   text-decoration: none;
   text-transform: uppercase;
   vertical-align: middle;
 }

 .form-name-container .form-name a img {
   display: inline-block;
   width: 11%;
   vertical-align: middle;
 }

 .top-container {
   margin-bottom: 210px;
   position: relative
 }

 .container {
   position: relative
 }

 .desktop-form p {
   font-size: 17px !important
 }

 .desktop-form label {
   display: block;
   font-size: 17px !important
 }

 .desktop-form input {
   font-size: 18px !important
 }

 .desktop-form .pl-form {
   padding-left: 10%
 }

 .desktop-form .pr-form {
   padding-right: 10%
 }

 .desktop-form #wrapper p.button input {
   width: 100%;
   font-size: 15.049px !important;
   /*  margin-top: 40px;*/
   padding: 12px 0px
 }

 #login {
   padding: 80px 85px 25px 85px
 }

 .desktop-form .logo-container img {
   max-width: 118px
 }

 .desktop-form .logo-container {
   /* margin-left: 36px */
 }

 .star-container {
   position: relative
 }

 .star-1920 {
   display: none
 }

 .star-1440 {
   display: none
 }

 .big-star {
   display: none
 }

 .small-star {
   display: none
 }

 select {
   opacity: 0;
   position: absolute;
   z-index: 10;
   display: none
 }

 input {
   width: 100%
 }

 .desktop-form .star-light {
   position: absolute;
   z-index: 999;
   width: 100%;
   top: 2px;
   right: 0
 }

 .star-container {
   position: relative
 }

 .form-name-container {
   /* margin-right: 65px */
 }

 .desktop-form .logo-container img {
   max-width: 150px
 }

 .desktop-form .logo-container {
   /* margin-left: 65px */
 }

 .mobile-form label {
   width: 100%
 }

 @media screen and (min-width: 1920px) {
   .desktop-form .star-light {
     top: -20px;
     right: 0px
   }

   .star-1920 {
     display: block
   }

   .form-name-container {
     /* margin-right: 135px */
   }

   .desktop-form .logo-container img {
     max-width: 130px
   }

   .desktop-form .logo-container {
     /* margin-left: 135px */
   }
 }

 @media screen and (width: 1536px) {
   .desktop-form .star-light {
     top: -16px;
     right: 0
   }

   .star-1920 {
     display: block
   }

   .star-1440 {
     display: none
   }

   .form-name-container {
     /* margin-right: 90px */
   }

   .desktop-form .logo-container img {
     max-width: 130px
   }

   .desktop-form .logo-container {
     /* margin-left: 90px */
   }
 }

 @media screen and (width: 1440px) {
   .desktop-form .star-light {
     top: 3px;
     right: 0px
   }

   .form-name-container {
     /* margin-right: 55px */
   }

   .desktop-form .logo-container {
     /* margin-left: 55px */
   }

   .star-1920 {
     display: block
   }

   .star-1440 {
     display: none
   }
 }

 @media screen and (width: 1366px) {
   .desktop-form .star-light {
     top: 6px;
     right: 23px
   }

   .star-1920 {
     display: block
   }

   .star-1440 {
     display: none
   }

   .form-name-container {
     /* margin-right: 65px */
   }

   .desktop-form .logo-container img {
     max-width: 150px
   }

   .desktop-form .logo-container {
     /* margin-left: 65px */
   }

   #wrapper {
     top: 60px
   }
 }

 @media screen and (min-width: 1280px) and (max-width: 1440px) {
   .lottie-width {
     width: 100%
   }
 }

 @media screen and (min-width: 1280px) and (max-width: 1439px) {
   .desktop-form {
     display: block
   }

   #wrapper {
     width: 70%
   }

   .star-1920 {
     display: none
   }

   .star-1440 {
     display: block
   }

   .form-name-container {
     /* margin-right: 33px */
   }

   .desktop-form .logo-container {
     /* margin-left: 33px */
   }
 }

 @media screen and (min-width: 1280px) {
   .desktop-form {
     display: block
   }

   #wrapper {
     width: 70%;
     top: 55px;
   }
 }

 @media screen and (min-width: 801px) and (max-width: 1279px) {
   #wrapper p {
     font-size: 18px
   }

   #wrapper label {
     font-size: 18px
   }

   #wrapper input:not([type="checkbox"]) {
     font-size: 20px
   }

   #wrapper {
     top: 132px
   }

   .top-container {
     margin-bottom: 140px;
     position: relative
   }

   .form-name-container {
     /* margin-right: 35px */
   }

   .logo-container {
     /* margin-left: 35px */
   }

   #wrapper {
     top: 112px
   }
 }

 @media screen and (max-width: 1279px) {
   #wrapper {
     width: 70%;
     left: 0;
     top: 30px;
   }

   #login {
     padding: 80px 2.5em 25px 2.5em
   }

   .mobile-form {
     display: block
   }

   .animated-background {
     width: 100% !important
   }

   .star-light {
     position: absolute;
     top: -61px;
     z-index: 999;
     right: 93px;
     width: 100%
   }

   .star-container {
     position: relative
   }

   .small-star {
     display: block
   }

   .form-name-container {
     /* margin-right: 25px */
   }

   .logo-container {
     /* margin-left: 25px */
   }

   .top-container {
     margin-bottom: 145px
   }

   .form-name-container .form-name {
     margin-top: 6.7%
   }

   .logo-container img {
     max-width: 115px
   }
 }

 @media screen and (min-width: 1201px) and (max-width: 1250px) {
   #wrapper {
     /*width: 500px;*/
     width: 65%;
     left: 0
   }

   .mobile-form {
     display: block
   }

   .animated-background {
     width: 100% !important
   }

   .star-light {
     top: -61px;
     right: 87px
   }

   .star-container {
     position: relative
   }

   .small-star {
     display: block
   }

   .form-name-container {
     /* margin-right: 25px */
   }

   .logo-container {
     /* margin-left: 25px */
   }

   .top-container {
     margin-bottom: 145px
   }

   .form-name-container .form-name {
     margin-top: 6.7%
   }
 }

 @media screen and (min-width: 1151px) and (max-width: 1200px) {
   #wrapper {
     width: 65%;
     left: 0
   }

   .mobile-form {
     display: block
   }

   .animated-background {
     width: 100% !important
   }

   .star-light {
     top: -51px;
     right: 77px
   }

   .star-container {
     position: relative
   }

   .small-star {
     display: block
   }

   .form-name-container {
     /* margin-right: 25px */
   }

   .logo-container {
     /* margin-left: 25px */
   }

   .top-container {
     margin-bottom: 145px
   }

   .form-name-container .form-name {
     margin-top: 6.7%
   }
 }

 @media screen and (min-width: 1106px) and (max-width: 1150px) {
   #wrapper {
     width: 65%;
     left: 0
   }

   .mobile-form {
     display: block
   }

   .animated-background {
     width: 100% !important
   }

   .star-light {
     top: -39px;
     right: 69px
   }

   .star-container {
     position: relative
   }

   .small-star {
     display: block
   }

   .form-name-container {
     /* margin-right: 25px */
   }

   .logo-container {
     /* margin-left: 25px */
   }

   .top-container {
     margin-bottom: 145px
   }

   .form-name-container .form-name {
     margin-top: 6.7%
   }
 }

 @media screen and (min-width: 1041px) and (max-width: 1105px) {
   #wrapper {
     width: 65%;
     left: 0
   }

   #login {
     padding: 80px 2.5em 25px 2.5em
   }

   .mobile-form {
     display: block
   }

   .animated-background {
     width: 100% !important
   }

   .star-light {
     top: -37px;
     right: 63px
   }

   .star-container {
     position: relative
   }

   .small-star {
     display: block
   }

   .form-name-container {
     /* margin-right: 25px */
   }

   .logo-container {
     /* margin-left: 25px */
   }

   .top-container {
     margin-bottom: 145px
   }

   .form-name-container .form-name {
     margin-top: 6.7%
   }
 }

 @media screen and (min-width: 992px) and (max-width: 1040px) {
   #wrapper {
     width: 65%;
     left: 0;
     top: 30px;
   }

   .mobile-form {
     display: block
   }

   .animated-background {
     width: 100% !important
   }

   .star-light {
     top: -25px;
     right: 56px
   }

   .star-container {
     position: relative
   }

   .small-star {
     display: block
   }

   .form-name-container {
     /* margin-right: 25px; */
   }

   .logo-container {
     /* margin-left: 25px; */
   }

   .top-container {
     margin-bottom: 145px;
   }

   .form-name-container .form-name {
     margin-top: 6.7%;
   }
 }

 @media screen and (min-width: 900px) and (max-width: 991px) {
   #wrapper {
     width: 65%;
     left: 0
   }

   .mobile-form {
     display: block
   }

   .animated-background {
     width: 100% !important
   }

   .star-light {
     top: -14px;
     right: 45px
   }

   .star-container {
     position: relative
   }

   .small-star {
     display: block
   }

   .form-name-container {
     /* margin-right: 25px */
   }

   .logo-container {
     /* margin-left: 25px */
   }

   .top-container {
     margin-bottom: 145px
   }

   .form-name-container .form-name {
     margin-top: 6.7%
   }
 }

 @media screen and (min-width: 801px) and (max-width: 900px) {
   .star-light {
     top: -4px;
     right: 26px
   }

   .form-name-container {
     /* margin-right: 10px */
   }

   .logo-container {
     /* margin-left: 10px */
   }

   .top-container {
     margin-bottom: 145px
   }

   .form-name-container .form-name {
     margin-top: 6.7%
   }
 }

 @media screen and (min-width: 601px) and (max-width: 800px) {
   #wrapper p {
     font-size: 16px
   }

   #wrapper label {
     font-size: 16px
   }

   #wrapper input:not([type="checkbox"]) {
     font-size: 18px
   }

   #wrapper {
     top: 113px
   }

   .top-container {
     margin-bottom: 140px;
     position: relative
   }

   .form-name-container {
     /* margin-right: 35px; */
   }

   .logo-container {
     /* margin-left: 35px; */
   }

   #wrapper {
     top: 112px
   }
 }

 @media screen and (max-width: 800px) {
   #wrapper {
     width: 80%;
     left: 0
   }

   .mobile-form {
     display: block
   }

   .animated-background {
     width: 100% !important
   }

   .star-light {
     top: -3px;
     right: 15px
   }

   .star-container {
     position: relative
   }

   .small-star {
     display: block
   }

   .small-star {
     display: block
   }

   .form-name-container .form-name {
     margin-top: 8.7%;
     text-align: right;
     font-size: 23px
   }

   .star-light {
     top: -3px;
     right: 25px
   }
 }

 @media screen and (max-width: 768px) {
   #wrapper {
     width: 75%;
     left: 0
   }

   .mobile-form {
     display: block
   }

   .animated-background {
     width: 100% !important
   }

   .star-light {
     top: 5px;
     right: 17px
   }

   .star-container {
     position: relative
   }

   .small-star {
     display: block
   }

   .form-name-container .form-name {
     margin-top: 7.7%;
     text-align: right;
     font-size: 23px
   }
 }

 @media screen and (max-width: 720px) {
   #wrapper {
     width: 80%;
     left: 0;
     top: 30px;
   }

   .mobile-form {
     display: block
   }

   .animated-background {
     width: 100% !important
   }

   .star-light {
     top: 10px;
     right: 11px
   }

   .star-container {
     position: relative
   }

   .small-star {
     display: block
   }

   .form-name-container .form-name {
     margin-top: none;
     font-size: 23px;
     margin-top: 20px;
     text-align: center;
   }
 }

 @media screen and (min-width: 480px) and (max-width: 600px) {
   .big-star {
     display: block
   }

   .small-star {
     display: none
   }

   #wrapper p {
     font-size: 14px
   }

   #wrapper label {
     font-size: 14px
   }

   #wrapper input:not([type="checkbox"]) {
     font-size: 16px
   }

   #wrapper {
     width: 90%
   }

   #login {
     padding: 33px 15% 10px 15%
   }

   #wrapper p.button input {
     margin-top: 18%
   }

   #wrapper p.button input {
     padding: 8% 7%
   }

   .form-name-container .form-name {
     margin-top: 10px;
     text-align: right;
     font-size: 19px
   }

   .form-name-container {
     /* margin-right: 40px */
   }

   .top-container {
     margin-bottom: 110px
   }

   .logo-container img {
     max-width: 100px
   }

   .logo-container {
     /* margin-left: 40px */
   }

   .top-container {
     margin-bottom: 139px
   }
 }

 @media screen and (min-width: 551px) and (max-width: 600px) {
   .mobile-form {
     display: block
   }

   .animated-background {
     width: 100% !important
   }

   .star-light {
     top: -3px;
     z-index: 999;
     right: 0px
   }

   .star-container {
     position: relative
   }

   .big-star {
     display: block
   }

   .small-star {
     display: none !important
   }

   .form-name-container .form-name {
     margin-top: none;
     font-size: 23px;
     margin-top: 20px
   }

   #wrapper {
     top: 76px
   }
 }

 @media only screen and (min-width: 481px) and (max-width: 550px) {
   .form-name-container .form-name {
     margin-top: none;
     font-size: 23px;
     margin-top: 20px
   }

   #wrapper {
     top: 76px
   }
 }

 @media only screen and (max-width: 480px) {
   #wrapper {
     width: 90%;
     top: 60px
   }

   .form-name-container .form-name {
     margin-top: 25px;
     text-align: right;
     font-size: 14px
   }

   .top-container {
     margin-bottom: 110px
   }

   .logo-container img {
     max-width: 80px
   }

   #wrapper p {
     font-size: 12px
   }

   #wrapper label {
     font-size: 12px
   }

   #wrapper input:not([type="checkbox"]) {
     font-size: 14px
   }

   #login {
     padding: 33px 15% 0 15%
   }
 }

 @media only screen and (min-width: 433px) and (max-width: 480px) {
   .mobile-form {
     display: block
   }

   .animated-background {
     width: 100% !important
   }

   .star-light {
     top: -15px;
     right: 0px
   }

   .big-star {
     display: block
   }

   .logo-container {
     /* margin-left: 50px */
   }

   .form-name-container {
     /* margin-right: 50px */
   }

   .form-name-container .form-name {
     font-size: 16px
   }
 }

 @media only screen and (min-width: 415px) and (max-width: 432px) {
   .star-light {
     right: 0px;
     top: -6px
   }

   .big-star {
     display: block
   }

   .logo-container {
     /* margin-left: 41px */
   }

   .form-name-container {
     /* margin-right: 41px */
   }

   .form-name-container .form-name {
     font-size: 16px
   }
 }

 @media only screen and (min-width: 394px) and (max-width: 414px) {
   .star-light {
     right: 0px;
     top: -2px
   }

   .big-star {
     display: block
   }

   .small-star {
     display: none
   }

   .form-name-container {
     /* margin-right: 41px */
   }

   #wrapper {
     top: 49px
   }

   .top-container {
     margin-bottom: 110px
   }

   .logo-container img {
     max-width: 80px
   }

   .logo-container {
     /* margin-left: 41px */
   }
 }

 @media only screen and (min-width: 376px) and (max-width: 393px) {
   .star-light {
     right: 2px;
     top: 2px
   }

   .big-star {
     display: block
   }

   .form-name-container {
     /* margin-right: 40px */
   }

   .logo-container {
     /* margin-left: 40px */
   }
 }

 @media only screen and (min-width: 361px) and (max-width: 375px) {
   .star-light {
     right: -1px;
     top: -2px
   }

   #wrapper {
     top: 52px
   }

   .form-name-container {
     /* margin-right: 32px */
   }

   .logo-container {
     /* margin-left: 32px */
   }
 }

 @media only screen and (max-width: 360px) {
   #wrapper {
     top: 36px
   }

   .star-light {
     right: -1px;
     top: -11px
   }

   .big-star {
     display: block
   }

   .small-star {
     display: none
   }

   .form-name-container {
     /* margin-right: 21px */
   }

   .logo-container {
     /* margin-left: 21px */
   }
 }

 @media only screen and (max-width: 330px) {
   .big-star {
     display: block
   }

   .small-star {
     display: none
   }

   .star-light {
     right: 1px;
     top: -2px;
     width: 100%
   }
 }

 .errormsg {
   display: none;
   text-align: center;
   font-family: 'monument_extendedregular'
 }

 /*! CSS Used from: Embedded */
 .errormsg {
   display: none;
   text-align: center;
   font-family: 'monument_extendedregular'
 }

 /*! CSS Used keyframes */
 @-webkit-keyframes zoomIn {
   0% {
     -webkit-transform: scale(0);
     transform: scale(0);
     opacity: 0.0
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 1
   }
 }

 @keyframes zoomIn {
   0% {
     -webkit-transform: scale(0);
     transform: scale(0);
     opacity: 0.0
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 1
   }
 }

 /*! CSS Used fontfaces */
 @font-face {
   font-family: 'monument_extendedregular';
   src: url("../fonts/monumentextended-regular-webfont.woff2") format('woff2'),
     url("../fonts/monumentextended-regular-webfont.woff") format('woff');
   font-weight: normal;
   font-style: normal
 }

 @font-face {
   font-family: 'MonumentExtended-Ultrabold';
   src: url('../fonts/MonumentExtended-Ultrabold.eot?#iefix') format('embedded-opentype'),
     url('../fonts/MonumentExtended-Ultrabold.otf') format('opentype'),
     url('../fonts/MonumentExtended-Ultrabold.woff') format('woff'),
     url('../fonts/MonumentExtended-Ultrabold.ttf') format('truetype'),
     url('../fonts/MonumentExtended-Ultrabold.svg#MonumentExtended-Ultrabold') format('svg');
   font-weight: normal;
   font-style: normal;
 }

 @font-face {
   font-family: 'Raleway';
   font-style: normal;
   font-weight: 300;
   font-display: swap;
   src: url("https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyCAIT4ttDfCmxA.woff2") format('woff2');
   unicode-range: U+0460-052F,
     U+1C80-1C88,
     U+20B4,
     U+2DE0-2DFF,
     U+A640-A69F,
     U+FE2E-FE2F
 }

 @font-face {
   font-family: 'Raleway';
   font-style: normal;
   font-weight: 300;
   font-display: swap;
   src: url("https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyCkIT4ttDfCmxA.woff2") format('woff2');
   unicode-range: U+0400-045F,
     U+0490-0491,
     U+04B0-04B1,
     U+2116
 }

 @font-face {
   font-family: 'Raleway';
   font-style: normal;
   font-weight: 300;
   font-display: swap;
   src: url("https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyCIIT4ttDfCmxA.woff2") format('woff2');
   unicode-range: U+0102-0103,
     U+0110-0111,
     U+0128-0129,
     U+0168-0169,
     U+01A0-01A1,
     U+01AF-01B0,
     U+1EA0-1EF9,
     U+20AB
 }

 @font-face {
   font-family: 'Raleway';
   font-style: normal;
   font-weight: 300;
   font-display: swap;
   src: url("https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2") format('woff2');
   unicode-range: U+0100-024F,
     U+0259,
     U+1E00-1EFF,
     U+2020,
     U+20A0-20AB,
     U+20AD-20CF,
     U+2113,
     U+2C60-2C7F,
     U+A720-A7FF
 }

 @font-face {
   font-family: 'Raleway';
   font-style: normal;
   font-weight: 300;
   font-display: swap;
   src: url("https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2") format('woff2');
   unicode-range: U+0000-00FF,
     U+0131,
     U+0152-0153,
     U+02BB-02BC,
     U+02C6,
     U+02DA,
     U+02DC,
     U+2000-206F,
     U+2074,
     U+20AC,
     U+2122,
     U+2191,
     U+2193,
     U+2212,
     U+2215,
     U+FEFF,
     U+FFFD
 }

 @font-face {
   font-family: 'Raleway';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url("https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyCAIT4ttDfCmxA.woff2") format('woff2');
   unicode-range: U+0460-052F,
     U+1C80-1C88,
     U+20B4,
     U+2DE0-2DFF,
     U+A640-A69F,
     U+FE2E-FE2F
 }

 @font-face {
   font-family: 'Raleway';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url("https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyCkIT4ttDfCmxA.woff2") format('woff2');
   unicode-range: U+0400-045F,
     U+0490-0491,
     U+04B0-04B1,
     U+2116
 }

 @font-face {
   font-family: 'Raleway';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url("https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyCIIT4ttDfCmxA.woff2") format('woff2');
   unicode-range: U+0102-0103,
     U+0110-0111,
     U+0128-0129,
     U+0168-0169,
     U+01A0-01A1,
     U+01AF-01B0,
     U+1EA0-1EF9,
     U+20AB
 }

 @font-face {
   font-family: 'Raleway';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url("https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2") format('woff2');
   unicode-range: U+0100-024F,
     U+0259,
     U+1E00-1EFF,
     U+2020,
     U+20A0-20AB,
     U+20AD-20CF,
     U+2113,
     U+2C60-2C7F,
     U+A720-A7FF
 }

 @font-face {
   font-family: 'Raleway';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url("https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2") format('woff2');
   unicode-range: U+0000-00FF,
     U+0131,
     U+0152-0153,
     U+02BB-02BC,
     U+02C6,
     U+02DA,
     U+02DC,
     U+2000-206F,
     U+2074,
     U+20AC,
     U+2122,
     U+2191,
     U+2193,
     U+2212,
     U+2215,
     U+FEFF,
     U+FFFD
 }

 /*Naved CSS*/

 .errormsg {
   display: none;
   text-align: center;
   font-family: 'monument_extendedregular';
 }

 /*Naved CSS*/


 @media screen and (max-width:767px) {
   #wrapper {
     top: 30px;
   }

   .top-container {
     margin-bottom: 11em;
   }

   /* .logo-container{float:none;} */
   /* .form-name-container{float:none;margin:0 auto;text-align:center;width:100%;} */
   .form-name-container .form-name {
     text-align: center;
   }

   #login {
     padding: 33px 2.5em 10px 2.5em;
   }

   .lk_formBottomLinks {
     align-items: flex-start;
   }

   .lk_formBottomLinks p.lk_registerNowLink {
     margin-right: 5%;
   }

   .lk_formBottomLinks p.login {
     width: 35%;
   }

   #wrapper p.button input {
     border-radius: 5px;
     margin-top: 0;
   }

   #wrapper h2.lk_pageTitle {
     margin-top: 8em;
     font-size: 1.5em;
   }

 }

 @media screen and (max-width:480px) {
   #login {
     padding: 33px 1.5em 10px 1.5em
   }

   .top-container {
     margin-bottom: 8em
   }

   #wrapper h2.lk_pageTitle {
     font-size: 1.3em;
   }
 }