html, body {
	font-family				: 'Montserrat', sans-serif;
	-webkit-font-smoothing	: antialiased;
    -moz-osx-font-smoothing	: grayscale;
    font-size: 0.9rem;
}

nav {
	font-family				: 'montserrat', sans-serif;
}
nav .nav-link {
	font-size: 10pt;
}

a {
	text-decoration			: none;
	color					: inherit;
}
.navbar {
	background: white;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
  -webkit-transition: 2s;
  -moz-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
  color:white !important
}
.nav-link {
	color					: #fff !important;
	font-weight				: 600;
}

.top-nav, .prod-nav {
	box-shadow: 0 0 35px rgba(0, 0, 0, 0.4);
    background: rgba(0,0,0,0.7);
    transition: all ease-in-out 0.70s;
}

.navbar img {
    transition: all ease-in-out 0.70s;
}

.top-nav img {
	height					: 50px !important;
    transition				: all ease-in-out 0.70s;
}

h1 {
	font-family				: 'Oswald', sans-serif;
	font-weight				: 300;
}
h2, h4 {
	font-family				: 'Oswald', sans-serif;
}

.oswald {
	font-family				: 'Oswald', sans-serif;
}

.bold { font-weight:600; }

.card_divider {
	position				: relative;
	display					: block;
	padding					: .5rem 1rem;
	color					: #212529;
	text-decoration			: none;
	background-color		: rgba(0,0,0,.03);
	border-top				: 1px solid rgba(0,0,0,.125);
	border-bottom			: 1px solid rgba(0,0,0,.125);
	font-weight				: 600;
}

.size8 { font-size			: 8pt; }
.size9 { font-size			: 9pt; }
.size10 { font-size			: 10pt; }
.size11 { font-size			: 11pt; }
.size12 { font-size			: 12pt; }
.size14 { font-size			: 14pt; }
.size16 { font-size			: 16pt; }
.size18 { font-size			: 18pt; }
.size20 { font-size			: 20pt; }
.size24 { font-size			: 24pt; }

.lh11 { line-height			: 11pt; }
.lh12 { line-height			: 12pt; }
.lh14 { line-height			: 14pt; }
.lh16 { line-height			: 16pt; }
.lh18 { line-height			: 18pt; }
.lh20 { line-height			: 20pt; }
.lh24 { line-height			: 24pt; }


.h-150px { height			: 150px; }
.h-100px { height			: 100px; }
.h-80px { height			: 80px; }
.h-50px { height			: 50px; }
.h-40 { height				: 40px; }
.h-30 { height				: 30px; }
.h-20 { height				: 20px; }

.h-90 { height				: 90%; }


.bold400 { font-weight:400;}
.bold600 { font-weight:600;}

.opacity-40 { opacity		: .4 }
.opacity-50 { opacity		: .5 }
.opacity-60 { opacity		: .6 }
.opacity-70 { opacity		: .7 }
.opacity-80 { opacity		: .8 }
.opacity-90 { opacity		: .9 }

.w-30 {	width: 30%	}
.w-50 {	width: 50%	}

.verde {
	color					: rgb(0, 214, 194);
}

.bg-verde {
	background				: rgb(0, 214, 194);
}
.bg-gris {
    background				: rgba(0,0,0,0.7);
}
.bg-gris-claro {
    background				: rgba(0,0,0,0.4);
}

.text-shadow {
	text-shadow				: 0px 0px 8px rgba(0, 0, 0, 1) 
}

.box-shadow-suave {
	box-shadow: 0px 0px 35px rgb(0 0 0 / 25%);
}
.box-shadow-destacados {
	box-shadow				: 0px 0px 10px rgb(0 0 0 / 10%) !important
}
.box-shadow-destacados:hover {
	box-shadow				: 0px 0px 10px rgb(0 0 0 / 20%) !important
}
.navbar-brand, .navbar-brand img {
	max-width				: 250px;
	max-height				: 70px;
}

.grayscale_img {
  filter: grayscale(100%);
}

.grayscale_img:hover {
  filter: grayscale(0%);
}

.img_bk {
	background-position		: center center !important;
	background-size			: cover !important;
	background-repeat		: no-repeat !important;
}

.mt-80 {
	margin-top				: 80px
}
.mt-120 {
	margin-top				: 120px
}

.min-h-300 {
	max-height				: 300px
}
.max-h-50 {		max-height				: 50px }
.max-h-100 {	max-height				: 100px }
.max-h-250 {	max-height				: 250px }
.max-h-350 {	max-height				: 350px }
.max-h-500 {	max-height				: 500px }
.max-h-600 {	max-height				: 600px }
.max-h-650 {	max-height				: 650px }

.shadow-light {
	box-shadow				: 0px 0px 30px rgb(0 0 0 / 10%) !important;
}

.h-300 {
	height					: 300px
}
.img-responsive {
	width					: 100%;
}

.navbar-brand img {
	height					: 70px
}

.circleBase {
    border-radius				: 50%;
    margin						: auto;
    overflow					: hidden
}

.destacados_home {
    border-radius				: 10px;
    margin						: auto;
    overflow					: hidden
}

.descripcion > table {
	width						: 100%
}

.prod_panel {
    border						: #dbdbdb 1px solid;
    border-radius				: 20px;
    padding						: 20px;
    overflow					: hidden;
}


label {
	margin-top				: 8px;
	font-size				: 11pt !important;
	font-weight				: 600;
}
sublabel {
	margin-top				: 8px;
	font-size				: 11pt !important;
	font-weight				: 500;
	color					: #676767;
	display					: block;
}

.required label, .required sublabel {
    font-weight				: 600;
}
.required label:after, .required sublabel:after {
    color					: #e32;
    content					: ' *';
    display					:inline;
    font-size:12pt
}

#buscar:focus {
	box-shadow				: 0 0 0 0rem rgba(40, 167, 69, 0) !important;
	border-color			: rgba(255, 255, 255, .7) !important;
	border-right			: 0px rgba(255, 255, 255, .7) !important;
	outline					: 0 none !important;
	background				: rgba(255, 255, 255, .5) !important;
	color					: black !important;
	transition				: all 300ms;
}
#search_cat:focus {
	box-shadow				: 0 0 0 0rem rgba(40, 167, 69, 0) !important;
} 
.panel_description {

	color				: white;
	padding				: 20px;
	text-align			: left;
	width				: 50%;
	position			: absolute;
	right				: 0;
	height				: 100%;
	overflow			: hidden;
	transition			: width 300ms;
	-webkit-transition	: width 300ms;
}

.panel_description_hover {
	width: 100%;

	position: absolute;
	right: 0;
	height: 100%;
	transition: width 300ms;
	-webkit-transition: width 300ms;
}


.cuadro {
	border-radius		: 30px;
}

.panel_description2  {
	font-family			: 'Raleway', sans-serif;
	border-radius		: 30px;
	color				: white;
	padding				: 20px;
	text-align			: left;
	width				: 100%;
	position			: absolute;
	bottom				: 0;
	height				: 30%;
	overflow			: hidden;
	transition			: height 300ms;
	-webkit-transition	: height 300ms;
}

.panel_description2 p {
	font-family			: 'Raleway', sans-serif;
	color				: white;
	text-align			: left;
	line-height			: 14px;
	font-size			: 12px;
	font-weight			: 600
}

.panel_description2 a {
	color:white
}


.panel_description2_hover {
	width: 100%;
	position: absolute;
	bottom		:0;
	height: 100%;
	transition: height 300ms;
	-webkit-transition: height 300ms;
}

.descripcion2_hover {
	font-weight			: 600;
	opacity:0;
	transition: opacity 100ms;
	-webkit-transition: opacity 100ms;
}

.descripcion2_hover_visible {
	opacity:1;
	transition: opacity 300ms;
	-webkit-transition: opacity 300ms;
}





.titulo_panel {

    font-size           : 25px;
    line-height			: 25px;
	color				:white;
	padding				: 0px 0px 20px 0px;
	text-align			:left;
	word-wrap			: break-word;
}


.descripcion_hover {
	font-weight			: 600;
	opacity:0;
	transition: opacity 100ms;
	-webkit-transition: opacity 100ms;
}

.descripcion_hover_visible {
	opacity:1;
	transition: opacity 100ms;
	-webkit-transition: opacity 100ms;
}

.bk_black_50 {
	background: rgba(0,0,0,0.5);
}

.accordion-button[aria-expanded="true"] { 
    background				: rgb(0 0 0 / 0%);
    color					: black;
/*     border-radius			: 30px 30px 30px 30px !important; */
}
.accordion-button[aria-expanded="false"] {
    background				: none;
}

.accordion-button:hover { 
    background				: rgb(0 0 0 / 5%);
    color					: black;
	transition				: all 500ms;
}
.accordion-button:focus {
  outline					: none;
  box-shadow				: none;
}

.accordion-sub {
	background				: #fff;
	transition				: all 500ms;
/* 	font-family				: 'Oswald', sans-serif; */
	font-weight				: 300;
	font-size				: 10pt;
}
.accordion-sub:hover {
    background				: rgb(0 0 0 / 5%);
    color					: black;
    border-radius			: 20px !important;
	transition				: all 500ms;
}

.sub_selected {
    background				: rgb(0 0 0 / 5%);
    color					: black;
    border-radius			: 20px !important;
}

.nombre_cat {
	transition				: all 500ms;
	font-weight				: 600;
	font-size				: 10pt;
font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}

.nombre_cat:hover {
    background				: rgb(0 0 0 / 5%);
    padding-left			: 15px;
    color					: black;
	transition				: all 500ms;
}

.card {
    box-shadow				: 0px 0px 0px rgb(0 0 0 / 0%);
    border-radius			: 10px;
    border					: rgb(0 0 0 / 10%) 1px solid;
    color					: black;
	transition				: all 500ms;
}

.card:hover {
    box-shadow				: 0px 10px 25px rgb(0 0 0 / 20%) !important;
	transition				: all 500ms;
}

.card-footer {
	transition				: all 500ms;
}
.card:hover .card-footer {
    background				: rgba(0,0,0,0.7);
	color					: white;
	font-weight				: 600;
	transition				: all 500ms;
}

.sticker_destacado {
	position				: absolute;
	z-index					: 999;
	color					: white;
	border-radius			: 10px 0px 10px 0px;
	font-weight				: 600;
	box-shadow				: 0px 5px 20px rgb(0 0 0 / 30%)
}

.sticker_oferta {
	position				: absolute;
	z-index					: 999;
	color					: white;
	font-weight				: 600;
    bottom					: 0;
    border-radius			: 10px 10px 0px 0px;
	left					: 50%;
	transform				: translateX(-50%);
    box-shadow				: 0px -17px 20px rgb(0 0 0 / 30%);
    background				: #bf1125;
}
.sticker_oferta_prod {
    position				: absolute;
    z-index					: 999;
    color					: white;
    font-weight				: 600;
    top						: 0;
    border-radius			: 10px 0px 10px 0px;
    left					: 0px;
    box-shadow				: 0px 2px 20px rgb(0 0 0 / 30%);
    background				: #bf1125;
}

.badgecat:hover {
	background				: #000 !important;
}
.btn-verde {
	background				: #00d6c0;
	font-weight				: 600;
	color					: white
}
.btn-verde:hover {
	background				: rgba(0, 0, 0, .4);
	color					: white;
	transition				: all 500ms;
}

.btn_group_item {
	font-weight				: 600;
	background				: none;
    border					: #ccc 1px solid;
    color					: #696969
}
.btn_group_item:hover {
	font-weight				: 600;
	background				: rgba(0, 0, 0, .2);
    border					: #ccc 1px solid;
    color					: #fff
}
.btn_group_item.active {
	background				: rgb(0, 214, 194);
    border					: #ccc 1px solid;
    color					: #fff	
}

#carousel_producto .slides li.flex-active-slide {
	border					: 1px solid rgb(0, 214, 194);
    border-radius			: 10px;
    overflow				: hidden;
}

#carousel_producto .slides li {
	border					: 1px solid rgb(204, 204, 204);
    border-radius			: 10px;
    overflow				: hidden;
}


.item {
	background				: #fff;
	color					: #696969;
	padding					: 15px;
	padding-top				: 35px;
	border-right			: #e1e1e1 1px solid;
	position				: relative;
	border-top				: 2px solid #fff;
	margin-bottom			: 30px;
	-webkit-transition		: 300ms;
	-moz-transition			: 300ms;
	-o-transition			: 300ms;
	transition				: 300ms;
}

.row .item:last-child {
	border-right			: #e1e1e1 0px solid;
}

.min-height150 {
	min-height					: 150px
}
.min-height180 {
	min-height					: 180px
}
.min-height250 {
	min-height					: 250px
}

.min-height330 {
	min-height					: 330px
}

.item .item_img {
	min-height					: 250px
}

.item.subcat {
	min-height				: 360px;
}

.flexslider_principal li {
	height					: 650px
}

.overlay {
	position				: absolute;
	width					: 100%;
	height					: 100%;
	background: rgba(0,0,0,.5);
}

.row-color {
	border: #e9e9e9 1px solid;
	border-radius:5px;
	padding:5px;
	margin-bottom:8px;
	overflow:hidden;
	font-weight:500;
	cursor:pointer;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
.row-color:hover, div.row-color.active {
	border: 1px solid #000;
	box-shadow: 0 6px 15px rgba(0, 0, 0, .05);
}

#myCarousel .list-inline {
    white-space:nowrap;
    overflow-x:auto;
}

#myCarousel .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial;
}

#myCarousel .carousel-indicators > div {
    width: initial;
    height: initial;
    text-indent: initial;
}

#myCarousel .carousel-indicators > div.active img {
    opacity: 0.7;
}

.carousel-control-next i, .carousel-control-prev i  {
	font-size: 30px;
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.75);
}
.carousel-control-prev, .carousel-control-next {
	width: 37px !important;
}
/* 
.card-header, .card-footer  {
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  color: rgba(0,0,0,.8);
	font-family				: 'montserrat', sans-serif;
	font-weight:400;
	font-size: 10pt;
	line-height: 12pt;
}
 */

.input_busqueda {
	background-color		: rgba(255, 255, 255, 0.6);
	border					: 1px solid rgba(255, 255, 255, 0.7);
	padding					: .0rem .75rem;
}

@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}


.marca {
    transition: opacity 0.4s ease-in;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    opacity: 1;
}

.transitioning-src {
    transition: opacity 0.4s ease-out;
    -webkit-transition: opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    -ms-transition: opacity 0.4s ease-out;
    -o-transition: opacity 0.4s ease-out;
    opacity: 0;
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
    animation-duration: 0.4s;
    animation-fill-mode: both;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 }
.dropdown-menu {
	min-width: auto;
 }

.video-container {
    height: 650px;
    width: 100$;
    position: relative;
}

.video-container video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff !important;
    background-color: #ffffff08 !important;
    background-clip: padding-box;
    border: 1px solid #ced4da9e !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 8px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control::placeholder {
	color: white !important
}