@font-face {
  font-family: "open_sanslight";
  src: url("../fonts/open-sans/opensans-light-webfont.woff2") format("woff2"), url("../fonts/open-sans/opensans-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansregular";
  src: url("../fonts/open-sans/opensans-regular-webfont.woff2") format("woff2"), url("../fonts/open-sans/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sanssemibold";
  src: url("../fonts/open-sans/opensans-semibold-webfont.woff2") format("woff2"), url("../fonts/open-sans/opensans-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansbold";
  src: url("../fonts/open-sans/opensans-bold-webfont.woff2") format("woff2"), url("../fonts/open-sans/opensans-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansextrabold";
  src: url("../fonts/open-sans/opensans-extrabold-webfont.woff2") format("woff2"), url("../fonts/open-sans/opensans-extrabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "montserratlight";
  src: url("../fonts/montserrat/montserrat-light-webfont.woff2") format("woff2"), url("../fonts/montserrat/montserrat-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "montserratregular";
  src: url("../fonts/montserrat/montserrat-regular-webfont.woff2") format("woff2"), url("../fonts/montserrat/montserrat-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "montserratmedium";
  src: url("../fonts/montserrat/montserrat-medium-webfont.woff2") format("woff2"), url("../fonts/montserrat/montserrat-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "montserratsemibold";
  src: url("../fonts/montserrat/montserrat-semibold-webfont.woff2") format("woff2"), url("../fonts/montserrat/montserrat-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "montserratbold";
  src: url("../fonts/montserrat/montserrat-bold-webfont.woff2") format("woff2"), url("../fonts/montserrat/montserrat-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "montserratextrabold";
  src: url("../fonts/montserrat/montserrat-extrabold-webfont.woff2") format("woff2"), url("../fonts/montserrat/montserrat-extrabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "montserratblack";
  src: url("../fonts/montserrat/montserrat-black-webfont.woff2") format("woff2"), url("../fonts/montserrat/montserrat-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.innernoc {
  width: 202px;
  margin-right: 7px;
  font-size: 2.2rem;
}

.packagebox {
  width: 1060px;
  display: none;
  margin: 0px 11%;
}

.innernoclast {
  width: 20%;
}

.packagebox-tabs-wrapper {
  position: relative;
  top: 38%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 1070px;
  left: 160px;
}

.packagebox-tab {
  text-align: center;
  height: 70px;
  font-size: 2rem;
  color: #fae69a;
  font-weight: bold;
  background: url(../images/btn-2.png) center center no-repeat;
  background-size: contain;
  padding: 9px 16px 0;
  position: relative;
  width: 150px;
  margin: 0 5px;
}

.red-tad {
  color: #f00;
  background: url(../images/btn.png) center center no-repeat;
  background-size: contain;
}

.login-body {
  background: #15212D url(../images/landing-imgs/bg.jpg) center center no-repeat;
  background-size: cover;
  overflow: visible;
  position: relative;
}
.login-body::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(../images/landing-imgs/bg1.png) center center no-repeat;
  background-size: cover;
  z-index: 0;
}

.main-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  height: 100vh;
  min-height: 768px;
  overflow: auto;
}
.main-wrapper .login-form-wrapper {
  width: 650px;
  background: rgba(21, 33, 45, 0.75);
  display: inline-flex;
  align-items: center;
  padding: 100px 80px;
}
.main-wrapper .login-content-wrapper {
  display: inline-flex;
  align-items: flex-end;
  width: calc(100% - 650px);
  padding: 150px;
}
.main-wrapper .login-content-wrapper .login-content {
  color: #fff;
  max-width: 80%;
  font-size: 84px;
  line-height: 87px;
  font-family: "open_sansbold";
}

.login-form {
  width: 100%;
  padding: 40px;
  background: linear-gradient(90deg, #BC9150 9.05%, #E0AC61 13.81%);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  position: relative;
  z-index: 1;
}
.login-form::before {
  top: 3px;
  left: 3px;
  right: 0;
  bottom: 0;
  content: "";
  z-index: -1;
  position: absolute;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  background: #15212d;
}
.login-form .logo {
  width: 100%;
  margin-top: 0;
  text-align: center;
}
.login-form .logo img {
  width: 230px;
  margin: 0 auto;
}

.login-form-area {
  display: inline-block;
  width: 100%;
}

.login-form-head {
  font-family: "open_sansregular";
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(90deg, #645028 0%, #8A6C39 3.62%, #BC9150 9.05%, #E0AC61 13.81%, #F7BC6B 17.66%, #FFC26F 20.11%, #DCA762 23.39%, #BE9158 26.79%, #AC8451 29.72%, #A67F4F 31.84%, #C0975B 33.71%, #DEB468 36.43%, #F1C671 38.74%, #F8CC74 40.36%, #A67F4F 85.26%, #977138 88.23%, #825E1A 93.04%, #755207 97.12%, #704E00 99.98%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 25px 0;
}

.login-form .form-group label {
  color: #fff;
  font-family: "montserratregular";
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
}
.login-form .form-group .form-control {
  height: 32px;
  width: 100%;
  background: #15212D;
  border: 1px solid #495869;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  color: #888888;
  font-size: 12px;
  padding: 0 20px;
}
.login-form .form-group .form-control:hover, .login-form .form-group .form-control:focus {
  box-shadow: none;
}

.pass-input {
  position: relative;
}
.pass-input .toggle-password {
  position: absolute;
  right: 10px;
  top: 2px;
  background: none;
  border: none;
  width: 30px;
  height: 30px;
}
.pass-input .toggle-password img:nth-child(2) {
  display: none;
}
.pass-input .toggle-password:hover, .pass-input .toggle-password:focus {
  outline: none;
}
.pass-input .toggle-password-on img:nth-child(1) {
  display: none;
}
.pass-input .toggle-password-on img:nth-child(2) {
  display: block;
}

.captcha-area {
  position: relative;
}
.captcha-area .captcha-img {
  width: 120px;
  right: 1px;
  top: 1px;
  height: 30px;
  position: absolute;
  text-align: center;
  background: #C4C4C4;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.captcha-area .captcha-img img {
  width: 40px;
  margin: 8px 0 0;
}

.form-btn {
  width: 100%;
  height: 32px;
  border: none;
  font-size: 14px;
  color: #202B38;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0em;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  font-family: "montserratbold";
  background: linear-gradient(180deg, #B7C7FF 0%, #5B78E2 100%);
}

.logomain {
  left: 85% !important;
}

@media (min-width: 1450px) and (max-width: 1480px) {
  .packagebox-tabs-wrapper {
    left: 150px;
  }
}
@media (max-width: 1599px) {
  .main-wrapper .login-content-wrapper {
    padding: 100px;
  }
  .main-wrapper .login-content-wrapper .login-content {
    max-width: 100%;
  }
}
@media (max-width: 1450px) {
  .packagebox-tabs-wrapper {
    top: 34%;
    left: 125px;
  }

  .main-wrapper .login-form-wrapper {
    width: 500px;
    padding: 100px 50px;
  }
  .main-wrapper .login-content-wrapper {
    width: calc(100% - 500px);
  }
}
@media (max-width: 1399px) {
  .packagebox-tabs-wrapper {
    top: 32%;
    left: 120px;
    width: 1020px;
  }
}
@media (max-width: 1350px) {
  .packagebox-tabs-wrapper {
    width: 950px;
    top: 34%;
    left: 140px;
  }

  .packagebox-tab {
    font-size: 1.5rem;
    padding: 15px 16px 0;
  }
}
@media (max-width: 1300px) {
  .packagebox-tabs-wrapper {
    top: 32%;
    left: 120px;
    width: 910px;
  }
}
@media (max-width: 1250px) {
  .packagebox-tabs-wrapper {
    width: 870px;
  }

  .packagebox-tab {
    width: 120px;
  }
}
@media (max-width: 1199px) {
  .main-wrapper .login-form-wrapper {
    width: 400px;
    padding: 100px 20px;
  }
  .main-wrapper .login-content-wrapper {
    padding: 50px 50px 100px;
    width: calc(100% - 400px);
  }
  .main-wrapper .login-content-wrapper .login-content {
    font-size: 44px;
    line-height: 47px;
  }
}
@media (max-width: 991px) {
  .main-wrapper {
    flex-wrap: wrap;
  }
  .main-wrapper .login-form-wrapper {
    width: 50%;
    padding: 100px 20px;
  }
  .main-wrapper .login-content-wrapper {
    padding: 50px 50px 100px;
    width: calc(100% - 50%);
  }
}
@media (max-width: 767px) {
  .main-wrapper {
    flex-wrap: wrap-reverse;
    height: auto;
  }
  .main-wrapper .login-form-wrapper {
    width: 100%;
    padding: 100px 20px;
  }
  .main-wrapper .login-content-wrapper {
    width: 100%;
    padding: 70px 50px;
  }
}

/*# sourceMappingURL=layout.css.map */