.black-panel-anim{width: 100%; display: block; height: 100vh;position: fixed; z-index: 998;background: black; opacity: .8;}

.popup-complete{width: 90%; height: 450px; display: block; position: fixed; z-index: 999; background: white; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 15px;}

.popup-complete img{padding: 20px; width: 180px; position: relative; left: 50%; transform: translate(-50%, 0);}

.popup-complete h1{width: 100%; text-align: center;}

.popup-complete h2{text-align: center; padding-top: 10px; font-weight: normal;}

.popup-complete button{height: 40px; padding: 0 50px; font-size: 20px; outline: none; border: none; background: #396afc; color: white; position: absolute; border-radius: 5px; bottom: 15px; left: 50%; transform: translate(-50%, 0); cursor: pointer;}

.popup-complete button:hover{background-color: #1c55ff;}



.first_section{
    padding-top: 260px !important;
}

.default_section {
    position: relative;
    padding: 0px 10% 80px 10%;
}

.form_holder {
    width: 100%;       
}

.default_no_padding_right_section {
    position: relative;
    padding: 80px 0 80px 10%;
}

.blue_contatc_header {
    width: 100%;
    height: auto;
    background-color: var(--default_medium_blue);
    padding: 5px 10px;
    border-radius: 30px 0 0 0;
}

.blue_contatc_header h1{
    color: white;
    font-size: 40px;
}

.header_contact p {
    font-weight: 200;
    font-size: 14px;
    padding-left: 20px;
}

.form_holder {
    position: relative;
    width: 100%;    
    display: flex;
    justify-content: left;
    flex-direction: column;
    padding: 70px 10% 70px 0;
}

.horizontal_holder_input_contact {
    
    display: flex;
    flex-direction: column;
    flex: 1;
}

input[type="submit"] {
    padding: 7px 25px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    border: none;
    background-color: var(--default_medium_blue);
    border-radius: 20px 0 0 0;
    cursor: pointer;
}

/*Other contact*/

.header_contact_ul li {
    list-style: none;
}

.header_other_contact {
    font-size: 30px;
    color: var(--default_dark_blue);
    font-weight: bold;
}

.light_info_other_contact {
    margin-top: 20px;
    font-weight: 200px;
}
.map_section {
    width: 100%;
    position: relative;
    padding-bottom: 40px;
}

.map_section iframe {
    width: 100%;
    height: 400px;
    
}

@media only screen and (min-width: 750px) {


    .horizontal_holder_input_contact {
        flex-direction: row;
        justify-content: space-between;
    }

    .input_margin {
        margin-right: 50px;
    }
    
    .form_holder {
        max-width: 800px;
    }
}