* {font-family: 'Montserrat', sans-serif;}

body {
  width: 100% !important
  
}
h1{
	padding:19px;
	padding-bottom: 0px !important
}



.descripcion-modal;{
  font-size: 14px !important
}
.modal{


}
.img-fluid{
  max-width:100% !important
}
.portfolio-info{
  top:50% !important;
}
.navbar-dark{
	background-color: rgba(0,0,0,0.0) !important;
	height: 50px

}
.scroll{
	background-color: rgba(0,0,0,1) !important;
	transition: all 0.8s;

}
.nav-item{
	margin-left: 30px;

}
.nav-link{
	color:white !important;
	font-weight: bold
}

.nav-link:hover {
	color:#d11546 !important;
}
#negro{
  background-color: black !important
}
.dropdown-menu{
	background-color: black;
	-webkit-box-shadow: 10px 10px 50px 3px rgba(255,255,255,.1)!important;
-moz-box-shadow: 10px 10px 50px 3px rgba(255,255,255,.1)!important;
box-shadow: 10px 10px 50px 3px rgba(255,255,255,.1) !important;

}
.dropdown-item{
	color: white !important;
	font-weight: bold
}
.dropdown-item:hover{
	color: #d11546 !important;
}

.carousel-item {
	 
  height: 65vh;
  min-height: 450px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
.carousel-inner{

}
#texto-centrado{
	text-align: center !important;

}




.portfolio-item {
  margin-bottom: 30px;
}

#pie{
  background-color: black !important;
  margin-top: 25px;
  padding-top: 10px !important;
   margin-bottom: 0px !important;
    

}
footer{

}
#texto-pie{
	font-size: 10px
}
#social{
 margin-top: 20px
}
#uniformes-contenedor{
  
  
  padding:0px;
  width: 100%;
  position: relative;
    background-size: cover;
  
}


#uniformes-contenedor::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    z-index: 0000;
}
#empresariales-card{
  margin: 0px !important;
  width:100%;
  padding: 0px


}
.card-galeria{
  width: 100% !important;
  margin:0 !important;
  display:block;
 
}
.card-galeria:hover{

}
.btn-primary{
  background-color: black !important;
  width: 100%;
  border: 4px solid black;
}
.btn-primary:hover{
  border: 4px solid black;

}
.card-footer{
    width: 100% !important;
    border:0px;
    
    padding: 0 !important

}


/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
  margin-bottom: 30px;
    padding: 0px !important
}



.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  color: #fff;
  background: #009970;
  margin: 0px;

}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: rgba(0 ,0 ,0 , 0.2);
}

.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(0 ,0 ,0 , 0.70);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}

.portfolio .portfolio-wrap img {
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  
}
.portfolio-info {
  position: absolute;
   top: 190px;
  left: 0;
  right: 0;
  bottom: ;
  z-index: 3;
  color: white;
    font-size: 20px;
  color: #fff;
  font-weight: bolder;
  margin-left: auto;
  text-align: center;
 text-shadow: -2px -2px 5px #000


}

.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;

}

.portfolio .portfolio-wrap .portfolio-info p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-style: italic;
}

.portfolio .portfolio-wrap .portfolio-links {
  text-align: center;
  z-index: 4;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: #fff;
  margin: 0 5px 0 0;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  color: #00cc95;
}

.portfolio .portfolio-wrap:hover::before {
  opacity: 1;
}

.portfolio .portfolio-wrap:hover img {
  transform: scale(1.2);
}

.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
}
#nosotros{
  background-color: black !important;
  display:block;
  width:100% !important
  height:100%;
  padding: 60px
  
}
 #btn-nosotros{

 }

.cta-vermas a:hover{
text-decoration: none;
background-color: red !important
}
#txt-nosotros{
  padding:10px ;
  color: white;
  font-size:25px;
  text-align: center;
  padding-bottom:40px !important;

}
#cta{

  


}
#cta a{
   color: black; 
     background-color: white;
       margin: auto;
  display: block;
  text-align: center;
  padding:10px;
  width: 200px;
  border-radius: 10px
}
#cta a:hover{
  background-color: #d11546!important;
  color: white;
  text-decoration:none;
}
.cta-vermas{

  font-weight: bold;  
}
#cta-clientes a{
  color: white;
    font-weight: bold;   
     background-color:#d11546;
       margin: auto;
  display: block;
  text-align: center;
  padding:10px;
  width: 200px;
  border-radius: 10px

}
#cta-clientes a:hover{
  background-color: black !important;
  color: white;
  text-decoration:none;
}



footer{
  height: 100px;
  
  margin-bottom: 0px
}
#pie-contacto{
  background-color: black !important;
  margin-top: 25px;
  padding-top: 10px !important;
   margin-bottom: 0px !important;


}
/* Clients Section
--------------------------------*/

#clients {
  padding: 60px 0;
}

#clients img {
  max-width: 70%;
  opacity: 0.5;
  transition: 0.3s;
  padding: 15px 0;
}

#clients img:hover {
  opacity: 1;
}

#clients .owl-nav,
#clients .owl-dots {
  margin-top: 5px;
  text-align: center;
}

#clients .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd;
}

#clients .owl-dot.active {
  background-color: #d11546
}




#sendMessageButton{
  background-color: black !important;
  border:1px solid black;
}
#sendMessageButton:hover{
  background-color: #d11546 !important
}


.gallery{
  column-count:4 !important;
}

.descripcion-modal{
  border-top: 3px ridge   black;
  
  text-align: center;
  width: 80%;
  margin-left:10%;
 
  padding-top: 20px
}

.logo-wsp{
  position: fixed;
  top:50px;
  right:8%;
  z-index:99999;
}
.my-12{
  font-size: 30px
}
@media (max-width: 991.98px){
  #negro{
    height: 70px !important;
  }
  .navbar-nav{
    background-color: black !important;
    

  }
.clientes{
   column-count: 2
 }
  #clients img{
    margin:auto;
    vertical-align: center;
    display: block;
    
  }
  .logo-wsp{
  position: fixed;
  top:90px;
  right:2%;
  z-index:99999;
}
#home-nav{
  height:70px !important;

}
#texto-pie{
  margin-top:10px !important;
  margin-bottom: 10px !important
}

#pie{
background-color:black !important;
display:block;
height: 100%
}
#pie-contacto{
background-color:black !important;
display:block;
height: 100%
}

 .portfolio-wrap {

  background: rgba(0 ,0 ,0 , 0.90) !important ;
  
  opacity: 1 !important;
  z-index: 2 !important

}
.img-fluid {
  display: block;
  width:100% !important
}


}
@media (min-width: 991.98px){
#pie-contacto{
  background-color: black !important;
  margin-top: 25px;
  padding-top: 10px !important;
   margin-bottom: 0px !important;
    position: fixed;
  left: 0;
  bottom: 0;
  width: 100%

}



  }