@font-face {
    font-family: 'BEBAS';
    src: url('../fonts/BEBAS___.TTF') format('truetype');
}

@font-face {
    font-family: 'Acens';
    src: url('../fonts/Acens.ttf') format('truetype');
}

body
{
    margin:0;
    height:100%;
    width:100%;
    background-image: url('../images/home/contact/ES_Contact_Us_3.JPG');    
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center; 
    background-attachment:fixed;
}

.es_contact_tag_1_div 
{
    position:relative;
    display:flex;
    flex-direction:row;
    align-items: center;
    justify-content: center;
    width:100%;
    min-height:300px;
    background-color:rgba(0,0,0,.5);
}

.es_contact_tag_1_div div
{
    margin:50px 10px 50px 10px;
    font-family: BEBAS;
    font-size:4vmax;
    text-shadow: 1px 2px 3px #3f3f3f;
    color:#ffffff;
    text-align:center;
    word-spacing:5px;
}

#es_contact_social_nets_div
{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-around;
    align-items:center;
    min-height:250px;
    background-color:#fff;
}

.es_contact_sn_wrap_div
{
    flex-grow:1;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-around;
    margin: 20px 20px 20px 20px;
    max-width:250px;
}

.es_contact_sn_wrap_div img
{
    max-height:100px;   
}

.es_contact_sn_image_div
{
    clear:both;
}

.es_contact_sn_txt_div
{
    margin-top:10px;
    text-align:justify;
}

#es_contact_main_form_div
{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    padding: 20px 20px 20px 20px;
    width:100%;
    min-height:300px;
    background-color:rgba(36,227,241,.8);
    background-color:rgba(0,0,0,.8);
    overflow:hidden;
}

#es_contact_main_form_items_div
{
    flex-grow:1;
    display:flex;
    flex-direction:column;
    align-items: flex-start;
    justify-content: center;

}

#es_contact_main_form_info_div
{
    flex-grow:1;
    max-width:50%;
    min-width:350px;
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
}

.es_contact_ff_div
{
    flex-grow:1;
    display:flex;
    width:100%;
    align-items: center;
    justify-content: center;
}

#es_contact_main_form_div input[type="text"]
{
    margin-top:12px;
    padding: 4px 4px 4px 4px;
    font-size:16px;
    width:80%;
    min-width:250px;
    max-width:500px;
    height:34px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
     border-radius: 4px;
}

#es_contact_main_form_div  textarea
{
    margin-top:12px;
    padding: 4px 4px 4px 4px;
    font-size:16px;
    width:80%;
    min-width:250px;
    max-width:500px;
    height:100px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
     border-radius: 4px;
}

button#contact_button
{
    margin-top:12px;
    width:80%;
    min-width:250px;
    max-width:500px;
    height:40px;
    margin-bottom:10px;
    color:#ffffff;
    background-color:#ff6a00;
    border-style:none;
    font-size:18px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
     border-radius: 8px;
}

.es_contact_info_title_div
{    
    display:flex;
    align-items: flex-start;
    margin-bottom:20px;
    text-align:center;
    font-family:BEBAS;
    font-size:4vmax;
    color:#ffffff;
}

.es_contact_info_div
{
    margin-bottom:10px;
    display:flex;
    align-items: flex-start;
    text-align:center;
    font-size:2vmax;
    color:#ffffff;
}