html {
	font-size: 18px;
}

body {
	position: relative;
	/*background: url("../images/fondo-bienvenidos.jpg") no-repeat center center fixed;*/
	/*background-repeat: no-repeat;
	background-attachment: fixed;*/
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

/*navbar*/
.fixed-top {
	background: rgba(0, 0, 0, .40);
}

/*navbar-toggler-icon :: Cambiar los colores de stroke='rgba'*/
.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

.navbar-light .navbar-toggler {
    border-color: rgb(255, 255, 255) !important; /*Blanco*/
}

.navbar-toggler:focus, .navbar-toggler:hover, .navbar-toggler:visited {
    border-color: rgb(255, 128, 0) !important; /*Naranja*/
}

.navbar-toggler {
	font-size: 1.6rem;
	color: #fff !important;
}


.navbar-brand:focus, .navbar-brand:hover {
	color: rgb(255, 128, 0) !important; /*Color naranja*/
}

/* CAMBIANDO EL COLOR LINK ITEMS :: navbar*/
.navbar-light .navbar-nav > li > a:focus, .navbar-light .navbar-nav > li > a:hover {
    color: rgb(255, 128, 0) !important;
}

/*Para activar el color del link que de la seccion*/
/*.navbar-light .navbar-nav .active > .nav-link {
	border: .1px solid rgb(255, 128, 0) !important;
    color: rgb(255, 128, 0) !important;
}*/

/* - fin - */

/*.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,*/
.navbar-light .navbar-nav .nav-link.active {
	
color: rgb(255, 255, 255) !important; /* Cambiar estos colores si se requiere de un cuadro de link personalizado */
border: .1px solid rgb(255, 255, 255) !important;
}

/*navbar-toggler-icon :: Cambiar los colores de stroke='rgba'*/
.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

/*Cuadro del toggler icon*/
.navbar-light .navbar-toggler {
    border-color: rgb(255, 255, 255) !important; /*Blanco*/
}

/*Alineacion y color cuando se activa navbar-toggle-icon*/
.nav-link {
	color: rgb(255, 255, 255);
	text-align: center;
}

/*Titulo de la empresa en el navbar*/
.navbar-light .navbar-brand {
	font-size: 1.3rem;
	text-transform: uppercase;
	color:white;
}
/*color de iconos*/
.fa {
	color: rgb(255, 128, 0) !important;
}

/*Seccion bienvenidos :: botones*/
.btn-outline-warning {
    color: rgb(0, 0, 0) !important; /*Color negro*/
    background-color: rgb(255, 128, 0) !important; /*Color naranja*/
    border-color: rgb(255, 128, 0) !important; /*color naranja*/
    font-weight: bold !important;
    
 }

.btn-outline-warning:hover {
    font-weight: rgb(0, 0, 0) !important;
    color: rgb(255, 128, 0) !important; /*Color Naranja*/
    background-color: transparent !important; /*Color naranja*/
}

.btn-outline-warning.focus, .btn-outline-warning:focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0) !important;
}

.btn-outline-warning:not([disabled]):not(.disabled).active, .btn-outline-warning:not([disabled]):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle {
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0) !important;
} 

 /*Seccion :: BIENVENIDOS*/
.bienvenidos {
	background-size: cover;
	color: white;
	overflow: hidden; /*Para solucionar que se recorra el background */
}

.texto-bivenidos-der {
	margin-top: 7rem;
}

.texto-bivenidos-izq {
	margin-top: 0rem;
}

/*Seccion :: NOSOTROS*/
.nosotros {
	/*background: linear-gradient(rgba(0,0,0, 0), rgba(255,128,0,.40))/*, url("../images/fondo-bienvenidos.jpg")*/;
	color: black;
}

.artnosotros {
	margin-top: 2rem;
}

/*Seccion :: SERVICIOS*/
.servicios {
	color: black;	
}

.artservicios {
	margin-top: 1rem;
}

.servicios .fa {
}

/*Seccion :: PORTAFOLIO*/
.portafolio {
	color: black;
}

.artportafolio {
	margin-top: 5rem;
}

.imgtxtbackground {
    position: relative;
    display: block;
	overflow: 	hidden;
	margin-bottom: 	1.5rem;

}

.imgtransition {
	-webkit-transition: -moz-transform .3s ease-out; 
  	-moz-transition: -webkit-transform .3s ease-out; 
  	-o-transition: -o-transform .3s ease-out; 
  	transition: transform .3s ease-out;
}

.imgtransition:hover {
	-webkit-transform: scale(1.5) !important;  
  	-moz-transform: scale(1.5) !important;  
  	-o-transform: scale(1.5) !important;
	transform: 	scale(1.5) !important;
	position: relative;
	z-index: 2;
}

.transdiv-tittle {
	background-color: rgba(6, 6, 6, 0.95);
	color: rgb(255,128,0);
	position: absolute;
    top: 0px;
 	width: 100%;
 	z-index: 3;
}

.transdiv-desc {
	background-color: rgba(6, 6, 6, 0.9);
	color: #f6f6f6;
	font-size: 16px;
	position: absolute;
    bottom: 0px !important;
 	width: 100%;
 	z-index: 4;
 	display: block;
}

.margin-text {
	margin-top: 8px;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 8px !important;
}

/*Modal: contact form*/
.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
	border-color: #000 !important;
}

.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.62) !important;
	/*box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25) !important;*/
}

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {
	border-color: #28a745 !important
}

.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus {
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.62) !important;
}

#menuprincipal {
	clear: both;
}

#success_message { 
	display: none;
}

#alert_msg_error {
	display: none
}

/* validation and error display */
.input-group {
  flex-wrap: wrap!important;
}

.input-group .invalid-feedback {
  flex-basis: 100%;
}

.input-group .input-group-addon:nth-child(3) {
    border-left: 0!important;
    border-right: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem!important;
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}

.card {
	margin-top: 1rem;
	margin-bottom: 1rem;
	background-color: transparent !important; 
	border: 1.5px solid #000 !important;
}

#contact_form {
	margin-bottom: 1rem;
}

.carousel-inner div img {
  background-color: rgba(0,0,0,0.8);
  height: 100%;
  max-width: 100%;
  filter:brightness(0.5);
  display: block;
  position: relative;
}

.carousel-inner div img p {
  color:white;
  position: absolute;
  bottom: -16px;
  left: 0;
  padding: 5px;
  width: 100%;
}

.text-center{
	text-align: center;
}

.slider-content{
    top: 50%;
    margin-top: -70px;
    left: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
}

#footer-copyright{
	text-align: center;
	font-size: 12px;
	padding-bottom: 1rem;
}

.footer-address{
	font-size: 12px;
	margin-top: 1rem
}

.footer-logo{
	margin-top: 1rem;
	margin-right: 1rem;
	width: 80px;
}

#contacto{
	margin-top: 3rem;
}

hr{ 
   width:50%;
 }

.contact-image {
	
}

#footer-sn-face{
	margin-top: 2rem;
	margin-left: 30rem;
}

.service-bi-description{
	text-align: justify;
}

#contacto{
	background-image: url(../images/contacto.jpg);
    color: #f6f6f6;
    text-align: center;
    background-color: #0A0A13;
	
	min-height: 400px;
    width: 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
	background-attachment: fixed;
    background-size: cover;
}
 
section{
	overflow: auto;
}

#whos{
	background-image: url(../images/who.png);
    color: #000;
    text-align: center;
    background-color: #0A0A13;
	min-height: 400px;
    width: 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.employees{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
}

@media (max-width: 370px) and ( max-height: 640px) {
    .margin-text {
        font-size: 12px;
    }
	
	.margin-text h5 {
        font-size: 15px;
    }
}