/* <<-- Order request -->> */
h2 {
    text-transform: uppercase;
}

#budget label {
    font-weight: bold;
    font-size: 0.9rem;
}

#budget label.cimke {
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    margin-top: 25px;
}

#budget .cimke_poz {
    position: relative;
    display: inline-block;
}

#budget .cimke_poz.required::before {
    left: -15px;
}

.contact-form {
    width: 100%;
}

.contact-form .oszlop-bal {
    padding-right: 5%;
}

.contact-form .oszlop-jobb {
    padding-left: 5%;
}

.contact-form .field {
    padding: 0;
    margin-top: 0;
}

.contact-form .field input, .contact-form .field textarea, .contact-form .field select {
    font-size: 1rem;
    text-align: left;
}

.contact-form .save {
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.sparks_dark .contact-form .save {
    color: white;
}

.sparks_light .contact-form .save {
    color: black;
}

.field.time {
    display: inline-block;
    margin: 0 5px;
    padding: 5px;
}


.sparks_dark .input-group .glyphicon {
    color: white;
}

    

/* <<==--   RESPONSIVE   --==>> */

/* 1680 px, Tablet fekvő (1670 - 1919px)*/
@media only screen
and (max-width: 1900px) {
    
}

/* 1440 px, Tablet fekvő (1430 - 1669px)*/
@media only screen
and (max-width: 1669px) {
    
}

/* 1366 px, Tablet fekvő (1356 - 1429px)*/
@media only screen
and (max-width: 1429px) {
    
}

/* 1280 px, Tablet fekvő (1270 - 1355px)*/
@media only screen
and (max-width: 1355px) {
    
}

/* Tablet fekvő (1024 - 1269px)*/
@media only screen and (max-width: 1269px) {
    .contact-form {
        width: 90%;
    }
}

/* Tablet álló (768 - 1023px) */
@media only screen and (max-width: 1023px) {
    .order-form .oszlop-jobb, .order-form .oszlop-bal {
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .order-form label {
        text-align: left !important;
        padding-left: 25px;
    }
    
    .contact-form .oszlop-jobb, .contact-form .oszlop-bal {
        padding-left: 0;
        padding-right: 0;
    }
}

/* Telefon fekvő (576 - 767px) */
@media only screen and (max-width: 767px) {
    
}

/* Telefon álló (300 - 575px) */
@media only screen and (max-width: 575px) {
    
}