@import url('fonts-raleway.css');
:focus{
    outline:none!important;
}
:root {
  --primary-font-color: #444;
  --primary-font-secondary-color: green;
  --primary-font-family: "Raleway", serif!important;
  --primary-button-color: #009fe3;
  --primary-button-text-color: #ffffff;
  --primary-button-text-hover-color: #009fe3;
  --primary-button-hover-color: rgba(0, 159, 227, 0.8);
}
*{
     font-family: var(--primary-font-family);
}
.clearfix:after{
    content: '';
    display: table-cell;
    clear: both;
}
html {
    font-size: 100%;
	scroll-behavior: smooth;
}
html, body {
    height: 100%;
    margin:0;
    width: 100%;
}
body{
  display:flex;
  flex-direction:column;
  min-height:100vh;
}
.loginBackground {
    position: fixed;
    display: block;
    height: 100vh;
    width: 100%;
    z-index: -999999;
}
header{
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    position: fixed;
    width:100%;
    z-index:9;
}
.wrapper{
    flex:1;
    display:flex;
    justify-content: center;
    align-items: center;
    padding-top:80px;
}
footer{
    background-color: #fff;
    padding: 10px;
    display: flex;
    justify-content: center;
}

.loginBackground img,
.loginBackground video{
    display: block;
    object-fit: cover;
    height: 100vh;
    width: 100%;
}

.loginBackground .login-bg-slide{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
}
.loginBackground .login-bg-slide.active{
    opacity: 1;
}
.cookies-eu-banner {
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 6px;
    font-size: 13px;
    text-align: center;
    position: fixed;
     top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.cookies-eu-banner div{
    max-width: 400px;
    background-color: white;
    padding: 16px;
    color: #444;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.cookies-eu-banner button {
    text-decoration: none;
    background: #222;
    color: #fff;
    border: 1px solid #000;
    cursor: pointer;
    padding: 4px 7px;
    margin: 2px 0;
    font-size: 13px;
    font-weight: 700;
    transition: background 0.07s, color 0.07s, border-color 0.07s;
}
.cookies-eu-banner button:hover {
    background: #fff;
    color: #222;
}
.hidden {
    display: none;
}
.loginBackground::after{
    content: " ";
    display: block;
    position: absolute;
    background-color: rgba(255,255,255,0.2);
    width: 100%;
    height: 100vh;
    top: 0;
    background-color: rgba(0, 116, 190,0.6);
    background-color: rgba(0, 0, 0,0.1);
}
.headerLogo{
    background-color: #623e49;
    height: 80px;
    position: relative;
    background-color: #fff;
    display: flex;
    justify-content: center;
    width: 100dvw;
}
.headerLogo p{
    margin:0;
}

.headerLogo img{

    width: 100px;

}

.login-box{
    padding: 10px;

    max-width: 500px;
    width: 100%;
}

.login-box form{
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    border-radius: 5px;
}
#login form {
    padding-top: 15px;
    padding-bottom: 15px;

    margin-bottom: 10px;
}
.navbar-form, .error {
    margin-right: initial;
    margin-left: initial;
    background-color: #fff;
    padding: 20px 30px 15px 30px;
}
.form-group{
    display:flex;
    justify-content:center!important;
    max-width:300px;
    margin: 0 auto 5px;
}
.form-control {
    border:1px solid #444;
    color: #444;
    max-width:300px;
}
.form-control:focus{
    border-color:#66afe9;
}
.btn-success {
    color: var(--primary-button-text-color);
    border: none;
    margin: 15px auto 0 auto;
    display: block;
    background-color: var(--primary-button-color);
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
    border: none;
    border-color: var(--primary-button-hover-color);
    background-color: var(--primary-button-hover-color);
}
.btn-success[disabled]{
    border-color: rgba(253, 112, 75, 0.6)!important;
    background-color: rgba(20, 55, 97, 0.6)!important;
}
.login-error{
    top:0;
    left:0;
    position: fixed;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    z-index: 9999999;
}
.error-content{
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:300px;
    background:white;
    padding:20px;
    border-radius: 5px;
    text-align: center;
    color: #623e49;
    color:#444;
}
.error-content h2{
    margin: 0;
    margin-bottom: 16px;
    font-size: 22px;
}
.error{
    border-radius : 5px;
}
.error-content p{
    text-align: left;
}
#popup-close{
    padding:6px 10px;
    display:inline-block;
    border-radius: 4px;
    cursor: pointer;
    color: var(--primary-button-text-color);
    background-color: var(--primary-button-color);
    border: none;
    margin: 0px auto 0 auto;
}
#popup-close:hover {
    background-color: var(--primary-button-hover-color);
}
#resetPassword, #loginPage, #createAccount{
    width: fit-content;
    margin: 10px auto 0;
    display: block;
    text-align: center;
    font-size: 13px;
    color:var(--primary-button-color);
}
form i {
    cursor: pointer;
    right: 10px;
    cursor: pointer;
    position: absolute;
}
.passtext{
    margin:0;
}
.spanText{
    font-size : 11px;
    margin-top:5px;
}
footer a{
    color:#009fe3;
}
.error-content span{
    display:block;
    font-weight:600;
    color:red;

}
.custom-select.select {
    width: 100%;
    border: 1px solid var(--select-border);
    border-radius: 0.25em;
    padding: 0.25em 0.5em;
    padding: 0 .5em;
    font-size: 16px;
    cursor: pointer;
    line-height: 18px;
    background-color: #fff;
    background-image: linear-gradient(to top, #f9f9f9, #fff 33%);

    height: 34px;
    margin-bottom: 0;

    border: 1px solid #444;
}
.select {
    align-items: center;
}
.select {
    grid-template-areas: "select";
}
.select {
    display: grid;
}
.custom-select select, .search-group input, .dropdown-label {
    color: rgba(20, 55, 97, 1);
}
.custom-select select {
    font-size: 14px;
}
.custom-select select {
    outline: none !important;
}
.custom-select select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    margin: 0;
    width: 100%;
    font-family: inherit;
    font-size: 16px;
    cursor: inherit;
    line-height: 20px;
    z-index: 999;
    color: #565655;
}
.select::after {
    content: "";
    width: 12.8px;
    height: 8px;
    background-color: var(--primary-font-color);
    -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%);
    clip-path: polygon(100% 0%, 0 0%, 50% 100%);
    display: inline-block;

}
.select:after {
    justify-self: end;
}
select, .select:after {
    grid-area: select;
}
#errorPopup{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
}
.formErrors{
    margin-top: 10px;
    color: red;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    padding: 20px 20px 15px 20px;
    border-radius: 5px;
}
.formErrors h2, #succesMessage h2{
    margin:0;
    margin-bottom:10px;
    font-size:20px;
    color:#444;
}
.formErrors #closeError{
    padding: 4px 7px;
    margin: 2px 0;
    color: var(--primary-button-text-color);
    border: none;
    margin: 5px auto 0 auto;
    display: block;
    background-color: var(--primary-button-color);
    border-radius: 4px;
    cursor: pointer;
}
.formErrors #closeError:hover {
    border: none;
    border-color: var(--primary-button-hover-color);
    background-color: var(--primary-button-hover-color);
}
#succesMessage{
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    padding: 20px 20px 15px 20px;
    border-radius: 5px;
}

:root{
  --lp-page-bg:#ffffff;
  --lp-text-dark:#1a2333;
  --lp-text-muted:#8a93a3;
  --lp-field-bg:#f4f6f8;
  --lp-field-border:#e7eaee;
  --lp-field-border-focus:#009fe3;

  --lp-field-bg-focus:#fff;
  --lp-icon-chip-bg:#e6f6fd;
  --lp-accent-clr:#009fe3;
  --lp-accent-hover-clr:#0088c6;
  --lp-line-clr:#ececef;
}
.lp-stage{
  position:relative;
  width:100%;
  height:100vh;
  overflow:hidden;
  background:var(--lp-page-bg);
}
.lp-slots{
  position:relative;
  z-index:1;
  display:flex;
  width:100%;
  height:100%;
}
.lp-slot{
  width:50%;
  height:100%;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--lp-page-bg);
  padding:24px;

  overflow-y:auto;
}
.lp-card{
  width:100%;
  max-width:340px;
  transition:max-width .2s ease;
}

.lp-card.lp-card--wide{
  max-width:620px;
}
.lp-view[data-view="create"] form{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  gap:0 16px;
}

.lp-view[data-view="create"] .lp-field--full{
  grid-column:1 / -1;
}
.lp-view[data-view="create"] .lp-submit{
  grid-column:1 / -1;
}
@media (max-width: 560px){

  .lp-card.lp-card--wide{max-width:340px;}
  .lp-view[data-view="create"] form{grid-template-columns:minmax(0, 1fr);}
}

.lp-pass-feedback{
  grid-column:1 / -1;
  margin:-8px 0 8px;
  font-size:12px;
  color:var(--lp-text-muted);
  min-height:1.2em;
}
.lp-pass-feedback.is-error{color:#c0392b;}
.lp-logo-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:36px;
}
.lp-logo-row img{display:block;height:18px;width:auto;}
.lp-logo-row span{font-size:13px;font-weight:700;color:var(--lp-text-dark);letter-spacing:.2px;}
.lp-card h1{
  font-size:22px;
  margin:0 0 6px;
  color:var(--lp-text-dark);
  font-weight:700;
}
.lp-card .lp-sub{
  font-size:13.5px;
  color:var(--lp-text-muted);
  margin:0 0 30px;
}
.lp-field{margin-bottom:16px;}
.lp-input-wrap{
  position:relative;
  display:flex;
  align-items:center;
  background:var(--lp-field-bg);
  border:1px solid var(--lp-field-border);
  border-radius:10px;
  padding:6px;
  transition:border-color .15s;
}
.lp-input-wrap:focus-within{
  border-color:var(--lp-field-border-focus);
  background:#fff;
}
.lp-input-icon{
  flex-shrink:0;
  width:32px;
  height:32px;
  border-radius:7px;
  background:var(--lp-icon-chip-bg);
  color:var(--lp-accent-clr);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  margin-right:8px;
}

.lp-input-icon i{
  position:static;
  right:auto;
  cursor:inherit;
}
.lp-field input{
  flex:1;
  min-width:0;
  background:transparent;
  border:none;
  padding:8px 6px;
  font-size:14px;
  color:var(--lp-text-dark);
  font-family:inherit;
}
.lp-field input::placeholder{color:#a7aebb;}
.lp-field input:focus{outline:none;}
.lp-toggle-eye{
  flex-shrink:0;
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--lp-text-muted);
  cursor:pointer;
  font-size:14px;
}

.lp-toggle-eye i{
  position:static;
  right:auto;
  cursor:inherit;
}
.lp-submit{
  width:100%;
  border:none;
  border-radius:10px;
  padding:13px;
  font-size:14.5px;
  font-weight:700;
  color:#fff;
  background:var(--lp-accent-clr);
  cursor:pointer;
  margin-top:8px;
  transition:background .15s;
}
.lp-submit:hover{background:var(--lp-accent-hover-clr);}

.lp-submit:disabled{
  background:#b7c0cc;
  cursor:not-allowed;
}
.lp-submit:disabled:hover{background:#b7c0cc;}
.lp-links{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  margin-top:22px;
}
.lp-links a{
  font-size:12.5px;
  color:var(--lp-text-muted);
  text-decoration:none;
}
.lp-links a:hover{color:var(--lp-accent-clr);}
.lp-bottom-line{
  font-size:13px;
  color:var(--lp-text-muted);
  text-align:center;
  margin-top:8px;
}
.lp-bottom-line a{color:var(--lp-accent-clr);font-weight:700;text-decoration:none;}
.lp-bottom-line a:hover{text-decoration:underline;}

.lp-views-wrap{
  position:relative;
  overflow:hidden;
  transition:height .35s cubic-bezier(.65,0,.35,1);
}
.lp-view{
  transition:opacity .2s ease;
}
.lp-back-link{
  font-size:12.5px;
  text-align:center;
  margin-top:22px;
}
.lp-back-link a{
  color:var(--lp-text-muted);
  text-decoration:none;
}
.lp-back-link a:hover{color:var(--lp-accent-clr);}

.lp-errors{
  background:#fdecec;
  border:1px solid #f5c2c2;
  border-radius:10px;
  padding:12px 16px;
  margin-bottom:16px;
}
.lp-errors ul{
  margin:0;
  padding-left:18px;
  font-size:12.5px;
  color:#c0392b;
}
.lp-errors li{margin:2px 0;}

.lp-input-wrap-plain{padding:8px 10px;}
.lp-input-wrap-plain input{padding:6px 2px;}

.lp-select{
  width:100%;
  background:var(--lp-field-bg);
  border:1px solid var(--lp-field-border);
  border-radius:10px;
  padding:14px 12px;
  font-size:14px;
  font-family:inherit;
  color:var(--lp-text-dark);
  cursor:pointer;
}
.lp-select:focus{outline:none;border-color:var(--lp-field-border-focus);background:var(--lp-field-bg-focus);}

.lp-select option{
  background-color:var(--lp-field-bg);
  color:var(--lp-text-dark);
}

.lp-cover{
  position:absolute;
  top:0;
  left:0%;
  width:50%;
  height:100%;
  z-index:2;
  overflow:hidden;

  background:#11141a;
  transition:left .8s cubic-bezier(.65,0,.35,1);
}
.lp-cover.is-supplier{
  left:50%;
}
.lp-audience{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity .5s ease;
}

.lp-audience.audience-customer{opacity:1;}
.lp-cover.is-supplier .audience-customer{opacity:0;}
.lp-cover.is-supplier .audience-supplier{opacity:1;}

.lp-cover-media{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transition:opacity .8s ease;
}
.lp-cover-media.active{opacity:1;}

.lp-cover-media.video-slide{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.lp-switch-wrap{
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:20;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}
.lp-switch{
  width:52px;
  height:52px;
  border-radius:50%;
  border:3px solid #fff;
  background:var(--lp-accent-clr);
  color:#fff;
  font-size:19px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 6px 20px rgba(0,0,0,.18);
  transition:background .15s;
}
.lp-switch:hover{background:var(--lp-accent-hover-clr);}
.lp-switch i{transition:transform .5s;display:block;}
.lp-switch.is-supplier i{transform:rotate(180deg);}
.lp-switch-label{
  background:#fff;
  border:1px solid var(--lp-line-clr);
  color:var(--lp-text-dark);
  font-size:12px;
  font-weight:600;
  padding:6px 14px;
  border-radius:20px;
  white-space:nowrap;
  pointer-events:none;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
}

.lp-switch-inline{
  display:none;
  color:var(--lp-accent-clr);
  font-size:13px;
  font-weight:600;
  text-decoration:underline;
  cursor:pointer;
  margin-bottom:16px;
}

@media (max-width: 900px){

  .lp-slots{flex-direction:column;}
  .lp-cover{display:none;}
  .lp-switch-wrap{display:none;}
  .lp-switch-inline{display:inline-block;}
  .lp-slot{display:none;width:100%;height:100%;}
  .lp-slot.lp-slot--active{display:flex;}

  .lp-card.lp-card--wide{align-self:flex-start;}
}

.lp-cover-placeholder{
  background-image:linear-gradient(160deg, #11141a 0%, #16233a 55%, #0b3a57 100%);
  display:flex;
  align-items:center;
  justify-content:center;
}
.lp-cover-placeholder{
  flex-direction:column;
  gap:22px;
}
.lp-cover-placeholder svg{
  width:112px;
  height:112px;
  opacity:.55;
}

.lp-cover-placeholder-note{
  margin:0;
  padding:0 24px;
  text-align:center;
  color:rgba(255,255,255,0.62);
  font-size:17px;
  letter-spacing:0.2px;
}
.lp-cover-placeholder svg circle{
  fill:var(--lp-accent-clr);
}
.lp-cover-placeholder svg path{
  fill:#ffffff;
}

.lp-reset-stage{
  display:flex;
}
.lp-reset-stage.is-customer{
  flex-direction:row-reverse;
}
.lp-reset-form-slot{
  width:50%;
  height:100%;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  overflow-y:auto;
}
.lp-reset-media{
  position:relative;
  width:50%;
  height:100%;
  flex-shrink:0;
  overflow:hidden;
  background:#11141a;
}

.lp-reset-media .lp-audience{
  opacity:1;
}
@media (max-width: 900px){

  .lp-reset-media{display:none;}
  .lp-reset-form-slot{width:100%;height:100%;}
}

[data-theme="dark"]{
  --lp-page-bg:#182029;
  --lp-text-dark:#eef2f6;
  --lp-text-muted:#a7b2bf;
  --lp-field-bg:#212c38;
  --lp-field-border:#2a3441;
  --lp-field-border-focus:#33b5e8;
  --lp-icon-chip-bg:#123246;
  --lp-accent-clr:#33b5e8;
  --lp-accent-hover-clr:#4cc3f0;
  --lp-line-clr:#2a3441;
  --lp-field-bg-focus:#212c38;
}
[data-theme="dark"] .lp-input-wrap:focus-within{background:#212c38;}

[data-theme="dark"] .lp-errors{background:rgba(192,57,43,.12);border-color:rgba(192,57,43,.4);}
[data-theme="dark"] .lp-errors ul{color:#e8776b;}
[data-theme="dark"] .lp-switch-label{background:#212c38;border-color:#2a3441;color:#eef2f6;box-shadow:0 4px 12px rgba(0,0,0,.35);}
[data-theme="dark"] .lp-switch{border-color:#0e141b;}

.grecaptcha-badge { visibility: hidden; }

.lp-combo-wrap{position:relative;}
.lp-combo-options{
  display:none;
  position:absolute;
  top:calc(100% + 4px);
  left:0;
  right:0;
  max-height:230px;
  overflow-y:auto;
  background:var(--lp-field-bg-focus,#fff);
  border:1px solid var(--lp-field-border);
  border-radius:10px;
  box-shadow:0 10px 26px rgba(16,24,40,.14);
  z-index:40;
}
.lp-combo-options.active{display:block;}
.lp-combo-options .combo-option{
  padding:9px 14px;
  font-size:14px;
  color:var(--lp-text-dark);
  cursor:pointer;
}
.lp-combo-options .combo-option:hover,
.lp-combo-options .combo-option.active-option{
  background:var(--lp-icon-chip-bg);
  color:var(--lp-accent-clr);
}
.lp-combo-options .combo-no-results{
  padding:9px 14px;
  font-size:14px;
  color:var(--lp-text-muted);
}
.lp-combo-options::-webkit-scrollbar{width:8px;}
.lp-combo-options::-webkit-scrollbar-track{background:transparent;}
.lp-combo-options::-webkit-scrollbar-thumb{background-color:var(--lp-field-border);border-radius:6px;}
[data-theme="dark"] .lp-combo-options{
  border-color:#2a3441;
  box-shadow:0 10px 26px rgba(0,0,0,.5);
}