/*.menu-section {
    display: none;
}*/
/* eng */
.upper-tab-section{
    position:relative!important;
}

.secondary-anchor, .secondary-anchor:link {
    display: block;
    text-decoration: none;
    color: #71848e;
    transition: color ease 0.3s;
}
.secondary-anchor:hover {
    color: #fff;
    transition: color ease 0.3s;
}

.upper-tab-section > .inner-row > .logo-part > .nav-anchor,
.upper-tab-section > .inner-row > .cart-part .currency-holder,
.upper-tab-section > .inner-row > .cart-part .cart-holder {
    display: none;
}
.footer-section {
    display: none;
}

.wizard-spinner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    z-index: 0;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.wizard-spinner > span{
    color:#eee;
    font-size:14px;
}

/*header*/
.page-header-section {
    position: relative;
    padding-top: 80px;
    min-height: calc(100vh - 60px);
    background-color: #005b8e;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    margin-top:0px;
    transition: all ease 0.5s;
}
.page-header-section::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(50, 20, 60, 0.6);
    top: 0px;
    left: 0px;
    z-index: 0;
    transition: all ease 0.5s;
}
.page-header-section > .inner-row {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    z-index: 1;
    align-items: center;
}
.page-header-section.first-steps {
    background-color: rgba(15, 20, 20, 1);
    transition: all ease 0.5s;
}
.page-header-section.first-steps::before {
    background-color: rgba(45, 52, 56, 0.6);
    transition: all ease 0.5s;
}
.page-header-section.error-step {
    background-color: rgba(30, 5, 10, 1);
    transition: all ease 0.5s;
}
.page-header-section.error-step::before {
    background-color: rgba(100, 10, 10, 0.6);
    transition: all ease 0.5s;
}
.page-header-section.wizard-success {
    background-color: rgba(5, 30, 10, 1);
    transition: all ease 0.5s;
}
.page-header-section.wizard-success::before {
    background-color: rgba(0, 175, 35, 0.6);
    transition: all ease 0.5s;
}

.step-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align:center;
}
.step-heading > h1 {
    color: #fff;
    font-family: 'Myriad Pro Light';
    font-size:34px;
}
.step-heading > p {
    font-size: 24px;
    line-height: 1.3;
    color: #83d1ff;
    font-family: 'Myriad Pro Light';
}

.error-step .step-heading > p {
    color: #de7878;
}
.error-step .white-label {
    color: #de7878;
}
.wizard-alert {
    border: solid 1px #e83136;
    display: flex;
    width: auto;
    margin: 20px auto;
    max-width: 460px;
    border-radius: 14px;
    background-color: hsla(0, 100%, 50%, 0.5);
    text-align: center;
    justify-content: center;
    align-items: center;
    min-height: 60px;
    color: #fff;
    font-size: 15px;
    padding: 10px;
}
.step-data{
    display:flex;
}
.step-email,
.step-verification,
.step-password{
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.step-personalInfo {
    flex-direction: column;
    align-items:center;
    /*flex-wrap:wrap;*/
    justify-content:center;
}

input, select {
    max-width: 320px;
    height: 50px;
    background-color: #fff;
    border-radius: 50px;
    border: none;
    padding: 0px 20px;
    font-size: 19px;
    color: black;
    outline: none;
    font-family: 'Myriad Pro Regular';
}
input.full-width-input {
    width:100%;
}
.mobile-input {
    padding: 0px 20px 0px 75px;
    max-width:none;
    text-align:left;
    direction:ltr;
}

.wizard-tel-prefix {
    position: absolute;
    top: 14px;
    font-size: 15px;
    left: 20px;
    color: #0f8ed8;
    direction: ltr;
}

.date-input-holder .date-input {
    padding: 0px 10px;
    background-color: rgba(255,255,255,0);
    border:solid 2px rgba(255,255,255,1);
    color:#fff;
}
.date-input-holder:nth-child(1) .date-input {
    border-radius: 50px 0px 0px 50px;
    border-right: solid 1px #92b5ca;
}
.date-input-holder:nth-child(2) .date-input {
    border-radius: 0px 0px 0px 0px;
    border-right: solid 1px #92b5ca;
}
.date-input-holder:nth-child(3) .date-input {
    border-radius: 0px 50px 50px 0px;
}
.white-label {
    display: block;
    color: #92b5ca;
    font-size: 17px;
    font-family: 'Myriad Pro Light';
}
.radio-label {
    color: #fff;
    font-size: 19px;
    font-family: 'Myriad Pro Light';
    justify-content:center;
}
.birthdate-par {
    color: #fff;
    font-size: 19px;
    font-family: 'Myriad Pro Regular';
}
.calender-anchor, .calender-anchor:link {
    display: flex;
    font-family: 'Myriad Pro Regular';
    font-size:17px;
    padding: 5px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
    color: #2e3336;
    line-height: 1.2;
    min-height: 40px;
    border: solid 2px rgba(15, 142, 216, 0);
    border-radius: 5px;
    transition: all ease 0.3s;
}
.calender-anchor.active {
    font-size: 19px;
    border: solid 2px rgba(15, 142, 216, 1);
    transition: all ease 0.3s;
}

.submit-button {
    background-color: rgba(118, 209, 255, 0);
    color: #fff;
    border: solid 2px rgba(118, 209, 255, 1);
    font-size: 19px;
    font-family: 'Myriad Pro Regular';
    min-width: 50px;
    height: 50px;
    border-radius: 50px;
    padding: 0px 25px;
    outline: none !important;
    transition: all ease 0.3s;
}
.submit-button:hover {
    background-color: rgba(118, 209, 255, 1);
    color: #1a1e20;
    transition: all ease 0.3s;
}

.back-button {
    background-color: transparent;
    border: none;
    height: 50px;
    width: 50px;
    color: #fff;
    font-size: 18px;
    font-size: 19px;
    font-family: 'Myriad Pro Regular';
    outline: none !important;
}

.error-step .submit-button {
    background-color: rgba(222, 120, 120, 0);
    border: solid 2px rgba(222, 120, 120, 1);
}
.error-step .submit-button:hover {
    background-color: rgba(222, 120, 120, 1);
}
.final-step-anchor, .final-step-anchor:link{
    border: solid 2px #fff;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    border-radius: 50px;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    line-height: 1;
}

.animatableStep.ng-hide {
    top: -100px;
    opacity: 0;
    transition: all ease 0.5s;
}
.animatableStep {
    top: 0px;
    opacity: 1;
    transition: all ease 0.5s;
}

.resend-verification-anchor,
.resend-verification-anchor:link{
    text-decoration: none;
    color: #fff;
    padding: 10px 0px;
}

.whatsapp-anchor, .whatsapp-anchor:link {
    display: flex;
    border-top: solid 2px #4FCE5D;
    padding: 15px 45px;
    text-align: center;
    line-height: 1.5;
    text-decoration: none;
    color: #ffffff;
    font-size: 13px;
}

@media only screen and (min-width: 992px) {
    .page-header-section {
        margin-top: 0px !important;
    }
}