h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

#blanco{
	#color: #fff!important;
}

a {
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
}

.nav-link{
color: #343a40!important;
font-weight: 600;
}

.bg-transparent{
	color: #000;
	opacity: 2;
}

.nav-link:hover {
	color: #0d5475!important;
	font-weight: 600;
	transition: 0.2s;
	cursor: pointer;
}

.nav-link:active {
	color: #0d5475!important;
	font-weight: 600;
}

p {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
}

.p-13{
	font-size: 14px;
}
.p-18 {
  font-family: 'Montserrat', sans-serif!important;
  font-size: 17px!important;
}

label {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 600;
}

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

.bg-nav{
	background-color: #000;
	opacity: 0.5;
}

/* P y M */
.mb-7 {
	margin-bottom: 7%;
}

.mb-8 {
	margin-bottom: 8%;
}

.mt-8 {
	margin-top: 8%;
}

.mt-10 {
	margin-top: 10%;
}

.mt-14 {
	margin-top: 14%;
}

/* Padding*/
.pl-1 {
	padding-left: 1%;
}

.pl-2 {
	padding-left: 2%;
}

.pl-3 {
	padding-left: 3%;
}

.pl-4 {
	padding-left: 4%;
}

.pl-5 {
	padding-left: 5%;
}

.pl-6 {
	padding-left: 6%;
}

.pl-7 {
	padding-left: 7%;
}

.pl-8 {
	padding-left: 8%;
}

.pl-9 {
	padding-left: 9%;
}

.pl-10 {
	padding-left: 10%;
}

.pl-11 {
 	padding-left: 11%;
}

.pl-12 {
	padding-left: 12%;
}

.pl-13 {
	padding-left: 13%;
}

.pr-6 {
	padding-right: 6%;
}

.pr-7 {
	padding-right: 7%;
}

.pr-8 {
	padding-right: 8%;
}

.pr-9 {
	padding-right: 9%;
}

.pr-10 {
	padding-right: 10%;
}

.pr-11 {
	padding-right: 11%;
}

.pr-12 {
	padding-right: 12%;
}

.pr-13 {
	padding-right: 13%;
}

.pt-8 {
	padding-top: 8%;
}

.pb-8 {
	padding-bottom: 8%;
}

.pt-8 {
	padding-top: 7%;
}

.pt-10 {
	padding-top: 10%;
}

.pt-11 {
	padding-top: 11%;
}

.pb-10 {
	padding-bottom: 10%;
}

.pb-11 {
	padding-bottom: 11%;
}

.pt-25 {
	padding-top: 25%;
}

.pb-25 {
	padding-bottom: 25%;
}
/* P y M */

/* Width */

.w-50{
  width: 85%!important;

}


iframe { max-width: 100%; height: 200% auto; }


/* Modal */

.modal-header{
  padding: 0.5rem 1.3rem!important;
}

/* Focus*/
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(126, 239, 104, 0.0)!important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.0)!important;
  outline: 0 none!important;
}

.btn:focus {
  outline: none!important;
  box-shadow: none!important;
}

.btn{
	font-weight: 600;
}

*:focus {
    outline: 0 !important;
}

button:focus {
  outline:0!important;
}

/**Colores**/
.bg-petroleo{
  background-color: #038e87;
}

.text-petroleo {
  color: #038e87;
}

nav-link-top {
	font-size: 12px!important;
	color: #000!important;
}

nav-link-top a{
	font-size: 12px!important;
	color: #000!important;
}

.caracteristicas_slider {
	position: absolute;
	left: 0;
	right: 0;
	top: 10%;
	margin: 0 auto;
	z-index: 9999999;
}

.btn-info{
	background-color: #038e87;
	transition: 0.3s;
}

.btn-info:hover{
	background-color: #048279;
	transition: 0.3s;
}

 
.btn-whatsapp {
  display:block;
  position:fixed;
  right:20px;
  bottom:42px;
  border-radius:50%;
  line-height:80px;
  text-align:center;
  z-index:1000000000;
  cursor: pointer;
}

.nav-bodega.active{
	font-size: 15px!important;
	color: #fff!important;
	background-color: #038e87!important;
	padding: 10px 20px;
	text-decoration: none;

}

.nav-bodega{
	font-size: 15px!important;
	color:#0d5475;
	padding: 10px 20px;
	text-decoration: none;
	cursor: pointer;

}

.nav-bodega:hover{
	font-size: 15px!important;
	color:#0d5475;
	padding: 10px 20px;
	transition: 1s;
	text-decoration: none;
	cursor: pointer;

}

.rounded-xl {
	border-radius: 30px!important;

}
.btn-whatsapp {
  display:block;
  position:fixed;
  right:20px;
  bottom:42px;
  border-radius:50%;
  line-height:80px;
  text-align:center;
  z-index:1000000000;
  cursor: pointer;
}

.btn-arenas {
  display:block;
  width:200px;
  font-weight: 600;
  height:auto;
  font-size: 1rem;
  color:#fff;
  background-color:#a22022;
  border-radius: 10px;
  position:fixed;
  right:60px;
  bottom:30px;
  padding:5px;
  text-align:center;
  z-index:100000;
  transition: 0.3s;
  cursor: pointer;

}

.btn-arenas:hover {
  display:block;
  width:200px;
  font-weight: 600;
  height:auto;
  font-size: 1rem;
  color:#fff;
  background-color:#ae2727;
  border-radius: 10px;
  position:fixed;
  right:60px;
  bottom:30px;
  padding:8px;
  transition: 0.3s;
  text-align:center;
  z-index:1000000000;
  cursor: pointer;
  text-decoration: none;
}

.heartbeat {
	animation: heartbeat 2s ease-in-out infinite both;
}

@keyframes heartbeat {
  from {
    transform: scale(1);
    transform-origin: center center;
    animation-timing-function: ease-out;
  }
  10% {
    transform: scale(0.91);
    animation-timing-function: ease-in;
  }
  17% {
    transform: scale(0.98);
    animation-timing-function: ease-out;
  }
  33% {
    transform: scale(0.87);
    animation-timing-function: ease-in;
  }
  45% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
}


@media   (min-width: 1400px) { 

.icono {
	width: 80px;
	margin-bottom: 20px;
	margin-top: 40px;
	}

.nav-link{
	font-size: 1.1rem;
}

p {
	font-size: 1.2rem;
}

}