@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../fonts/Montserrat-Regular.otf');
}

@font-face {
  font-family: 'Montserrat-Bold';
  src: url('../fonts/Montserrat-Bold.otf');
}

body{
	font-family: 'Montserrat-Regular';
	font-size: 20px;
}

.fontB{
	font-family: 'Montserrat-Bold';
}

.bg-dark {
    background-color: #000!important;
}

.bg-green{
	background: #86b83d;
}

.bg-blue{
    background: #012639;
}

.text-green{
	color: #86b83d;
}


.carousel{
	margin-top: 7rem;
}

.carousel-inner {
    height: 90vh;
}

.carousel-fade .carousel-item.active {
    height: 80vh;
}

.carousel-caption {
    right: 50%;
    bottom: 5.25rem;
    left: 10%;
    color: #fff;
}

.carousel-caption2 {
    position: absolute;
    right: 10%;
    bottom: -6rem;
    left: 60%;
    padding-top: 1.25rem;
    padding-bottom: 0rem;
}

.nav-item{
	padding-right: 1.5em;
	padding-left: 1.5em;
	color:  #86b83d;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #86b83d;
}

.box-white{
	margin-left: -3%;
    height: 75%;
    margin-top: 7%;
    background: #ffffff;
}

.btn-blue{
	background: #012639;
	color: #fff;
	font-size: 20px;
}

.btn-green{
    background: #86b83d;
    color: #fff;
    font-size: 20px;
}

.capsula-white{
	background: #ffffff;
	border-radius: 3rem;
	color: #000;
	padding-left: 1rem;
	padding-right: 1rem;
}

.bg-ropa{
	background: url('../image/ropa.jpg') no-repeat center;
	background-size: cover;
	height: 80vh;
}

.bg-covid{
    background: url('../image/covid.jpg') no-repeat center;
    background-size: cover;
    height: 70vh;
}

.jumbo{
	font-size: 5rem;
}

.small{
	font-size: 12px;
}

.bg-textura{
	background: url('../image/textura-productos.jpg') no-repeat center;
	background-size: cover;
}

#iconos:before {
    content: url('../image/linea.png');
    position: absolute;
    margin-left: -7%;
}
#iconos:after {
    content: url('../image/lineaV.png');
    position: absolute;
    margin-left: 27%;
    margin-top: -7%;
}

.slick-prev {
    background: url(../image/flecha_izq.png);
    left: -20px;
    z-index: 5;
}
.slick-prev:before {
    content: url('../image/flecha_izq.png');
}
.slick-next {
    background: url(../image/flecha_der.png);
    right: 3%!important;
}
.slick-next:before {
    content: url('../image/flecha_der.png');
}

@media (min-width: 320px) and (max-width: 767px) {
	.carousel-inner {
    height: 24vh;
	}

	.carousel-fade .carousel-item.active {
    height: 24vh;
	}	

	.carousel-caption {
    right: 10%;
    bottom: 0.25rem;
    left: 10%;
    color: #000;
    text-align: center;
    background: #ffffffc4;
    font-size: 12px;
	}

	.box-white {
    margin-left: 0%;
    height: auto;
    margin-top: 7%;
    background: #ffffff;
	}

  .bg-ropa {
    background: url(../image/ropa.jpg) no-repeat 90%;
    background-size: cover;
    height: 50vh;
  }

  .bg-covid {
    background: url(../image/covid.jpg) no-repeat center;
    background-size: cover;
    height: 30vh;
  }

	.jumbo {
    font-size: 3rem;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
  .carousel-inner {
    height: 30vh;
  }

  .carousel-fade .carousel-item.active {
    height: 30vh;
  } 
}