@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;
}

.text-gray{
	color: #5a5a5a;
}


.carousel{
	margin-top: 8rem;
}

.carousel-inner {
    height: 100vh;
}

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

.navbar-nav{
	background: #000000;
	clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
  padding-left: 2rem;
}

.capsula{
	background: #000;
	border-radius: 3rem;
	color: #fff;
	padding: 0.6rem 1.5rem;
}

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

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

.jumbo{
	font-size: 5rem;
}

.bg-degradado{
	background: rgb(121,121,121);
	background: linear-gradient(180deg, rgba(121,121,121,1) 0%, rgba(207,207,207,1) 50%, rgba(255,255,255,1) 100%);
}

#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');
}


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


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

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

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