body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #2138bf;
}
a, a:hover, a:focus {
	text-decoration: none;
	color: inherit;
	transition: color 0.5s ease-out;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Changa', sans-serif;
}
.font-changa {
	font-family: 'Changa', sans-serif;
}
.font-changa-one {
	font-family: 'Changa One', cursive;
}
.font-open-sans {
	font-family: 'Open Sans', sans-serif;
}
.text-shadow-none {
	text-shadow: none;
}
.ul-inline-block li {
	display: inline-block;
}
.row-mini {
	margin: 0 -5px;
}
.row-mini > .col, .row-mini > [class*=col-] {
	padding: 0 5px;
}
.row-mini-10 {
	margin: 0 -10px;
}
.row-mini-10 > .col, .row-mini-10 > [class*=col-] {
	padding: 0 10px;
}
.line-orange {
	border-top: 1px solid #ff4100;
}
.line-arrow:before {
	content: '';
	border-top: 1px solid;
	border-right: 1px solid;
	border-color: #ff4100;
	display: block;
	width: 5px;
	height: 5px;
	position: absolute;
	top: -3px;
	right: 0;
	transform: rotate(45deg);
}
.typewriter span {
	display: inline-block;
	position: absolute;
	left: 0;
	width: 0;
	word-break: break-all;
}
.typewriter#text-home span {
	animation: typewriter 2s steps(40) infinite alternate;
}
.breadcrumb li {
	font-size: 12px;
}
@keyframes typewriter {
   from {
   	width: 0;
   }
   to {
   	width: 100%;
   }
}

/* ==========================================================================
  	BTN
   ========================================================================== */
.btn {
	box-shadow: 0 -3px 0 rgba(0,0,0,.2) inset;
	border: 0;
	color: #fff !important;
	text-shadow: 1px 1px 0 rgba(0,0,0,.15);
	padding: 8px 20px;
	letter-spacing: .05rem;
}

/* ==========================================================================
  	FORM
   ========================================================================== */
.form-control:focus {
	box-shadow: 0 0 0 0.2rem rgba(255,65,0,.25);
}
.form-search-select button {
	width: 140px;
	height: 90%;
	right: 5px;
}
.form-search-select button svg {
	width: 35px;
	height: 35px;
}
.select2-selection {
	height: 32px !important;
	display: flex;
	align-items: center;
}
.select2-container {
	width: 100% !important;
}

/* ==========================================================================
  	BORDER
   ========================================================================== */
.border-new-top {
	border-top: 1px solid;
}
.border-new-left {
	border-left: 1px solid;
}
.border-new-right {
	border-right: 1px solid;
}
.border-new-bottom {
	border-bottom: 1px solid;
}
[class*=border-new-] {
	border-color: rgba(255, 255, 255, 0.5);
}

/* ==========================================================================
   BACKGROUND
   ========================================================================== */
.bg-orange {
	background: #ff4100;
}
.bg-blue {
	background: #2138bf;
}
.bg-black {
	background: black;
}
.bg-gray {
	background: #f3f5f7;
}
.bg-gray-dark {
	background: #EEEEEE;
}

/* ==========================================================================
   TEXTOS
   ========================================================================== */
.text-orange {
	color: #ff4100;
}
.text-blue {
	color: #2138bf;	
}
.text-gray {
	color: #f3f5f7;
}
.text-orangered {
	color: orangered;
}

/* ==========================================================================
   HEADER
   ========================================================================== */
header .list-menu-header {
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
}
header .list-menu-header a:hover, header .list-menu-header a:focus {
	color: #ff4100;
}
header .form-search-select .form-control {
	border: 1px solid rgba(255, 69, 0, 0.5) !important;
}

/* ==========================================================================
   BOX SLIDER
   ========================================================================== */
.box-slider .title-h1 {
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.box-slider .form-search-select .form-control::placeholder {
	color: black;
}

/* ==========================================================================
   BOX CATEGORIAS
   ========================================================================== */
.box-categorias .div-categoria-img {
	height: 65px;
}
.box-categorias figcaption {
	font-weight: 700;
	font-size: 11.5px;
	line-height: 21px;
}
.box-categorias .container-categorias .col-cat .container-categoria {
	border: 0.5px solid rgba(255, 255, 255, 0.5);
}

/* ==========================================================================
   BOX INFO
   ========================================================================== */
.box-info p {
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
}

/* ==========================================================================
   BOX TIENDAS
   ========================================================================== */
.box-tiendas .div-empresa {
	border-radius: 25px;
}
.box-tiendas .carousel-empresas .slick-slide {
	height: 132px;
}

/* ==========================================================================
   BOX CATEGORIAS HOME
   ========================================================================== */
.box-categorias-home .img-categoria-home {
	position: absolute;
	bottom: 15px;
	right: 15px;
	width: 100px;
}
.box-categorias-home li a {
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
}

/* ==========================================================================
   BOX SEARCH CATALOGO
   ========================================================================== */
.box-search-catalogo hr {
	border-top: 1px solid rgba(97, 97, 97, 0.75);
}
.box-search-catalogo .btn {
	font-size: 14px;
}
.box-search-catalogo .btn svg {
	transform: scale(1.5);
	vertical-align: bottom;
}

/* ==========================================================================
   BOX REPUESTOS CATALOGO
   ========================================================================== */
.box-repuestos-catalogo .list-marcas-productos .imagen {
   height: 135px;
}
.box-repuestos-catalogo .list-menu-catalogo li:hover {
	background: #f3f5f7;
	color: #ff4100;
}

/* ==========================================================================
   PRODUCTOS CATALOGO
   ========================================================================== */
.producto-catalogo .img-producto {
   display: flex;
   align-items: center;
   justify-content: center;
}
.producto-catalogo .img-marca {
   /*position: relative;
   width: 76px;
   height: 24px;
   object-fit: cover;
   z-index: 999;*/
	max-height: 30px;
	max-width: 60px;
	object-fit: contain;
}
.producto-catalogo .sku-producto {
   font-size: 9px;
}
.producto-catalogo .precio-normal {
	color: #CE2323;
   font-size: 14px;
   text-decoration-line: line-through;
   line-height: 1;
   font-weight: 600;
}
.producto-catalogo .precio-oferta {
	color: #40BF3B;
   font-size: 22px;
   line-height: 24px;
}
.producto-catalogo .iva {
	font-size: 9px;
}

/* ==========================================================================
   PRODUCTOS : FICHA
   ========================================================================== */
.box-detalle-items {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.box-detalle-items .detalle-items {
	display: flex;
	flex-direction: row;
	padding-right: 30px;
	padding-bottom: 20px;
}
.box-detalle-items .detalle-items .detalle-items-icono {}
.box-detalle-items .detalle-items .detalle-items-texto {}
.box-detalle-items .detalle-items .detalle-items-texto .detalle-items-title {
	font-weight: 600;
}
.box-detalle-items .detalle-items .detalle-items-texto .detalle-items-caption {}

.gallery {
	background: white;
}
.gallery .gallery-main {
	cursor: pointer;
	position: relative;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.gallery .thumb-big {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}
.gallery .thumb-wrapper-small {
	margin: 0 0 1rem;
	min-height: 83px;
	max-height: 90px;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.gallery .thumb-small {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	min-height: 66px;
}
.gallery .thumb-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	opacity: 0.3;
	top: 10px;
	bottom: 10px;
}
.gallery .thumb-overlay-image {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	cursor: pointer;
	top: 10px;
	bottom: 10px;
}
.gallery .thumb-overlay-image div {
	display: none;
}
.table td {
	padding: 0.25rem;
}
.table td .form-control {
	border: none;
}
.table td {
	vertical-align: middle !important;
}

/* ==========================================================================
   PRODUCTOS : COTIZAR
   ========================================================================== */
.box-cotizar {
	border: 1px solid #ddd;
	border-radius: 1rem;
}
.box-cotizar .precios {
	font-family: 'Changa', sans-serif;
	text-shadow: 1px 1px 0 #eeeef6;
}

.box-cotizar .precios .precio-normal {
	margin: 0 0 -.5rem 0;
	font-size: 1.75rem;
	color: #ff7971;
	font-weight: 800;
}
.box-cotizar .precios .precio-anterior {
	margin: 0;
	font-size: 1.5rem;
	font-weight: 600;
}
.box-cotizar .precios .moneda {
	opacity: .5;
}
.box-cotizar .precios .moneda .view {
	opacity: 1 !important;
}


.box-cotizar .text-terminos {}
.box-detalle-items a, .box-detalle-items a:visited,
.box-cotizar .text-terminos a, .box-cotizar .text-terminos a:visited {
	color: #f44d6d;
}

.form-cotizar {
	border-radius: 0 0 1rem 1rem;
}
.form-cotizar .form-group {
	margin-bottom: 10px;
}
.form-cotizar .form-control {
	border-radius: .2rem;
	border: 1px solid transparent;
	font-size: .875rem;
	padding: 1rem .75rem;
	height: calc(1.5em + 1.5rem + 2px);
}
.form-cotizar select.form-control {
	padding: 0 .75rem;
}
.form-cotizar .form-check {

}

/* ==========================================================================
   FOOTER
   ========================================================================== */
footer .title-footer {
	font-weight: 600;
	font-size: 18px;
}

/* ==========================================================================
   RESPONSIVE DESIGN
   ========================================================================== */
@media (min-width: 320px) {
	.title-h1 {
		font-size: 1.5rem;
	}
	#menu-dashboard-movil {
		display: block;
		padding-top: 20px;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9999;
		right: 0;
		transition: .1s;
		visibility: hidden;
		width: 90%;
		transform: translateX(-100%);
	}
	#menu-dashboard-movil.show {
		visibility: visible;
		transform: translateX(0);
	}
	#close-menu {
		z-index: 999;
	}
	.img-movil-categorias {
		width: 25px;
	}
	.icon-header-movil {
		font-size: 20px !important;
	}
	.navbar-toggler {
		padding: 6px 10px;
		font-size: 22px;
	}
	.ul-li-style li {
		padding: 10px 15px !important;
		border-top: 1px solid #2138bf;
		font-weight: 600;
	}
	.typewriter {
		font-size: 12px;
		height: 16px;
		margin-right: -30px;
	}
	.box-slider .form-search-select .form-control::placeholder {
		font-size: 13px;
	}
   .producto-catalogo .title-producto {
      font-size: 10px;
      line-height: 16px;
      max-height: 50px;
      overflow: hidden;
   }
   .producto-catalogo .img-producto {
      height: 135px;
   }
   .producto-catalogo .div-producto {
      height: 50px;
      overflow: hidden;
   }
   .producto-catalogo .img-producto .img-fluid {
      height: 120px;
      object-fit: contain;
   }
}

@media (min-width: 992px) {
	.home .title-h1 {
		font-size: 48px;
	}
	.page .title-h1 {
		font-size: 32px;
	}
	.typewriter {
		font-size: 14px;
		height: 20px;
		margin-right: 0;
	}
	.box-ficha h1.title-h1 {
		font-size: 42px;
	}
	.box-slider .form-search-select .list-buscador-top {
		text-align: left;
		left: 7rem;
		min-width: 33rem;
	}
	.box-slider .form-search-select .form-control::placeholder {
		font-size: 1rem;
	}
   .producto-catalogo .img-producto {
      height: 170px;
   }
   .producto-catalogo .div-producto {
      height: 72px;
   }
   .producto-catalogo .title-producto {
      font-size: 12px;
      line-height: 18px;
      max-height: 72px;
   }
   .producto-catalogo .img-producto .img-fluid {
      height: 140px;
   }
   footer .title-footer {
		line-height: 48px;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1280px;
	}
	.bg-orange-opacity {
		background: #ff4100;
		width: 22px;
		height: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		z-index: 999;
	}
	.box-categorias .container-categorias {
		max-width: 1072px;
		height: 300px;
		flex: 0 0 1072px;
	}
	.box-categorias .container-categorias .col-cat {
		max-width: 134px;
		height: 150px;
		flex: 0 0 134px;
	}
	.box-categorias .container-categorias .col-cat .div-categoria-top .container-categoria {
		border-top: none;
		position: absolute;
		bottom: 0;
	}
	.box-categorias .container-categorias .col-cat .div-categoria-bottom .container-categoria {
		border-bottom: none;
	}
	.box-categorias .container-categorias .col-cat .container-categoria {
		border-right: none;
		border-bottom: none;
		width: 134px;
		height: 100px;
	}
	.box-categorias .container-categorias .col-cat .container-categoria figure {
		width: 106px;
		height: 97px;
	}
	.box-categorias .container-categorias .col-cat .div-categoria-top .container-categoria figure {
		bottom: 17px;
	}
	.box-categorias .container-categorias .col-cat .div-categoria-bottom .container-categoria figure {
		top: 25px;
	}
	.box-categorias {
		margin-top: -4rem !important;
	}
	.box-categorias .list-categorias {
		/*padding: 3rem 1.5rem !important;*/
	}
	/*.box-categorias .div-categoria-top {
		margin-top: -30px;
	}
	.box-categorias .div-categoria-bottom {
		margin-bottom: -40px;
	}*/
}

@media (min-width: 1360px) {

}