.fa-bars {
    width: 50% !important;
    border-radius: 10px !important;
    
}
.top-contact{
	padding-top:25px;
    text-align: right;
}

.top-contact ul li{
	display: inline-block;
}

/* Celular */
@media (max-width: 576px) {
.top-contact{
    text-align: center !important;
}
}

/* Celular pequeño */
@media (max-width: 480px) {
.top-contact{
    text-align: center !important;
}
}

/* iPhone SE y similares */
@media (max-width: 375px) {
.top-contact{
    text-align: center !important;
}
}

.navbar-dark .navbar-toggler-icon{
    width:1em;
    height:1em;
}
.navbar-dark .navbar-nav .nav-link{
	font-weight:600 !important;
}

.main-frame{
width:100%;
}

.float-right a {
padding-top: 30px;
font-size: 1rem;
margin-right: 0px !important;
}

.top-contact .btn{
padding-bottom:8px;
border-radius:50px;
width: 150px;
}

.top_menu .top_inner{
padding-left: 0px !important;
padding-right: 0px !important;
}

.banner_area .banner_inner{
min-height: 750px !important;
}

.form-control {
display: block;
width: 100%;
height: calc(2rem + 2px);
padding: .360rem .75rem;
font-size: 0.8rem;
line-height: 1.5;
}

.credit-btn {
height: 35px !important;
color: #ffffff;
border-radius: 5px;
padding-top:0px !important;
font-size: 12px !important;
line-height: 5px !important;
font-weight: 700;
text-transform:none;
}

.btn-2 {
    margin-top: 5px !important;
}

.main-btn{
background-color:#fa6900 !important;
height: 35px !important;
color: #ffffff;
border-radius: 5px;
padding-top:10px !important;
font-size: 12px !important;
line-height: 5px !important;
font-weight: 700;
text-transform:none;
}

.main-btn:hover {
background-color:#e05a00 !important;
color:#fff !important;
}

.credit-btn:hover {
background-color:#e05a00 !important;
}

.formulario {
border-radius: 10px !important;
background-color:rgba(0, 0, 100, 0.55) !important;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 20px;
}

.formulario h5{
padding-top:5px;
padding-bottom:5px;
font-size: 1.2rem;
font-weight:4¿500;
font-family: "Montserrat", sans-serif;
}
.main-top{
padding-top:100px !important;
}

.main-txt{
  text-align: left !important;
}
.banner_area .banner_inner .overlay_on {
    background: url(../img/banner/corte_lamina_cnc_soluciones_metalicas.jpg) center center no-repeat;
    background-size: cover;
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .40;
}

.banner_area .banner_inner .overlay_tw {
   background: url(../img/banner/fabricacion_de_angulos_soluciones_metalicas.jpg) center center no-repeat;
    background-size: cover;
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .40;
}

.banner_area .banner_inner .overlay_tr {
   background: url(../img/banner/fabricacion_de_canales_soluciones_metalicas.jpg) center center no-repeat;
    background-size: cover;
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .50;
}

.banner_area .banner_inner .overlay_fr {
   background: url(../img/banner/fabricacion_charolas_soluciones_metalicas.jpg) center center no-repeat;
    background-size: cover;
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .50;
}

.banner_area .banner_inner .overlay_fv {
   background: url(../img/banner/rolado_de_placa_soluciones_metalicas.jpg) center center no-repeat;
    background-size: cover;
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .50;
}

.banner_area .banner_inner .overlay_sx {
   background: url(../img/banner/ductos_soluciones_metalicas.jpg) center center no-repeat;
    background-size: cover;
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .50;
}

.banner_area .banner_inner .overlay_sv {
   background: url(../img/banner/otras_piezas_soluciones_metalicas.jpg) center center no-repeat;
    background-size: cover;
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .50;
}

.banner_area .banner_inner .overlay_eg {
   background: url(../img/banner/transformadores_soluciones_metalicas.jpg) center center no-repeat;
    background-size: cover;
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .50;
}