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

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

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

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

span, ul, li {
	font-family: 'Montserrat', sans-serif;
}

ul, li {
	list-style:none;
}

footer li {
	font-size: 12px!important;
}

.nav-link {
margin-top: 2%;
color: #fff!important;
font-size: 14px!important;
font-weight: 500;
}

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

.nav-link:hover {
	margin-top: 2%;
	font-size: 14px!important;
	color: #fff!important;
	font-weight: 500;
}

/* Ancho */
.wid-70 {
	width: 70%;
}

.wid-50{
	width: 50%;
}
/* Tamaño textos */

.p-10 {
	font-size: 10px!important;
}

.p-11 {
	font-size: 11px!important;
}

.p-12 {
	font-size: 12px!important;
}

.p-13 {
	font-size: 13px!important;
}

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

.p-15 {
	font-size: 15px!important;
}

.p-16 {
	font-size: 16px!important;
}

.p-17 {
	font-size: 17px!important;
}


.p-18 {
  font-size: 18px!important;
}


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

*:focus {
    outline: 0 !important;
}

button:focus {
  outline:0!important;
}

/**Colores**/
.bg-petroleo {
  background-color: #3a91cc;
}

.text-petroleo {
  color: #3a91cc;
}

.bg-info {
	background-color: #02b7ae!important;
}

.bg-footer {
	background-color: #0f6ea3;

}

.bg-degradado {
	background: rgb(2,183,174);
	background: -moz-linear-gradient(90deg, rgba(2,183,174,1) 0%, rgba(15,110,163,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(2,183,174,1) 0%, rgba(15,110,163,1) 100%);
	background: linear-gradient(90deg, rgba(2,183,174,1) 0%, rgba(15,110,163,1) 100%);
}

/** Cards portales overlay **/
.card-img-overlay {
  position: absolute!important;
  top: 0!important;
  right: 0!important;
  bottom: 0!important;
  left: 0!important;
  padding: 1.25rem!important;
 	background: rgb(255,255,255)!important;
	background: -moz-linear-gradient(185deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7754289215686274) 100%)!important;
	background: -webkit-linear-gradient(185deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7754289215686274) 100%)!important;
	background: linear-gradient(185deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7754289215686274) 100%)!important;
	
}

.titulo-card-overlay {
	position: absolute;
	word-wrap:break-word;
	left: 5%;
	right: 5%;
	bottom: 20%;
	font-size: 17px;
}

.boton-card {
	text-decoration: none;
	position: absolute;
	word-wrap:break-word;
	left: 0%;
	right: 0%;
	bottom: 0%;
	border: 0px;
	border-radius: 0px!important;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(204deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3188462885154062) 75%);
	background: -webkit-linear-gradient(204deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3188462885154062) 75%);
	background: linear-gradient(204deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3188462885154062) 75%);
	width: 100%;
	text-align: left;
	padding-left: 5%;
}

.boton-card:hover {
	text-decoration: none;
	position: absolute;
	word-wrap:break-word;
	left: 0%;
	right: 0%;
	bottom: 0%;
	border: 0px;	
	border-radius: 0px!important;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(204deg, rgba(255,255,255,0) 0%, rgba(2,182,173,0.2740283613445378) 57%, rgba(15,110,162,0.8594625350140056) 100%);
	background: -webkit-linear-gradient(204deg, rgba(255,255,255,0) 0%, rgba(2,182,173,0.2740283613445378) 57%, rgba(15,110,162,0.8594625350140056) 100%);
	background: linear-gradient(204deg, rgba(255,255,255,0) 0%, rgba(2,182,173,0.2740283613445378) 57%, rgba(15,110,162,0.8594625350140056) 100%);
	width: 100%;
	text-align: left;
	padding-left: 5%;

}

.boton-card-blog {
	text-decoration: none;
	position: absolute;
	word-wrap:break-word;
	left: 0%;
	right: 0%;
	bottom: 0%;
	border: 0px;
	border-radius: 0px!important;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(204deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3188462885154062) 75%);
	background: -webkit-linear-gradient(204deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3188462885154062) 75%);
	background: linear-gradient(204deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3188462885154062) 75%);
	width: 100%;
	text-align: left;
	padding-left: 5%;
	padding-top: 6%;
	padding-bottom: 6%;
}

.boton-card-blog:hover {
	text-decoration: none;
	position: absolute;
	word-wrap:break-word;
	left: 0%;
	right: 0%;
	bottom: 0%;
	border: 0px;	
	border-radius: 0px!important;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(204deg, rgba(255,255,255,0) 0%, rgba(2,182,173,0.2740283613445378) 57%, rgba(15,110,162,0.8594625350140056) 100%);
	background: -webkit-linear-gradient(204deg, rgba(255,255,255,0) 0%, rgba(2,182,173,0.2740283613445378) 57%, rgba(15,110,162,0.8594625350140056) 100%);
	background: linear-gradient(204deg, rgba(255,255,255,0) 0%, rgba(2,182,173,0.2740283613445378) 57%, rgba(15,110,162,0.8594625350140056) 100%);
	width: 100%;
	text-align: left;
	padding-left: 5%;
	padding-top: 6%;
	padding-bottom: 6%;

}

.caracteristicas_slider {
	position: absolute;
	left: 0;
	right: 0;
	top: 10%;
	margin: 0 auto;
	z-index: 9999999;
}
 
.btn-whatsapp {
  display:block;
  width:70px;
  height:70px;
  color:#fff;
  position:fixed;
  right:20px;
  bottom:20px;
  border-radius:50%;
  line-height:80px;
  text-align:center;
  z-index:1000000000;
}

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

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

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

.titulo-slider {
	position: absolute;
	top: 50%;
	left: 50%;
}


/*CAROUSEL TEXTO*/
.carousel-caption-index {
  position: absolute;
  right: 50%;
  top: 20px;
  left: 10%;
  z-index: 10;
  padding-top: 18%;
  padding-bottom: 10%;
  color: #000;
  text-align: left;
}

.carousel-caption-blog {
  position: absolute;
  right: 70%;
  top: 20px;
  left: 5%;
  z-index:10;
  padding-top: 13%;
  padding-bottom: 10%;
  color: #000;
  text-align: left;
}


/* Botones */
.btn-carousel {
	border-radius: 50px!important;
	background-color: #dee0e0!important;
	color: #fff!important;
	font-size: 12px!important;
	margin: 3px!important;
}

.btn-outline-primary-serv {
	background-color: #fff!important;
	border: 1px solid #3a91cc!important;
	color: #3a91cc!important;
	font-size: 12px!important;
	border-radius: 10px;
	padding: 5px 10px;
	margin: 2px;
	
} 

.btn-outline-primary-serv:hover {
	background-color: #3a91cc!important;
	border: #3a91cc!important;
	color: #fff!important;
	font-size: 12px!important;
	border-radius: 10px;
	padding: 5px 10px;
	margin: 2px;
	transition: 0.3s;
	text-decoration: none;
} 

.btn-primary {
	background-color: #3a91cc!important;
	border: #3a91cc!important;
} 

.btn-primary:hover {
	background-color: #3387b5!important;

}

.btn-danger {
	background-color: #d84e4e!important;
	border: #d84e4e!important;
} 

.btn-danger:hover {
	background-color: #c43d3d!important;

}

.btn-success {
	background-color: #3dc975!important;
	border: #3dc975!important;
} 

.btn-success:hover {
	background-color: #2db564!important;

}

.btn-outline-primary {
  color: #3a91cc;
  border-color: #3a91cc;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #3a91cc;
  border-color: #3a91cc;
}

.btn {
	border-radius: 45px;
	font-size: 14px!important;
}

.btn-nav-1 {
	background-color: #02b7ae!important;
	border: #02b7ae!important;
	font-size: 14px!important;
	color: #fff!important;
	border-radius: 10px!important;
	margin: 5px 2px;
	font-weight: 600;
	line-height: 14px;
}

.btn-nav-1:hover {
	background-color: #17c1bc!important;
	border: #02b7ae!important;
	font-size: 14px!important;
	color: #fff!important;
	border-radius: 10px!important;
	margin: 5px 2px;
	font-weight: 600;
	line-height: 14px;
	transition: 0.5s;
}

.btn-nav-2 {
	background-color: #9347b2!important;
	border: #9347b2!important;
	font-size: 14px!important;
	color: #fff!important;
	border-radius: 10px!important;
	margin: 5px 2px;
	font-weight: 600;
	line-height: 14px;
}

.btn-nav-2:hover {
	background-color: #8842a5!important;
	border: #ae5dc9!important;
	font-size: 14px!important;
	color: #fff!important;
	border-radius: 10px!important;
	margin: 5px 2px;
	font-weight: 600;
	line-height: 14px;
	transition: 0.5s;
}

.btn-registro {
	background-color: #02b7ae!important;
	border: 2px solid #fff!important;
	padding: 20px 30px;
	font-size: 19px!important;
	color: #fff!important;
	border-radius: 15px!important;
	margin: 10px 5px;
	font-weight: 700;
	line-height: 14px;
}

.btn-registro:hover {
	background-color: #fff!important;
	border: 2px solid #fff!important;
	font-size: 19px!important;
	color: #02b7ae!important;
	border-radius: 15px!important;
	margin: 10px 5px;
	font-weight: 700;
	line-height: 14px;
	transition: 0.5s;
}

.btn-ofertas {
	background-color: #02b7ae!important;
	border: 2px solid #fff!important;
	padding: 10px 20px;
	font-size: 15px!important;
	color: #fff!important;
	border-radius: 15px!important;
	margin: 10px 5px;
	line-height: 14px;
	font-weight: 600;
}

.btn-ofertas:hover {
	background-color: #fff!important;
	border: 2px solid #fff!important;
	padding: 10px 20px;
	font-size: 15px!important;
	color: #02b7ae!important;
	border-radius: 15px!important;
	margin: 10px 5px;
	line-height: 14px;
	transition: 0.5s;
	font-weight: 600;
}


.btn-table {
	background-color: #d84e4e!important;
	border: #d84e4e!important;
	font-size: 12px!important;
	border-radius: 0xp!important;
	color: #fff!important;
	width: 25px;
	height: 25px;
}

/**Tabla reservar hora**/

table th, td.horario {
	width: 30%;
}

/**Tabla registro**/

.table {
	color:#6c757d!important;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px!important;
}

.table { 
	table-layout: fixed;
	word-wrap:break-word;
}

.div { 
word-wrap:break-word;
}


/* Carousel */
.blog .carousel-indicators {
	left: 0;
	top: auto;
	bottom: -40px;
}

.blog .carousel-indicators li {
	background: #a3a3a3;
	border-radius: 50%;
	width: 8px;
	height: 8px;
}

.blog .carousel-indicators .active {
	background: #707070;
}

.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;}
.MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; color:#000;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:35%;top:calc(35% - 20px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }

/* Carousel */


/* MEDIA QUERIES */
/* Extra small devices */
@media (max-width: 575.98px) { 

.titulo-card-overlay {
		position: absolute;
		word-wrap:break-word;
		left: 5%;
		right: 5%;
		bottom: 20%;
		font-size: 1.1rem;
	}

.titulo-card-overlay-blog {
		position: absolute;
		word-wrap:break-word;
		left: 5%;
		right: 5%;
		bottom: 20%;
		font-size: 1.4rem;
	}

}


/* Small devices */
@media (min-width: 576px) and (max-width: 767.98px) { 

	.titulo-card-overlay {
		position: absolute;
		word-wrap:break-word;
		left: 5%;
		right: 5%;
		bottom: 20%;
		font-size: 1.2rem;
	}

	.titulo-card-overlay-blog {
		position: absolute;
		word-wrap:break-word;
		left: 5%;
		right: 5%;
		bottom: 20%;
		font-size: 1.4rem;
	}


 }
/* Medium devices */
@media (min-width: 768px) and (max-width: 991.98px) { 

 .titulo-card  {
	font-size: 1.1rem!important;
}

.titulo-card-overlay {
	position: absolute;
	word-wrap:break-word;
	left: 5%;
	right: 5%;
	bottom: 32%;
	font-size: 1.0rem;
}

.titulo-card-overlay-blog {
		position: absolute;
		word-wrap:break-word;
		left: 5%;
		right: 5%;
		bottom: 20%;
		font-size: 1.2rem;
	}



 }
 /* Large devices */
 @media (min-width: 992px) and (max-width: 1199.98px) { 

	.titulo-card-overlay {
		position: absolute;
		word-wrap:break-word;
		left: 5%;
		right: 5%;
		bottom: 34%;
		font-size: 1.1rem;
	}

	.titulo-card-overlay-blog {
		position: absolute;
		word-wrap:break-word;
		left: 5%;
		right: 5%;
		bottom: 20%;
		font-size: 1.3rem;
	}


  }
  /* Extra Large devices */
  @media (min-width: 1200px) { 

  	.titulo-card-overlay {
		position: absolute;
		word-wrap:break-word;
		left: 5%;
		right: 5%;
		bottom: 22%;
		font-size: 1.3rem;
	}

	.titulo-card-overlay-blog {
		position: absolute;
		word-wrap:break-word;
		left: 5%;
		right: 5%;
		bottom: 20%;
		font-size: 1.4rem;
	}


  }