@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700');
@import url('https://fonts.googleapis.com/css?family=Lato:100,400,700');

@font-face {
	font-family: "Aller";
	src: url("../fonts/Aller_Rg.eot?") format("eot"), url("../fonts/Aller_Rg.woff") format("woff"), url("../fonts/Aller_Rg.ttf") format("truetype"), url("../fonts/Aller_Rg.svg#Aller") format("svg");
	font-weight: normal;
	font-style: normal;
}

/** Table of Content  Css

Project:	Butcher's
Version:	1.2
Author:		Themelooper
Primary use: 	bar, bar restaurant, beer, beer bar, club, pub, whisky, wine

[Layout]

--> body
--> Header /// .cp_header
--> Content / #cp_main-content
--> Left column / #cp-left-asidebar
--> Right column / #cp-right-asidebar
--> Sidebar / .cp_sidebar-outer
--> Search / .cp-search-side-box
--> Footer / .cp_footer

Navigation	 #navbar
Content header	 h2


[Color Codes]

Background:	#ffffff (White)
Content:	#777777 (Light Dark)
Header H1:	#222222 (Light Dark
Header H2:	#222222 (Light Dark)
Footer:		#ffffff (White)


[Typography]

Body:				font:14px/24px 'Open Sans', sans-serif;
Headers:			font:16px/16px 'Roboto', sans-serif;
Input, textarea:	font:14px/14px 'Roboto', sans-serif;
Sidebar heading:	font:24px/24px 'BebasNeue', sans-serif;


 
==> Wrapper   
==> Header
==>	Butcher About
==>	Rate List
==>	Product
==>	Section
==> Team
==> Newsletter
==>	Partner
==> Footer
==> Inner Banner
==> About Text
==> Error Page
==> Coming Soon Page
==> Contact Section
==> Menu
==> Outlets

End of Table of Content Css End **/
/*===========================================================================*/
/*Default Css Start*/
/*===========================================================================*/
body {
	margin: 0;
	padding: 0;
	font: 400 16px/30px 'Open Sans', sans-serif;
	color: #777;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	color: #777;
	margin: 0;
}

body h1 a,
body h2 a,
body h3 a,
body h4 a,
body h5 a,
body h6 a {
	color: #474646;
}

body h2 {
	font-weight: 400;
	font-size: 48px;
	line-height: 48px;
	margin: 0 0 100px 0;
}

body h2 span {
	color: #E31E24;
}

body h3 {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 24px;
	line-height: 24px;
	margin: 0 0 20px 0;
}

body h4 {
	font-weight: 400;
	font-size: 18px;
	line-height: 18px;
}

body p {
	font: 400 16px/30px 'Open Sans', sans-serif;
	color: #777;
	margin: 0 0 20px 0;
}

strong.subheading {
	display: block;
	font: 400 35px/35px 'Open Sans', cursive;
	padding: 0 0 20px 0;
	color: #fff
}

.btn-row {
	display: block;
	text-align: center;
}

.btn-row a.btn-style-1 {
	display: inline-block;
	float: none;
}

a.btn-style-1 {
	font: 300 18px/18px 'Open Sans', sans-serif;
	color: #fff;
	text-transform: uppercase;
	float: left;
	text-decoration: none;
	padding: 14px 33px;
	text-align: center;
	position: relative;
	z-index: 11;
}

a.btn-style-1:hover {
	color: #fff;
	text-decoration: none;
}

a.btn-style-1:hover:before {
	width: 100%;
	opacity: 1;
}

a.btn-style-1:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
	background-color: #222;
	z-index: -1;
	opacity: 0;
	transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
}

.btn-row {
	float: left;
	text-align: center;
	width: 100%;
}

.btn-row a.btn-style-1 {
	float: none;
	display: inline-block;
}

/*===========================================================================*/
/*Wrapper Css Start*/
/*===========================================================================*/
#wrapper {
	float: left;
	width: 100%;
	position: relative;
}

#main {
	float: left;
	width: 100%;
	position: relative;
}

/*===========================================================================*/
/*Header Css Start*/
/*===========================================================================*/
#header {
	float: left;
	width: 100%;
	position: relative;
}

.head-top {
	float: left;
	width: 100%;
	position: relative;
	z-index: 999;
}

.head-top .left-side {
	float: left;
	width: 100%;
	padding: 12px 0 0 0;
}

.head-top .left-side a {
	font: 400 14px/14px 'Open Sans', sans-serif;
	color: #fff;
	text-decoration: none;
	padding: 0 20px 0 0;
}

.head-top .left-side a .fa {
	padding: 0 10px 0 0;
}

.head-top .right-side {
	float: left;
	width: 100%;
}

.head-top .right-side strong.time {
	float: right;
	font: 400 14px/14px 'Open Sans', sans-serif;
	color: #fff;
	padding: 16px 10px 0 0;
}

.head-top .right-side strong.time span {
	padding: 0 10px;
}

.head-top .right-side button {
	background: #fff;
	font-size: 24px;
	border: 0;
	padding: 0;
	width: 50px;
	height: 48px;
	text-align: center;
	line-height: 30px;
}

.head-top .right-side .dropdown-menu {
	background-color: #fff;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	min-width: 100%;
	width: 100%;
	padding: 0;
	z-index: 1000;
}

.head-top .right-side .dropdown-menu li {
	padding: 0;
	display: block;
	overflow: hidden;
}

.head-top .right-side .dropdown-menu>li>a {
	clear: both;
	color: #fff;
	font-size: 14px;
	display: block;
	padding: 8px 0;
	text-align: center;
}

.head-top .right-side .dropup,
.head-top .right-side .dropdown {
	float: right;
	width: 50px;
}

.head-top .right-side .dropdown-menu>li>a:hover,
.head-top .right-side .dropdown-menu>li>a:focus {
	background: #fff;
	color: #222;
}

strong.logo {
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 50px;
}

.head-row-2 {
	width: 100%;
	position: fixed;
	left: 0;
	z-index: 99;
	transition: background-color 0.3s ease-in-out;
	/* Versión moderna y compatible para que se vea blanco degradado */
	/* background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,0.96) 26%, rgba(255,255,255,0.87) 34%, rgba(255,255,255,0.71) 44%, rgba(255,255,255,0.31) 67%, rgba(255,255,255,0.15) 77%, rgba(83, 36, 36, 0) 91%, rgba(255,255,255,0) 100%); 
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,0.96) 26%, rgba(255,255,255,0.87) 34%, rgba(255,255,255,0.71) 44%, rgba(255,255,255,0.31) 67%, rgba(255,255,255,0.15) 77%, rgba(255,255,255,0) 91%, rgba(255,255,255,0) 100%); 
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,0.96) 26%, rgba(255,255,255,0.87) 34%, rgba(255,255,255,0.71) 44%, rgba(255,255,255,0.31) 67%, rgba(255,255,255,0.15) 77%, rgba(255,255,255,0) 91%, rgba(255,255,255,0) 100%); */
}

.head-row-2-scroll {
	background: #fff !important;
}


.head-row-2 .navbar-inverse {
	background-color: transparent;
	border-color: transparent;
	float: right;
}

.head-row-2 .navbar {
	border-radius: 0;
}

.head-row-2 .navbar {
	border: 0;
	margin-bottom: auto;
	min-height: auto;
}

.head-row-2 .navbar-collapse {
	padding: 0;
}

#nav {
	padding: 0;
	margin: 60px 0 0 0;
	list-style: none;
}

#nav li {
	display: inline-block;
	float: none;
	position: relative;
	padding: 0 0 28px 0;
}

#nav li:first-child {
	background: none;
}

#nav li a {
	font: 700 15px/15px 'Lato', sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 20px;
	display: block;
	position: relative;
	z-index: 20;
}

.head-row-2-scroll #nav li a {
	color: #000000 !important;
}

.head-row-2-scroll .navbar-inverse .navbar-nav>.active>a {
	color: #000000 !important;
}

#nav li:last-child a {
	padding: 0 0 0 20px;
}

#nav li:hover>a {
	background: none;
}

#nav li ul li a:hover,
#nav li ul li:hover>a {
	text-decoration: none;
}

#nav li ul {
	position: absolute;
	left: 0;
	top: 100%;
	width: 210px;
	background: #fff;
	padding: 0;
	border: 1px solid;
	display: none;
	list-style: none;
	z-index: 99999;
}

#nav li:hover>ul {
	display: block;
}

#nav li ul li>ul {
	position: absolute;
	left: 190px;
	top: 0;
	width: 190px;
	padding: 0;
}

#nav li ul li {
	float: none;
	width: auto;
	padding: 0;
	display: block;
	background: none;
	border-top: 1px solid;
}

#nav li ul li:first-child {
	border: 0;
}

#nav li ul li:last-child a {
	padding: 13px 20px;
}

.head-row-2 .navbar-inverse .navbar-nav>.active>a,
.head-row-2 .navbar-inverse .navbar-nav>.active>a:hover,
.head-row-2 .navbar-inverse .navbar-nav>.active>a:focus {
	background: none;
}

#nav li ul li a {
	background: none;
	font: 14px/14px 'Lato', sans-serif;
	text-align: left;
	padding: 13px 20px;
	text-transform: capitalize;
	display: block;
	color: #222;
	position: relative;
}

#nav li ul li a:before {
	content: '';
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

#nav li ul li a:hover:before {
	width: 100%;
}

#nav li ul li a:hover {
	color: #fff;
}

#nav li a {
	transition: all 0.3s ease;
	/* Suaviza el cambio de color */
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.5px;
}

/* 2. Efecto HOVER (Al pasar el mouse) */
#nav li a:hover {
	color: #ff0000 !important;
	/* Cambia a Rojo Yak */
	background: transparent !important;
	/* Evita fondos grises de Bootstrap */
	text-decoration: none;
}

/* 3. Efecto ACTIVE (La página donde estás actualmente) */
/* Bootstrap usa la clase .active en el <li> */

/*===========================================================================*/
/*Whatsapp Css Start*/
/*===========================================================================*/

/* Estilos del botón flotante */
.whatsapp-float {
	position: fixed;
	width: 70px;
	height: 70px;
	bottom: 40px;
	right: 40px;
	background-color: #25d366;
	/* Verde WhatsApp */
	color: #FFF !important;
	border-radius: 50px;
	text-align: center;
	font-size: 35px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: all 0.3s ease;
}

/* Efecto al pasar el mouse */
.whatsapp-float:hover {
	background-color: #128c7e;
	transform: scale(1.1);
}

/* Tooltip (Texto de ayuda) */
.tooltip-wa {
	position: absolute;
	right: 70px;
	background: #333;
	color: #fff;
	padding: 5px 12px;
	border-radius: 5px;
	font-size: 14px;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
}

.whatsapp-float:hover .tooltip-wa {
	opacity: 1;
	visibility: visible;
}

/* Animación de pulso para que resalte */
/* @keyframes pulse-wa {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}

	70% {
		box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
	}
} */

.whatsapp-float {
	animation: pulse-wa 2s infinite;
}

/* Ajuste para móviles (para que no tape el contenido) */
@media (max-width: 767px) {
	.whatsapp-float {
		width: 50px;
		height: 50px;
		bottom: 20px;
		right: 20px;
		font-size: 30px;
	}
}


/*===========================================================================*/
/*Banner Css Start*/
/*===========================================================================*/
#banner {
	float: left;
	width: 100%;
	position: relative;
}

#banner img {
	width: 100%;
}

#banner .caption {
	position: absolute;
	left: 0;
	top: 50%;
    transform: translateY(-50%);
	width: 100%;
	height: 100%;
	height: auto;
	z-index: 1;
}

#banner .caption img {
	width: auto;
	display: block;
	margin: 0 auto 10px;
}

#banner .caption {
	text-align: center;
	text-align: left;
}

#banner .caption span {
	font: italic 700 50px/50px "Aller";
	color: #ff0000;
	display: block;
	text-align: center;
	margin: 0 0 10px 0;
}

#banner .caption h1 {
	font: 700 60px/70px 'Aller', cursive;
	color: #fff;
	display: block;
	text-align: right;
	margin: 0 0 10px 0;
}

#banner .caption strong.title-2 {
	display: block;
	font: 400 36px/36px 'Dancing Script', cursive;
	color: #fff;
	text-align: center;
	padding: 0 0 20px 0;
}

#banner .caption b {
	font: 400 24px/24px "Aller";
	color: #fff;
	text-transform: uppercase;
	display: block;
	text-align: center;
}

#banner .owl-theme .owl-controls .owl-nav [class*="owl-"] {
	border-radius: 0;
	font-size: 0;
	padding: 0;
}

#banner .owl-next {
	background: url(../images/next.png) no-repeat left top;
	width: 60px;
	height: 32px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

#banner .owl-prev {
	background: url(../images/prev.png) no-repeat left top;
	width: 60px;
	height: 32px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.banner-overlay {
	/* position: relative; */
	position: relative;
	width: 100%;
	display: block;
	height: 100vh;
	min-height: 600px;

}

/* .banner-overlay::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(9, 9, 9, 0.6);
	z-index: 1;
} */

#home-banner .caption {
	z-index: 10 !important;
	position: absolute;
}

.banner-overlay img {
	display: block;
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 0;
}


.banner-overlay {
	width: 100%;
	/* height: 500px; */
	/* Definimos la altura en el contenedor, no en la imagen */
	overflow: hidden;
	position: relative;
}

.banner-overlay img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* Centra la parte más importante de la carne */
	object-position: center;
	display: block;
}

/* Ajuste para que en pantallas más pequeñas (como móviles) no sea tan alto */
@media (max-width: 767px) {
	.banner-overlay {
		height: 300px;
	}
}


/*===========================================================================*/
/*Butcher About Css Start*/
/*===========================================================================*/
.butcher-about {
	float: left;
	width: 100%;
	padding: 100px 0;
	position: relative;
	background-image: url('../images/black.jpg');
	background-size: cover; /* Ajusta la imagen para cubrir todo el fondo */
	background-position: center; /* Centra la imagen */
	background-repeat: no-repeat; /* Evita que la imagen se repita */
	background-attachment: fixed; /* Opcional: fija la imagen al hacer scroll */
}

/* .butcher-about:before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/blood-clot-img-1.png) no-repeat right top;
	width: 313px;
	height: 1134px;
} */

.butcher-about .text-col {
	float: left;
	width: 100%;
	position: relative;
}

.butcher-about .text-col:before {
	content: '';
	background: url(../images/about-before-line.png) no-repeat left top;
	width: 677px;
	height: 23px;
	position: absolute;
	left: 98px;
	top: -23px;
}

.butcher-about .text-col:after {
	content: '';
	height: 26px;
	width: 677px;
	background: url(../images/about-after-line.png) no-repeat left bottom;
	position: absolute;
	left: 98px;
	bottom: -10px;
}

.butcher-about h2,
.butcher-about p,
.butcher-about h3,
.butcher-about h4 {
	color: #fff;
}

.butcher-about .text-col h3 {
	letter-spacing: 2px;
	word-spacing: 2px;
}

.butcher-about .text-col a.btn-style-1 {
	margin: 0 0 0 110px;
}

.butcher-about .thumb {
	float: left;
	width: 100%;
}

.butcher-about .thumb img {
	display: block;
	width: 60%;
	margin: 0 auto;
}

/*===========================================================================*/
/*Rate List Css Start*/
/*===========================================================================*/
.rate-list {
	float: left;
	width: 100%;
}

.rate-list .container-fluid {
	padding: 0;
}

.rate-list .col-md-6 {
	padding: 0;
}

.rate-list .left-box {
	float: left;
	width: 100%;
	border: 2px solid;
	border-left: 0;
	padding: 50px 0 50px 45px;
}

.rate-list .left-box .thumb {
	float: left;
	width: 100%;
	overflow: hidden;
}

.rate-list .left-box .thumb:hover img {
	margin: 10px 0 0 10px;
	opacity: 0.9;
}

.rate-list .text-col {
	float: left;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 100px 0 0 30px;
}

.rate-list .text-col h2 {
	margin: 0 0 30px 0;
}

.rate-list .text-col ul {
	float: left;
	width: 557px;
	padding: 0;
	margin: 30px 0 0 0;
	list-style: none;
}

.rate-list .text-col ul li {
	display: block;
	overflow: hidden;
	padding: 25px 0 0 0;
	background: url(../images/rate-line.png) no-repeat center center;
	color: #222;
}

.rate-list .text-col ul li:first-child {
	padding: 0;
}

.rate-list .text-col strong.name {
	width: 160px;
	float: left;
	font: 400 30px/30px 'Open Sans', sans-serif;
}

.rate-list .text-col strong.price {
	float: right;
	font: 400 30px 'Open Sans', sans-serif;
}

/*===========================================================================*/
/*Product Css Start*/
/*===========================================================================*/
.product-section {
	float: left;
	width: 100%;
	padding: 100px 0 50px 0;
	position: relative;
}

/* .product-section:before {
	content: '';
	position: absolute;
	left: 0;
	top: 100px;
	background: url(../images/bloog-clot-img-2.png) no-repeat left top;
	width: 393px;
	height: 585px;
} */

.product-section .product-box {
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 50px;
}

/* Reemplaza tu bloque actual por este: */
.product-section .product-box:hover .thumb img {
	/* 1. Zoom controlado hacia adelante (1.1 es 10% más grande) */
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);

	/* 2. Brillo máximo para el producto */
	opacity: 1 !important;

	/* 3. Sombra profunda para dar efecto de "elevación" */
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);

	/* 4. Asegura que la sombra no se corte */
	position: relative;
	z-index: 10;
}

.product-section .product-box {
	position: relative;
	/* Necesario para que el :before y :after se alineen aquí */
	padding: 12px 9px;
	margin-bottom: 50px;
	background: #fff;
}

/* .product-section .product-box:before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 90%;
	height: 100%;
	border: 1px solid #c02d2d;
	border-left: 0;
	z-index: 1;
} */

/* .product-section .product-box:after {
	content: '';
	position: absolute;
	left: 40%;
	top: 0;
	height: 50px;
	border-left: 1px solid #7c0d0d;
	z-index: 1;
} */

/* Ajuste de los textos para que queden sobre la decoración */
.product-section .product-box strong.subheading {
	display: block;
	padding: 0;
	position: relative;
	z-index: 9;
	font-size: 30px;
	font-family: 'Oswald', sans-serif;
	/* O la que uses para títulos */
}

.product-section .product-box h4 {
	font: 400 18px/18px 'Open Sans', sans-serif;
	color: #222;
	text-transform: uppercase;
	float: none;
	/* Quitamos el float para que no rompa el diseño de 2x2 */
	width: 100%;
	text-align: right;
	margin: 15px 0;
	position: relative;
	z-index: 9;
}

.product-section .product-box .thumb {
	width: 100%;
	/* Ocupa todo el ancho disponible de la columna */
	height: 300px;
	/* Ajusta esta altura a tu gusto (ej. 250px o 300px) */
	overflow: hidden;
	/* ESTO ES VITAL: Corta cualquier parte de la imagen que se salga */
	position: relative;
	z-index: 5;
	/* Para que quede por debajo del texto pero visible */
	border-radius: 4px;
	/* Opcional: un toque suave en las esquinas */
	margin: 20px 0;
	/* Espacio para que no pegue con el título y el h4 */
}

.product-section .product-box .thumb img {
	width: 100%;
	/* Fuerza a la imagen a ser tan ancha como el cuadro */
	height: 100%;
	/* Fuerza a la imagen a ser tan alta como el cuadro */
	object-fit: cover;
	/* Recorta la imagen para que llene el espacio sin deformarse */
	object-position: bottom;
	display: block;
	transition: transform 0.5s ease;
	/* Para que el zoom de "resaltar" sea suave */
}

/* .product-section .product-box:before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 262px;
	height: 225px;
	border: 1px solid #c02d2d;
	border-left: 0;
} */

/* .product-section .product-box:after {
	content: '';
	position: absolute;
	left: 100px;
	top: 0;
	height: 30px;
	border-left: 1px solid #7c0d0d;
}

.product-section .product-box strong.subheading {
	padding: 0;
	position: relative;
	z-index: 9;
	font-size: 25px;
} */

.product-section .product-box h3 {
	letter-spacing: 2px;
	margin: 0;
	position: relative;
	z-index: 9;
	font-size: 20px;
}

/* .product-section .product-box h4 {
	font: 400 18px/18px 'Open Sans', sans-serif;
	color: #222;
	text-transform: uppercase;
	float: right;
	width: 100%;
	text-align: right;
	margin: 15px 0;
} */

.product-section .product-box a.btn-style-1 {
	font-size: 14px;
	line-height: 14px;
	float: right;
	padding: 11px 33px;
	border: 1px solid rgba(0, 0, 0, 0);
}

.product-section .product-box a.btn-style-1:hover:before {
	border: 1px solid #c71d1d;
}

.product-section .product-box a.btn-style-1:hover {
	background: none;
	color: #222;
}

.product-section .product-box a.btn-style-1::before {
	background: none;
}

.product-section .product-box .thumb {
	float: left;
	width: 100%;
}

.product-section .product-box .thumb img {
	float: right;
}

.product-space {
	padding: 0 0 50px 0;
}

.product-space:before {
	content: '';
	position: absolute;
	right: 0;
	left: inherit;
	top: 0;
	background: url(../images/bloog-clot-img-7.png) no-repeat right top;
	height: 100%;
	width: 100%;
}

.product-detail {
	float: left;
	width: 100%;
	margin-bottom: 80px;
}

.product-detail .frame {
	margin-bottom: 30px;
	overflow: hidden;
	background: #d11b1b;
}

/* .product-detail .frame:hover img {
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	opacity: 0.6;
} */
.product-detail .nav-tabs {
	border: 0;
}

.product-detail .nav-tabs>li {
	float: none;
	display: block;
	margin: 0 0 10px 0;
}

.product-detail .nav-tabs>li a {
	padding: 10px 0 12px 20px;
	font: 400 30px/30px 'Open Sans', sans-serif;
	color: #222;
	background: #ccc;
	border-radius: 0;
	margin: 0;
	border: 0;
}

.product-detail .nav-tabs>li.active>a,
.product-detail .nav-tabs>li.active>a:hover,
.product-detail .nav-tabs>li.active>a:focus {
	border: 0;
	color: #fff;
}

.product-detail .nav>li>a:hover,
.product-detail .nav>li>a:focus {
	color: #fff;
	border-color: transparent;
}

.bg-none:before {
	display: none;
}

/*===========================================================================*/
/*Parallax Css Start*/
/*===========================================================================*/
/* .parallax-section {
	float: left;
	width: 100%;
	background: #000 url(../images/parallax-bg.png) no-repeat left top/cover;
	padding: 90px 0;
} */

.parallax-bg-2 {
	background: url(../images/parallax-bg-2.jpg) no-repeat left top;
}

strong.parallax-logo {
	display: block;
	text-align: center;
	margin: 0 0 50px 0;
}

.parallax-section strong.title {
	font: 400 100px/100px 'Lato', sans-serif;
	color: #fff;
	text-transform: uppercase;
	display: block;
	padding: 0 0 20px 0;
}

.parallax-section strong.title-2 {
	font: 100 100px/100px 'Lato', sans-serif;
	color: #fff;
	text-transform: uppercase;
	display: block;
	text-align: right;
	padding: 0 0 70px 0;
}

.parallax-section a.btn-style-1 {
	font-size: 18px;
	line-height: 18px;
	padding: 18px 45px;
}

/*===========================================================================*/
/*Team Css Start*/
/*===========================================================================*/

.mb-10 {
	margin-bottom: 10px
}

.team-box-overlay {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.team-box-overlay .thumb {
	position: relative;
	width: 100%;
	height: 350px;

}

.team-box-overlay .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
	margin-bottom: 20px;
}

.team-box-overlay .thumb::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 14%, transparent 75%);
}

.text-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px;
	z-index: 10;
	color: #ffffff;
}

.text-overlay h3 {
	font-size: 20px;
	color: #ff0000;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-weight: bold;
}

.text-overlay p {
	font-size: 14px;
	line-height: 1.2;
	margin: 0;
	color: #ddd;
}

.team-box-overlay:hover .thumb img {
	transform: scale(1.1);
}

.team-section {
	float: left;
	width: 100%;
	padding: 30px 0;
}

.team-box {
	float: left;
	width: 100%;
}

.team-box .thumb {
	float: left;
	width: 100%;
	overflow: hidden;
	background: #000;
}

.team-box .thumb img {
	display: block;
	width: 100%;
}

.team-box .text-col {
	float: left;
	width: 100%;
	padding: 28px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
}

.team-social {
	display: block;
	text-align: center;
	margin: 0;
	padding: 20px 0 0 0;
	list-style: none;
	border-top: 1px solid;
}

.team-social li {
	display: inline-block;
	padding: 0 4px;
}

.team-social li a {
	width: 34px;
	height: 34px;
	text-align: center;
	line-height: 32px;
	border: 1px solid #ccc;
	border-radius: 100%;
	color: #222;
	font-size: 16px;
	display: block;
}

.team-social li a {
	border: 1px solid;
}

.team-box:hover .text-col {
	border: 1px solid rgba(0, 0, 0, 0);
}

.team-box:hover .text-col h3,
.team-box:hover .text-col p {
	color: #fff;
}

.team-box:hover .team-social {
	border-color: #fff;
}

.team-box:hover .team-social li a {
	border: 1px solid rgba(0, 0, 0, 0);
	background: #fff;
	color: #222;
}

.team-box:hover .thumb img {
	opacity: 0.6;
}

.team-bg-2 {
	position: relative;
}

.team-bg-2:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/bloog-clot-img-4.png) no-repeat left top;
	width: 397px;
	height: 100%;
}

/*===========================================================================*/
/*Newsletter Css Start*/
/*===========================================================================*/
/* .newsletter {
	float: left;
	width: 100%;
	background: url(../images/newsletter-bg.jpg) no-repeat left top/cover;
	padding: 70px 0;
} */

/* Contenedor específico para Newsletter */
.newsletter .product-box {
	padding: 15px;
	background: #fff;
	position: relative;
	text-align: center;
}

/* Forzar tamaño de imagen 260x160 */
.newsletter .thumb {
	width: 260px;
	height: 160px;
	margin: 0 auto;
	/* Centra el cuadro dentro de la columna */
	overflow: hidden;
	position: relative;
	border: 1px solid #eee;
}

.newsletter .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* Mantiene la proporción de la carne/empaque */
	display: block;
	transition: transform 0.4s ease;
}

/* Ajuste de las decoraciones para cajas más pequeñas */
.newsletter .product-box:before {
	width: 100% !important;
	/* Que cubra el ancho de la columna de 3 */
	height: 140px;
	/* Más corta para ajustarse al thumb de 160 */
	right: 0;
	top: 10px;
}

.newsletter h2 {
	text-align: center;
	margin: 0 0 50px 0;
}

.newsletter form {
	margin: 0 auto;
	display: block;
	width: 495px;
}

.newsletter form input[type="text"] {
	float: left;
	width: 363px;
	height: 36px;
	border-radius: 3px;
	border: 1px solid #cacaca;
	padding: 0 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font: 400 14px 'Open Sans', sans-serif;
	color: #777;
	text-transform: uppercase;
	margin: 0 4px 0 0;
}

.newsletter form input[type="submit"] {
	float: left;
	height: 36px;
	border: 0;
	border-radius: 3px;
	background: #222;
	padding: 0 20px;
	font: 400 14px 'Open Sans', sans-serif;
	color: #fff;
	text-transform: uppercase;
}

/*===========================================================================*/
/*Partner Css Start*/
/*===========================================================================*/
.partnet-section {
	float: left;
	width: 100%;
	padding: 70px 0;
	background: #fff;
}

.partnet-section ul {
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	list-style: none;
}

.partnet-section ul li {
	display: inline-block;
	padding: 0 60px;
}

.partnet-section ul li a {
	text-decoration: none;
	display: block;
}

.partnet-section ul li a:hover img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

/*===========================================================================*/
/*Footer Css Start*/
/*===========================================================================*/
#footer {
	float: left;
	width: 100%;
	background: #424242
}

.footer-section-1 {
	float: left;
	width: 100%;
	padding: 25px 0 60px 0;
}

.footer-box {
	float: left;
	width: 100%;
}

.title-box {
	float: left;
	width: 100%;
	margin: 0 0 50px 0;
}

.title-box strong.title {
	font: 700 60px/60px 'Lato', sans-serif;
	display: block;
	text-transform: uppercase;
}

.title-box span.title-2 {
	font: 400 36px/36px 'Lato', sans-serif;
	display: block;
	color: #fff;
	margin: -46px 0 0 43px;
}

strong.logo-footer {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}

.footer-box p {
	font: 400 14px/28px 'Open Sans', sans-serif;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}

.footer-box h3 {
	color: #fff;
	margin: 0 0 10px 0;
}

.footer-box span.time {
	font: 400 16px/30px 'Open Sans', sans-serif;
	color: #fff;
	display: block;
}

.footer-social {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-social li {
	float: left;
	padding: 0 15px 0 0;
}

.footer-social li a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

.footer-menu {
	float: left;
	width: 100%;
}

.footer-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-menu ul li {
	display: block;
	overflow: hidden;
	padding: 20px 0 0 0;
}

.footer-menu ul li:first-child {
	padding: 0;
}

.footer-menu ul li a {
	font: 400 16px/16px 'Open Sans', sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

.footer-menu ul li a .fa {
	padding: 0 20px 0 0;
}

.footer-box form {
	float: left;
	margin: 0;
	width: 100%;
}

.footer-box form input[type="text"] {
	float: left;
	width: 100%;
	border: 0;
	background: none;
	border-bottom: 1px solid #fff;
	font: 16px 'Open Sans', sans-serif;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 44px 0;
	padding: 0 0 8px 0;
}

.footer-box form textarea {
	float: left;
	width: 100%;
	height: 102px;
	resize: none;
	border: 0;
	background: none;
	border-bottom: 1px solid #fff;
	font: 14px 'Open Sans', sans-serif;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 44px 0;
}

.footer-box form input[type="submit"] {
	float: right;
	font: 400 16px 'Open Sans', sans-serif;
	color: #fff;
	text-transform: uppercase;
	border: 0;
	padding: 16px 25px;
}

.footer-box form input[type="submit"]:hover {
	background: #fff;
	color: #222;
}

.footer-box form input::-webkit-input-placeholder {
	color: #fff;
	opacity: 1;
}

.footer-box form input:-moz-placeholder {
	color: #fff;
	opacity: 1;
}

.footer-box form input::-moz-placeholder {
	color: #fff;
	opacity: 1;
}

.footer-box form input:-ms-input-placeholder {
	color: #fff;
	opacity: 1;
}

.footer-box form textarea::-webkit-input-placeholder {
	color: #fff;
	opacity: 1;
}

.footer-box form textarea:-moz-placeholder {
	color: #fff;
	opacity: 1;
}

.footer-box form textarea::-moz-placeholder {
	color: #fff;
	opacity: 1;
}

.footer-box form textarea:-ms-input-placeholder {
	color: #fff;
	opacity: 1;
}

.footer-section-2 {
	float: left;
	width: 100%;
}

.footer-section-2 strong.copyrights {
	float: left;
	font: 400 14px/14px 'Open Sans', sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding: 30px 0;
}

.footer-section-2 a.top {
	font: 400 18px 'Open Sans', sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 0 0 0;
}

.footer-section-2 a.top .fa {
	display: block;
	text-align: center;
	font-size: 30px;
}

.footer-section-2 a.top:hover {
	text-decoration: none;
}

/*===========================================================================*/
/*Inner Banner Css Start*/
/*===========================================================================*/
#inner-banner {
	float: left;
	width: 100%;
	background: url(../images/inner-banner-img-1.jpg) no-repeat left top;
	padding: 273px 0 230px 0;
	text-align: center;
	margin-bottom: 100px;
}

#inner-banner h1 {
	font: italic 700 100px/100px "Aller";
	color: #fff;
	margin: 0 0 10px 0;
}

#inner-banner strong.title {
	font: 400 36px/36px 'Dancing Script', cursive;
	color: #fff;
	display: block;
}

#inner-banner strong.error-text {
	background: url(../images/error-text.png) no-repeat center top;
	width: 100%;
	height: 427px;
	text-indent: -99999px;
	display: block;
	margin: 60px 0 0 0;
}

#inner-banner.inner-banner-bg-3 {
	background: url(../images/inner-banner-img-3.jpg) no-repeat left top;
}

#inner-banner.inner-banner-bg-4 {
	background: url(../images/inner-banner-img-4.jpg) no-repeat left top;
}

#inner-banner.inner-banner-bg-5 {
	background: url(../images/inner-banner-img-5.jpg) no-repeat left top;
}

#inner-banner.inner-banner-bg-6 {
	background: url(../images/black.jpg) no-repeat left top;
}

#inner-banner.inner-banner-bg-7 {
	background: url(../images/inner-banner-img-7.jpg) no-repeat left top;
}

#inner-banner.inner-banner-bg-8 {
	background: url(../images/inner-banner-img-8.jpg) no-repeat left top;
}

#inner-banner.inner-banner-bg-10 {
	background: url(../images/inner-banner-img-10.jpg) no-repeat left top;
}

/*===========================================================================*/
/*About Text Css Start*/
/*===========================================================================*/
.about-text {
	float: left;
	width: 100%;
	position: relative;
}

.about-text:before {
	content: '';
	position: absolute;
	right: 0;
	top: 100px;
	background: url(../images/bloog-clot-img-3.png) no-repeat right top;
	height: 100%;
	width: 318px;
}

.text-style-1 {
	float: left;
	width: 100%;
	padding: 0 0 100px 0;
}

.text-style-1 .text-col {
	float: left;
	width: 645px;
	position: relative;
}

.text-style-1 .text-col:before {
	content: '';
	position: absolute;
	left: 98px;
	top: -20px;
	width: 780px;
	height: 488px;
	border: 1px solid #a81818;
	z-index: -1;
}

.text-style-1 .thumb {
	float: right;
	overflow: hidden;
	background: #000;
}

.text-style-1 .thumb img {
	display: block;
	width: 100%;
}

.text-style-1 .thumb:hover img {
	transform: scale(1.3) rotate(16deg);
	-moz-transform: scale(1.3) rotate(16deg);
	-webkit-transform: scale(1.3) rotate(16deg);
	opacity: 0.6;
}

.text-style-2 {
	float: left;
	width: 100%;
	padding: 0 0 64px 0;
}

.text-style-2 .thumb {
	float: left;
	overflow: hidden;
	background: #000;
}

.text-style-2 .thumb img {
	display: block;
	width: 100%;
}

.text-style-2 .thumb:hover img {
	transform: scale(1.3) rotate(16deg);
	-moz-transform: scale(1.3) rotate(16deg);
	-webkit-transform: scale(1.3) rotate(16deg);
	opacity: 0.6;
}

.text-style-2 .text-col {
	float: right;
	width: 640px;
	position: relative;
}

.text-style-2 .text-col:before {
	content: '';
	position: absolute;
	right: 98px;
	top: -20px;
	width: 780px;
	height: 488px;
	border: 1px solid #ccc;
	z-index: -1;
}

/*===========================================================================*/
/*Error Page Css Start*/
/*===========================================================================*/
.error-page {
	float: left;
	width: 100%;
	text-align: center;
	margin: -225px 0 100px 0;
}

.error-page span {
	display: inline-block;
	text-align: center;
	font: 400 24px/24px 'Open Sans', sans-serif;
	color: #000;
	text-transform: uppercase;
	border-top: 1px solid #f6f6f6;
	padding: 15px 93px 40px 93px;
}

.error-page strong.title {
	font: 400 72px/72px "Aller";
	color: #000;
	text-align: center;
	text-transform: uppercase;
	display: block;
	padding: 0 0 50px 0;
}

.error-page p {
	font: 400 24px 'Open Sans', sans-serif;
	color: #000;
	margin: 0 0 50px 0;
}

.error-page a.btn-style-1 {
	padding: 18px 33px;
}

.error-page a.btn-style-1 img {
	float: right;
	padding: 4px 0 0 28px;
}

/*===========================================================================*/
/*Coming Soon Page Css Start*/
/*===========================================================================*/
.coming-soon {
	float: left;
	width: 100%;
	background: url(../images/coming-soon.jpg) no-repeat left top;
	padding: 133px 0 0 0;
	height: 100vh;
}

.coming-soon strong.coming-logo {
	display: block;
	text-align: center;
	padding: 0 0 20px 0;
}

.coming-soon h1 {
	font: italic 700 100px/100px "Aller";
	color: #fff;
	display: block;
	text-align: center;
	margin: 0 0 20px 0;
}

.coming-soon strong.title {
	display: block;
	text-align: center;
	font: 300 72px/72px 'Open Sans', sans-serif;
	color: #fff;
	padding: 0 0 110px 0;
}

.coming-soon .countdown-row {
	display: block;
	width: 100%;
	text-align: center;
}

.coming-soon .countdown-section {
	display: inline-block;
	float: none;
	font-size: 75%;
	text-align: center;
	width: 198px;
	position: relative;
	background: none;
	margin: 0 30px;
	padding: 0;
}

.coming-soon .countdown-section:before {
	content: '';
	background: url(../images/timer-round.png) no-repeat center top;
	width: 198px;
	height: 198px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
}

.coming-soon .countdown-amount {
	font-size: 200%;
	font: 300 60px/60px 'Open Sans', sans-serif;
	color: #fff;
	text-align: center;
	display: block;
	padding: 0 0 20px 0;
}

.coming-soon .countdown-period {
	display: block;
	text-transform: uppercase;
	font: 15px/15px "Aller";
	color: #fff;
}

/*===========================================================================*/
/*Contact Section Css Start*/
/*===========================================================================*/
.contact-section {
	float: left;
	width: 100%;
	margin: -100px 0 0 0;
	position: relative;
}

.contact-section iframe {
	width: 100%;
	height: 700px;
	border: 0;
}

.number-box {
	margin: 0 auto;
	display: block;
	width: 1140px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 2px solid;
	background: url(../images/number-bg.jpg) no-repeat left bottom;
	padding: 81px 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -80px;
}

.number-box strong.number {
	display: block;
	text-align: center;
	font: 400 100px/100px 'Open Sans', sans-serif;
	color: #222;
}

/*===========================================================================*/
/*Menu Css Start*/
/*===========================================================================*/
.menu-section {
	float: left;
	width: 100%;
	position: relative;
	padding: 0 0 100px 0;
}

.menu-section h2 {
	margin: 0 0 50px 0;
}

.menu-section:before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/bloog-clot-img-5.png) no-repeat right top;
	width: 100%;
	height: 100%;
}

.menu-section .thumb {
	float: left;
	width: 100%;
	overflow: hidden;
	background: #000;
}

.menu-2 {
	position: relative;
	padding: 100px 0;
}

.menu-2:before {
	content: '';
	position: absolute;
	left: 0;
	right: inherit;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../images/bloog-clot-img-6.png) no-repeat left center;
	width: 100%;
	height: 100%;
}

.menu-section .thumb:hover img {
	transform: translateY(10px) translateX(-30px);
	-moz-transform: translateY(10px) translateX(-30px);
	-webkit-transform: translateY(10px) translateX(-30px);
	opacity: 0.7;
}

/*===========================================================================*/
/*Outlets Text Css Start*/
/*===========================================================================*/
.outlets-section {
	float: left;
	width: 100%;
	padding: 0 0 50px 0;
}

.outlets-section h2 {
	margin: 0 0 70px 0;
}

.outlets-section p {
	margin: 0 0 60px 0;
}

.outlet-box {
	float: left;
	width: 100%;
	background: #e9e9e9;
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.75);
	text-align: center;
	padding: 30px 0;
	margin-bottom: 50px;
	position: relative;
}

.outlet-box:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 82px;
	background: url(../images/outlet-icon.png) no-repeat center top/100%;
}

.outlet-box strong.title {
	display: block;
	font: 400 24px/24px 'Dancing Script', cursive;
	color: #ccc;
	padding: 0 0 30px 0;
}

.outlet-box h3 {
	font: italic 700 42px/42px "Aller";
	color: #ccc;
	text-transform: capitalize;
}

.outlet-box h3 a {
	color: #ccc;
	text-decoration: none;
}

.outlet-box a.loaction {
	font: 700 50px/50px "Aller";
	display: block;
	text-align: center;
	color: #ccc;
}

.outlet-box:hover strong.title,
.outlet-box:hover h3 a,
.outlet-box:hover strong.coming-text {
	color: #222;
}

.outlet-box:hover a.loaction {
	text-decoration: none;
}

.outlet-box:hover:before {
	background: url(../images/outlet-icon-hover.png) no-repeat center top/100%;
}

.outlet-box strong.coming-text {
	display: block;
	font: 400 36px/36px "Aller";
	color: #ccc;
	padding: 65px 0;
}

.outlet-detail {
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
}

.outlet-detail .nav-tabs {
	border: 0;
}

.outlet-detail .nav-tabs>li {
	float: none;
	display: block;
	margin: 0 0 30px 0;
	position: relative;
	padding: 0 0 30px 0;
}

.outlet-detail .nav-tabs>li:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 247px;
	border-bottom: 1px solid #ccc;
}

.outlet-detail .nav-tabs>li.active>a,
.outlet-detail .nav-tabs>li.active>a:hover,
.outlet-detail .nav-tabs>li.active>a:focus {
	border: 0;
	color: #222;
}

.outlet-detail .nav-tabs>li>a {
	font: 400 18px/18px 'Open Sans', sans-serif;
	padding: 0;
	border: 0;
	border-radius: 0;
	text-transform: uppercase;
}

.outlet-detail .nav-tabs>li>a p {
	margin: 10px 0 0 0;
	text-transform: none;
}

.outlet-detail .nav>li>a:hover,
.outlet-detail .nav>li>a:focus {
	background: none;
	color: #222;
}

.outlet-detail .map_canvas {
	width: 100%;
	height: 700px;
}

.outlet-detail iframe {
	width: 100%;
	border: 0;
	height: 700px;
}

.outlet-detail strong.email {
	display: block;
	font: 400 14px/24px 'Open Sans', sans-serif;
	text-transform: uppercase;
	color: #777;
	text-align: center;
	padding: 50px 0 30px 0;
}

.outlet-detail strong.email span {
	display: block;
}

.outlet-detail strong.email a {
	text-decoration: none;
}

.outlet-detail .mCSB_container_wrapper>.mCSB_container {
	padding: 0;
}

.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools {
	box-shadow: none;
}

.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools,
.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.outlet-detail .mCS-3d-thick.mCSB_scrollTools,
.outlet-detail .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	border-radius: 0;
}

.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {}

.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
	box-shadow: none;
}

.outlet-detail .mCSB_scrollTools {
	width: 8px;
}

.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: none;
}

.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.outlet-detail .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	border-radius: 10px;
	margin: 0;
	width: 6px;
}

.outlet-detail .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.outlet-detail .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.outlet-detail .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: none;
}

.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp,
.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
	background: none;
}

.content {
	overflow: auto;
	position: relative;
	width: 100%;
	max-width: 100%;
	height: 500px;
}

.tab-content-box {
	float: left;
	width: 100%;
}

.tab-content-box ul {
	padding: 0;
	margin: 0 -30px 0 0;
	list-style: none;
}

.tab-content-box ul li {
	float: left;
	margin: 0 30px 30px 0;
}

.tab-content-box .thumb {
	float: left;
	width: 125px;
}

.tab-content-box .thumb img {
	display: block;
	width: 100%;
}

.tooltip-wrap {
	position: relative;
}

.tooltip-wrap .tooltip-content {
	display: none;
	position: absolute;
	top: 0;
	right: -100%;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 15px;
	color: #fff;
	width: 100%;
	z-index: 9;
}

.tooltip-wrap .tooltip-content:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 10px 7.5px 0;
	border-color: transparent rgba(0, 0, 0, 0.7) transparent transparent;
	position: absolute;
	left: -10px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.tooltip-wrap:hover .tooltip-content {
	display: block;
}

/*===========================================================================*/
/*Gallery Css Start*/
/*===========================================================================*/
.gallery-section {
	float: left;
	width: 100%;
	padding: 0 0 70px 0;
}

.gallery-section .btn-row {
	margin: 70px 0 0 0;
}

.gallery-section a.load {
	display: inline-block;
	text-align: center;
	font: 600 16px/16px 'Lato', sans-serif;
	color: #222;
	text-transform: uppercase;
	padding: 12px 30px;
}

.gallery-section a.load:hover {
	border: 0;
	color: #fff;
	text-decoration: none;
}

.gallery-section .frame {
	background: #000;
	overflow: hidden;
}

.gallery-section .frame:hover img {
	transform: scale(1.2);
	opacity: 0.5;
}

.gallery ul {
	padding: 0;
	list-style: none;
	margin-bottom: 0;
	position: relative;
}

.loop-entry {
	float: left;
}

.gallery-metro-2 .isotope .item {
	height: 280px;
	width: 33.33333333%;
	list-style: none;
	margin-bottom: 30px;
}

.gallery-metro-2 .isotope .item.width2 {
	width: 66.66666667%;
}

.gallery-metro-2 .isotope .item.height2 {
	height: 590px;
}

.gallery-metro-2 .isotope .item.width1 {
	width: 100%;
}

.gallery-metro-2 .isotope .item.height1 {
	height: 300px;
}

.gallery-metro-2 .isotope .item.height3 {
	height: 590px;
}

.full-gallery ul {
	list-style: outside none none;
	margin-bottom: 0;
	padding: 0;
	position: relative;
}

.gallery-style-2 {
	float: left;
	width: 100%;
}

.full-gallery {
	padding-bottom: 45px;
}

.full-gallery .frame {
	float: left;
	width: 100%;
}

.full-gallery .frame img {
	display: block;
	width: 100%;
}

#filter {
	margin: 0 0 90px 0;
	display: block;
	text-align: center;
}

#filter li {
	margin: 0;
	padding: 0;
	display: inline-block;
}

#filter li a {
	text-decoration: none;
	text-transform: uppercase;
	font: 400 16px/16px 'Open Sans', sans-serif;
	color: #222;
	padding: 0 22px;
}

#filter li a:hover {
	cursor: pointer;
}

#filter .current {}

#filter li a.selected {
	cursor: pointer;
}

.isotope-hidden.isotope-item {
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	transition-duration: 0.6s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}

.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	transition-duration: 0.1s;
}

.portfolio_block {
	width: 100%;
}

.portfolio_block .col-md-6 {
	padding: 0;
}

.portfolio_block .col-md-6 img {
	width: 100%;
}

.thank-msg {
	float: left;
	width: 100%;
	padding: 200px 0 0 0;
}

.thank-msg .error-page {
	margin: 0;
}

.thank-msg .error-page h2 {
	margin-bottom: 40px;
}

.FONTS {
	font-family: "Aller";
	font-family: 'Open Sans', sans-serif;
	font-family: 'Dancing Script', cursive;
	font-family: 'Lato', sans-serif;
}

.head-top .right-side .dropdown-menu>li>a,
a.btn-style-1,
.team-social li a,
.team-box .text-col,
.team-box .text-col h3,
.team-box .text-col p,
.team-social,
.team-box .thumb img,
.partnet-section ul li a img,
.footer-social li a,
.footer-menu ul li a,
.footer-box form input[type="submit"],
.text-style-1 .thumb img,
.text-style-2 .thumb img,
.outlet-box strong.title,
.outlet-box h3 a,
.outlet-box a.loaction,
.outlet-box:before,
.outlet-box strong.coming-text,
.product-detail .nav-tabs>li a,
.product-detail .frame img,
.gallery-section .frame img,
.gallery-section a.load,
#nav li ul li a:before,
.rate-list .left-box .thumb img,
.rate-list .text-col ul li,
.product-section .product-box .thumb img,
.newsletter form input[type="submit"],
.menu-section .thumb img {
	transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
}

/* Custom Tabs para Productos */
/* Custom Tabs para Productos - Estilo Moderno */
.custom-tabs {
	border-bottom: none;
	display: inline-block;
	margin-bottom: 30px;
	display: flex;
	/* Usar flexbox para distribuir el espacio */
	justify-content: center;
	/* Centrar los tabs si no ocupan todo el ancho */
	width: 100%;
	border-bottom: 2px solid #eee;
	/* Una línea base sutil */
	margin-bottom: 40px;
	padding: 0;
}

.custom-tabs>li {
	float: none;
	display: inline-block;
	margin: 5px;
	flex-grow: 1;
	/* Cada tab ocupa el mismo espacio */
	margin: 0;
	text-align: center;
	/* Centrar el contenido del tab */
}

.custom-tabs>li>a {
	border: 2px solid #c02d2d;
	color: #222;
	border-radius: 30px;
	padding: 10px 30px;
	display: block;
	padding: 15px 10px;
	font-weight: 700;
	text-transform: uppercase;
	color: #555;
	border: none;
	border-bottom: 3px solid transparent;
	/* Borde inferior para el efecto hover/active */
	border-radius: 0;
	margin-right: 0;
	transition: all 0.3s ease;
	margin-right: 0;
	background: transparent;
}

.custom-tabs>li.active>a,
.custom-tabs>li.active>a:hover,
.custom-tabs>li.active>a:focus {
	background-color: #c02d2d;
	color: #fff;
	border-color: #c02d2d;
	background-color: transparent;
	color: #c02d2d;
	/* Color del texto para el tab activo */
	border-bottom-color: #c02d2d;
	/* Borde rojo para el tab activo */
	border-width: 3px;
}

.custom-tabs>li>a:hover {
	background-color: #c02d2d;
	color: #fff;
}

/* Feature Box (Qué Hacemos) */
.feature-box {
	padding: 20px;
	transition: transform 0.3s;
}

.feature-box:hover {
	transform: translateY(-10px);
}

.feature-box .icon-holder {
	font-size: 40px;
	color: #c02d2d;
	margin-bottom: 15px;
}

.feature-box h3 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #fff;
}

.mt-50 {
	margin-top: 50px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-40 {
	margin-bottom: 40px;
}

/* Estilos para Iconos en Pestañas */
/* Estilos para Iconos y Hover en Pestañas */
.custom-tabs>li>a:hover {
	background-color: #f9f9f9;
	color: #c02d2d;
	border-bottom-color: #c02d2d;
	/* Color del borde al pasar el mouse */
}

.custom-tabs>li>a i {
	display: block;
	font-size: 24px;
	margin-bottom: 5px;
	color: #c02d2d;
	font-size: 28px;
	/* Icono más grande */
	margin-bottom: 8px;
	color: #777;
	/* Color gris para el icono */
	transition: all 0.3s ease;
}

.custom-tabs>li.active>a i,
.custom-tabs>li>a:hover i {
	color: #fff;
	color: #c02d2d;
	/* Icono rojo en hover y active */
}

/* Vista de Lista de Productos (Detallada) */
.product-list-box {
	background: #fff;
	border: 1px solid #eee;
	padding: 20px;
	margin-bottom: 30px;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.product-list-box:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	transform: translateY(-5px);
}

.product-list-box .thumb {
	flex: 0 0 40%;
	max-width: 40%;
	padding-right: 20px;
}

.product-list-box .text-col {
	flex: 0 0 60%;
	max-width: 60%;
}

@media (max-width: 767px) {

	.product-list-box .thumb,
	.product-list-box .text-col {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.product-list-box .thumb {
		margin-bottom: 20px;
		padding-right: 0;
	}
}