.site-header-menu-inner,
#mobile-fix-bottom,
.footer{
    display:none !important;
}

.ajanlatkeres-szekcio .validate{
    display:none;
    color:red;
}

.szakmak-btn-container{
    height:68px;
}

@media(max-width:500px){
    .item-1 .szakmak-btn-container{
        margin-top:0px !important;
    }

    .item-1 .checkbox-grid-subjects{
        margin-top:10px !important;
    }
}

.ajanlatkeres-szekcio .validate-with-background{
    color:#fff;
    background:#182333;
    padding:6px;
    text-align:center;
    border: 3px solid red;
    margin-bottom:5px;
}

.ajanlatkeres-szekcio .validate-with-background i{
    color:#FDA430;
    font-size: 18px !important;
    margin:3px;
}

.ajanlatkeres-szekcio h3{
    font-size: 32px;
}

.ajanlatkeres-szekcio .justify-center{
    justify-content: center !important;
}

.ajanlatkeres-szekcio .final-step small{
    display: block;
    margin-top: -20px;
    margin-bottom: 20px;
    font-size: 12px;
}

.ajanlatkeres-szekcio .final-step small a{
    color:#FDA12B;
}

.ajanlatkeres-szekcio .btn-final{
    background: #182333;
    font-size: 22px;
    border-radius: 5px;
    padding-top: 12px;
    padding-bottom: 12px;    
}

.ajanlatkeres-szekcio .btn-final i{
    color:#FDA12B;
}

@media(min-width:500px){
    /*.ajanlatkeres-szekcio input[type="text"],
    .ajanlatkeres-szekcio input[type="email"],
    .ajanlatkeres-szekcio input[type="password"]{
        width:calc(100% - 100px) !important;
    }*/
}

@media(max-width:500px){
    .ajanlatkeres-szekcio .steps-content .next-5{
        width: 100%;
        text-align: center;
    }
}

@media(max-width:600px){
    .ajanlatkeres-szekcio .btn-final{
        font-size: 18px;
    }
}

@media(max-width:480px){
    .ajanlatkeres-szekcio .btn-final{
        font-size: 15px;
    }

    .ajanlatkeres-szekcio h3 {
        font-size: 28px;
        line-height: 30px;
    }
}

@media(max-width:400px){
    .ajanlatkeres-szekcio .btn-final{
        font-size: 12px;
    }

    .ajanlatkeres-szekcio h3 {
        font-size: 20px;
        line-height: 21px;
    }

    .ajanlatkeres-szekcio .final-step small{
        font-size:10px;
    }
}

@media(max-width:350px){
    .ajanlatkeres-szekcio .btn-final{
        font-size: 10px;
    }    
}

.checkbox-grid-subjects{
    display:flex;
    flex-direction:row;
    justify-content: flex-start;
    flex-wrap:wrap;
}

.checkbox-grid-subjects .item{
    background:#F5F4F4;
    padding:4px 10px;
    color:#182333;
    border-radius:10px;
    margin:8px;
    cursor:pointer;
}

@media(max-width:500px){
    .checkbox-grid-subjects .item{
        padding: 3px 8px;
        margin:5px;
    }
    .checkbox-grid-subjects{
        margin-top: 80px;
    }

    .first-explanation{
        font-size:14px;
    }
}

@media(max-width:320px){
    .first-explanation{
        font-size:13px;
    }    
}

.valasztott-megyek .item{
    background-image: url(/themes/guest/assets/own/images/svgs/wrench-right-orange.svg);
    background-color: #182333 !important;
    color: #fff !important;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 5px 9px;
    padding-left: 24px;
}

.valasztott-szakmak .item{
    background-image: url(/themes/guest/assets/own/images/svgs/wrench-right-orange.svg);
    background-color: #182333 !important;
    color: #fff !important;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 5px 9px;
    padding-left: 24px;
}

.valasztott-varosok .item{
    background-image: url(/themes/guest/assets/own/images/svgs/city-orange.svg);
    background-color: #182333 !important;
    color: #fff !important;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 7px 9px;
    padding-left: 26px;  
}

.valasztott-szakmak i{
    color:#fda12b !important;
    margin-right:3px;
}

.valasztott-szakmak img{
    height: 15px;
}

.o-modal.ajanlatkeres-szekcio .explanation{
    margin-top: -15px;
    margin-bottom: 10px;
    font-style: italic;
    font-size: 13px;
}

.steps-content .next.next-simple{
    position:static;
    padding-bottom:10px;
} 

.orszagosan-options{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;    
}

.orszagosan-options div{
    width: 48%;
    padding: 10px;
    background: #182333;
    text-align: center;
    color: #fff;
    cursor:pointer;
    margin: 2px;
    border: 3px solid #182333;
}

.top-signals{
    margin-bottom:10px;
}

.top-signals-text{
    font-size: 10px;
    margin-bottom: -19px;
    margin-top: -20px;
    margin-left: 3px;
}

.o-modal.ajanlatkeres-szekcio .accept{
    margin-bottom: 17px;
}

.o-modal.ajanlatkeres-szekcio .megyek-btns-container,
.o-modal.ajanlatkeres-szekcio .else-varosok-btns-container{
    display:flex;
    justify-content:space-between;
    flex-direction:row;
}

.no-complete-megye,
.no-other-cities{
    border-radius: 30px;
    background: transparent;
    color: #182333;
    border: 1px solid #182333;
    padding: 4px 10px;
    margin-top: 20px;
}

.inkabb-nem-overlay{
    z-index:100000000000000000;
    background:rgba(0,0,0,0.7);
    position:fixed;
    top:0;
    bottom:0;
    right:0;
    left:0;
    display:none;
    justify-content: center;
    align-items:center;
    align-content:center;
}   

.inkabb-nem-modal{
    background: #fff;
    padding: 20px; 
    text-align:center;
    margin-left: 30px;
    margin-right: 30px;
}

.inkabb-nem-modal button{
    background:#182333;
}

@media(max-width:768px){
    .inkabb-nem-modal h3{
        font-size:25px;
    }
}

@media(max-width:500px){
    .searcher-row .col-lg-12{
        margin-top: -60px;
    }

    .milyen-szakmakban{
        margin-top: 5px;
    }

    [data-step="2"]{
        margin-top: -100px;
    }

    .szakma-validation{
        margin-top:60px !important;
        margin-bottom: -60px;
    }

    .item-2 .city-qestion{
        margin-top: -35px !important;
    }

    .accept-text{
        font-size: 10px;
        line-height: 11px;
    }

    .o-modal.ajanlatkeres-szekcio .accept{
        margin-bottom:-10px !important;
    }

    [data-to="4"]{
        transform: translateY(9px) !important;
    }

    .email-validation,
    .name-validation, 
    .password-validation,
    .gdpr-validation{
        margin-top: 20px;
    }

    .phone-validation{
        margin-top: 90px;
    }

    .no-complete-megye{ 
        margin-top:2px !important;
    }

    .megye-kivalasztva,
    .masik-varos-kivalasztva{
        width:auto !important;
        transform: translateY(0px) !important;
    }

    .megyek-btns-container{
        margin-top:15px !important;
    }

    .city-question{
        margin-top: -50px !important;
    }

    .city-qestion.tartalom-valtozott{
        margin-top: 30px !important;
    }

    .inkabb-varos-kivalasztva{
        transform:translate(0px) !important;
    }
}

@media(max-width:450px){
    .inkabb-nem-modal h3{
        font-size:20px;
        line-height:25px;
    }

    .inkabb-nem-modal button{
        width:100%;
        display:block;
    }

    .inkabb-nem-modal button:nth-child(1){
        margin-bottom:20px;
    }

    .top-signals-text{
        font-size:9px;
        line-height:11px;
        margin-bottom: -10px;
    }

    .ajanlatkeres-szekcio .name-input, 
    .ajanlatkeres-szekcio .email-input, 
    .ajanlatkeres-szekcio .password-input, 
    .ajanlatkeres-szekcio .phone-input{
        font-size:15px !important;
    }
}

.nincs-masik-varos,
.nincs-masik-varos-csak-egyet-adtam,
.nincs-masik-szakma,
.nincs-masik-megye,
.nincs-masik-varos-megye-melle{
    background: transparent !important;
    color: #182333  !important;
    border: 1px solid  !important;    
}

.inkabb-varosok-btns-container{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;    
    margin-top: 10px;
}

@media(max-width:500px){
    .extra-mg{
        margin-top: 30px !important;
        margin-bottom: 140px !important;
    }

    .extra-mh{
        margin-bottom: 10px !important;
        margin-top: 110px !important;
    }
}

.szakmak-explanation{
    margin-top: -18px;
    display: block;
    font-size: 10px;
    line-height:11px;
}

.steps-content-register .next{
    position: absolute;
    top: 11px;
    bottom: 9px;
    right: 0px;
    background: #182333;
    color: #fff !important;
    transform: translateY(-6px);
    font-size: 20px;
    display: block;
    padding-top: 10px;
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
}

.steps-content-register .next i{
    color:#FDA430;
}

.d-flex{
    display:flex !important;
}

.d-none{
    display:none !important;
}

.remove-subject .yes{
    color:#182333;
    background:transparent;
    border:1px solid #182333;
}

input[type="text"],
input[type="email"],
input[type="phone"],
input[type="password"]{
    border-bottom: 2px solid #FF9102 !important;
}

.next-4{
    margin-top:10px;
    margin-left:10px !important;
}

.description-explanation{
    margin-top:3px !important;
}

.next-5{
    position:static !important;
}

.final-avatar-section{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.final-avatar-top-container{
    max-width: 350px;
    background: #F1F1F2;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;    
}

.final-avatar-section .img-container{
    width: 120px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
    margin-top: auto;
    margin-top: -60px;
}

.final-avatar-section .img-container img{
    width:120px;
}

.final-avatar-section .bottom{
    margin-top: -15px;
}

.validation-list-container{
    width:100%;
    margin-top:5px;
    margin-bottom:5px;
}

@media(max-width:768px){
    .final-explanation{
        font-size: 14px;
        line-height: 15px;
    }
}

@media(max-width:400px){
    .submit-desktop{
        display:none;
    }
}

.submit-mobile{
    margin-bottom:20px !important;
}

@media(min-width:399px){
    .submit-mobile{
        display:none;
    }
}

@media(max-width:500px){
    .validate-with-background{
        font-size: 14px !important;
        line-height: 15px !important;
    }

    .ajanlatkeres-szekcio .validate-with-background i {
        font-size: 15px !important;
    }

    .next-4{
        font-size:16px !important;
    }

    .validate{
        font-size: 14px;
        line-height: 15px;
        margin-bottom:25px;
    }

    .valasztott-megyek{
        margin-top: 130px  !important;
        margin-bottom: -30px  !important;
    }

    .valaszthato-megyek{
        margin-top:20px !important;
    }
}

@media(max-width:400px){
    .item-2 .orszagosan-options{
        flex-direction:column;
    }

    .orszagosan-options div{
        width:100%;
        margin-bottom:20px;
    }

    .next-4{
        font-size:14px  !important;
    }
}

@media(max-width:350px){
    .next-4{
        font-size:12px !important;
    }    
}

/*.valasztott-varosok{
    margin-top: 120px;;
}*/

.valasztott-varosok img,
.valasztott-megyek img{
    width: 16px;
    margin-bottom: 4px;
    display: inline-block;
    margin-right: 2px;
}

.valasztott-megyek i{
    color:#FDA430;
    margin-right:3px;
}

.validate a{
    color: blue;
    border-bottom: 1px solid blue;    
}

.validate-with-background a{
    color: #FDA430;
    border-bottom: 1px solid #FDA430;    
}