#inside-container {
    background-color:rgba(255,255,255,0.7);
}

#contact-data {
    padding:0;
    margin:0;
    font-size:12pt;
    line-height:130%;
    color:#444;
    float:left;
    font-family:open_sans_condensedbold;
    width:100%;
    background:none;
}

#contact-data .column {
    width:100%;
    float:left;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    padding:20px 0 0 0;
    text-align:center;
}

#contact-data .column span {
    font-family:open_sans_condensedbold;
}

#contact-data .column a {
    color:#e84e1b;
}

#contact-data .column a:hover {
    color:#c93909;
}





#big_contact_form {
    display:none;
}




#qr {
    display:none;
    margin:20px 0 0 0;
    float:left;
}

#qr img {
    width:120px;
    height:120px;
}










/*
    ================================
    LANDSPACE I PORTRAIT / MAX 768px
    ================================
*/

@media all and (max-width:768px)
{
    #contact-data .column {
        padding:10px 0 20px 0;
    }

    #contact-data .column .company_data {
        color:#e74d1a;
    }
}









/*
    ================================
    LANDSPACE i PORTRAIT/ MIN 1024px
    ================================
*/

@media all and (min-width:1024px)
{
    #contact-data {
        padding:0;
        margin:0;
        font-size:12pt;
        line-height:130%;
        color:#444;
        float:left;
        font-family:open_sanscondensed_light;
        width:50%;
        background-color:#eee;
        height:100%;
        text-align:left;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        border-right:1px solid #ccc;
    }

    #contact-data .column {
        text-align:left;
        width:50%;
        float:left;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        padding:20px 0 0 40px;
    }

    #contact-data .column span {
        font-family:open_sans_condensedbold;
    }

    #contact-data .column a {
        color:#e84e1b;
    }

    #contact-data .column a:hover {
        color:#c93909;
    }





    #map_container {
        padding:0;
        margin:0;
        font-size:11pt;
        line-height:110%;
        color:#444;
        float:left;
        font-family:open_sanscondensed_light;
        width:50%;
        background-color:#eee;
        height:100%;
        text-align:left;
        position:relative;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
    }

    #map {
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        right:0;
        display:none;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        border-top:0;
    }

    #map #content {
        font-family:Arial;
        padding:20px;
    }





    #big_contact_form {
        width:50%;
        display:none;
        float:left;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        padding:40px 0 0 0;
    }

    #big_contact_form .line {
        width:100%;
        float:left;
        height:35px;
        line-height:35px;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        padding:0 40px 0 40px;
        font-family:open_sanscondensed_light;
    }

    #big_contact_form .line p {
        float:left;
        font-size:12pt;
    }

    #big_contact_form .line input {
        float:right;
        font-family:open_sanscondensed_light;
        padding:2px;
        width:200px;
        font-size:12pt;
        margin:3px 0 0 0;
    }

    #big_contact_form .line textarea {
        float:right;
        font-family:open_sanscondensed_light;
        padding:3px;
        width:320px;
        font-size:12pt;
        height:100px;
        margin:3px 0 0 0;
    }

    #big_contact_form .line span.required_inp {
        color:#e84e19;
        font-family:open_sans_condensedbold;
    }

    #big_contact_form h3 {
        padding:0 0 50px 40px;
        margin:0;
        color:#e84e1b;
        font-size:25pt;
        font-family:open_sanscondensed_light;
        font-weight:400;

    }

    #company_name {
        width:300px !important;
    }

    #address {
        width:250px !important;
    }

    #send_message {
        color:#fff;
        background-color:#e84e1b;
        float:right;
        padding:7px 10px;
        line-height:100%;
        text-transform:uppercase;
        font-size:11pt;
        font-family:open_sans_condensedbold;
        margin:5px 0 0 0;
        cursor:pointer;
    }

    #send_message:hover {
        background-color:#ce4213;
    }

    #send_message_loader {
        float:right;
        width:20px;
        height:20px;
        margin:9px 10px 0 0;
        display:none;
    }

    #empty_fields_info {
        display:none;
        color:#e84e1b;
    }

    #message_sent_info {
        display:none;
        color:#e84e1b;
    }





    #qr {
        display:none;
    }

    #inside-container h1 {
        color:#e84e1b;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        width:auto;
        background:none;
        float:none;
        width:100%;
        margin:0;
        text-align:left;
        padding:40px 0 0 40px;
    }

    #contact-data {
        width:50%;
    }

    #map_container {
        width:50%;
    }




    #map {
        display:block;
    }
}







/*
    ================================
    LANDSPACE i PORTRAIT/ MIN 1280px
    ================================
*/

@media all and (min-width:1280px)
{
    #big_contact_form {
        display:none;
    }

    #contact-data {
        width:50%;
    }

    #map_container {
        width:50%;
    }

    #qr {
        display:block;
    }
}







/*
    ================================
    LANDSPACE i PORTRAIT/ MIN 1500px
    ================================
*/

@media all and (min-width:1500px)
{
    #big_contact_form {
        display:block;
        width:50%;
    }

    #contact-data {
        width:50%;
    }

    #map_container {
        width:50%;
    }

    #qr {
        display:block;
    }
}





@media all and (max-width:1024px)
{
    #contact-data .column {
        padding:20px 0 0 40px;
    }
}

@media all and (max-height:600px)
{
    #contact-data .column {
        font-size:11pt;
        line-height:120%;
    }

}

#mobile-languages {
    display:none;
}