:root {
  --frx-error: #f73b70;
  --modal-title-color: #fff;
  --modal-header-bg: #e80e0e;
  --input-focus-outline-color: rgb(232 14 14 / 20%);
  --form-btn-bg-color:  #1a65da;
  --form-btn-hover-bg-color: #37414f;
  --form-btn-color: #fff;
}

body.no-scroll {
    overflow: hidden;
}
.form-group .pristine-error {
  color: var(--frx-error);
  font-size: 12px;
  font-weight: 600;
  margin-top: 0.3rem;
  display: none;
  padding-left: 80px;
}
.form-group.dsbl-error .pristine-error {
	color: var(--frx-error);
	font-size: 11px;
	margin-top: 0.3rem;
  }
[data-micromodal-trigger="modal-create-account"]:hover  {
    cursor: pointer;
}
[form-button] {
	position: relative;
}
[form-button].is-loading {
	pointer-events: none;
}
[form-button].is-loading::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.7) url("data:image/svg+xml,%0A%3C!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --%3E%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='8.042%25' y1='0%25' x2='65.682%25' y2='23.865%25' id='a'%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23fff' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='%23fff' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' id='Oval-2' stroke='url(%23a)' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/path%3E%3Ccircle fill='%23fff' cx='36' cy='18' r='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") center center/24px 24px no-repeat;
	border-radius: 5px;
}
.modal {
    z-index: 14000;
}
.modal__overlay {
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 background: rgba(30, 28, 37, 0.9);
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .modal__container {
	 background-color: transparent;
	 max-width: 100%;
	 width: 460px;
	 max-height: 90vh;
	 border-radius: 10px;
	 overflow-y: auto;
	 box-sizing: border-box;
}
 .modal__header {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 background: var(--modal-header-bg) url(../assets/img/bg-modal-header.jpg) center center/cover no-repeat;
	 padding: 2rem 2rem 1.5rem;
	 text-align: center;
	 position: relative;
	 border-top-left-radius: 40px;
	 border-top-right-radius: 40px;
}
.modal__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    color: var(--modal-title-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding-bottom: 4rem;
    font-size: 1.25rem;
    line-height: 1.25;
    box-sizing: border-box;
}
 .modal__title h3 {
	 margin-bottom: 0;
	 font-size: 30px;
	 font-weight: 700;
}
 .modal__title p {
	 margin-bottom: 0;
	 max-width: 90%;
	 font-weight: 700;
	 font-size: 16px;
	 opacity: 0.8;
	 margin-top: 1rem;
}
 .modal__close {
	 background-color: transparent;
	 position: absolute;
	 border-radius: 50%;
	 width: 30px;
	 height: 30px;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 top: 1rem;
	 color: var(--modal-title-color);
	 right: 0.5rem;
	 font-size: 25px;
	 border: 0;
	 transform: translateX(-50%);
	 outline: none;
}
 .modal__close:hover {
	 cursor: pointer;
}
 .modal__header .modal__close:before {
	 content: '\2715';
}
 .modal__content {
	line-height: 1.5;
	color: rgba(0, 0, 0, 0.8);
	padding: 2rem;
	background-color: #fff;
	border-top-right-radius: 40px;
	border-top-left-radius: 40px;
	margin-top: -40px;
	position: relative;
	z-index: 2;
    line-height: 1.5;
    color: rgba(0,0,0,.8);
}
 .modal__content .row {
	 margin: 0;
}
 .modal__content .row .col-sm-12 {
    padding: 0;
    margin: 0.5rem 5px;
    border-radius: 10px;
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%;
}
 .modal__content .row .col-sm-12.no-bg {
	 background: none;
	 padding: 0;
}
 .modal__content .row .col-sm-12 i {
	 font-size: 25px;
	 color: #e80e0e;
	 margin-right: 1rem;
}
 .modal__content .row .col-sm-12 .input {
	 flex: 1 1 auto;
	 position: relative;
}
 .modal__content .row .col-sm-12 .input label {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 top: 0;
	 left: 0;
	 pointer-events: none;
	 display: flex;
	 align-items: center;
	 font-weight: 600;
	 font-size: 18px;
	 transition: top 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), font-size 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	 color: #091e25;
	 padding: 5px 0 5px 3.5rem;
}
 .modal__content .row .col-sm-12 .input label::after {
	 content: '';
	 width: calc(100% - 2rem);
	 height: 1px;
	 opacity: 0.4;
	 background-color: #091e25;
	 position: absolute;
	 bottom: 0.6rem;
	 left: 1rem;
	 transition: background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
 .modal__content .row .col-sm-12 .input .form-control {
	 color: #fff;
	 border: 0;
	 width: 100%;
	 height: 100%;
	 background-color: transparent;
	 padding: 1.5rem 1rem 1rem 3.5rem;
	 font-size: 17px;
	 font-weight: 500;
	 border-radius: 10px;
	 transition: background-color 0.2s cubic-bezier(0.215, 0.6, 0.355, 1), box-shadow 0.2s cubic-bezier(0.215, 0.6, 0.355, 1);
	 background-repeat: no-repeat;
     box-shadow: none;
	 background-position: 1rem center;
}
 .modal__content .row .col-sm-12 .input .form-control::placeholder {
	 color: transparent;
	 transition: color 0.2s linear;
}
 .modal__content .row .col-sm-12 .input .form-control.user {
	 background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.4' stroke='%23091e25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 19v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 9a4 4 0 100-8 4 4 0 000 8z'/%3E%3C/g%3E%3C/svg%3E");
}
 .modal__content .row .col-sm-12 .input .form-control.phone {
	 background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.888 15.92v3a2 2 0 01-2.18 2 19.791 19.791 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 012.998 1h3a2 2 0 012 1.72c.127.96.362 1.903.7 2.81a2 2 0 01-.45 2.11l-1.27 1.27a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.574 2.81.7a2 2 0 011.72 2.03z' opacity='.4' stroke='%23091e25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
 .modal__content .row .col-sm-12 .input .form-control.email {
	 background-image: url("data:image/svg+xml,%3Csvg width='22' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.4' stroke='%23091e25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 1h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2z'/%3E%3Cpath d='M21 3l-10 7L1 3'/%3E%3C/g%3E%3C/svg%3E");
}
 .modal__content .row .col-sm-12 .input .form-control:focus,
 .modal__content .row .col-sm-12 .input .form-control.input--fiiled {
	 outline: none;
	 background-color: #ffffff;
     -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--input-focus-outline-color);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--input-focus-outline-color);
    color: #091e25;
}
 .modal__content .row .col-sm-12 .input .form-control:focus + label,
 .modal__content .row .col-sm-12 .input .form-control.input--fiiled + label {
	 align-items: flex-start;
	 /* color: #fff; */
	 font-size: 12px;
     top: -5px;
}
 .modal__content .row .col-sm-12 .input .form-control:focus + label::after,
 .modal__content .row .col-sm-12 .input .form-control.input--fiiled + label::after {
	 background-color: #fff;
}
 .modal__content .row .col-sm-12 .input .form-control:focus::placeholder,
 .modal__content .row .col-sm-12 .input .form-control.input--fiiled::placeholder {
	 color: #fff;
}
 .modal__content .row .col-sm-12 .input .form-control::-webkit-outer-spin-button,
 .modal__content .row .col-sm-12 .input .form-control::-webkit-inner-spin-button,
 .modal__content .row .col-sm-12 .input .form-control input[type='number'] {
	 -webkit-appearance: none;
	 -moz-appearance: textfield;
}
 .modal__content .row .col-sm-12 .input .pristine-error {
	 width: 100%;
	 position: absolute;
	 top: 95%;
	 left: 0;
	 color: var(--frx-error);
	 font-weight: 600;
	 font-size: 12px;
	 padding-left: 3rem;
}
 .modal__content .row .col-sm-12 .input.has-danger label {
	 color: var(--frx-error);
}
 .modal__content .row .col-sm-12:last-child {
	 background-color: transparent;
}
 .modal__content .row .col-sm-12 .btn {
	 width: 100%;
	 height: 70px;
	 margin-top: 1rem;
}
 .modal__content .row .col-sm-12 .btn i {
	 margin-left: 1rem;
	 font-size: 15px;
	 transition: transform 0.2s ease-in;
	 color: #fff;
}
 .modal__content .row .col-sm-12 .btn:hover i {
	 transform: translateX(5px);
}
 .modal__content .row .col-sm-12 .checkbox {
	 display: flex;
	 align-items: center;
	 position: relative;
	 padding-left: 50px;
	 cursor: pointer;
	 height: 34px;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
	 font-size: 14px;
	 color: #fff9e6;
	 font-weight: 600;
}
 .modal__content .row .col-sm-12 .checkbox input {
	 position: absolute;
	 opacity: 0;
	 cursor: pointer;
	 height: 0;
	 width: 0;
}
 .modal__content .row .col-sm-12 .checkbox .checkmark {
	 position: absolute;
	 top: 0;
	 left: 0;
	 height: 35px;
	 width: 35px;
	 background-color: transparent;
	 border-radius: 10px;
	 border: 2px solid #727272;
	 transition: border-color 0.2s linear, background-color 0.2s ease-in;
}
 .modal__content .row .col-sm-12 .checkbox .checkmark:after {
	 content: '';
	 position: absolute;
	 display: none;
}
 .modal__content .row .col-sm-12 .checkbox input:checked ~ .checkmark {
	 background-color: #fff;
	 border-color: #fff;
}
 .modal__content .row .col-sm-12 .checkbox:hover input ~ .checkmark {
	 background-color: #fff;
	 border-color: #fff;
}
 .modal__content .row .col-sm-12 .checkbox.has-danger {
	 color: var(--frx-error);
}
 .modal__content .row .col-sm-12 .pristine-error {
	 width: 100%;
	 position: absolute;
	 top: 85%;
	 left: 0;
	 color: var(--frx-error);
	 font-weight: 600;
	 font-size: 12px;
}
 .modal__content .row .col-sm-12.has-danger label {
	 color: #e80e0e;
}
 .modal__content .row .col-md-3 {
	 flex: 0 0 calc(25% - 10px);
	 max-width: calc(25% - 10px);
}
.modal__content .btn {
    background-color: var(--form-btn-bg-color);
    color: var(--form-btn-color);
    font-weight: 600;
    transition: background-color 0.2s ease-in;
    border: 0;
}
.modal__content .btn:hover {
    background-color: var(--form-btn-hover-bg-color);
}
 .modal__footer {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 padding: 0 2rem 1rem;
	 background-color: #fff;
	 border-bottom-right-radius: 40px;
	 border-bottom-left-radius: 40px;
	 margin-top: -1px;
}
 .modal__footer i {
	 font-size: 25px;
	 color: #8ba3af;
	 margin-right: 0.5rem;
}
 .modal__footer p {
	 margin-bottom: 0;
	 color: #8ba3af;
}
.modal__btn {
    font-size: .875rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #e6e6e6;
    color: rgba(0,0,0,.8);
    border-radius: .25rem;
    border-style: none;
    border-width: 0;
    cursor: pointer;
    -webkit-appearance: button;
    text-transform: none;
    overflow: visible;
    line-height: 1.15;
    margin: 0;
    will-change: transform;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}
 .modal__btn:focus, .modal__btn:hover {
	 -webkit-transform: scale(1.05);
	 transform: scale(1.05);
}
 .modal__btn-primary {
	 background-color: #00449e;
	 color: #fff;
}
 @keyframes mmfadeIn {
	 from {
		 opacity: 0;
	}
	 to {
		 opacity: 1;
	}
}
 @keyframes mmfadeOut {
	 from {
		 opacity: 1;
	}
	 to {
		 opacity: 0;
	}
}
 @keyframes mmslideIn {
	 from {
		 transform: translateY(15%);
	}
	 to {
		 transform: translateY(0);
	}
}
 @keyframes mmslideOut {
	 from {
		 transform: translateY(0);
	}
	 to {
		 transform: translateY(-10%);
	}
}
 .micromodal-slide {
	 display: none;
}
 .micromodal-slide.is-open {
	 display: block;
}
 .micromodal-slide[aria-hidden='false'] .modal__overlay {
	 animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
 .micromodal-slide[aria-hidden='false'] .modal__container {
	 animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
 .micromodal-slide[aria-hidden='true'] .modal__overlay {
	 animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
 .micromodal-slide[aria-hidden='true'] .modal__container {
	 animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
 .micromodal-slide .modal__container, .micromodal-slide .modal__overlay {
	 will-change: transform;
}



.btn-mobile-crate-account {
    width: 100%;
    position: fixed;
    z-index: 13999;
    bottom: 0;
    left: 0;
    height: 40px;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: var(--form-btn-bg-color);
    color: var(--form-btn-color);
    transition: opacity 0.2s ease-in-out;
    opacity: 0.3;
    font-weight: 600;
}
.btn-mobile-crate-account.is-visible {
    opacity: 1;
}
.btn-mobile-crate-account:hover {
    color: var(--form-btn-color);
}
.swal2-popup {
	font-size: 15px !important;
}

@media (max-width:514px) {
    .mobile-menu-container {
        display: none;
    }
    .btn-mobile-crate-account {
        display: flex;
    }
}