body {
    background  : rgba(12,30,44,1);
    background  : -moz-linear-gradient(top, rgba(12,30,44,1) 0%, rgba(12,39,58,1) 31%, rgba(9,49,74,1) 49%, rgba(9,53,82,1) 72%, rgba(10,55,84,1) 100%);
    background  : -webkit-gradient(left top, left bottom, color-stop(0%, rgba(12,30,44,1)), color-stop(31%, rgba(12,39,58,1)), color-stop(49%, rgba(9,49,74,1)), color-stop(72%, rgba(9,53,82,1)), color-stop(100%, rgba(10,55,84,1)));
    background  : -webkit-linear-gradient(top, rgba(12,30,44,1) 0%, rgba(12,39,58,1) 31%, rgba(9,49,74,1) 49%, rgba(9,53,82,1) 72%, rgba(10,55,84,1) 100%);
    background  : -o-linear-gradient(top, rgba(12,30,44,1) 0%, rgba(12,39,58,1) 31%, rgba(9,49,74,1) 49%, rgba(9,53,82,1) 72%, rgba(10,55,84,1) 100%);
    background  : -ms-linear-gradient(top, rgba(12,30,44,1) 0%, rgba(12,39,58,1) 31%, rgba(9,49,74,1) 49%, rgba(9,53,82,1) 72%, rgba(10,55,84,1) 100%);
    background  : linear-gradient(to bottom, rgba(12,30,44,1) 0%, rgba(12,39,58,1) 31%, rgba(9,49,74,1) 49%, rgba(9,53,82,1) 72%, rgba(10,55,84,1) 100%);
    filter      : progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c1e2c', endColorstr='#0a3754', GradientType=0 );
    height      : 100vh;
}
.b_contact_us {
    display         : inline-block;
    font-family     : "Arial";
    left            : 0;
    padding-top     : 12vw;
    padding-bottom  : 12vw;
    position        : relative;
    top             : 0vw;
    width           : 100%;
    z-index         : 0;
}
.b_contact_us .container {
    width : 30vw;
}
.b_contact_us .input_border {
    border-radius   : 500px;
    height          : 50px!important;
}
.b_contact_us .text_area_border {
    border-radius   : 25px;
    height          : 180px;
    resize          : none;
} 
.b_contact_us .form-control {
    background-color    : #2a517a;
    border              : 2px solid #4c90b7;
    color               :#fff;
    padding-left        : 30px!important;        
}
.b_contact_us .form-control:active, 
.b_contact_us .form-control:hover, 
.b_contact_us .form-control:focus {
    background-color    : #346498;
    color               : #fff;
    padding-left        : 30px!important;        
}           
.b_contact_us ::-webkit-input-placeholder {
    color       : #a5b7cf!important;
    font-size   : 1vw!important;
}
.b_contact_us ::-moz-placeholder {
    color       : #a5b7cf!important;
    font-size   : 1vw!important;
}
.b_contact_us :-ms-input-placeholder {
    color       : #a5b7cf!important;
    font-size   : 1vw!important;
}
.b_contact_us ::placeholder {
    color       : #a5b7cf!important;
    font-size   : 1vw!important;
}
.b_contact_us .btn_send {
    background-color    : #2a517a!important;
    color               : #fff;
    font-family         : "Munistic";
}
.b_contact_us .btn_send:hover,
.b_contact_us .btn_send:active,
.b_contact_us .btn_send:focus {
    background-color    : #346498!important;
    color               : #fff;
    font-family         : "Munistic";
}
.b_contact_us .alert-margin{
    color           : #fff;
    display         : none;
    padding-bottom  : 0.5vw;
    padding-left    : 2.5vw;
    padding-top     : 0.5vw;
    text-align      : justify;
}
.b_contact_us .content-input input,
.b_contact_us .content-select select {
    appearance          : none;
    -webkit-appearance  : none;
    -moz-appearance     : none;
}
.b_contact_us .content-select select {
    appearance          : none;
    -webkit-appearance  : none;
    -moz-appearance     : none;
}
.b_contact_us select.form-control:not([size]):not([multiple]) {
    color       : #a5b7cf!important;
    font-size   : 1vw!important;
}
.b_contact_us .content-select select::-ms-expand {
    display : none;
}
.b_contact_us .b_contact_us .input-area-text {
    border-radius   : 30px;
}
.b_contact_us h1 {
    color           :#fff;
    font-family     : "Munistic";
    font-size       : 2vw;        
    padding-bottom  : 1.5vw;
    padding-top     : 1.5vw;
    text-align      : center;        
}
.b_contact_us .btn-primary {
    background      : rgb(20, 56, 96);    
    border-color    : rgb(20, 56, 96);    
}
.b_contact_us .buttom-row {
    margin-top  : 2vw;
}
/* BOOSTRAP SELECT PICKER FLAGS */
.b_contact_us .bootstrap-select>.dropdown-toggle {
    background-color    : #2a517a;
    border              : 2px solid #4c90b7;
    border-radius       : 500px;
    color               : #fff;
    height              : 50px!important;
    padding-left        : 30px!important;
}
.b_contact_us .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width   : 100%;
}
.b_contact_us .bootstrap-select>.dropdown-toggle .filter-option-inner-inner {
    color       : #a5b7cf!important;
    font-size   : 1vw!important;
}
.b_contact_us .bs-searchbox .form-control {
    background-color    : transparent;
    border              : 1px solid #b9c0c7;
    color               : #2a517a!important;
    padding-left        : 10px!important;
}

.b_contact_us .alert-danger {
    background-color    : #cc0b0b;
    border-color        : transparent;
}
@media( max-width: 1720px ) {
    .b_contact_us  label {
        font-size: 0.8vw;
    }
}
@media( max-width: 1370px ) {
    .b_contact_us .container {
        width : 40vw;
    }        
}
@media( max-width: 1024px ) { 
    .b_contact_us .container {
        width: 50vw;
    }
    .b_contact_us p {
        font-size   : 1.5vw;
        padding-top : 1.5vw;
    }
    .b_contact_us ::-webkit-input-placeholder {
        font-size: 5vw;
    }
    .b_contact_us ::-moz-placeholder {
        font-size: 5vw;
    }
    .b_contact_us :-ms-input-placeholder {
        font-size: 5vw;
    }
    .b_contact_us ::placeholder {
        font-size: 5vw;
    }      
    .b_contact_us .content-select select{
        font-size: 5vw;
    } 
    .b_contact_us .tipo_persona_size {
        font-size   : 1.5vw;
        height      : 2.2vw;
        width       : 12vw;
    }            
}
@media( max-width: 768px ) and ( max-height: 500px ) {
    .b_contact_us h1 {
        font-size  : 5vw!important;
        text-align : center!important;
    }
    .b_contact_us {
        padding-top    : 30vw!important;
        padding-bottom : 30vw!important;
    }
    .b_contact_us .container{
        width : 80vw!important;
    }
    .b_contact_us ::-webkit-input-placeholder {
        font-size   : 2.5vw!important;
    }
    .b_contact_us ::-moz-placeholder {
        font-size   : 2.5vw!important;
    }
    .b_contact_us :-ms-input-placeholder {
        font-size   : 2.5vw!important;
    }
    .b_contact_us ::placeholder {
        font-size   : 2.5vw!important;
    }
    .b_contact_us select.form-control:not([size]):not([multiple]) {
        font-size   : 2.5vw!important;
    }          
}
@media( max-width: 700px ){
    .b_contact_us h1 {
        font-size  : 5vw;
        text-align : center;
    }
    .b_contact_us {
        padding-top    : 30vw;
        padding-bottom : 30vw;
    }
    .b_contact_us .container{
        width : 80vw;
    }
    .b_contact_us ::-webkit-input-placeholder {
        font-size: 5vw!important;
    }
    .b_contact_us ::-moz-placeholder {
        font-size: 5vw!important;
    }
    .b_contact_us :-ms-input-placeholder {
        font-size: 5vw!important;
    }
    .b_contact_us ::placeholder {
        font-size: 5vw!important;
    }
    .b_contact_us select.form-control:not([size]):not([multiple]) {
        font-size: 5vw!important;
    }
    .b_contact_us .bootstrap-select>.dropdown-toggle .filter-option-inner-inner {
        font-size   : 5vw!important;
    }
    .b_contact_us .dropdown-menu {
        min-width   : auto!important;
        width       : 100%;
    }
}