@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600&family=Open+Sans&display=swap');
body {font-family: 'Be Vietnam Pro', sans-serif;}

.login-content {width: 100%;height: 100%;display: block;text-align: center;position: relative;padding: 0 0 15px 0;}
.login-content h1 {text-align: left;color: #fff;font-size: 30px;display: block;margin: 20px auto 10px;line-height:45px;font-weight:600;}
.login-content h1 span {color: #fff;display: block;width: 60%;text-align: center;}
.login-content ul {text-align:center;padding:0px;margin:0px;}
.login-content ul li{list-style:none;display:inline-block;background: #fff;border-radius: 20px;width: 100px;height: 100px;padding: 15px;margin:15px;} 

/* NEW LOGIN DESIGN */
.floating {-webkit-animation-name: floating;animation-name: floating;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
@keyframes floating {0% { transform: translate(0,  0px); }50%  { transform: translate(0, 15px); }100%   { transform: translate(0, -0px); }   }
.loaded.fxt-template-animation {opacity: 1;}
.fxt-template-layout31 {background-color: #ffffff;width: 100%;min-height: 100vh;display: -ms-grid;display: grid;position: relative;z-index: 1;background-repeat: no-repeat;height: 100vh;}
.fxt-template-layout32{ position: absolute;width: 44%;height: 78%;left: 20%;top: 15%;}
.fxt-template-animation {position: relative;z-index: 1;width: 100%;overflow: hidden;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.loaded.fxt-template-layout31 .fxt-shape.fxt-animation-active {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.fxt-template-layout31 .fxt-shape {display:none;height: 100%;width: calc((100vw + 220px)/4);background-color: #1a3d8f;background: linear-gradient(60deg, #C51A4A, #FF5626, #FFAD3D);background: #FFAD3D;content: "";left: 0;top: 0;z-index: -1;position: absolute;}
.fxt-template-layout31 .fxt-content-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;min-height: 100%;width: 100%;background-image: url('../../../Images/STARLINETRAVELS/loginbg.png');background-size:cover;background-position:center;}
.fxt-template-layout31 .fxt-heading-content {width: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 0px 30px;overflow: hidden;position: relative;z-index: 1;}
.fxt-template-layout31 .fxt-heading-content .fxt-inner-wrap {text-align: center;max-width: 640px;width: 100%;}
.loaded.fxt-template-animation .fxt-transition-delay-3 {-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;}
.loaded.fxt-template-animation .fxt-transformY-50 {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;-webkit-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);-o-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);}
.fxt-template-layout31 .fxt-heading-content .fxt-logo {display: inline-block;margin-bottom: 35px;margin-left: auto;margin-right: auto;max-width: 40vw;}
.loaded.fxt-template-animation .fxt-transition-delay-4 {-webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;}
.fxt-template-layout31 .fxt-heading-content .fxt-main-title {font-family: 'Be Vietnam Pro', sans-serif;color: #ffffff;font-size: 50px;font-weight: 500;margin-bottom: 10px;line-height: 60px;text-align: left;}
/*.fxt-template-layout31 .fxt-heading-content .fxt-inner-wrap img {width:80%;}*/
.fxt-template-layout31 .fxt-heading-content .fxt-login-option {max-width: 400px;width: 100%;margin-left: auto;margin-right: auto;}
.fxt-template-layout31 .fxt-heading-content .fxt-login-option ul {text-align: center;}
.fxt-template-layout31 .fxt-heading-content .fxt-login-option ul li {margin-bottom: 15px;}
.loaded.fxt-template-animation .fxt-transition-delay-6 {-webkit-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;}
.fxt-template-layout31 .fxt-heading-content .fxt-login-option ul li a {padding: 15px;border: 1px solid;border-color: #5984e8;color: #ffffff;font-size: 20px;display: block;width: 100%;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.fxt-template-layout31 .fxt-heading-content .fxt-login-option ul li:last-child {margin-bottom: 0;}
.fxt-template-layout31 .fxt-heading-content .fxt-login-option ul li {margin-bottom: 15px;}
.loaded.fxt-template-animation .fxt-transition-delay-7 {-webkit-transition-delay: 0.7s;-o-transition-delay: 0.7s;transition-delay: 0.7s;}
.fxt-template-layout31 .fxt-form-content {width: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;justify-content:center;font-weight:500;font-size:13px;}
.fxt-template-layout31 .fxt-form-content .fxt-page-switcher {padding: 0 50px 10px 50px;text-align:center;}
.fxt-template-layout31 .fxt-form-content .fxt-page-title {margin: 15px 0px 0px 0px;font-size: 20px;font-weight: 400;color: #14133b;}
.fxt-template-layout31 .fxt-form-content .fxt-page-switcher .fxt-switcher-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 20px;}
.fxt-template-layout31 .fxt-form-content .fxt-page-switcher .fxt-switcher-wrap li:first-child .fxt-switcher-btn:hover, .fxt-template-layout31 .fxt-form-content .fxt-page-switcher .fxt-switcher-wrap li:first-child .fxt-switcher-btn.active {border-color: #1b53d4;}
.fxt-template-layout31 .fxt-form-content .fxt-page-switcher .fxt-switcher-wrap li:first-child .fxt-switcher-btn {border-left: 1px solid;border-color: #111111;}
.fxt-template-layout31 .fxt-form-content .fxt-page-switcher .fxt-switcher-btn.active {background-color: #1b53d4;color: #ffffff;border-color: #1b53d4;}
.fxt-template-layout31 .fxt-form-content .fxt-page-switcher .fxt-switcher-btn {padding: 9px 27px;border-top: 1px solid;border-bottom: 1px solid;border-color: #111111;color: #111111;display: block;font-size: 18px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.fxt-template-layout31 .fxt-form-content .fxt-page-switcher .fxt-switcher-wrap li:last-child .fxt-switcher-btn {border-right: 1px solid;border-color: #111111;}
.fxt-template-layout31 .fxt-form-content .fxt-main-form {padding: 30px 50px 20px 50px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content:center;}
.fxt-template-layout31 .fxt-form-content .fxt-inner-wrap {max-width: 440px;width: 100%;}
.fxt-template-layout31 .fxt-form-content .fxt-inner-wrap p{text-align:center;}
.fxt-template-layout31 .fxt-form-content .form-group {position: relative;z-index: 1;margin-bottom: 20px;}
.fxt-template-layout31 .fxt-form-content .form-control {position: relative;width: 100%;display: block;height: 50px;line-height: 30px;padding: 15px 20px;font-size: 15px;color: #696969;background: #F0F5F7;border: 1px solid #F0F5F7;box-sizing: border-box;border-radius: 5px;transition: all 300ms ease;}
.fxt-template-layout31 .fxt-form-content input[type="text"]:focus, .fxt-template-layout31 .fxt-form-content input[type="password"]:focus {border-color: #c91676;background: #ffffff;box-shadow:none;}
.fxt-template-layout31 .fxt-form-content .form-group .field-icon {position: absolute;z-index: 1;right: 19px;bottom: 18px;font-size: 14px;color: #a1a1a1;}
.fxt-template-layout31 .fxt-form-content .form-group .field-icon:before {padding: 17px 10px;}
.fxt-template-layout31 .fxt-form-content .fxt-checkbox-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 30px;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.fxt-template-layout31 .fxt-form-content .fxt-checkbox-box {margin-bottom: 5px;}
.fxt-template-layout31 .fxt-form-content .fxt-switcher-text {-webkit-box-shadow: none;box-shadow: none;border: 0;background-color: transparent;cursor: pointer;padding: 0;color: #1b52d2;font-size: 15px;font-weight: 500;margin-bottom: 5px;text-decoration: underline;display: inline-block;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.fxt-template-layout31 .fxt-form-content .fxt-btn-fill {font-family: 'Be Vietnam Pro', sans-serif;cursor: pointer;display: inline-block;font-size: 15px;font-weight: 400;-webkit-box-shadow: none;box-shadow: none;outline: none;border:none;color: #fff;padding: 12px 30px;border-radius: 5px;background: #c91676;width: 100%;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;text-transform:uppercase;transition:0.3s ease-in-out;}
.fxt-template-layout31 .fxt-form-content .fxt-btn-fill:hover {background:#fdae03;transition:0.3s ease-in-out;}

.fxt-template-layout31 .fxt-form-content .fxt-switcher-text {-webkit-box-shadow: none;box-shadow: none;border: 0;background-color: transparent;cursor: pointer;padding: 0;color: #1b52d2;font-size: 13px;font-weight: 500;margin-bottom: 5px;text-decoration: underline;display: inline-block;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.ms-1 {margin-left: 0.25rem!important;}
.fxt-template-layout31 .fxt-heading-content .fxt-main-title span:nth-child(1),.fxt-template-layout31 .fxt-heading-content .fxt-main-title span:nth-child(2){font-size: 19px;line-height: 1;letter-spacing: 3px;font-weight: 600;margin-bottom: 13px;}
.fxt-template-layout31 .fxt-heading-content .fxt-main-title span:nth-child(4){font-weight: 800;letter-spacing: 3px;word-spacing: 5px;}
.fxt-template-layout31 .fxt-heading-content p{font-family: 'Be Vietnam Pro', sans-serif;color: #fff;font-size: 13px;word-spacing: 1px;letter-spacing: 2px;}

#modal-ForgotPswd .btn.btn-primary {background:#c91676;border:none;}
#modal-ForgotPswd .btn.btn-primary:hover {background:#fdae03;border:none;}
#modal-ForgotPswd h3 {font-size:18px;}
#modal-ForgotPswd #Formpass label {font-size: 13px;font-weight: 500;margin-bottom: 5px;}
.form-control:focus {box-shadow:none;border-color:#c91676;}

.powerby a {margin:0px;font-size:13px;color:#857878;text-decoration:none;font-weight:400;}
.powerby {margin-bottom: 0px;float: left;width: 100%;text-align: center;max-width: 100%;margin-top: 5%;}
.form-group .field-label {position: absolute;z-index: 1;margin-bottom: 0px;top: 13px;left: 20px;font-size: 14px;color: #928aa9;}
.form-group input[placeholder]{font-weight:400;}
.form-group .pos-abs {right: 15px;position: absolute;top: 15px;}
.form-group .pos-abs i {font-size: 22px;color: #8f99ab;}

@media only screen and (max-width:768px) {
    .fxt-template-layout31 {background-image: none;padding:0px;}
    .fxt-template-layout31 .fxt-heading-content, .fxt-template-layout32 {display:none;}
    .fxt-template-layout31 .fxt-form-content {width:100%;}
    .fxt-template-layout31 .fxt-form-content .fxt-page-switcher {padding:0 15px 10px 15px;}
    .fxt-template-layout31 .fxt-form-content .fxt-main-form {padding: 30px 15px 20px 15px;}
}