@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swa');
@import url('https://use.fontawesome.com/releases/v5.8.1/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900);*/
@font-face {
	font-family: 'social';
	src: url('fonts/social.eot?epsm5');
	src: url('fonts/social.eot?epsm5#iefix') format('embedded-opentype'),
		url('fonts/social.ttf?epsm5') format('truetype'),
		url('fonts/social.woff?epsm5') format('woff'),
		url('fonts/social.svg?epsm5#social') format('svg');
	font-weight: normal;
	font-style: normal;
}

input,
button {
	border: none;
	padding: 0;
	margin: 0;
	outline: 0;
	box-shadow: 0;
	background: none;
	/* -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none; */
}

.tittle-module {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 10px 10px 7px;
	width: 100%;
	box-sizing: border-box;
	background: #ddd;
	margin: 10px 0px;
}

.foset-centros {
	font-size: 14;
	padding: 10px 10px 10px 30px;
	width: 100%;
	box-sizing: border-box;
	background: #ddd;
	margin: 10px 0px;
	text-align: center;
}

.foset-centros>span {
	font-size: 24px;
	font-weight: bold;
	color: blue;
	margin-left: 6px;
}

/* =========== Predictivo =========== */

.typeahead {
	background-color: #ddf845;
	/* my silly comment */
}

.typeahead:focus {
	border: 2px solid #0097cf;
}

.tt-query {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
	font-family: "Roboto", serif;
	color: #9b9b9b !important;
	font-weight: 300 !important;
	padding-left: 30px;
}

.tt-menu {
	text-align: left;
	width: 300px;
	margin: 13px 0 0;
	padding: 10px 0;
	background-color: #fff;
	border: 1px solid #e9ebec;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
	padding: 5px 10px;
	color: #545454;
	font-size: 12px;
}

.tt-suggestion:hover {
	cursor: pointer;
	color: #fff;
	background-color: #ff6720;
}

.tt-suggestion.tt-cursor {
	color: #fff;
	background-color: #ff6720;

}

.tt-suggestion p {
	margin: 0;
}

.gist {
	font-size: 12px;
}

/* =========== END Predictivo =========== */

/** {transition: all .25s;}*/

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100vh;
	background: #F9F9F9;
	font-family: "Roboto", serif;
	font-size: 12px;
}

#wrapper {
	margin: 0 auto !important;
	width: 100%;
	background-color: #FFFFFF;
	/* 
	-webkit-box-shadow: 0px 0px 10px 0px rgba(171, 171, 171, 0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(171, 171, 171, 0.1);
	box-shadow: 0px 0px 10px 0px rgba(171, 171, 171, 0.1); */
}

#wrapper .container {
	display: flex;
	justify-content: center;
}

#wrapper .container .row {
	width: 100%;
	max-width: 1140px;
}

a,
a:active,
a:hover,
a:focus {
	outline: 0;
}

/* hover effect */
.orange,
.video,
.contenido {
	display: inline;
	position: relative;
}

.orange:hover:after,
.video:hover:after {
	background: #333;
	background: rgba(0, 0, 0, .8);
	border-radius: 5px;
	bottom: -44px;
	color: #fff;
	content: attr(gloss);
	left: 20%;
	padding: 5px 10px;
	position: absolute;
	z-index: 1;
	width: auto;
	font: bold 14px "Helvetica Neue", Sans-Serif;
	box-shadow: 0 0 7px black;
}

.orange:hover:before,
.video:hover:before {
	border: solid;
	border-color: #333 transparent;
	border-width: 0 6px 6px 6px;
	bottom: -4px;
	content: "";
	left: 50%;
	position: absolute;
	z-index: 1;
}

.contenido:hover:after {
	background: #333;
	background: rgba(0, 0, 0, .8);
	border-radius: 5px;
	bottom: -54px;
	color: #fff;
	content: attr(gloss);
	left: 20%;
	padding: 5px 10px;
	position: absolute;
	z-index: 1;
	width: auto;
	font: bold 14px "Helvetica Neue", Sans-Serif;
	box-shadow: 0 0 7px black;
}

.contenido:hover:before {
	border: solid;
	border-color: #333 transparent;
	border-width: 0 6px 6px 6px;
	bottom: -14px;
	content: "";
	left: 50%;
	position: absolute;
	z-index: 1;
}

.content-icon {
	width: 4.8rem !important;
}

.video:hover:after {
	bottom: -28px;
}

.video-icon {
	width: 4.8rem !important;
}

@media screen and (max-width: 375px) {
	body {
		font-size: 10px;
	}

	#wrapper .container .row {
		width: 100%;
	}
}

@media screen and (min-width: 375px) and (max-width: 480px) {
	#wrapper .container .row {
		width: 100%;
	}
}

@media screen and (min-width: 480px) and (max-width: 720px) {
	#wrapper .container .row {
		width: 100%;
	}
}

@media screen and (min-width: 720px) and (max-width: 1024px) {
	#wrapper .container .row {
		width: 100%;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1650px) {}

@media screen and (min-width: 1650px) {}


/* ========= Start:: Header ========== */

.headerMenuActive {
	display: none;
}

header {
	background: #232322;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: sticky;
	top: 0;
	z-index: 3;
}

header div.container {
	width: 100%;
	max-width: 1140px;
	padding: 10px 0;
	display: flex;
}

/* Logo */

header .logo {
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

header .logo a {
	text-decoration: none;
}

header .logo a>img {
	display: block;
	width: auto;
	max-height: 40px;
}

header .logo a h1 {
	color: #FFF;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	padding: 0;
}

header .logo span {
	display: block;
	font-size: 16px;
	font-weight: 400;
	position: relative;
	top: -5px;
}

/* Finder products */

header div.finder {
	width: 100%;
	max-width: 1140px;
	display: flex;
	align-items: center;
}

header div.finder div.link_buscador {
	width: 60%;
	margin-left: 3%;
}


/* header div.finder div.link_buscador * {

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
} */

header div.finder div form.buscar {
	min-height: 42px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #FFF;
	margin: 0;
	border-radius: 8px;
}

header div.finder div form.buscar input[type=text] {
	width: 100%;
	min-height: 25px;
	padding-left: 8px;
	color: #353535;
}

header div.finder div form.buscar input[type=text]::placeholder {
	height: 100%;
	font-size: 16px;
	color: #6F7A83;
	font-weight: 400;
}

header div.finder div form.buscar button {
	padding: 6px 11px;
	display: flex;
	justify-content: center;
	align-items: center;
}

header div.finder div form.buscar button:hover {
	cursor: pointer;
	color: #fc883a;
}

header div.finder div form.buscar button:active {
	border: 0;
	box-shadow: 0;
	-webkit-box-shadow: 0;
	outline: 0;
}

.icon-menu {
	display: none;
}

.live-search img {
	-webkit-mix-blend-mode: multiply;
	-moz-mix-blend-mode: multiply;
	-ms-mix-blend-mode: multiply;
	-o-mix-blend-mode: multiply;
	mix-blend-mode: multiply;
}

/*.liveSearchMob, .liveSearchDesk */
.containerLiveSearchDesk {
	display: block;
}

.containerLiveSearchDesk {
	position: absolute;
	top: 53px;
	left: 0;
	width: 100%;
}

.containerLiveSearchDesk>div {
	background-color: #FFF;
	width: 39%;
	position: absolute;
	right: 32%;
	overflow-x: hidden;
	border-radius: 0 0 5px 5px;
	/* box-shadow: 0 3px 10px #666; */
}

.containerLiveSearchMob {
	position: absolute;
	z-index: 1;
	top: 35px;
	left: 0;
	width: 100%;
}

.containerLiveSearchMobAM {
	position: absolute;
	z-index: 1;
	top: 42px !important;
	left: 0;
	width: 100%;
}

.containerLiveSearchMob>div {
	background-color: #FFF;
	width: 70%;
	max-width: 500px;
	margin: auto;

	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;

	-webkit-box-shadow: 0 3px 10px #666;
	-moz-box-shadow: 0 3px 10px #666;
	-ms-box-shadow: 0 3px 10px #666;
	-o-box-shadow: 0 3px 10px #666;
	box-shadow: 0 3px 10px #666;
}

/* .containerLiveSearchMobAM>div {
	background-color: #FFF;
	width: 70%;
	max-width: 500px;
	margin: auto;

	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;

	-webkit-box-shadow: 0 3px 10px #666;
	-moz-box-shadow: 0 3px 10px #666;
	-ms-box-shadow: 0 3px 10px #666;
	-o-box-shadow: 0 3px 10px #666;
	box-shadow: 0 3px 10px #666;
} */

/* Search Bar By Products */

#modulesMob .input_search,
#modulesDesk .input_search,
#modulesMobAM .input_search {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e1e1e1;
	padding: 5px 15px;
}

#modulesMobAM .descrip,
#modulesMob .descrip,
#modulesDesk .descrip {
	display: flex;
	align-items: center;
	width: 100%;
}

#modulesMobAM .descrip img,
#modulesMob .descrip img,
#modulesDesk .descrip img {
	display: flex;
	align-items: center;
	width: 32px;
	height: 32px;
}

#modulesMobAM .descrip a>div:hover p,
#modulesMob .descrip a>div:hover p,
#modulesDesk .descrip a>div:hover p {
	color: #ff6720 !important;
}

#modulesMobAM .descrip a>div>p,
#modulesMob .descrip a>div>p,
#modulesDesk .descrip a>div>p {
	font-size: 13px;
}

#modulesMobAM .descrip a>div>p:last-child,
#modulesMob .descrip a>div>p:last-child,
#modulesDesk .descrip a>div>p:last-child {
	font-weight: bolder !important;
}

#modulesMobAM .title_page_search,
#modulesMob .title_page_search,
#modulesDesk .title_page_search {
	font-size: 12px;
	color: #666666 !important;
}

#modulesMobAM .link_page_search,
#modulesMob .link_page_search,
#modulesDesk .link_page_search {
	font-size: 12px !important;
	font-weight: 700 !important;
	text-decoration: none;
	color: #666 !important;
}

#modulesMobAM .link_page_search:hover,
#modulesMob .link_page_search:hover,
#modulesDesk .link_page_search:hover {
	color: #ff6720 !important;
}

#modulesMobAM>div p,
#modulesMob>div p,
#modulesDesk>div p {
	color: #666 !important;
	line-height: 1;
	margin: 3.5px 0;
	font-weight: 400 !important;
}

#modulesMobAM .live-search,
#modulesMob .live-search,
#modulesDesk .live-search {
	padding-left: 6px;
	text-decoration: none;
}

#modulesMobAM .code,
#modulesMob .code,
#modulesDesk .code {
	font-size: 12px;
	font-weight: 700 !important;
	color: #666 !important;
	line-height: 1;
	margin: 0;
}

#modulesMobAM .descrip div>p,
#modulesMob .descrip div>p,
#modulesDesk .descrip div>p {
	color: #666666 !important;
	font-size: 13px !important;
	/* margin-bottom: 5px; */
}

#modulesMobAM .descrip div>p>strong,
#modulesMob .descrip div>p>strong,
#modulesDesk .descrip div>p>strong {
	font-size: 13px !important;
	color: #191817 !important;
	font-weight: bold;
}

.scrollbar {
	/* overflow-y: scroll; */
	max-height: 70vh;
}

.scrollbar::-webkit-scrollbar-track,
.scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.scrollbar::-webkit-scrollbar,
.scrollbar::-webkit-scrollbar {
	width: 8px;
}

.scrollbar::-webkit-scrollbar-thumb,
.scrollbar::-webkit-scrollbar-thumb {
	border-radius: 0 0 5px 0;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #ff6720;
}

/* Small cellphones */
@media screen and (max-width: 375px) {
	header div.container {
		width: 90%;
		flex-wrap: wrap;
		padding: 10px 0 21px;
	}

	header div.container div.finder {
		width: 100%;
		display: flex;
		justify-content: center;
		margin-top: 15px;
	}

	header div.finder div.link_buscador {
		width: 100%;
		margin: 0;
	}

	header div.container div.logo {
		width: 100%;
		flex-wrap: wrap;
	}

	header div.container div.logo a {
		width: 70%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	header div.container div.logo a img {
		height: 28px;
	}

	header .logo a h1 {
		text-align: center;
	}

	header div.finder div form.buscar input[type=text]::placeholder {
		font-size: 15px;
		font-weight: 400;
		color: #6F7A83;
	}

	header>.indice {
		display: none;
	}

	.icon-menu {
		display: block;
		color: #ff6720;
		font-size: 24px;
		text-align: center;
	}

	.icon-menu>i {
		width: 32px !important;
		text-align: center !important;
		transition: all .25s;
		-webkit-transition: all .25s;
		color: white;
	}

	.icon-menu>img {
		max-width: 65%;
	}

	.containerLiveSearchDesk {
		top: 97px;
	}

	.containerLiveSearchDesk>div {
		width: 90%;
		right: 5%;
	}
}

/* Big smartphones */
@media screen and (min-width: 375px) and (max-width: 480px) {
	header div.container {
		width: 90%;
		flex-wrap: wrap;
		padding: 10px 0 21px;
	}

	header div.container div.finder {
		width: 100%;
		display: flex;
		justify-content: center;
		margin-top: 15px;
	}

	header div.finder div.link_buscador {
		width: 100%;
		margin: 0;
	}

	header div.container div.logo {
		width: 100%;
		padding: 0;
		flex-wrap: wrap;
	}

	header div.container div.logo a {
		width: 90%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	header div.container div.logo a img {
		height: 28px;
	}

	header .logo a h1 {
		text-align: center;
	}

	header div.finder div form.buscar input[type=text]::placeholder {
		font-size: 15px;
		font-weight: 400;
		color: #6F7A83;
	}

	header>.indice {
		display: none;
	}

	.icon-menu {
		display: block;
		color: #ff6720;
		font-size: 24px;
		text-align: center;
	}

	.icon-menu>i {
		text-align: center !important;
		transition: all .25s;
		-webkit-transition: all .25s;
		color: white;
	}

	.icon-menu>img {
		max-width: 65%;
	}

	.containerLiveSearchDesk {
		top: 97px;
	}

	.containerLiveSearchDesk>div {
		width: 88.5%;
		right: 6%;
	}
}

/* Small tablets */
@media screen and (min-width: 480px) and (max-width: 720px) {
	header div.container {
		width: 95%;
		flex-wrap: wrap;
		padding: 10px 0 21px;
	}

	header div.container div.finder {
		width: 75%;
		display: flex;
		justify-content: center;
		margin-top: 15px;
	}

	header div.finder div.link_buscador {
		width: 70%;
		margin: 0;
	}

	header div.container div.logo {
		width: 100%;
		/* padding: 0 20px; */
		flex-wrap: wrap;
	}

	header div.container div.logo a {
		width: 90%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	header div.container div.logo a img {
		height: 28px;
	}

	header .logo a h1 {
		text-align: center;
	}

	header>.indice {
		display: none;
	}

	.icon-menu {
		display: block;
		color: #ff6720;
		font-size: 24px;
		text-align: center;
	}

	.icon-menu>i {
		width: 32px !important;
		text-align: center !important;
		transition: all .25s;
		-webkit-transition: all .25s;
		color: white;
	}

	.icon-menu>img {
		max-width: 65%;
	}

	.containerLiveSearchDesk {
		top: 97px;
	}

	.containerLiveSearchDesk>div {
		width: 49%;
		right: 25.5%;
	}
}

/* Big Tablets */
@media screen and (min-width: 720px) and (max-width: 1024px) {
	header div.container {
		width: 95%;
		flex-wrap: wrap;
		padding: 10px 0 21px;
	}

	header div.container div.finder {
		width: 75%;
		display: flex;
		justify-content: center;
		margin-top: 15px;
	}

	header div.finder div.link_buscador {
		width: 70%;
		margin: 0;
	}

	header div.container div.logo {
		width: 100%;
		/* padding: 0 20px; */
		flex-wrap: wrap;
	}

	header div.container div.logo a {
		/* margin-left: 30%; */
		width: 93%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	header div.container div.logo a img {
		height: 28px;
	}

	header .logo a h1 {
		text-align: center;
	}

	header>.indice {
		display: none;
	}

	.icon-menu {
		display: block;
		color: #ff6720;
		font-size: 24px;
		text-align: center;
	}

	.icon-menu>i {
		width: 32px !important;
		text-align: center !important;
		transition: all .25s;
		-webkit-transition: all .25s;
		color: white;
	}

	.icon-menu>img {
		max-width: 65%;
	}

	.containerLiveSearchDesk {
		top: 97px;
	}

	.containerLiveSearchDesk>div {
		width: 49%;
		right: 25.5%;
	}
}

/* Small PCs */
@media screen and (min-width: 1024px) and (max-width: 1650px) {}

/* Big PCs */
@media screen and (min-width: 1650px) {
	.containerLiveSearchDesk>div {
		width: 24.5%;
		right: 38.5%;
	}
}

/* ========= END:: Header ========= */


/* ========= START:: NAVIGATION ========= */

nav {
	background: #D9D9D9;
	display: flex;
	justify-content: center;
	align-items: center;
	position: sticky;
	top: 62px;
	z-index: 2;
}

nav.movil {
	display: none;
}

nav div.container {
	width: 100%;
	max-width: 1140px;
	padding: 8px 0;
	justify-content: space-between;
}

nav div.container .views {
	width: 70%;
	display: flex;
	align-items: center;
}

nav div.container .views div.link_navigation:not(:first-child) {
	margin-left: 4%;
}

nav div.container .views div.link_navigation:last-child {
	position: relative;
	display: flex;
	align-items: center;
}

nav div.container .views div.link_navigation a {
	text-decoration: none;
	color: #333333;
	font-size: 16px;
	font-weight: 400;
	display: flex;
	cursor: pointer;
}

nav div.container .views .linkDropdown span.down {
	display: flex;
	align-items: center;
}

nav div.container .views .linkDropdown span.down img {
	height: 7px;
	width: 15px;
	padding-left: 5px;
}

/* Finder Page */
nav div.container .finderPage {
	width: 30%;
}

nav div.container .finderPage .num_pagina {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

nav div.container .finderPage div.prev,
nav div.container .finderPage div.next {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: auto;
}

nav div.container .finderPage div.next {
	justify-content: flex-start;
}

nav div.container .finderPage div.input-group {
	display: flex;
	align-items: center;
	width: 30%;
}

nav div.container .finderPage .num_pagina a {
	font-size: 16px;
	text-decoration: none;
	color: #333333;
	display: flex;
	align-items: center;
}

.prev {
	justify-content: flex-start;
	padding: 0 15px 0 0;
}

.next {
	justify-content: flex-end;
	padding: 0 0 0 15px;
}

nav div.container .finderPage .num_pagina div.prev a img {
	margin-right: 15px;
	width: 10%;
	max-height: 11px;
}

nav div.container .finderPage .num_pagina div.next a img {
	margin-left: 15px;
	width: 10%;
	max-height: 11px;
}

form.search-page {
	width: 100%;
	height: 38px;
	display: flex;
	justify-content: left;
	align-items: center;
	background: #F8F7F7;
	border-radius: 8px;
}

form.search-page input.page {
	display: block;
	width: 100%;
	height: 30px;
	padding: 3px 6px 3px 0;
	font-size: 16px;
	font-weight: 700;
	font-family: "Roboto", serif;
	text-align: center;
}

form.search-page input.page::placeholder {
	color: #333;
	font-size: 16px;
	font-weight: 400;
	font-family: "Roboto", serif;
}

form.search-page input.page:focus::placeholder {
	color: transparent !important;
}

form.search-page button:active,
form.search-page button:focus,
form.search-page input.page:active,
form.search-page input.page:focus,
form.search-page input.page {
	outline: 0;
	border: 0;
	font-weight: 400 !important;
	position: relative;
}

form.search-page button {
	padding: 0;
	padding-right: 8px;
	margin: 0;
	background: none;
	border: none;
	color: #ff6720;
	font-size: 14px;
	cursor: pointer;
}

/* Small cellphones */
@media screen and (max-width: 375px) {
	nav div.container {
		width: 90%;
		padding: 5px 0;
	}

	nav.nav_movil {
		top: 116px;
		height: 48px;
	}

	nav.nav_desk {
		display: none;
	}

	nav.nav_movil div.container div.boxes {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	nav.nav_movil div.prev_mov {
		width: 33%;
		display: flex;
		align-items: center;
	}

	nav.nav_movil div.prev_mov a {
		color: #000;
		font-size: 15px;
		text-decoration: none;
		display: flex;
		align-items: center;
	}

	nav.nav_movil div.prev_mov a img {
		margin-right: 15px;
		height: 12px;
	}

	nav.nav_movil div.num_pagina_mob {
		display: flex;
		align-items: center;
		width: 33%;
		color: #f1f1f1;
		font-size: 14px;
		justify-content: center;
	}

	nav.nav_movil div.num_pagina_mob span.search-page-box {
		width: 95%;
	}

	nav.nav_movil div.next_mov {
		width: 33%;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	nav.nav_movil div.next_mov a {
		color: #000;
		font-size: 15px;
		text-decoration: none;
		display: flex;
		align-items: center;
	}

	nav.nav_movil div.next_mov a img {
		margin-left: 15px;
		height: 12px;
	}

	/* form.search-page label {
		display: none;
	} */

	form.search-page input.page:active,
	form.search-page input.page:focus,
	form.search-page input.page {
		padding: 3px 15px;
		min-height: 32px;
	}

	form.search-page input.page[type=text]::placeholder {
		color: #000;
		font-size: 15px;
		font-weight: 400;
	}
}

/* Big smartphones */
@media screen and (min-width: 375px) and (max-width: 480px) {
	nav div.container {
		width: 90%;
		padding: 5px 0;
	}

	nav.nav_movil {
		top: 116px;
	}

	nav.nav_desk {
		display: none;
	}

	nav.nav_movil div.container div.boxes {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	nav.nav_movil div.prev_mov {
		width: 33%;
		display: flex;
		align-items: center;
	}

	nav.nav_movil div.prev_mov a {
		color: #000;
		font-size: 16px;
		text-decoration: none;
		display: flex;
		align-items: center;
	}

	nav.nav_movil div.prev_mov a img {
		margin-right: 15px;
		height: 12px;
	}

	nav.nav_movil div.num_pagina_mob {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 33%;
		color: #f1f1f1;
		font-size: 14px;
		/* margin-left: 10px; */
	}

	nav.nav_movil div.num_pagina_mob span.search-page-box {
		width: 90%;
	}

	nav.nav_movil div.next_mov {
		width: 33%;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	nav.nav_movil div.next_mov a {
		color: #000;
		font-size: 16px;
		text-decoration: none;
		display: flex;
		align-items: center;
	}

	nav.nav_movil div.next_mov a img {
		margin-left: 15px;
		height: 12px;
	}

	/* form.search-page label {
		display: none;
	} */

	form.search-page input.page:active,
	form.search-page input.page:focus,
	form.search-page input.page {
		padding: 3px 15px;
		min-height: 35px;
	}

	form.search-page input.page[type=text]::placeholder {
		color: #000;
		font-size: 15px;
		font-weight: 400;
	}
}

/* Small tablets */
@media screen and (min-width: 480px) and (max-width: 720px) {
	nav.nav_movil {
		top: 116px;
	}

	nav.nav_desk {
		display: none;
	}

	nav div.container div.boxes {
		width: 90%;
		display: flex;
		justify-content: center;
	}

	nav.nav_movil div.prev_mov {
		width: 33%;
		display: flex;
		align-items: center;
	}

	nav.nav_movil div.prev_mov a {
		color: #000;
		font-size: 16px;
		text-decoration: none;
		display: flex;
	}

	nav.nav_movil div.prev_mov a img {
		margin-right: 15px;
		height: 12px;
	}

	nav.nav_movil div.num_pagina_mob {
		display: flex;
		align-items: center;
		width: 33%;
		color: #f1f1f1;
		font-size: 14px;
		margin-left: 10px;
	}

	nav.nav_movil div.next_mov {
		width: 33%;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	nav.nav_movil div.next_mov a {
		color: #000;
		font-size: 16px;
		text-decoration: none;
		display: flex;
	}

	nav.nav_movil div.next_mov a img {
		margin-left: 15px;
		height: 12px;
	}

	/* form.search-page label {
		display: none;
	} */

	form.search-page input.page:active,
	form.search-page input.page:focus,
	form.search-page input.page {
		padding: 5px 20px;
		width: 95px;
	}

	form.search-page input.page[type=text]::placeholder {
		color: #000;
		font-size: 15px;
		font-weight: 400;
	}
}

/* Big Tablets */
@media screen and (min-width: 720px) and (max-width: 1024px) {
	nav.nav_movil {
		top: 116px;
	}

	nav.nav_desk {
		display: none;
	}

	nav div.container div.boxes {
		width: 80%;
		display: flex;
		justify-content: center;
	}

	nav.nav_movil div.prev_mov {
		width: 33%;
		display: flex;
		align-items: center;
	}

	nav.nav_movil div.prev_mov a {
		color: #000;
		font-size: 16px;
		text-decoration: none;
		display: flex;
		align-items: center;
	}

	nav.nav_movil div.prev_mov a img {
		margin-right: 15px;
		height: 12px;
	}

	nav.nav_movil div.num_pagina_mob {
		width: 33%;
		color: #f1f1f1;
		font-size: 14px;
		/* margin-left: 10px; */
		display: flex;
		align-items: center;
		justify-content: center;
	}

	nav.nav_movil div.next_mov {
		width: 33%;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	nav.nav_movil div.next_mov a {
		color: #000;
		font-size: 16px;
		text-decoration: none;
		display: flex;
		align-items: center;
	}

	nav.nav_movil div.next_mov a img {
		margin-left: 15px;
		height: 12px;
	}

	/* form.search-page label {
		display: none;
	} */

	form.search-page input.page:active,
	form.search-page input.page:focus,
	form.search-page input.page {
		padding: 4px 16px;
		width: 95px;
	}

	form.search-page input.page[type=text]::placeholder {
		color: #333;
		font-size: 15px;
		font-weight: 400;
	}
}

/* Small PCs */
@media screen and (min-width: 1025px) and (max-width: 1650px) {
	nav.nav_movil {
		display: none;
	}
}

/* Big PCs */
@media screen and (min-width: 1650px) {
	nav.nav_movil {
		display: none;
	}

	nav div.container .views {
		width: 74%;
	}

	nav div.container .finderPage {
		width: 26%;
	}

	/* nav div.container .finderPage div.prev,
	nav div.container .finderPage div.next {
		width: auto;
	} */
}

/* ========= END:: NAVIGATION ========= */


/* ========= START:: BURGER MENU ========= */
div.menuMobile {
	display: none;
	background: #FFF;
	width: 100%;
	height: -webkit-fill-available;
	position: fixed;
	top: 0;
	overflow: overlay;
	z-index: 6;
}

div.menuMobile header .icon-menu>i {
	color: #ff6720;
}

div.menuMobile header div.container {
	width: 90%;
}

div.menuMobile header .logo {
	justify-content: space-between;
}

div.menuMobile header div.container div.logo a {
	margin: 0;
	display: flex;
}

div.menuMobile div.link_minisMob {
	padding: 32px 24px 0;
}

div.menuMobile div.link_minisMob a {
	text-decoration: none;
	color: #000;
	line-height: 24px;
	font-size: 14px;
	font-weight: 400;
}

div.menuMobile div.link_minisMob button.collapsible {
	background: transparent;
	border: none;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	color: #000;
}

div.menuMobile div.link_minisMob div.content {
	justify-content: center;
	flex-flow: row wrap;
	padding: 0;
	display: none;
	overflow: hidden;
}

div.menuMobile div.link_minisMob div.content ul {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

div.menuMobile div.link_minisMob div.content ul li {
	padding: 25px 0 0;
}

div.menuMobile div.link_minisMob div.content ul li a {
	width: 100%;
}

div.menuMobile div.link_minisMob div.content ul li a>img {
	width: 100%;
}


div.menuMobile div.link_minisMob div.content ul li:not(:first-child) {
	width: 46%;
	padding: 15px 0 0;
}

div.menuMobile div.link_minisMob div.content ul li:first-child {
	width: 100%;
}

div.menuMobile div.tablet {
	display: none;
}

@media screen and (max-width: 375px) {
	div.menuMobile header div.container {
		padding: 10px 0;
	}

	div.menuMobile header div.container div.logo a {
		padding-left: 5px;
		width: auto;
		display: flex;
		align-items: center;
	}

	div.menuMobile header div.container div.logo a img {
		/* width: 50%; */
	}

	div.menuMobile header div.container div.logo a h1 {
		font-size: 15px;
		margin-left: 10px;
	}

	div.menuMobile div.link_minisMob div.content ul li {
		padding: 8px 5px 0;
	}

	div.menuMobile div.link_minisMob div.content ul li>a {
		font-size: 14px;
		color: #5B676F;
	}
}

@media screen and (min-width: 375px) and (max-width: 480px) {
	div.menuMobile header div.container {
		padding: 10px 0;
	}

	div.menuMobile header div.container div.logo a {
		width: auto;
		align-items: center;
	}

	div.menuMobile header div.container div.logo a img {
		height: 25px;
	}

	div.menuMobile header div.container div.logo a h1 {
		font-size: 14px;
		text-align: left;
		padding-left: 5px;
		width: 100%;
	}

	div.menuMobile div.link_minisMob div.content ul li:not(:first-child) {
		width: 46%;
	}

	div.menuMobile div.link_minisMob div.content ul li>a {
		font-size: 14px;
		color: #5B676F;
	}
}

@media screen and (min-width: 480px) and (max-width: 720px) {
	div.menuMobile header div.container {
		width: 95%;
	}

	div.menuMobile header div.container div.logo a {
		width: auto;
		align-items: center;
	}

	div.menuMobile header div.container div.logo a h1 {
		font-size: 15px;
		padding-left: 5px;
		width: 100%;
	}

	div.menuMobile div.link_minisMob {
		padding: 32px 2.5% 0;
	}

	div.menuMobile div.link_minisMob div.content {
		justify-content: flex-start;
		flex-flow: row wrap;
		padding: 0 80px;
		padding: 0 5px;
		display: none;
		overflow: hidden;
	}

	.footer_cont_movil ul {
		width: 90% !important;
	}

	div.menuMobile div.link_minisMob div.content ul li {
		padding: 20px 4px 0;
		display: flex;
		align-items: center;
	}

	div.menuMobile div.link_minisMob div.content ul li:first-child {
		width: 48%;
	}

	div.menuMobile div.link_minisMob div.content ul li:not(:first-child) {
		width: 23%;
	}

	div.menuMobile div.link_minisMob div.content ul li>a {
		font-size: 14px;
		color: #5B676F;
	}

	div.menuMobile div.link_minisMob div.content ul li:nth-child(4),
	div.menuMobile div.link_minisMob div.content ul li:nth-child(5),
	div.menuMobile div.link_minisMob div.content ul li:nth-child(6),
	div.menuMobile div.link_minisMob div.content ul li:nth-child(7) {
		padding: 0 4px;
	}

	div.menuMobile div.link_minisMob div.content ul li a>img {
		height: 59px;
		max-height: 59px;
	}

	div.menuMobile div.link_minisMob div.content ul li a>img {
		height: 57px;
		max-height: 57px;
	}

	div.menuMobile div.mobile {
		display: none;
	}

	div.menuMobile div.tablet {
		display: block;
	}
}

@media screen and (min-width: 720px) and (max-width: 1024px) {
	div.menuMobile header div.container {
		width: 95%;
	}

	div.menuMobile header div.container div.logo a {
		width: auto;
		align-items: center;
	}

	div.menuMobile header div.container div.logo a h1 {
		padding-left: 20px;
		width: 100%;
	}

	div.menuMobile div.link_minisMob {
		padding: 32px 2.5% 0;
	}

	div.menuMobile div.link_minisMob div.content {
		justify-content: flex-start;
		flex-flow: row wrap;
		padding: 0 80px;
		padding: 0 5px;
		display: none;
		overflow: hidden;
	}

	.footer_cont_movil ul {
		width: 90% !important;
	}

	div.menuMobile div.link_minisMob div.content ul li {
		padding: 20px 4px 0;
		display: flex;
		align-items: center;
	}

	div.menuMobile div.link_minisMob div.content ul li:first-child {
		width: 48%;
	}

	div.menuMobile div.link_minisMob div.content ul li:not(:first-child) {
		width: 23.5%;
	}

	div.menuMobile div.link_minisMob div.content ul li>a {
		font-size: 14px;
		color: #5B676F;
	}

	div.menuMobile div.link_minisMob div.content ul li:nth-child(4),
	div.menuMobile div.link_minisMob div.content ul li:nth-child(5),
	div.menuMobile div.link_minisMob div.content ul li:nth-child(6),
	div.menuMobile div.link_minisMob div.content ul li:nth-child(7) {
		padding: 0 4px;
	}

	div.menuMobile div.link_minisMob div.content ul li a>img {
		height: 59px;
		max-height: 59px;
	}

	div.menuMobile div.link_minisMob div.content ul li a>img {
		height: 57px;
		max-height: 57px;
	}

	div.menuMobile div.mobile {
		display: none;
	}

	div.menuMobile div.tablet {
		display: block;
	}
}



/* ========= END:: BURGER MENU ========= */


/* ========= START:: NAVIGATION MARKS ========= */

div.filter_marks {
	background-color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	position: sticky;
	top: 133px;
	z-index: 1;
}

div.filter_marks div.container {
	width: 100%;
	max-width: 1140px;
	display: flex;
}

.filtromark {
	width: 100%;
	max-width: 1140px;
	background: #FFF;
	position: sticky;
	top: 145px;
	z-index: 1;
}

div.filter_marks div.filtromark ul {
	list-style: none;
	padding: 0;
	margin: 10px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

div.filter_marks div.filtromark ul li:not(:first-child) {
	padding-left: 10px;
}

div.filter_marks div.filtromark ul li a img {
	width: 100%;
}

div.filtro ul.index {
	margin-bottom: 35px;
}

div.filtro ul.index li {
	width: 26px;
	height: 26px;
	text-align: center;
	vertical-align: middle;
}

div.filtro ul.index li a {
	font-weight: 700;
	font-size: 18px !important;
	text-decoration: none;
	color: #4b4b4b;
	padding: 0 !important;

	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

div.filtro ul.index li a:hover {
	color: #ff6720;
}

.disabled {
	color: #e1e1e1 !important;
	font-weight: 700;
	font-size: 22px !important;
	cursor: no-drop;
}

div.filtro ul.index li a.check {
	color: #ff6720;
	font-size: 22px !important;
	position: relative;
}

div.filtro ul.index li a.check::before {
	position: absolute;
	left: -7px;
	top: 10px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0da";
	font-size: 12px;
}

.marca a.all {
	text-decoration: none;
	border: 1px solid #4b4b4b;
	color: #4b4b4b;
	padding: 6px 10px !important;
	font-weight: 700;

	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;

	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.marca a.all:hover {
	border: 1px solid #ff6720;
	color: #ff6720;
}

.marca a.all.check {
	border: 1px solid #ff6720;
	background: #ff6720;
	color: #fff;
}

div.filtro button {
	display: none;
}

/* div.filtro button::before {
	content: '';
	display: inline-block;
	background-color: #F8F7F7;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-left: 5px solid #ff6720;
	border-bottom: 4px solid transparent;
	margin-left: 5px;
	margin-right: 5px;
	position: absolute;
	right: 34px;
} */

div.filtro ul.marca li:first-child {
	width: auto !important;
	text-align: center;
}

div.filtro ul.marca li a img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

div.filtro ul.marca li a img:hover {
	opacity: 1 !important;

	-webkit-filter: grayscale(0);
	filter: grayscale(0);

	/* -webkit-transform: scale(1.4) !important;
	-moz-transform: scale(1.4) !important;
	-ms-transform: scale(1.4) !important;
	-o-transform: scale(1.4) !important;
	transform: scale(1.4) !important; */
}

div.filtro ul#marcaFilter li a img:hover {
	opacity: 1 !important;

	-webkit-filter: grayscale(0) !important;
	filter: grayscale(0) !important;

	-webkit-transform: scale(1) !important;
	-moz-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	-o-transform: scale(1) !important;
	transform: scale(1) !important;
}

div.filtro ul#marcaFilter li a.check img {
	opacity: 1 !important;
	-webkit-filter: grayscale(0) !important;
	filter: grayscale(0) !important;
}

div.filtro ul#marca li a.check img {
	opacity: 1 !important;
	-webkit-filter: grayscale(0) !important;
	filter: grayscale(0) !important;

	/* -webkit-transform: scale(1.4) !important;
	-moz-transform: scale(1.4) !important;
	-ms-transform: scale(1.4) !important;
	-o-transform: scale(1.4) !important;
	transform: scale(1.4) !important; */
}

div.filtro ul.marca li {
	width: 85px;
	text-align: center;
}

/* div.filtro ul.marca a img {
	width: 70%;
} */

div.filtro ul.marca a.truper img {
	/* width: 85px; */
	opacity: .8 !important;
}

div.filtro ul.marca a.pretul img {
	/* width: 80px; */
	opacity: .45 !important;
}

div.filtro ul.marca a.volteck img {
	/* width: 91px; */
	opacity: .5 !important;
}

div.filtro ul.marca a.foset img {
	/* width: 85px; */
	opacity: .55 !important;
}

div.filtro ul.marca a.fiero img {
	/* width: 90px; */
	opacity: .46 !important;
}

div.filtro ul.marca a.hermex img {
	/* width: 95px; */
	opacity: 0.46 !important;
}

div.filtro ul.marca a.klintek img {
	/* width: 77px; */
	opacity: .6 !important;
}

div.filtro ul.marca a.volteck-lait img {
	opacity: .4 !important;
}

div.filtro ul.marca li label {
	opacity: .6 !important;

	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);


	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

div.filtro ul.marca li label:hover {
	opacity: 1 !important;

	-webkit-filter: grayscale(0);
	filter: grayscale(0);

	/* -webkit-transform: scale(1.4) !important;
	-moz-transform: scale(1.4) !important;
	-ms-transform: scale(1.4) !important;
	-o-transform: scale(1.4) !important;
	transform: scale(1.4) !important; */
}

div.filtro ul.marca li label.check {
	opacity: 1 !important;

	-webkit-filter: grayscale(0);
	filter: grayscale(0);

	/* -webkit-transform: scale(1.4) !important;
	-moz-transform: scale(1.4) !important;
	-ms-transform: scale(1.4) !important;
	-o-transform: scale(1.4) !important;
	transform: scale(1.4) !important; */
}

/* Small cellphones */
@media screen and (max-width: 375px) {
	div.filter_marks {
		display: none;
	}
}

/* Big smartphones */
@media screen and (min-width: 375px) and (max-width: 480px) {
	div.filter_marks {
		display: none;
	}
}

/* Small tablets */
@media screen and (min-width: 480px) and (max-width: 720px) {
	div.filter_marks {
		top: 189px;
	}

	div.filter_marks .filtromark {
		width: 95%;
	}

	div.filter_marks div.filtromark ul {
		margin: 12px 0;
	}
}

/* Big Tablets */
@media screen and (min-width: 720px) and (max-width: 1024px) {
	div.filter_marks {
		top: 189px;
	}

	div.filter_marks .filtromark {
		width: 95%;
	}

	div.filter_marks div.filtromark ul {
		margin: 12px 0;
	}
}

/* Small PCs */
@media screen and (min-width: 1024px) and (max-width: 1650px) {}

/* Big PCs */
@media screen and (min-width: 1650px) {
	div.filter_marks div.filtromark ul li a img {
		width: 100%;
	}
}

/* ========= END:: NAVIGATION MARKS ========= */


/* ========= START:: CONTENT ========= */

.indice-2 {
	width: 100%;
	max-width: 1140px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	font-size: 16px;
	font-weight: 400;
	margin: 10px 0;
}

.indice_mob {
	display: none;
}

.titulo_indice-2 {
	display: flex;
	align-items: center;
	width: 100%;
	height: 30px;
	color: #262626;
	border-bottom: 2px solid #e3e4e7;
	padding: 0 0 0 10px !important;
	font-size: 16px;
}

.indice-2 .box-title {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}

.indice-2 .letra {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ff6720;
	width: 40px;
	height: 30px;
	color: #FFF;
	font-size: 20px;
}

.indice-2 .letra img {
	width: 54px;
	-webkit-object-fit: contain;
	-moz-object-fit: contain;
	-ms-object-fit: contain;
	-o-object-fit: contain;
	object-fit: contain;
}

.indice-2 .letra.fr {
	background-color: rgba(216, 1, 66, 1.00);
}

.indice-2 .letra.fs {
	background-color: rgba(0, 107, 175, 1.00);
}

.indice-2 .letra.h {
	background-color: rgba(203, 1, 64, 1.00);
}

.indice-2 .letra.k {
	background-color: rgba(0, 197, 182, 1.00);
}

.indice-2 .letra.vol {
	background-color: rgba(6, 14, 159, 1.00);
}

.indice-2 .letra.v {
	background-color: rgba(6, 14, 159, 1.00);
}

.indice-2 .letra.vl {
	background-color: rgba(6, 14, 159, 1.00);
}

.indice-2 .letra.vlait {
	background-color: rgba(6, 14, 159, 1.00);
}

.indice-2 .letra.fs>img {
	height: 100%;
}

.yellow-box {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ffeb3b;
	width: 228px;
	height: 50px;
	font-size: 16px;
}

.green-box {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #027435;
	width: 228px;
	height: 50px;
	font-size: 16px;
	color: #fff !important;
}

.blue-box {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #075c86;
	width: 228px;
	height: 50px;
	font-size: 16px;
	color: #fff !important;
}

.red-box {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #9C1C1B;
	width: 228px;
	height: 50px;
	font-size: 16px;
	color: #fff !important;
}

.blue-c-box2 {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #3A7894;
	width: 228px;
	height: 50px;
	font-size: 16px;
	color: #fff !important;
}

.blue-c-box {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #3A7894;
	width: 228px;
	height: 33px;
	font-size: 16px;
	color: #fff !important;
}

.green-c-box {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #346F74;
	width: 228px;
	height: 50px;
	font-size: 16px;
	color: #fff !important;
}

.green-j-box {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #4A9C56;
	width: 228px;
	height: 50px;
	font-size: 16px;
	color: #fff !important;
}

.purple-box {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #800080;
	color: #FFF;
	padding: 0px 30px;
	height: 50px;
	font-size: 16px;
}

.sub-category {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 18px;
	font-weight: 700;
	margin: 15px 0 10px;
	padding: 0px 30px 0px 10px;
	color: #FFF;
	background-color: #ff6720;
	height: 2rem;
}

.sub-right {
	justify-content: flex-end;
}

.sub-category div {
	margin: 0px 10px;
}

.sub-category img {
	margin-right: 10vw;
}

.black-box {
	display: flex;
	background-color: #000;
	align-items: center;
	height: 2rem;
	padding: 0px 15px;
	color: #FFF;
}

.black-box2 {
	background-color: #000;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
	height: 50px;
	font-size: 16px;
}

.green-box2 {
	display: flex;
	background-color: #027435;
	align-items: center;
	height: 2rem;
	padding: 0px 15px;
	color: #FFF;
}

.grey-box2 {
	display: flex;
	justify-content: center;
	background-color: #495256;
	align-items: center;
	height: 50px;
	padding: 0px 15px;
	color: #FFF;
	width: 34vh;
}

.grey-box3 {
	display: flex;
	background-color: #495256;
	align-items: center;
	height: 2rem;
	padding: 0px 15px;
	color: #FFF;
}

.consult-box {
	display: flex;
	align-content: center;
	justify-content: center;
	margin: 0px 0px 10px 0px;
}

.orange-box {
	font-size: 12px;
	background-color: #ff6720;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}

.orange-box a {
	color: #fff;
}

.grey-box {
	font-size: 12px;
	background-color: gray;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}

.consult {
	background-color: blue;
	padding: 4px 8px;
	color: #FFF;
	font-size: 12px;
	text-align: center;
}

.img-subtitle {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	margin-right: 10px;
}

.img-subtitle img {
	position: absolute;
}

.adjustment {
	height: 50px;
}

.adjustment div {
	margin-right: 250px;
}

.adjustment img {
	height: auto;
	min-width: 215px;
}

.adjustment2 img {
	min-width: 267px;
}

.img-link {
	width: auto !important;
}

p {
	margin-top: 0 !important;
}

p>font {
	display: block;
	font-size: 11px !important;
	margin: 10px auto;
	text-align: center;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

p>font img {
	padding-right: 8px;
}

/* Small cellphones */
@media screen and (max-width: 375px) {
	.indice-2 {
		width: 90%;
	}

	.indice_desk {
		display: none;
	}

	.indice_mob {
		width: 90%;
		display: flex;
		flex-wrap: wrap;
		color: #FFF;
		font-weight: 700;
		font-size: 14px;
	}

	.indice_mob .subtitle {
		display: flex;
		width: 100% !important;
		padding: 5px 10px;
		margin-bottom: 5px;
	}

	.indice_mob .titulo_indice-2 {
		width: 100%;
	}

	.indice-mob>.titulo_indice,
	.indice-2>.titulo_indice-2 {
		padding: 0 !important;
	}

	.indice-mob .marca,
	.indice-2 .letra,
	.indice-2 .box-title {
		margin: 0 !important;
	}
}

/* Big smartphones */
@media screen and (min-width: 375px) and (max-width: 480px) {
	.indice-2 {
		width: 90%;
	}

	.indice_desk {
		display: none;
	}

	.indice_mob {
		width: 90%;
		display: flex;
		flex-wrap: wrap;
		color: #FFF;
		font-weight: 700;
		font-size: 14px;
	}

	.indice_mob .subtitle {
		display: flex;
		width: 100% !important;
		padding: 5px 10px;
		margin-bottom: 5px;
	}

	.indice_mob .titulo_indice-2 {
		width: 100%;
	}
}

/* Small tablets */
@media screen and (min-width: 480px) and (max-width: 720px) {
	.indice-2 {
		width: 95%;
	}
}

/* Big Tablets */
@media screen and (min-width: 720px) and (max-width: 1024px) {
	.indice-2 {
		width: 95%;
	}
}

/* Small PCs */
@media screen and (min-width: 1024px) and (max-width: 1650px) {}

/* Big PCs */
@media screen and (min-width: 1650px) {}

/* ========= END:: CONTENT ========= */


/* ========= START:: FOOTER ========= */
footer {
	width: 100%;
	background: #232322;
	color: #FFF;
}

/* Desktop */
.footer_desk {
	width: 100%;
	display: flex;
	justify-content: center;
	background-color: #232322;
}

.footer_desk .footer_cont {
	margin: 40px 0;
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	max-width: 1140px;
}

.footer_desk .footer_cont div.footer_logo {
	width: 100%;
	margin-bottom: 50px;
}

.footer_desk .footer_cont div.footer_logo img {
	width: 6%;
	max-width: 215px;
}

.footer_desk .footer_cont div.footer_info {
	width: 25%;
}

.footer_desk .footer_cont div.footer_info:nth-child(3) div {
	width: fit-content;
	margin: 0 auto;
	/* position: relative;
	left: 4%; */
}

.footer_desk .footer_cont div.footer_info:nth-child(4) div {
	width: fit-content;
	margin: 0 auto;
	position: relative;
	left: 8%;
}

.footer_desk .footer_cont div.footer_info:last-child div {
	float: right;
}

.footer_desk .footer_cont div.footer_info:last-child ul li:last-child {
	position: absolute;
	bottom: 0;
}

.footer_desk .footer_cont div.footer_info:last-child ul li:last-child a:last-child {
	margin-left: 15px;
}

.footer_desk .footer_cont div.footer_info label {
	color: #FF6720;
	font-size: 16px;
	/* font-weight: 700; */
}

.footer_desk .footer_cont div.footer_info ul {
	min-height: 135px;
	padding: inherit;
	position: relative;
}

.footer_desk .footer_cont div.footer_info li {
	font-size: 16px;
	line-height: 30px;
	list-style: none;
	/* padding-top: 11px; */
}

.footer_desk .footer_cont div.footer_info li i {
	font-size: 20px;
}

.footer_desk .footer_cont div.footer_info a {
	text-decoration: none;
	color: #FFF;
	font-family: Roboto;
}

/* .nav_movil {
	display: none;
} */

/* .footer_movil {
	display: none;
} */

/* Mobile */
.footer_cont_movil {
	/*	text-align: justify;*/
	display: flex;
	justify-content: left;
	flex-flow: row wrap;
	padding: 0 80px;
	/* width: 97% !important; */
	text-align: left !important;
	padding: 0 5px;
	display: none;
	overflow: hidden;
}

.footer_cont_movil>div {
	display: inline-block;
	width: 16%;
	margin-bottom: 6px;
	margin-right: 50px;
	margin-left: 30px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.footer_cont_movil ul {
	width: 100%;
	padding: 0;
	margin-block-start: 0em;
	line-height: 30px;
}

.footer_cont_movil li {
	list-style: none;
	padding-top: 8px;
	padding-left: 15px;
	font-size: 14px !important;
}

.footer_cont_movil a {
	text-decoration: none;
	color: #FFF;
	font-size: 16px;
}

.footer_movil div.socialNetwork {
	display: flex;
	justify-content: center;
	padding: 15px 0 20px;
}

.footer_movil div.socialNetwork a {
	color: #FFF;
	font-size: 24px;
}

.footer_movil div.socialNetwork a:nth-child(2) {
	margin-left: 15px;
}

.footer_movil {
	display: none;
}

.footer_movil div.logoF {
	padding: 20px 5% 11px;
}

.footer_movil div.logoF img {
	width: 55px;
}

footer>#firma {
	font-size: 14px;
	width: 100%;
	max-width: 1140px;
	padding: 8px 0;
	justify-content: flex-start !important;
}

/* Small cellphones */
@media screen and (max-width: 375px) {
	div.footer_desk {
		display: none;
	}

	div.footer_movil {
		background-color: #232322;
		display: block;
		position: relative;
		z-index: 1;
	}

	footer>#firma {
		padding: 11px 5%;
		width: 100%;
	}

	footer>#firma div {
		font-size: 10px;
	}

	.collapsible {
		color: #FFF;
		cursor: pointer;
		padding: 11px 5%;
		width: 100%;
		border-bottom: 1px solid #ffffff5e;
		text-align: left;
		line-height: 24px;
		outline: none;
		font-size: 16px;
		display: flex;
		justify-content: space-between;
		font-weight: 700;
		align-items: center;
		font-family: "Roboto", serif;
	}
}

/* Big smartphones */
@media screen and (min-width: 375px) and (max-width: 480px) {
	div.footer_desk {
		display: none;
	}

	div.footer_movil {
		display: block;
		position: relative;
		z-index: 1;
		background-color: #232322;
	}

	footer>#firma {
		padding: 11px 5%;
		width: 100%;
	}

	footer>#firma div {
		font-size: 10px;
	}

	.collapsible {
		background-color: #232322;
		color: #FFF;
		cursor: pointer;
		padding: 20px 5% 11px;
		width: 100%;
		border-bottom: 1px solid #ffffff5e;
		text-align: left;
		line-height: 24px;
		outline: none;
		font-size: 16px;
		display: flex;
		justify-content: space-between;
		font-weight: 700;
		align-items: center;
		font-family: "Roboto", serif;
	}
}

/* Small tablets */
@media screen and (min-width: 480px) and (max-width: 720px) {
	.footer_desk .footer_cont {
		width: 95%;
	}

	.footer_desk .footer_cont div.footer_info label {
		font-size: 16px;
	}

	.footer_desk .footer_cont div.footer_info li {
		font-size: 1.6vw;
	}

	.footer_desk .footer_cont div.footer_info a {
		font-weight: 400;
	}

	footer>#firma {
		width: 95%;
		font-size: 14px;
	}

	.collapsible {
		background-color: #232322;
		color: #FFF;
		cursor: pointer;
		padding: 20px 11px 11px;
		width: 100%;
		border-bottom: 1px solid #ffffff5e;
		text-align: left;
		line-height: 24px;
		outline: none;
		display: flex;
		justify-content: space-between;
		font-weight: 700;
		align-items: center;
		font-family: "Roboto", serif;
	}
}

/* Big Tablets */
@media screen and (min-width: 720px) and (max-width: 1024px) {
	.footer_desk .footer_cont {
		width: 95%;
	}

	.footer_desk .footer_cont div.footer_info label {
		font-size: 16px;
	}

	.footer_desk .footer_cont div.footer_info li {
		font-size: 1.6vw;
	}

	.footer_desk .footer_cont div.footer_info a {
		font-weight: 400;
	}

	footer>#firma {
		width: 95%;
		font-size: 14px;
	}

	.collapsible {
		background-color: #232322;
		color: #FFF;
		cursor: pointer;
		padding: 20px 11px 11px;
		width: 100%;
		border-bottom: 1px solid #ffffff5e;
		text-align: left;
		line-height: 24px;
		outline: none;
		display: flex;
		justify-content: space-between;
		font-weight: 700;
		align-items: center;
		font-family: "Roboto", serif;
	}
}

/* Small PCs */
@media screen and (min-width: 1024px) and (max-width: 1650px) {}

/* Big PCs */
@media screen and (min-width: 1650px) {}

/* ========= END:: FOOTER ========= */


/* ========= START:: MINIATURES VIEW ========= */

/* .mini {
	-webkit-box-shadow: 0 0 8px 3px #d8d8d8;
	-moz-box-shadow: 0 0 8px 3px #d8d8d8;
	-ms-box-shadow: 0 0 8px 3px #d8d8d8;
	-o-box-shadow: 0 0 8px 3px #d8d8d8;
	box-shadow: 0 0 8px 3px #d8d8d8;

	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
} */

/* .mini:hover {

	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-ms-transform: scale(1.01);
	-o-transform: scale(1.01);
	transform: scale(1.01);
} */

.mini p {
	color: #FFF;
	background: #323E48;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	font-size: 16px;
	font-family: "Roboto", serif;
	font-weight: 300;
	font-style: normal;
	border-radius: 0 0 8px 8px;
}

/* .mini p span {
	font-weight: 700;
} */

.minis_desk {
	/*	text-align: justify;*/
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	/* padding: 0 30px; */
}

.minis_desk>div {
	display: inline-block;
	width: 23%;
	margin: 5px;
	border-radius: 0 0 8px 8px;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	/* -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box; */
}

.mini img {
	width: 100%;
	height: auto;
}

.item-option {
	margin: 0;
}

/* Small cellphones */
@media screen and (max-width: 375px) {
	.minis_desk {
		justify-content: space-between;
	}

	.minis_desk>div {
		width: 46%;
		margin: 0 5px;
	}

	.mini p {
		font-size: 15px;
		padding: 5px 0;
	}

	.minis_mob .mini {
		box-shadow: none !important;
		border: 1px solid #e1e1e1;
	}

	.minis_desk>div {
		margin-bottom: 25px;
	}
}

/* Big smartphones */
@media screen and (min-width: 375px) and (max-width: 480px) {
	.minis_desk {
		justify-content: space-between;
	}

	.minis_desk>div {
		width: 48%;
		margin: 0;
	}

	.mini p {
		font-size: 15px;
		padding: 5px 0;
	}

	.minis_mob .mini {
		box-shadow: none !important;
		border: 1px solid #e1e1e1;
	}

	.minis_desk>div {
		margin-bottom: 25px;
	}
}

@media screen and (min-width: 480px) and (max-width: 720px) {
	.mini p {
		font-size: 15px;
	}

	.minis_desk {
		width: 95%;
	}

	.minis_desk>div {
		width: 47%;
	}
}

@media screen and (min-width: 720px) and (max-width: 1024px) {
	.mini p {
		font-size: 15px;
	}

	.minis_desk {
		width: 95%;
	}

	.minis_desk>div {
		width: 48%;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1650px) {}

@media screen and (min-width: 1650px) {}

/* ========= END:: MINIATURES VIEW ========= */


/* ========= START:: UI/UX ELEMENTS ========= */

.mainDropdown {
	display: none;
	position: absolute;
	width: max-content;
	top: 10px;
	cursor: pointer;
	-webkit-transition: all .25s;
	transition: all .25s;
}

.medium-size {
	min-width: 180px;
}

.linkDropdown:hover>.mainDropdown {
	display: block;
}

.mainDropdown ul {
	list-style: none;
	/* padding: 0; */
	/* margin: 0; */
	padding: 10px 0 0;
}

.mainDropdown li {
	background: #D9D9D9;
	padding: 10px 20px 0px;
}

.mainDropdown li:last-child {
	border-radius: 0 0 6px 6px;
}

.mainDropdown li:hover {
	background: #F0F0F0;
}

.mainDropdown li>a {
	display: block !important;
	width: 100% !important;
	padding: 0 0 10px !important;
	color: #5B676F !important;
}

/* MODALS */

#wrapper .overlay {
	background-color: rgba(0, 0, 0, 0.75);
	width: 100%;
	height: 100%;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	transition: opacity 250ms ease;
	z-index: -1;
}

#wrapper .overlay.visible {
	opacity: 1;
}

/* Modal Public Price */

.modal {
	visibility: visible;
	width: 65%;
	max-width: 65%;
	position: fixed;
	top: 60vh;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px 15px 15px;
	background: white;
	border-radius: 10px;
	opacity: 1;
	transition: 0.2s ease-out;
	box-shadow: -2rem 2rem 2rem rgba(0, 0, 0, 0.2);
	z-index: 99999;
}

.modal.off {
	opacity: 0;
	visibility: hidden;
	filter: blur(8px);
	transform: scale(0.33);
	box-shadow: 1rem 0 0 rgba(0, 0, 0, 0.2);
}

.modal>div:first-child {
	position: relative;
}

.modal div:first-child span#closeModalPDF {
	position: absolute;
	right: -5px;
	top: -10px;
	cursor: pointer;
}

.modal .content {
	display: flex;
	flex-wrap: wrap;
	margin-top: 25px;
}

.modal .content div:nth-child(1) {
	width: 40%;
	display: flex;
	justify-content: center;
}

.modal .content div:nth-child(1) img {
	width: auto;
	max-width: 350px;
}

.modal .content div:nth-child(2) {
	width: 60%;
}

.modal .content div:nth-child(2) h2 {
	font-size: 32px;
	font-weight: 400;
	margin: 0;
}

.modal .content div:nth-child(2) ul {
	font-size: 14px;
	padding: 0 25px 0 25px;
	margin: 20px 60px 25px 0;
	color: #212322;
	list-style-image: url('../images/icons/check.svg');
}

.modal .content div:nth-child(2) ul li {
	line-height: 20px;
	font-size: 16px;
}

.modal .content div:nth-child(2) ul li a {
	color: blue;
	text-decoration: none;
}

.modal .content div:nth-child(2) p.infoModal {
	font-weight: bold;
	font-size: 16px;
}

.modal .content div:nth-child(2) p.infoModal span {
	color: #FF6720;
}

.modal .content div:nth-child(2) div:last-child {
	margin-top: 35px;
}

.modal .content div:nth-child(2) a.buttonDownload {
	border-radius: 6px;
	background-color: #FF6020;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	width: 65%;
	/* box-shadow: rgb(0 0 0 / 40%) 0px 2px 2px 0px; */
	font-size: 14px;
	font-family: "Roboto", serif;
	text-decoration: none;
}

.modal .actions {
	background: #eee;
	padding: 0.5rem 1rem;
}

.modal .actions button {
	border: 0;
	background: #78f89f;
	border-radius: 5px;
	padding: 0.5rem 1rem;
	font-size: 0.8rem;
	line-height: 1;
}

.modal div:first-child span#closeModalRefPDF {
	position: absolute;
	right: -5px;
	top: -10px;
	cursor: pointer;
}

/* Modal Refacciones */
/*
div#modalRef {
	visibility: visible;
	width: 60vh;
	max-width: 65%;
	position: fixed;
	top: 40vh;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px 15px 15px;
	background: white;
	border-radius: 10px;
	opacity: 1;
	transition: 0.2s ease-out;
	box-shadow: -2rem 2rem 2rem rgba(0, 0, 0, 0.2);
	z-index: 99999;
}

div#modalRef.off {
	opacity: 0;
	visibility: hidden;
	filter: blur(8px);
	transform: scale(0.33);
	box-shadow: 1rem 0 0 rgba(0, 0, 0, 0.2);
}

div#modalRef>div:first-child {
	position: relative;
}

.modal div:first-child span#closeModalRefPDF {
	position: absolute;
	right: -5px;
	top: -10px;
	cursor: pointer;
}

div#modalRef .content {
	display: flex;
	flex-wrap: wrap;
	margin: 15px 25px;
	padding: 0 20px;
}

div#modalRef .content div:nth-child(1) {
	width: 100%;
	justify-content: flex-start;
	flex-wrap: wrap;
}

div#modalRef .content div:nth-child(1) h2 {
	font-size: 32px;
	font-weight: 400;
	margin: 0;
	width: 100%;
}

div#modalRef .content div:nth-child(1) h3 {
	width: 100%;
	font-size: 16px;
	margin: 0;
	padding: 0
}

div#modalRef .content div:nth-child(1) p {
	font-size: 16px;
	color: #212322;
	padding: 15px 0 0;
}

div#modalRef .content div:nth-child(1) ul {
	width: 100%;
	font-size: 14px;
	padding: 0 25px 0 25px;
	margin: 20px 60px 25px 0;
	color: #212322;
	list-style-image: url('../images/icons/check.svg');
}

div#modalRef .content div:nth-child(1) ul li {
	line-height: 30px;
	font-size: 16px;
}

div#modalRef .content div:nth-child(1) ul li a {
	color: blue;
	text-decoration: none;
}

div#modalRef .content div:nth-child(1) p.infoModal {
	font-weight: bold;
	font-size: 16px;
	width: 100%;
}

div#modalRef .content div:nth-child(1) p.infoModal span {
	color: #FF6720;
}

div#modalRef .content div:nth-child(2) {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 0;
}

div#modalRef .content div:nth-child(2) div.buttonswborder {
	width: 48%;
	max-width: 440px;
	border-radius: 8px;
	border: 1px solid #6F7A83;
	display: flex;
	flex-wrap: nowrap;
}

div#modalRef .content div:nth-child(2) div.buttonswborder div:first-child {
	width: 35%;
	display: flex;
	justify-content: center;
	align-items: center;
}

div#modalRef .content div:nth-child(2) div.buttonswborder div:first-child>img {
	width: 200px;
	height: 200px;
	max-width: 200px;
	max-height: 200px;
}

div#modalRef .content div:nth-child(2) div.buttonswborder div:last-child {
	width: 65%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0 5px;
}

div#modalRef .content div:nth-child(2) div.buttonswborder div>div a.buttonDownload {
	margin-top: 15px;
	border-radius: 6px;
	background-color: #FF6020;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	width: 100%;
	/* box-shadow: rgb(0 0 0 / 40%) 0px 2px 2px 0px; */
/*font-size: 14px;
	font-family: "Roboto", serif;
	text-decoration: none;
	text-align: center;
}

div#modalRef .content div:nth-child(2) div.buttonswborder div:last-child div>p span {
	color: #FF6020;
}

div#modalRef .actions {
	background: #eee;
	padding: 0.5rem 1rem;
}

div#modalRef .actions button {
	border: 0;
	background: #78f89f;
	border-radius: 5px;
	padding: 0.5rem 1rem;
	font-size: 0.8rem;
	line-height: 1;
}*/

/* Download Progress */

.statusDownload {
	width: 25%;
	position: fixed;
	bottom: 5%;
	right: 2%;
	padding: 15px;
	border-radius: 10px;
	background-color: white;
	display: none;
}

.statusDownload div.contentProgressDownload {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.statusDownload div.contentProgressDownload>div {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}

.statusDownload div.contentProgressDownload>div:nth-child(1) {
	width: 70%;
}

.statusDownload div.contentProgressDownload>div:nth-child(2) {
	width: 15%;
}

.statusDownload div.contentProgressDownload>div.progress {
	position: relative;
	width: 100%;
	height: 15px;
	margin: 10px 0 0;
	background-color: #e2e2e2;
	border-radius: 40px;
	box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

.statusDownload div.contentProgressDownload>div.progress .bar {
	position: absolute;
	border-radius: 40px;
	height: 100%;
	width: 0%;
	background-color: #ff6720;
}

/* Triangle Icon */
.triangle_top {
	background: url(../images/up.svg) no-repeat;
	background-size: contain;
	background-position: center;
	height: 11px;
	width: 11px;
}

.triangle_bottom {
	background: url(../images/down.svg) no-repeat;
	background-size: contain;
	background-position: center;
	height: 11px;
	width: 11px;
}

/* Small cellphones */
@media screen and (max-width: 375px) {

	.triangle_top,
	.triangle_bottom {
		width: 11px;
		height: 11px;
	}

	.modal .content div:nth-child(2) h2 {
		font-size: 22px;
	}

	.modal .content div:nth-child(2) ul {
		padding: 15px 0 20px 25px;
		margin: 0;
	}

	div#modalRef {
		top: 50%;
		width: 80vh;
		max-width: 80%;
		max-height: 90vh;
		overflow-y: auto;
	}

	.modal div:first-child span#closeModalRefPDF {
		right: -10px;
		top: -18px;
	}

	div#modalRef .content {
		margin: 0;
		padding: 0;
	}

	div#modalRef .content div:nth-child(2) {
		flex-wrap: wrap;
		width: 100%;
	}

	div#modalRef .content div:nth-child(1) h2 {
		font-size: 20px;
		margin: 10px 0;
	}

	div#modalRef .content div:nth-child(1) h3 {
		font-size: 14px;
		width: 85%;
	}

	div#modalRef .content div:nth-child(1) p {
		font-size: 14px;
		padding: 0;
		margin: 0 !important;
		width: 85% !important;
	}

	div#modalRef .content div:nth-child(1) ul li {
		font-size: 14px;
		line-height: normal;
	}

	div#modalRef .content div:nth-child(1) ul li:not(:first-child) {
		margin-top: 10px;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder {
		width: 100%;
		flex-wrap: wrap;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder:first-child {
		margin-bottom: 15px;
	}

	div#modalRef .content div:nth-child(1) ul {
		padding: 0 10px 0 10px;
		margin: 10px 0 10px 20px;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder div:first-child {
		width: 100%;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder div:last-child {
		width: 100% !important;
		max-width: -webkit-fill-available !important;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder div:first-child>img {
		width: 40%;
		height: auto;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder div>div button {
		margin: 5px 0 10px;
		height: 40px;
		width: 75%;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder div>div a.buttonDownload {
		margin: 5px 0;
		width: 86%;
		height: 30px;
	}
}

/* Big smartphones */
@media screen and (min-width: 375px) and (max-width: 480px) {

	.triangle_top,
	.triangle_bottom {
		width: 11px;
		height: 11px;
	}

	.modal {
		top: 50% !important;
		width: 80vh !important;
		max-width: 80% !important;
		max-height: 90vh !important;
		overflow-y: auto !important;
	}

	.modal .content div:nth-child(2) h2 {
		font-size: 22px;
	}

	.modal .content div:nth-child(2) ul {
		padding: 15px 0 20px 25px;
		margin: 0;
	}

	div#modalRef {
		top: 50%;
		width: 80vh;
		max-width: 80%;
		max-height: 90vh;
		overflow-y: auto;
	}

	.modal div:first-child span#closeModalRefPDF {
		right: -10px;
		top: -18px;
	}

	div#modalRef .content {
		margin: 0;
		padding: 0;
	}

	div#modalRef .content div:nth-child(2) {
		flex-wrap: wrap;
		width: 100%;
	}

	div#modalRef .content div:nth-child(1) h2 {
		font-size: 20px;
		margin: 10px 0;
	}

	div#modalRef .content div:nth-child(1) h3 {
		font-size: 14px;
		width: 85%;
	}

	div#modalRef .content div:nth-child(1) p {
		font-size: 14px;
		padding: 0;
		margin: 0 !important;
		width: 85% !important;
	}

	div#modalRef .content div:nth-child(1) ul li {
		font-size: 14px;
		line-height: normal;
	}

	div#modalRef .content div:nth-child(1) ul li:not(:first-child) {
		margin-top: 10px;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder {
		width: 100%;
		flex-wrap: wrap;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder:first-child {
		margin-bottom: 15px;
	}

	div#modalRef .content div:nth-child(1) ul {
		padding: 0 10px 0 10px;
		margin: 10px 0 10px 20px;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder div:first-child {
		width: 100%;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder div:last-child {
		width: 100% !important;
		max-width: -webkit-fill-available !important;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder div:first-child>img {
		width: 40%;
		height: auto;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder div>div button {
		margin: 5px 0 10px;
		height: 40px;
		width: 75%;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder div>div a.buttonDownload {
		margin: 5px 0;
		width: 86%;
		height: 30px;
	}
}

/* Small tablets */
@media screen and (min-width: 480px) and (max-width: 720px) {
	.modal {
		width: 65%;
		max-width: 90%;
	}

	.modal .content {
		background-color: white;
	}

	div#modalRef {
		top: 50%;
		width: 80vh;
		max-width: 80%;
		max-height: 90vh;
		overflow-y: auto;
	}

	.modal div:first-child span#closeModalRefPDF {
		right: -10px;
		top: -18px;
	}

	div#modalRef .content {
		margin: 0;
		padding: 0;
	}

	div#modalRef .content div:nth-child(2) {
		flex-wrap: wrap;
		width: 100%;
	}

	div#modalRef .content div:nth-child(1) h2 {
		font-size: 20px;
		margin: 10px 0;
	}

	div#modalRef .content div:nth-child(1) h3 {
		font-size: 14px;
		width: 85%;
	}

	div#modalRef .content div:nth-child(1) p {
		font-size: 14px;
		padding: 0;
		margin: 0 !important;
		width: 85% !important;
	}

	div#modalRef .content div:nth-child(1) ul li {
		font-size: 14px;
		line-height: normal;
	}

	div#modalRef .content div:nth-child(1) ul li:not(:first-child) {
		margin-top: 10px;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder {
		width: 100%;
		flex-wrap: wrap;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder:first-child {
		margin-bottom: 15px;
	}

	div#modalRef .content div:nth-child(1) ul {
		padding: 0 10px 0 10px;
		margin: 10px 0 10px 20px;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder div:first-child {
		width: 100%;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder div:last-child {
		width: 100% !important;
		max-width: -webkit-fill-available !important;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder div:first-child>img {
		width: 40%;
		height: auto;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder div>div button {
		margin: 5px 0 10px;
		height: 40px;
		width: 75%;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder div>div a.buttonDownload {
		margin: 5px 0;
		width: 86%;
		height: 30px;
	}
}

/* Big Tablets */
@media screen and (min-width: 720px) and (max-width: 1024px) {
	.modal {
		width: 65%;
		max-width: 90%;
	}

	.modal .content {
		background-color: white;
	}

	div#modalRef {
		top: 50%;
		width: 80vh;
		max-width: 80%;
		max-height: 90vh;
		overflow-y: auto;
	}

	.modal div:first-child span#closeModalRefPDF {
		right: -10px;
		top: -18px;
	}

	div#modalRef .content {
		margin: 0;
		padding: 0;
	}

	div#modalRef .content div:nth-child(2) {
		width: 100%;
		justify-content: center;
		flex-wrap: wrap;
	}

	div#modalRef .content div:nth-child(1) h2 {
		font-size: 20px;
		margin: 10px 0;
	}

	div#modalRef .content div:nth-child(1) h3 {
		font-size: 14px;
		width: 85%;
	}

	div#modalRef .content div:nth-child(1) p {
		font-size: 14px;
		padding: 0;
		margin: 0 !important;
		width: 85% !important;
	}

	div#modalRef .content div:nth-child(1) ul li {
		font-size: 14px;
		line-height: normal;
	}

	div#modalRef .content div:nth-child(1) ul li:not(:first-child) {
		margin-top: 10px;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder {
		width: 100%;
		flex-wrap: wrap;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder:first-child {
		margin-bottom: 15px;
	}

	div#modalRef .content div:nth-child(1) ul {
		padding: 0 10px 0 10px;
		margin: 10px 0 10px 20px;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder div:first-child {
		width: 100%;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder div:last-child {
		width: 100% !important;
		max-width: -webkit-fill-available !important;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder div:first-child>img {
		width: 40%;
		height: auto;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder div>div button {
		margin: 5px 0 10px;
		height: 40px;
		width: 75%;
	}

	div#modalRef .content div:nth-child(2) div.buttonswborder div>div a.buttonDownload {
		margin: 5px 0;
		width: 86%;
		height: 30px;
	}
}

/* Small PCs */
@media screen and (min-width: 1024px) and (max-width: 1650px) {
	.modal {
		width: 60vw;
	}

	div#modalRef {
		width: 60vw;
	}
}

/* Big PCs */
@media screen and (min-width: 1650px) {
	.modal {
		width: 60vw;
	}

	div#modalRef {
		width: 60vw;
		max-width: 60vw;
	}
}

/* ========= END:: CONTENT ========= */

.indice {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 22px;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 15px;
	text-align: right;
	/* margin-top: 5px; */
	/* margin-bottom: 5px; */
}

.indice-mob {
	display: none !important;
}

.indice .marca {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	min-width: 35px;
	height: 30px;
	text-align: center;
	/*	border-left: 2px solid #f1f1f1;*/
	overflow: hidden;
	padding: 0 8px;
	box-sizing: border-box;
}

.indice .marca.FS {
	width: 70px;
}

.indice .marca img {
	width: 100%;
}

.indice .T {
	background-color: #ff6720;
}

.indice .FS {
	background-color: #005cb9;
}

.indice .FR {
	background-color: rgba(216, 1, 66, 1.00);
}

.indice .H {
	background-color: rgba(203, 1, 64, 1.00);
}

.indice .K {
	background-color: rgba(0, 197, 182, 1.00);
}

.indice .V {
	background-color: rgba(6, 14, 159, 1.00);
	border-left: 3px solid #f1f1f1;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.indice .VL {
	background-color: rgba(6, 14, 159, 1.00);
	border-left: 3px solid #f1f1f1;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.indice .titulo_indice {
	font-size: 19px;
	color: #f1f1f1;
	margin-right: 15px;
	font-weight: bold;
	padding-right: 25px;
	padding-left: 25px;
	min-height: 30px;
	line-height: 28px;
}

/* ZOOM */
/* .zoom {
	display: block;
	z-index: 1;
	background-color: #FF9800;
	padding: 10px;
	position: sticky;
	position: -webkit-sticky;
	top: 125px;
	margin-top: -10px;
	width: 103px;
}

.zoom>a {
	margin: 0 10px;
	color: aliceblue;
	text-decoration: none;
	text-align: center;
}

.zoom .disabled {
	font-size: 12px !important;
} */

/* END ZOOM */

/* .paginacion-minis {
	width: 100%;
	max-width: 1140px;
	position: fixed;
	top: 45%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.paginacion-minis>span.anterior,
.paginacion-minis>span.siguiente {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 60px;
	background: rgba(0, 0, 0, .4);
	overflow: hidden;
}

.paginacion-minis>span.anterior a,
.paginacion-minis>span.siguiente a {
	display: block;
	color: #fff;
	font-size: 18px;
	padding: 30px 20px;

	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.paginacion-minis>span.anterior a:hover,
.paginacion-minis>span.siguiente a:hover {
	background: rgba(255, 102, 0, 0.75);
} */



/* .control {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 55px;
	color: #191818;
	padding: 0;
}

.control div.indexAndView {
	width: 55%;
	display: flex;
	justify-content: space-evenly;
	position: absolute;
	left: 15px;
}

.control div.indexAndView span {
	height: 20px;
	border-right: 0.15em solid #ff6720;
} */

/* .control div.indexAndView .link_navigation {
	margin: 0 4px;
} */

/* .control div.downloadCatalogueButtonSpace a.downloadCatalogueButton {
	background-color: #032b4bc9;
	color: #fff;
	padding: 10px 60px;
	border-radius: 5px;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.control div.downloadCatalogueButtonSpace a.downloadCatalogueButton span {
	margin-left: 5px;
}

.control div a {
	cursor: pointer;
	text-decoration: none;
	color: #191818;
	font-size: 14px !important;

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.control div a:hover {
	color: #ff6720;
}

.control .link_brand>a::after,
.control .link_minis>a::after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 5px solid #ff6720;
	margin-left: 5px
}

.control .linkDropdown {
	position: relative;
} */

.disabledPag {
	color: #e1e1e1 !important;
	cursor: no-drop !important;
}

/* END HEADER */

/*   PAGINA CATALOGO   */

.notaSinPrecio {
	padding: 10px 30px;
	background: #fbe6d4;
	color: #353535;
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px;
}

.notaSinPrecio b {
	font-weight: 700;
}

.bgNota {
	background: #FFF4DB !important;
}

table,
table.modulos {
	/* width: 95%; */
	margin: auto;
	border-spacing: 0;
	border-collapse: collapse;
}

table.modulos td {
	vertical-align: top;
	align-items: stretch;
	padding: 0;
}

table.modulos img {
	width: 100%;

	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

table.modulos img:hover {

	-webkit-transform: scale(1.008);
	-moz-transform: scale(1.008);
	-ms-transform: scale(1.008);
	-o-transform: scale(1.008);
	transform: scale(1.008);
}

.modulos td>div {
	position: relative;
}

.btn_portadilla {
	position: relative;
	bottom: 0;
	width: 230px;
	background: #ff6720;
	padding: 7px;
	margin: 15px auto 40px;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}

.btn_portadilla .goCatBrand {
	display: flex;
	justify-content: space-around;
	align-items: center;
	color: #fff !important;
	text-decoration: none;
	font-size: 16px;
}

.btn_ver_grande {
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.btn_ver_grande>a {
	display: block;
	background: rgba(0, 0, 0, .5);
	padding: 5px;
	width: auto !important;
	text-decoration: none;
	color: #fff;
	font-size: 22px;

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.btn_ver_grande>a:hover {
	background: rgba(255, 102, 0, .9);
}

.btn_play_video>a {
	display: block;
	background: rgb(0 0 0 / 0%);
	padding: 0;
	width: auto !important;
	text-decoration: none;
	color: #fff;
	/* font-size: 25px; */
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.btn_info>a {
	display: block;
	/* background: rgba(0, 0, 0, .5); */
	width: auto !important;
	text-decoration: none;
	color: #fff;
	/* font-size: 25px; */
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

/* Small cellphones */
@media screen and (max-width: 375px) {

	.btn_ver_grande>a,
	.btn_ver_grande>a:hover {
		border-radius: 0;
		background: rgba(0, 0, 0, .5);
		padding: 4px 5px !important;
		width: auto !important;
		font-size: 12px;
	}
}

/* Big smartphones */
@media screen and (min-width: 375px) and (max-width: 480px) {

	.btn_ver_grande>a,
	.btn_ver_grande>a:hover {
		border-radius: 0;
		background: rgba(0, 0, 0, .5);
		padding: 4px 5px !important;
		width: auto !important;
		font-size: 12px;
	}
}

/* Small tablets */
@media screen and (min-width: 480px) and (max-width: 720px) {

	.btn_ver_grande>a,
	.btn_ver_grande>a:hover {
		border-radius: 0;
		background: rgba(0, 0, 0, .5);
		padding: 4px 5px !important;
		width: auto !important;
		font-size: 12px;
	}
}

/* Big Tablets */
@media screen and (min-width: 720px) and (max-width: 1024px) {}

/* Small PCs */
@media screen and (min-width: 1024px) and (max-width: 1650px) {}

/* Big PCs */
@media screen and (min-width: 1650px) {}



/*  END PAGINA CATALOGO   */

/* PORTADA */
.content-portada {
	width: 100%;
	margin-top: 0px;
	font-size: 0;
}

.content-portada img {
	width: 100%;
}

.notaPortada {
	display: none;
}

/* END PORTADA */


/* TABLA RESULTADOS (BUSCADOR) */

.container_busqueda {
	width: 100%;
	min-height: 600px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	/* padding: 0 30px; */
}

.container_busqueda .filter_search {
	width: 15%;
	padding: 0 20px 0 0;
}

.container_busqueda .tabla_resultados {
	overflow-x: auto;
	width: 100%;
}

.container_busqueda .table_search {
	width: 100%;
	/* padding: 0 30px; */
}

.container_busqueda .filterCheckbox {
	display: none;
}

.container_busqueda .filterCheckbox+label:before {
	content: "";
	width: 15px;
	height: 15px;
	display: inline-flex;
	border: 1px solid #808080dd;
	border-radius: 3px;
	position: relative;
	left: 0;
}

.container_busqueda .filterCheckbox:checked+label::before {
	content: "✓";
	font-size: 14px;
	color: #fff;
	background-color: #ff6720;
	width: 15px;
	height: 15px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #80808036;
	border-radius: 3px;
	position: relative;
	left: 0;
}

@media screen and (max-width: 375px) {

	table,
	table.modulos {
		width: 90%;
	}

	.container_busqueda .filter_search {
		width: 100%;
		padding: 0;
	}
}

@media screen and (min-width: 375px) and (max-width: 480px) {

	table,
	table.modulos {
		width: 90%;
	}

	.container_busqueda .filter_search {
		width: 100%;
		padding: 0;
	}
}

@media screen and (min-width: 480px) and (max-width: 720px) {
	.container_busqueda .table_search {
		width: 95%;
	}

	.container_busqueda .filter_search {
		width: 100%;
		padding: 0;
	}
}

@media screen and (min-width: 720px) and (max-width: 1024px) {
	.container_busqueda .table_search {
		width: 95%;
	}
}

.nueva_busq {
	margin: 60px 0;
}

.nueva_busq form {
	margin: 0 auto;
	position: relative;
	width: 100%;
	max-width: 550px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.nueva_busq form input[type=text] {
	outline: 0;
	box-shadow: 0;
	-webkit-box-shadow: 0;
	border: 1px solid #d1d1d1;
	background: #FFF;
	width: 100%;
	height: 50px;
	padding: 0 60px 0 20px;
	color: #999;
	font-size: 18px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;

	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

/* .nueva_busq form input[type=text]::placeholder {
	color: #c3c3c3;
	font-size: 18px;
} */

.nueva_busq form input[type=text]:focus {
	color: #5c5c5c;

	-webkit-box-shadow: 0 0 8px #e1e1e1;
	-moz-box-shadow: 0 0 8px #e1e1e1;
	-ms-box-shadow: 0 0 8px #e1e1e1;
	-o-box-shadow: 0 0 8px #e1e1e1;
	box-shadow: 0 0 8px #e1e1e1;

	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
}

.nueva_busq form button {
	position: absolute;
	top: 10px;
	right: 12px;
	color: #ff6720;
	background: none;
	border: none;
	outline: 0;
	font-size: 26px;

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.nueva_busq form button:hover {
	cursor: pointer;
	color: #fc883a;
}

.nueva_busq form button:active {
	border: 0;
	box-shadow: 0;
	-webkit-box-shadow: 0;
	outline: 0;
}

/* .content_buscador {}

.brandFilter {
	margin-top: 75%;
} */

.spaceNewProductsFilter {
	margin: 15px 0 0;
	display: flex;
}

@media screen and (max-width: 720px) {
	.spaceNewProductsFilter {
		margin: 15px 0 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
}

.buttonBrandCollapsible {
	width: 100%;
	padding: 10px 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #7070703b;
	border-radius: 5px 5px 0 0;
	color: black;
	text-decoration: none;
	font-size: 14px;
	font-family: "Roboto", serif;
}

.spaceBrandCollapsible {
	display: none;
	padding: 10px 5px;
	border-right: 1px solid #7070703b;
	border-left: 1px solid #7070703b;
	border-bottom: 1px solid #7070703b;
	border-radius: 0 0 5px 5px;
	text-transform: uppercase;
}

.labelCheckbox {
	display: inline-flex;
}

.espec_busqueda {
	padding: 60px 25px 100px;
}

.content_buscador .espec_busqueda {
	text-align: center;
}

.espec_busqueda>div {
	display: block;
	color: #4b4b4b;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}

.espec_busqueda>.fa-stack {
	display: inline-block;
	color: #ff6720;
	font-size: 50px;
}

.espec_busqueda .buscword {
	display: block;
	color: #ff6601;
	font-size: 22px;
	font-weight: bold;
	font-weight: 700;
	margin-top: 20px;
}

.result_word {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 16px;
	color: #4b4b4b;
	font-weight: 700;
	margin-bottom: 15px;
	line-height: 1.5;
	/* padding: 0 25px; */
	margin-top: 20px;
}

.result_word div h5 {
	font-size: 16px;
	margin: 0;
}

.result_word div select {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 0.5px solid #D6D6D6;
	border-radius: 5px;
	opacity: 1;
	padding: 5px;
	font-size: 16px;
	color: black;
	text-decoration: none;
	margin-left: 5px;
}

.result_word div select option::selection {
	border: 1px solid orange;
}

.result_word .buscword {
	color: #ff6720;
	text-transform: uppercase;
}

.result_word .busctext {
	font-weight: normal;
	display: block;
}

.paginacion {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #ff6720;
	margin-bottom: 25px;
	padding: 0 25px;
}

.paginacion>a {
	display: inline-block;
	text-decoration: none;
	font-size: 18px;
	color: #4b4b4b;
	margin: 0 5px;

	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.paginacion>a:hover,
.paginacion>a.prev_paginacion:hover,
.paginacion>a.next_paginacion:hover {
	color: #ff6720;
}

.paginacion>a.prev_paginacion,
.paginacion>a.next_paginacion {
	color: #898989;
	padding: 0 7px;
}

.paginacion .cur_result {
	padding: 05px;
}

.tabla_resultados_mob {
	display: none;
}

.tabla_resultados table {
	width: 100%;
	border-bottom: 1px solid #f5f5f5;
}

.tabla_resultados thead {
	background: #262626;
	color: #F1F1F1;
}

.tabla_resultados tbody tr:nth-child(even) {
	background: #f5f5f5;
}

.tabla_resultados tbody tr:nth-child(even) .search-mod>img,
.tabla_resultados_mob tbody tr:nth-child(even) .search-mod>img {
	-webkit-mix-blend-mode: multiply;
	-moz-mix-blend-mode: multiply;
	-ms-mix-blend-mode: multiply;
	-o-mix-blend-mode: multiply;
	mix-blend-mode: multiply;
}

.tabla_resultados tbody tr {

	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.tabla_resultados tbody tr td a:hover {
	color: #ff6720;
}

.tabla_resultados th,
.tabla_resultados td {
	align-items: center;
	height: 45px;
	padding: 0;
	vertical-align: middle !important;
	text-align: center;
	overflow: hidden;
	font-weight: 700;
}

.tabla_resultados td.descrip {
	text-align: left;
	font-weight: 400;
}


.tabla_resultados td a {
	display: block;
	text-decoration: underline;
	color: #4b4b4b;
	width: 100%;
}

.tabla_resultados td:first-child a {
	text-decoration: none;
}

.tabla_resultados .table_numPag {
	color: #262626;
	font-size: 16px;
	font-weight: 700;
	text-decoration: underline;
	transition: all .25s;
	display: flex;
	justify-content: space-between;
	padding: 0 15px;
	height: 80px;
}

.tabla_resultados .table_numPag:hover {
	color: #ff6720;
}

.search-mod-img {
	width: 75% !important;
}

.box-split {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.box-split .is_new img {
	padding-left: 10px;
	height: 15px;
}

div#ZoomBox {
	background: #FFFFFF;
	z-index: 1;
}

div#ZoomBox img {
	padding: 10px;

	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

#ZoomClose>img:hover {
	/*	opacity: .85;*/
	transform: scale(1.1);
}

#fondoObsc {
	z-index: 1;
	padding: 0 !important;
	margin: 0 !important;
}

.text-gray {
	color: #B7B7B7;
}

/* @media (max-width: 768px) {
	.container_busqueda .filter_search {
		width: auto;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
	}
} */

/*    END TABLA RESULTADOS    */


/*    INDICE ALFABÉTICO    */

/* .up-header {
	display: none;
} */

div.prods {
	width: 100%;
	/*	margin-top:30px;*/
}

div.prods h2 {
	font-size: 26px;
	font-weight: 700;
	color: #ff6720;
	margin: 10px 0;
	/* height: 22px; */
}

.lista_indice {
	/* padding: 0 20px; */
	margin-bottom: 35px;
}

.lista_indice>ul {
	/* display: flex; */
	/* align-items: center; */
	/* flex-flow: column wrap; */
	/* columns: 3; */
	/* column-fill: unset; */
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
	column-gap: 30px;
	column-count: 3;
	column-width: 300px;
}

.lista_indice>ul li {
	width: 100%;
	padding: 13px 0;
	border-bottom: 1px solid #e1e1e1;
	display: inline-flex;
	break-inside: avoid;
	/* justify-content: space-between; */
	align-items: center;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
}

.lista_indice>ul li a {
	text-decoration: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #4b4b4b;
	font-size: 14px;
	width: 100%;
	/* padding: 0 10px; */

	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.lista_indice>ul li:hover a {
	color: #ff6720;
}

.lista_indice>ul li span.icon-small {
	height: 17px;
	width: 50px;

	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}



.lista_indice>ul li.foset span.icon-small {
	content: url('../images/iso-FOSET.svg');
}

.lista_indice>ul li.hermex span.icon-small {
	content: url('../images/iso-HERMEX.svg');
}

.lista_indice>ul li.volteck span.icon-small {
	content: url('../images/iso-VOLTECK.svg');
}

.lista_indice>ul li.truper span.icon-small {
	content: url('../images/iso-TRUPER.svg');
}

.lista_indice>ul li.fiero span.icon-small {
	content: url('../images/iso-FIERO.svg');
}

.lista_indice>ul li.pretul span.icon-small {
	content: url('../images/iso-PRETUL.svg');
}

.lista_indice>ul li.truper.pretul span.icon-small {
	content: url('../images/iso-TRUPER-PRETUL.svg');
}

.lista_indice>ul li.foset.pretul span.icon-small {
	content: url('../images/iso-FOSET_PRETUL.svg');
}

.lista_indice>ul li.voltech.pretul span.icon-small {
	content: url('../images/iso-volteck-pretul.svg');
}

.lista_indice>ul li.klintek span.icon-small {
	content: url('../images/iso-KLINTEK.svg');
}

.lista_indice>ul li.volteck-lait span.icon-small {
	content: url('../images/iso-VOLTECK_LAIT-INDICE.svg');
}

.lista_indice>ul li.voltechlaitt span.icon-small {
	content: url('../images/iso-VOLTECK_LAIT-INDICE.svg');
}

.lista_indice>ul li.truper.fiero span.icon-small {
	content: url('../images/iso-TRUPER-FIERO.svg');
}

.lista_indice>ul li.ultracraft span.icon-small {
	content: url('../images/iso-ultracraft.svg');
}

/*    END INDICE ALFABÉTICO    */


/*    VISTAS MINI    */

.dosEnDos {
	display: flex;
	justify-content: center;
	margin: 10px 0;
}

.dosEnDos>div {
	width: 48%;
	font-size: 16px;
	margin: 1%;
	border-radius: 0 0 8px 8px;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
}

.dosEnDos div:first-child,
.dosEnDos div:last-child {
	width: 10% !important;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: none;
}

.dosEnDos div:first-child {
	justify-content: flex-start;
}

.dosEnDos div:last-child {
	justify-content: flex-end;
}

@media screen and (max-width: 375px) {

	.dosEnDos div:first-child,
	.dosEnDos div:last-child {
		display: none;
	}

	.content_minis {
		margin: 10px 0;
	}
}

@media screen and (min-width: 375px) and (max-width: 480px) {

	.dosEnDos div:first-child,
	.dosEnDos div:last-child {
		display: none;
	}

	.content_minis {
		margin: 10px 0;
	}
}

@media screen and (min-width: 480px) and (max-width: 720px) {

	.dosEnDos div:first-child,
	.dosEnDos div:last-child {
		display: none;
	}

	.content_minis {
		margin: 10px 0;
		padding: 0 12.5%;
	}
}

@media screen and (min-width: 720px) and (max-width: 1024px) {

	.dosEnDos div:first-child,
	.dosEnDos div:last-child {
		display: none;
	}

	.content_minis {
		margin: 10px 0;
		padding: 0 12.5%;
	}
}


/*   MINIATURAS   */

/* .minis_mob {
	display: none;
}

.content_minis {
	padding-bottom: 50px;
} */

/* .blockPageMini {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 0 25px 25px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.blockPageMini>.btn>a {
	width: 130px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	color: #fff !important;
	text-decoration: none;
	font-size: 18px;
	background: #ff6720;
	padding: 9px;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}

.blockPageMini>.btn>a i {
	font-size: 20px;
}

.link-truper {
	text-decoration: none;
	font-size: 14px;
	color: #000;
} */

/*    END VISTAS 2 EN 2    */

/*====================================*/
/*             NOT FOUND              */
/*====================================*/

.notFound {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 25px;
	min-height: 600px;
}

.notFound>div {
	text-align: center;
}

.notFound .fa-file-alt {
	color: #ff6720;
	font-size: 100px;
	text-align: center;
}

.notFound p {
	color: #262626;
	font-size: 26px;
	text-align: center;
	font-weight: 700;
}

.notFound p:last-child {
	font-size: 20px;
	text-align: center;
	font-weight: 400;
}


/*======== PAGINACIÓN==========*/

.pagination-bottom {
	width: 100%;
	margin-top: 5px;
}

.Zebra_Pagination {
	width: 100%;
}

.Zebra_Pagination ul {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

.Zebra_Pagination ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 8px;
	border: 1px solid #00000030;
	border-radius: 4px;
	width: 20px;
	height: 20px;
}

.Zebra_Pagination ul li:first-child,
.Zebra_Pagination ul li:last-child {
	border: none;
	margin: 0;
}

.Zebra_Pagination ul li:first-child a,
.Zebra_Pagination ul li:last-child a {
	font-size: 1px;
}

.Zebra_Pagination ul li:first-child a::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f053";
	font-size: 14px;
}

.Zebra_Pagination ul li:last-child a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	font-size: 14px;
}

.Zebra_Pagination a {
	text-decoration: none;
	color: #4b4b4b;
	font-weight: 700;
	font-size: 14px;

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.Zebra_Pagination ul li span {
	color: #4b4b4b !important;
	font-size: 14px !important;
	margin: 0 !important;
}

.Zebra_Pagination li.active a {
	color: #ff6720;
}

.Zebra_Pagination li a:hover,
.Zebra_Pagination li span:hover {
	color: #ff6720;
}

.Zebra_Pagination li.disabled a {
	color: #DEDEDE;
	cursor: default;
}

@media screen and (min-width: 480px) and (max-width: 720px) {
	.Zebra_Pagination ul {
		justify-content: flex-end;
	}
}

@media screen and (min-width: 720px) and (max-width: 1024px) {
	.Zebra_Pagination ul {
		justify-content: flex-end;
	}
}


.ui-loader {
	display: none;
	visibility: hidden;
}

/* .result_word {
	font-weight: 400 !important;
} */

.result_word div span:first-child {
	text-transform: uppercase;
	color: #ff6720;
	font-weight: 700 !important;
}

/* TODO: Descomentar cuando se agreguen totales */
/* .result_word div span:last-child {
	color: #262626a5;
	font-size: 12px;
	margin-left: 5px;
} */

/********************* Search box css **********************************/

span.blank {
	padding: 0 6px;
	font-weight: 400 !important;
}

span.highlight {
	color: #060606 !important;
	padding: 0px !important;
	font-weight: 700 !important;
}

span.highlight {
	color: #ff6720 !important;
}

/* Scroll to top */
/* .scrolltop {
	display: none;
} */

.scrolltop {
	display: none;
	width: 100%;
	/* max-width: 1140px; */
	/* margin: 0 auto; */
	position: fixed;
	bottom: 2%;
	z-index: 2;
}

.scroll {
	position: fixed;
	width: 25px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 5%;
	bottom: 2%;
	background: #ff6720;
	color: #FFFFFF;
	padding: 5px 10px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	border-radius: 5px;
}

.scroll:hover .fa {
	padding-top: -10px;
}

.scroll .fa {
	margin: 0;
	font-size: 30px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

@media only screen and (max-width : 480px) {

	#modulesMobAM .descrip,
	#modulesMob .descrip,
	#modulesDesk .descrip {
		justify-content: flex-start;
		flex-direction: row;
	}
}

/* End Search Bar */

div.descrip>div {
	display: flex;
}

/* sustituye */
.replace {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 170px;
	min-height: 49px;
	text-align: center;
	margin-left: 10px;
	padding: 0 8px;
	background-color: #e7e7e9;
}

.replace>div>h5,
.replace>div>div {
	font-size: 12px;
	margin: 0 0 5px;
	color: #4b4b4b;
	font-weight: 700 !important;
	color: #4b4b4b !important;
}

/* ends sustituye */

.is_new-live {
	margin-left: 8px;
}

.is_new-live img {
	height: 15px;
}

.titleCategories {
	display: none;
	cursor: default;
	color: #262626;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 15px !important;
	margin: 0 !important;
}

div.category {
	font-size: 14px;
	box-sizing: border-box;
	height: auto !important;
	transition: all .25s;
}

div.category:hover {
	background: #f1f1f1;
}

div.category a {
	display: block;
	margin: 0 10px;
	padding: 10px 10px 10px 12px !important;
	box-sizing: border-box;
	border-bottom: 1px solid #e1e1e1;
	color: #a09c9c !important;
	text-decoration: none !important;
}

div.category a>p:hover {
	color: #ff6720;
}

div.category a>p {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

#searchAllMobAM>div,
#searchAllDesk>div,
#searchAllMob>div {
	text-align: right;
	margin: 0 10px;
	border-bottom: 1px solid #e1e1e1;
}

#sendFormDesk,
#sendFormMob {
	display: inline-block;
	border: 0;
	padding: 0;
	margin: 0;
	outline: 0;
	box-shadow: 0;
	padding: 10px 0;
	cursor: pointer;
	color: #353535;
	font-size: 14px;
	background: none !important;
	background-color: #fff;

	-webkit-appearance: inherit;
	-moz-appearance: inherit;
	-ms-appearance: inherit;
	-o-appearance: inherit;
	appearance: inherit;

	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

#sendFormDesk:hover,
#sendFormMob:hover {
	text-decoration: underline;
	color: #ff6720;
}

#searchAllMobAM i,
#searchAllDesk i,
#searchAllMob i {
	display: inline-block;
	margin: 0 10px 0 5px;
	padding: 10px 0;
	color: #ff6720;
}

/* .searchbar>form>input#buscador:focus {
	display: block;
	width: 70% !important;
} */

.footer-vin {
	height: 40px;
}

.footer-desktop {
	text-align: center;
	margin: 15px !important;
}

.footer-desktop div {
	padding: 2px;
}

.footer-mobile {
	display: none;
}

/******* FANCYBOX *******/
.fancybox-toolbar {
	display: none !important;
}

/* Buttons (Línea 307) */
.fancybox-button {
	/*    background: rgba(30, 30, 30, .6);*/
	border: 0;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	display: inline-block;
	height: 44px;
	margin: 0;
	padding: 10px;
	position: relative;
	transition: color .2s;
	vertical-align: top;
	visibility: inherit;
	width: 44px;

	background: rgba(255, 102, 0, 0.85);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
	/*    color: #ccc;*/
	color: #fff;
}

.fancybox-button:hover {
	color: #fff;
	background: rgba(255, 102, 0, 1);
}

.fancybox-button:focus {
	outline: none;
}

.fancybox-button.fancybox-focus {
	/*    outline: 1px dotted;*/
	outline: none;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
	/*    color: #888;*/
	cursor: default;
	outline: none;

	color: transparent;
	background: transparent;
	box-shadow: 0 0 5px transparent;
}


.fancybox-button--thumbs,
.fancybox-button--play {
	display: none !important;
}

.fancybox-caption {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.fancybox-caption__body {
	max-height: 50vh;
	overflow: visible !important;
	pointer-events: all;
}

.fancybox-caption__body {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-flow: row wrap;
}

/*Botón DESCARGAR MÓDULO oculto*/
/* .fancybox-caption__body>.btn-ver_ficha:last-child {
	display: none;
} */

.btn-ver_ficha {
	position: relative;
	bottom: 0;
	width: 255px;
	margin: 0 10px 10px;
	background: #ff6720;
	padding: 9px;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}

.btn-ver_ficha .ver_ficha {
	display: flex;
	justify-content: space-around;
	align-items: center;
	color: #fff !important;
	text-decoration: none;
}

.btn-ver_ficha .ver_ficha:hover {
	text-decoration: none;
}

.btn-ver_ficha .ver_ficha>div {
	font-size: 18px;
}

.btn-ver_ficha .ver_ficha>div:first-child {
	font-size: 20px;
}

.btn-ver_ficha .codes_mod {
	width: 100%;
	display: none;
	position: absolute;
	bottom: 35px;
	left: 0;
	z-index: 1;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.btn-ver_ficha .codes_mod>div {
	overflow: auto;
	margin-bottom: 10px;
	background: #fff;
	border-bottom: 1px solid #fff;

	-webkit-box-shadow: 0 0 8px #333;
	-moz-box-shadow: 0 0 8px #333;
	-ms-box-shadow: 0 0 8px #333;
	-o-box-shadow: 0 0 8px #333;
	box-shadow: 0 0 8px #333;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.btn-ver_ficha .codes_mod div::before {
	position: absolute;
	bottom: 3px;
	left: 46%;
	content: '';
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #fff;
	z-index: 1;
}

.btn-ver_ficha .codes_mod ul {
	position: relative;
	margin: 0;
	padding: 0 5px;
	list-style: none;
	text-align: center;
}

.btn-ver_ficha .codes_mod ul li {
	border-bottom: 1px solid #e1e1e1;
}

.btn-ver_ficha .codes_mod ul li:last-child {
	border-bottom: 0 !important;
}

.btn-ver_ficha ul li a {
	padding: 7px 0 !important;
	color: #353535;
	text-decoration: none;
	width: 100%;
	font-size: 14px;
}


.codes_mod ul li a {
	display: inline-block;
	padding: 7px 0 !important;
	color: #353535;
	text-decoration: none;
	width: 100%;
	font-size: 14px;
}

.btn-ver_ficha .codes_mod ul li a:hover {
	color: #ff6720;
}

.btn-ver_ficha .codes_mod ul li a .code {
	display: block;
}

.btn-ver_ficha .codes_mod ul li a .sku {
	display: block;
	font-size: 12px;
}

/******* END FANCYBOX *******/

/********************* Here ends Search box css **********************************/

.hidden {
	display: none;
}

#codesMod>div::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	/*	border-radius: 10px;*/
	/*	background-color: #F5F5F5;*/
}

#codesMod>div::-webkit-scrollbar {
	width: 8px;
	/*	background-color: #F5F5F5;*/
}

#codesMod>div::-webkit-scrollbar-thumb {
	border-radius: 0 5px 5px 0;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #ff6720;
}

/* .link_navigation a {
	font-weight: bold;
} */

/*====================================*/
/*               MOBILE               */
/*====================================*/
/*  RESPONSIVE  */
@media (max-width: 768px) {

	/* body {
		background: #FFF;
	}

	#wrapper {
		box-shadow: none;
	} */

	/* HEADER */

	/* .headerMenuActive {
		display: block;
	}

	.link_navigation {
		border-bottom: 1px solid #7b777757;
	}

	.link_navigation a {
		font-weight: 500;
	}

	.containerLiveSearchMob {
		display: block;
		top: 45px;
	}

	.containerLiveSearchMobAM {
		display: block;
		top: 50px !important;
	}

	.zoom {
		display: none;
	}

	.indice-mob {
		display: flex !important;
		justify-content: flex-end !important;
		align-items: stretch;
		margin: 2px 0 4px;
	}

	.indice-mob>.titulo_indice,
	.indice-2>.titulo_indice-2 {
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		color: #262626;
		font-weight: 700;
		font-size: 14px;
		border-bottom: 5px solid #e3e4e7;
		width: 87%;
		height: auto !important;
		max-height: auto;
		padding: 3px 10px;
		margin: 0;
		box-sizing: border-box;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}

	.indice-mob .marca,
	.indice-2 .letra {
		width: auto;
		min-width: 35px;
		max-width: 65px;
		min-height: 35px;
		font-size: 12px;
		box-sizing: border-box;
	}

	.indice-mob .marca.FS,
	.indice-2 .letra.fs {
		width: 35px !important;
		padding: 0 !important;
		height: auto;
		min-height: 35px;
	}

	.indice-mob .marca img,
	.indice-2 .letra.fs img {
		width: 70%;
	}

	.indice-2 .box-title {
		font-size: 14px !important;
		max-width: 110px;
		padding: 5px;
	} */

	/* nav {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: center;
		height: 50px;
		padding: 0 20px;
		position: relative sticky;
		position: -webkit-sticky;
		top: 50px;
		margin-bottom: 15px;
	} */

	/* .nav_movil {
		margin-bottom: 2px !important;
		padding: 1px 10px !important;
		height: 55px !important;
		display: block !important;
		position: sticky;
		z-index: 1;
		top: 105px;
	} */



	/* .control {
		display: none;
		position: absolute;
		top: 90px;
		left: 0;
		background: #F8F7F7;
		z-index: 1;
		box-shadow: 0 0 15px #353535;
		width: 100%;
		max-width: 480px;
		height: auto;
		max-height: 650px;
		overflow-y: scroll;
		overflow-x: hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	} */

	/* .control_movil div a {
		color: white !important;
	} */


	/* .control div.indexAndView {
		width: 100%;
		display: block;
		position: static;
	}

	.control div.indexAndView div.schema {
		display: none;
	}

	.control div.indexAndView span {
		display: none;
	}

	.control div.downloadCatalogueButtonSpace {
		display: none;
	} */

	/* .control div a {
		display: block;
		padding: 20px;
		border-bottom: 1px solid #e3d4d4;
	}

	.containerLiveSearchMobAM div a {
		padding: 0;
	}

	.control .finderMenuActive {
		background-color: #262626;
	}

	.control .logo .icon-menu-mobile {
		text-align: center !important;
		transition: all .25s;
		-webkit-transition: all .25s;
		color: #ff6720;
		font-size: 24px;
		z-index: 5;
	}

	.control div a:hover,
	.control div a:focus,
	.control div a:link,
	.control div a:active {

		-webkit-appearance: none !important;
		-moz-appearance: none !important;
		-ms-appearance: none !important;
		-o-appearance: none !important;
		appearance: none !important;
	}

	.control>span {
		display: none;
	} */

	/* .link_dosendos,
	.link_buscador,
	.num_pagina,
	.link_minis {
		display: none !important;
	} */

	/* .link_minisMob {
		display: block;
		border-bottom: 1px solid #7b777757;
	} */

	/* .link_minisBrand {
		display: block;
	} */

	/* .lang_select {
		padding: 6px 0;
		position: fixed;
		display: flex;
		justify-content: center;
		background: #262626;
		width: 95%;
		bottom: 0;
		left: 0;
		z-index: 2;
	}

	.lang_select select {
		border: none;
		font-size: 15px;
		background: #262626;
		color: white;
	} */

	/* div.link_minisBrand>a {
		margin-bottom: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	} */

	/* .link_minisBrand a::before {
		content: '';
		border-top: 5px solid transparent;
		border-left: 6px solid #ff6720;
		border-bottom: 4px solid transparent;
		position: absolute;
		right: 35px;
		top: 30px;
	} */

	/* .link_minisBrand .mainDropdown a::before {
		display: none;
	}

	.link_minisBrand .mainDropdown ul>li {
		width: 25%;
		background-color: #F8F7F7;
		padding: 0 10px;
	}

	.link_minisBrand .mainDropdown ul>li>a {
		border: none;
		margin: 0;
	}

	.link_minisBrand .marca {
		list-style: none;
		position: relative;
		margin: 0;
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.mainDropdown {
		position: static;
		margin: 10px 0 10px 0;
	}

	.mainDropdown ul {
		min-width: 100%;
		box-shadow: none;
		margin-top: 0;
		margin-bottom: 0;
	}

	.mainDropdown li {
		padding: 0 3px;
	} */

	/* .mainDropdown li>a {
		padding: 15px 25px !important;
		border-bottom: 1px solid #262626 !important;
		box-sizing: border-box;
	} */

	/* .mainDropdown li:last-child>a {
		border-bottom: 0 !important;
	} */

	/* .linkDropdown:hover>.mainDropdown {
		display: block;
	} */

	/* .buscador_mob {
		display: block;
		width: 100%;
		max-height: 55px;
		padding: 10px;
		background: #262626;
		position: sticky;
		z-index: 2;
		top: 50px;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}

	.buscador_mob * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}

	.container_busqueda .table_search {
		width: auto;
	} */

	/* .container_busqueda .filter_search {
		width: auto;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
	}

	.container_busqueda .filter_search .brandFilter {
		margin-top: 0 !important;
		width: 100%;
	}

	.container_busqueda .filter_search .orderFilter {
		margin-top: 0;
	}

	.spaceNewProductsFilter {
		flex-wrap: wrap;
		justify-content: center;
	} */

	/* .buttonLanguageMA {
		height: 33px !important;
		background: #262626 !important;
		display: inline-flex;
		align-items: center;
	}

	.buttonLanguageMA div a {
		padding: 0;
		color: white;
		display: flex;
		justify-content: space-between;
		align-items: center;
	} */

	/* .buttonLanguageMA div a::after {
		content: '';
		display: inline-block;
		width: 0;
		height: 0;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 5px solid #fff;
		margin-left: 5px;
	} */

	/* .dropdownLang:hover>.mainDropdown {
		display: block;
	} */

	/* .dropdownLang .mainDropdown {
		position: absolute;
		left: 0;
		top: -40px;
		width: 100%;
	}

	.dropdownLang .mainDropdown li {
		background: #262626;
		text-align: center;
	}

	.dropdownLang .mainDropdown a::before {
		display: none;
	}

	.dropdownLang .mainDropdown a::after {
		display: none;
	}

	.buscador_mob form.buscar {
		margin: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: #FFF;
		width: 100%;
		border: #e1e1e1 1px solid !important;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		-ms-border-radius: 30px;
		-o-border-radius: 30px;
		border-radius: 30px;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	} */

	/* .twitter-typeahead {
		display: block;
		width: 100% !important;
		position: static;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}

	.buscador_mob form.buscar input[type=text] {
		display: block;
		outline: 0;
		box-shadow: 0;
		-webkit-box-shadow: 0;
		border: 0;
		background: #FFF;
		width: 100% !important;
		height: 30px;
		padding-left: 8px !important;
		color: #353535;
		font-size: 12px;
		font-weight: 500;

		-webkit-border-radius: 30px 0 0 30px;
		-moz-border-radius: 30px 0 0 30px;
		-ms-border-radius: 30px 0 0 30px;
		-o-border-radius: 30px 0 0 30px;
		border-radius: 30px 0 0 30px;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}

	.buscador_mob form.buscar input[type=text]::placeholder {
		color: #353535 !important;
		font-size: 12px !important;
		font-weight: 400;
	}

	.buscador_mob form.buscar button {
		color: #ff6720;
		background: none;
		border: none;
		outline: 0;
		font-size: 16px;
		text-align: center;
		display: block;
		padding: 8px 12px 8px 8px;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	} */

	.paginacion-minis {
		left: 0;
	}

	/* span.anterior,
	span.siguiente {
		display: none !important;
	}

	.num_pagina_mob>span.anterior,
	.num_pagina_mob>span.siguiente {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 60px;
		background: rgba(0, 0, 0, .4);
		position: fixed;
		top: 45%;
		overflow: hidden;
	}

	.num_pagina_mob>span.anterior {
		left: 0;
	}

	.num_pagina_mob>span.siguiente {
		right: 0;
	}

	.num_pagina_mob>span a {
		color: #fff;
		font-size: 18px;
		padding: 30px 20px;
	}

	.num_pagina_mob>span a:active {
		background: rgba(255, 102, 0, 0.75);
	}

	form.search-page {
		width: 85px !important;
	}

	form.search-page {
		background: #F8F7F7;
		border: #ff6720 1px solid !important;

		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		-ms-border-radius: 30px;
		-o-border-radius: 30px;
		border-radius: 30px;
	}

	form.search-page input.page {
		padding-left: 0px;
		font-size: 12px !important;
		text-align: center;
		width: 30px;
	} */

	/* .control_movil div i {
		color: #ff6720 !important;
	} */

	/* nav {
		padding: 0px 8px !important;
	} */

	/* form.search-page input.page::placeholder {
		font-size: 12px !important;
		color: #353535;
	}

	form.search-page input.page:focus::placeholder {
		color: #fff !important;
	}

	form.search-page button {
		font-size: 16px;
	}

	#wrapper {
		padding-bottom: 40px;
	}

	.lista_indice {
		margin-bottom: 0;
	}

	.table_numPag {
		color: #ff6720 !important;
		font-size: 12px;
		font-weight: 700;
	} */

	/* FOOTER */

	/* footer {
		display: none;
	} */

	/* footer .redes {
		display: flex;
		position: static;
		margin-top: 15px;
		justify-content: center;
		border-top: 1px solid #404040;
		padding: 10px 0 0;
	} */

	/* END FOOTER */

	/* .btn_ver_grande>a {
		padding: 10px;
		font-size: 18px;
	}

	.btn_play_video>a {
		padding: 10px;
		font-size: 18px;
	}

	.btn_info>a {
		padding: 10px;
		font-size: 18px;
	} */

	/*    INDICE ALFABÉTICO    */

	/* .filtro {
		position: sticky;
		top: 145px;
	}

	div.container .filtro>ul {
		justify-content: flex-start;
		flex-flow: row wrap;
	}

	div.filtro button {
		display: flex;
		justify-content: space-between;
		font-weight: bold;
	}

	div.filtro ul.index {
		margin: 0 auto 10px !important;
	}

	div.filtro ul.index li {
		width: 36px;
	}

	div.filtro ul.marca {
		display: none;
	}

	div.filtro ul.index li a {
		font-size: 18px !important;
	}

	.q,
	.x {
		font-size: 18px !important;
	}

	div.filtro ul.index li a.check {
		font-size: 22px !important;
	}

	div.filtro ul.index li a.check::before {
		top: 8px;
		font-size: 11px;
	}

	.marca a.all {
		display: block;
		width: auto;
		padding: 6px 0 !important;
	}

	div.filtro ul.marca {
		justify-content: space-around;
		position: absolute;
		background: #F8F7F7;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 15px;
		margin: 0;
	}

	div.filtro ul.marca li:first-child {
		width: 100px !important;
	}

	div.filtro ul.marca li {
		padding: 0 10px;
		margin-top: 10px;
	}

	div.filtro ul.marca li a img:hover {

		-webkit-transform: scale(1) !important;
		-moz-transform: scale(1) !important;
		-ms-transform: scale(1) !important;
		-o-transform: scale(1) !important;
		transform: scale(1) !important;
	}

	div.filtro ul.marca li a.check img {

		-webkit-transform: scale(1) !important;
		-moz-transform: scale(1) !important;
		-ms-transform: scale(1) !important;
		-o-transform: scale(1) !important;
		transform: scale(1) !important;
	} */

	/* div.prods h2 {
		font-size: 22px;
	}

	.lista_indice {
		display: block;
	}

	.lista_indice>ul {}

	.lista_indice>ul li {
		width: 47%;
	}

	.up-header {
		display: block;
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 1;
		opacity: 0;

		-webkit-transition: all .25s;
		-moz-transition: all .25s;
		-ms-transition: all .25s;
		-o-transition: all .25s;
		transition: all .25s;
	}

	.up-header-anchor {
		opacity: .85;
	}

	.up-header a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50px;
		height: 50px;
		background: #ff6720;
		color: #FFF;
		text-decoration: none;
		font-size: 24px;

		-webkit-box-shadow: 0 0 5px #666;
		-moz-box-shadow: 0 0 5px #666;
		-ms-box-shadow: 0 0 5px #666;
		-o-box-shadow: 0 0 5px #666;
		box-shadow: 0 0 5px #666;

		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	} */

	/*    END INDICE ALFABÉTICO    */

	/*    MINIATURAS    */

	/* .minis_desk>div {
		width: 30%;
	} */

	/* .blockPageMini>.btn>a {
		width: 100px !important;
		padding: 7px !important;
		font-size: 14px !important;
	}

	.blockPageMini>.btn>a i {
		font-size: 16px !important;
	} */

	/*    PORTADILLAS    */

	.btn_portadilla {
		margin-top: 30px !important;
	}

	/* .dosEnDos>div {
		width: 42%;
		padding: 0 1px;
	} */

	.fancybox-button--arrow_left,
	.fancybox-button--arrow_right {
		display: none !important;
	}

	.mergenes_icons {
		font-size: 16px !important;
		position: absolute !important;
		;
		margin-left: 78% !important;
	}

	.btn-ver_ficha {
		width: 260px !important;
		padding: 7px !important;
	}

	.btn-ver_ficha .ver_ficha>div {
		font-size: 14px !important;
		margin-right: -5%;
	}

	.btn-ver_ficha .ver_ficha>div:first-child {
		font-size: 16px !important;
		position: absolute;
		margin-right: 78%;
	}

	.content-icon {
		width: 30px !important
	}

	.video-icon {
		width: 9vw !important;
	}

	.diagrama_btn {
		width: 260px !important;
	}

	.manual_btn {
		width: 260px !important;
	}

	.talk-bubble {
		right: -50%;
		top: 10px;
	}
}

@media screen and (max-width: 768px) {

	/* body {
		background: #fff !important;
	}

	#wrapper {
		box-shadow: none;
	} */

	/* footer {
		font-size: 12px;
		padding: 15px;
	}

	footer #firma img {
		width: 30%;
	}

	footer .redes img {
		width: 15px;
	}

	footer .redes>div>a,
	footer .redes>div>a.facebook {
		font-size: 18px;
	} */

	/*      TABLA RESULTADO      */

	.tabla_resultados {
		display: none;
	}

	.tabla_resultados_mob {
		display: block;
		width: 100%;
		max-width: 900px;
		margin: 0 auto 30px;
	}

	.tabla_resultados_mob table {
		width: 100%;
		border-bottom: 1px solid #f5f5f5;
	}

	.tabla_resultados_mob thead {
		background: #262626;
		color: #F1F1F1;
	}

	.tabla_resultados_mob tbody tr:nth-child(even) {
		background: #f5f5f5;
	}

	.tabla_resultados_mob th,
	.tabla_resultados_mob td {
		align-items: center;
		height: 45px;
		padding: 0;
		vertical-align: middle !important;
		text-align: center;
		overflow: hidden;
		font-weight: 700;
		width: 65px;
	}

	.tabla_resultados_mob th {
		height: 35px !important;
	}

	.tabla_resultados_mob td.descrip {
		text-align: left;
		font-weight: 400;
		padding: 0 5px 0 10px;
		width: 100px;
		max-width: 100px;
	}

	.tabla_resultados_mob td.descrip a {
		padding: 4px 0;
	}

	.tabla_resultados_mob td a {
		display: block;
		text-decoration: underline;
		color: #4b4b4b;
		width: 100%;
	}

	.tabla_resultados_mob .table_numPag {
		text-decoration: underline;
	}

	.result_word {
		font-size: 13px;
		margin: 10px 0 15px 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.result_word div:first-child {
		width: 100%;
		margin: 0 !important;
	}

	.result_word .paginatorSearch {
		display: none !important;
	}

	.paginacion {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.paginacion,
	.paginacion>a {
		font-size: 16px;
	}

	/*    END TABLA RESULTADO    */

	.content_brand {
		padding: 0;
	}

	.footer_brand_movil {
		display: flex;
	}

	.content_brand #marca {
		width: 100%;
		padding: 0;
		margin: 0;
	}

	.content_brand #marca>div {
		list-style: none;
		width: 33% !important;
	}

	/* .img-responsive {
		margin-top: 0 !important;
	} */

	/* MODALS */
	.modal {
		width: 85%;
		max-width: 100%;
		position: fixed;
		top: 45vh;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: 20px 15px 0;
	}

	.modal .content {
		background-color: white;
		margin-top: 10px;
	}

	.modal .content div:nth-child(1) {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.modal .content div:nth-child(1) img {
		width: 80%;
	}

	.modal .content div:nth-child(2) {
		width: 100%;
	}

	.modal .content div:nth-child(2) p.modalContentImportant {
		margin: 0 !important;
	}

	.modal .content div:nth-child(2) p.infoModal {
		margin-top: 10px !important;
	}

	.modal .content div:nth-child(2) ul {
		padding: 0 0 0 25px;
		margin: 20px 0 25px;
	}

	.modal .content div:nth-child(2) div:last-child {
		margin: 20px 0;
		display: flex;
		justify-content: center;
	}

	.modal .content div:nth-child(3) {
		margin: 20px 0;
	}

	.modal .content div:nth-child(3) button {
		width: 90%;
	}
}

/* iPad Portrait*/
/* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

	.num_pagina_mob>.search-page-box {
		display: flex;
		align-items: center;
	}

	.num_pagina_mob>.search-page-box::before {
		content: 'Pag.';
		padding-right: 8px;
	}

	.control {
		padding-bottom: 0;
	}

	form.search-page input.page::placeholder {
		color: transparent;
	}
} */

/*====================================*/
/*               TABLET               */
/*====================================*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {

	/* header {
		height: 55px;
		z-index: 1;
	} */

	/* .headerMenuActive {
		display: flex;
	} */

	/* header>.logo {
		width: auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		max-height: 65px;
	} */

	/* .headerMenuActive>.logo .logoMenuActive {
		padding: 0;
		display: inline-flex;
		align-items: center;
		left: 30%;
		justify-content: center;
	} */

	/* header>.logo img {
		height: 35px;
	} */

	/* header>.logo span {
		display: block;
		font-size: 20px;
		font-weight: 300;
		margin: 0 0 0 10px;
		position: static;
	} */

	/* header>.logo a {
		display: flex;
		position: absolute;
		left: 38%;
		flex-direction: row;
	} */

	/* header>.logo .icon-menu-mobile {
		position: absolute;
		right: 0;
	} */

	/* header>.logo .icon-menu-mobile i {
		color: #ff6720;
		font-size: 25px;
		padding-right: 10px;
	} */

	/* header>.indice {
		display: none;
	} */

	/* .container_busqueda .filter_search {
		width: 15%;
		padding: 0 15px;
	} */

	/* .container_busqueda .filter_search .brandFilter {
		margin: 0;
	} */

	/* .container_busqueda .filter_search .brandFilter button {
		font-size: 12px;
	} */

	/* .result_word {
		padding: 0;
		margin: 0;
	} */

	/* .result_word div h5 {
		display: flex;
		text-align: end;
	} */

	/* .zoom {
		display: none;
	} */

	/* .indice-mob {
		display: flex !important;
		justify-content: flex-end;
		align-items: flex-end;
		margin: 5px 0 5px 0;
	} */

	/* .indice-mob>.titulo_indice,
	.indice-2>.titulo_indice-2 {
		color: #262626;
		font-weight: 700;
		font-size: 16px;
		border-bottom: 4px solid #e3e4e7;
		width: 70%;
		margin: 0 0 0 25px;
		padding: 3px 10px;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	} */

	/* .indice-2 span {
		font-size: 16px !important;
		max-width: 25%;
	} */

	/* .indice-mob .marca,
	.indice-2 .letra {
		width: auto;
		min-width: 35px;
		max-width: 65px;
		font-size: 18px;
	} */

	/* .indice-mob .marca.FS,
	.indice-2 .letra.fs {
		width: auto !important;
		padding: 0 8px;
	} */

	/* nav {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: center;
		height: 50px;
		padding: 0 20px;
		position: sticky;
		position: -webkit-sticky;
		top: 50px;
	} */

	/* .nav_movil {
		height: 75px !important;
		background-color: #262626;
		margin-bottom: 2px !important;
		padding: 1px 10px !important;
		height: 60px !important;
		display: block !important;
		border-bottom: #e1e1e1 1px solid !important;
		z-index: 0;
		position: sticky;
		z-index: 1;
		top: 105px;
	} */

	/* .icon-menu {
		display: block;
		color: #fff;
		font-size: 30px;
		margin-right: 15px;
		text-align: center;
	} */

	/* .control .control_new {
		display: none !important;
	} */

	/* .control {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		background: #F8F7F7;
		box-shadow: 0 0 15px #353535;
		width: 81%;
		height: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
		z-index: 2;
	} */

	/* .control_movil {
		margin-top: 3px;
	}

	.control_movil .prev_mov a {
		font-size: 18px !important;
	}

	.control_movil .prev_mov a::before {
		margin: 5px 4px 0 6px !important;
	}

	.control_movil .next_mov a {
		font-size: 18px !important;
	}

	.control_movil .next_mov a::after {
		margin: 5px 0 0 6px !important;
	}

	.control_movil div a {
		display: block;
		padding: 10px;
	} */

	/* .control .logo a {
		border: none;
		display: flex;
		align-items: flex-end;
		color: #fff;
	}

	.control>span {
		display: none;
	}

	.control div.indexAndView {
		width: 100%;
		display: block;
		position: static;
	}

	.control div.indexAndView span {
		display: none;
	}

	.control div.downloadCatalogueButtonSpace {
		display: none;
	} */

	/* div.filtro button {
		display: flex;
		justify-content: space-between;
		font-weight: bold;
	}

	div.filtro ul.marca {
		display: none;
		justify-content: space-around;
		position: absolute;
		background: #F8F7F7;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 15px;
		margin: 0;
	} */

	/* .link_navigation {
		padding: 25px 10px;
		border-bottom: 1px solid #e1e1e1;
	}

	.menuActive .link_minisBrand a {
		padding-top: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.menuActive .link_minisMob {
		padding: 25px 10px;
		border-bottom: 1px solid #e1e1e1;
	}

	.menuActive .link_navigation a {
		display: flex;
		width: 100%;
		font-weight: 500;
	}

	.menuActive .link_minisMob a {
		display: flex;
		width: 100%;
	} */

	/* .prev,
	.link_dosendos,
	.link_buscador,
	.next,
	.num_pagina,
	.link_minis {
		display: none;
	}

	.link_dosendos,
	.link_buscador,
	.num_pagina,
	.link_minis {
		display: none !important;
	} */

	/* .link_minisBrand a::before {
		content: '';
		display: inline-block;
		width: 0;
		height: 0;
		border-top: 5px solid transparent;
		border-left: 6px solid #ff6720;
		border-bottom: 4px solid transparent;
		margin-right: 5px;
	} */

	/* .link_minisMob {
		display: block;
	}

	.link_minisBrand {
		display: block;
	}

	.link_minisBrand .mainDropdown a::before {
		display: none;
	}

	.link_minisBrand .mainDropdown ul>li {
		width: 15%;
		background-color: #F8F7F7;
	}

	.link_minisBrand .mainDropdown ul>li>a {
		border: none;
	}

	.link_minisBrand .marca {
		list-style: none;
		position: relative;
		margin: 0;
		display: flex;
		justify-content: center;
		flex-direction: row;
		align-items: center;
	}

	.link_minisBrand .marca li a img {
		width: 70%;
	}

	.lang_select {
		position: absolute;
		bottom: 0;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.lang_select .buttonLanguageMA .link_idioma a {
		border: none;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.containerLiveSearchMobAM .liveSearchMob a {
		border: none;
	}

	.containerLiveSearchMobAM .liveSearchMob {
		top: 2px !important;
	}

	.containerLiveSearchMob {
		display: none;
	}

	.liveSearchMob {
		position: relative;
		top: 0 !important;
	}

	.mainDropdown {
		position: static;
	}

	.mainDropdown ul {
		min-width: 100%;
		box-shadow: none;
		margin-top: 0;
		margin-bottom: 0;
	}

	.mainDropdown li {
		padding: 0 15px;
	}

	.mainDropdown li:last-child>a {
		border-bottom: 0 !important;
	}

	.buscador_mob {
		display: block;
		width: 100%;
		height: 50px;
		padding: 0 10px 10px;
		background: #262626;
		position: sticky;
		z-index: 2;
		top: 55px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 5px;
	}

	.buscador_mob * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		top: 44px;
	}

	.buscador_mob form.buscar {
		margin: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: #FFF;
		width: 100%;

		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		-ms-border-radius: 30px;
		-o-border-radius: 30px;
		border-radius: 30px;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	} */

	/* .twitter-typeahead {
		display: block;
		width: 100% !important;
		position: static;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}

	.buscador_mob form.buscar input[type=text] {
		display: block;
		outline: 0;
		box-shadow: 0;
		-webkit-box-shadow: 0;
		border: 0;
		background: #FFF;
		width: 100% !important;
		height: 30px;
		padding-left: 10px !important;
		color: #353535;
		font-size: 16px;
		font-weight: 500;
		border-radius: 30px 0 0 30px;
		box-sizing: border-box;
	}

	.buscador_mob form.buscar input[type=text]::placeholder {
		color: #353535 !important;
		font-size: 15px !important;
		font-weight: 400;
	} */

	/* .buscador_mob form.buscar button {
		color: #ff6720;
		background: none;
		border: none;
		outline: 0;
		font-size: 16px;
		text-align: center;
		display: block;
		padding: 8px 12px 8px 8px;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	form.search-page {
		background: #F8F7F7;
		border: #ff6720 1px solid !important;

		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		-ms-border-radius: 30px;
		-o-border-radius: 30px;
		border-radius: 30px;
	}

	.num_pagina {
		display: none !important;
	}

	.paginacion-minis {
		left: 0;
	}

	.num_pagina_mob {
		display: flex;
		align-items: center;
		width: auto;
		color: #f1f1f1;
		font-size: 16px;
		margin-left: 10px;
	}

	.num_pagina_mob>.search-page-box {
		display: flex;
		align-items: center;
	}

	.num_pagina_mob>.search-page-box::before {
		padding-right: 8px;
	}

	span.anterior,
	span.siguiente {
		display: none !important;
	}

	.num_pagina_mob>span.anterior,
	.num_pagina_mob>span.siguiente {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 60px;
		background: rgba(0, 0, 0, .4);
		position: fixed;
		top: 45%;
		overflow: hidden;
	}

	.num_pagina_mob>span.anterior {
		left: 0;
	}

	.num_pagina_mob>span.siguiente {
		right: 0;
	}

	.num_pagina_mob>span a {
		color: #fff;
		font-size: 18px;
		padding: 30px 20px;
	}

	.num_pagina_mob>span a:active {
		background: rgba(255, 102, 0, 0.75);
	}

	form.search-page input.page {
		padding-left: 3px;
		font-size: 16px;
		text-align: center;
	} */

	/* form.search-page input.page::placeholder {
		font-size: 12px !important;
		color: transparent;
	}

	form.search-page input.page:focus::placeholder {
		color: transparent;
	}

	form.search-page button {
		font-size: 16px;
	} */

	/* HEADER */


	/* .control div.link_buscador {
		width: 20%;
		margin: 0 10px;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}

	footer .redes {
		bottom: 10px;
		right: 10px;
	}

	footer .redes img {
		width: 15px !important;
	}

	footer #firma img {
		width: 13% !important;
		padding-bottom: 5px;
	} */

	/*    INDICE ALFABÉTICO    */

	/* .filtro {
		top: 165px;
	} */

	/* 
	div.container .filtro>ul {
		justify-content: flex-start;
	} */

	/* div.filtro ul.index {
		margin: 0 auto 10px !important;
	}

	div.filtro ul.index li {
		width: 36px;
	}

	div.filtro ul.index li a {
		font-size: 18px !important;
	}

	.q,
	.x {
		font-size: 18px !important;
	}

	div.filtro ul.index li a.check {
		font-size: 22px !important;
	}

	div.filtro ul.index li a.check::before {
		top: 8px;
		font-size: 11px;
	}

	.marca a.all {
		display: block;
		width: auto;
		padding: 6px 0 !important;
	}

	div.filtro ul.marca {
		justify-content: space-around;
	}

	div.filtro ul.marca li:first-child {
		width: 100px !important;
	}

	div.filtro ul.marca li {
		padding: 0 10px;
	}

	div.filtro ul.marca li a img:hover {

		-webkit-transform: scale(1) !important;
		-moz-transform: scale(1) !important;
		-ms-transform: scale(1) !important;
		-o-transform: scale(1) !important;
		transform: scale(1) !important;
	}

	div.filtro ul.marca li a.check img {

		-webkit-transform: scale(1) !important;
		-moz-transform: scale(1) !important;
		-ms-transform: scale(1) !important;
		-o-transform: scale(1) !important;
		transform: scale(1) !important;
	} */

	/* div.prods h2 {
		font-size: 22px;
	}

	.lista_indice {
		display: block;
	}

	.lista_indice>ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.lista_indice>ul li {
		width: 48%;
	} */

	/*    FANCYBOX    */
	/* .fancybox-button--arrow_left,
	.fancybox-button--arrow_right {
		display: none !important;
	}

	.control div a {
		font-size: 18px !important;
		border-bottom: 1px solid #e1e1e1;
	}

	.marca a.all.check {
		font-size: 11px;
	} */

	/* div.filtro ul.marca li:first-child {
		min-width: 7rem !important;
		padding-left: 0;
		margin-right: 5px;
	} */

	/* div.filtro ul.marca a.truper img {
		width: 75px;
	}

	div.filtro ul.marca a.hermex img {
		width: 70px;
	}

	div.filtro ul.marca a img {
		width: 100% !important;
	} */
	/* div.filtro ul.marca a.truper img {
		width: 60px;
		opacity: .8 !important;
	}

	div.filtro ul.marca a.pretul img {
		width: 55px;
		opacity: .45 !important;
	}

	div.filtro ul.marca a.volteck img {
		width: 72px;
		opacity: .5 !important;
	}

	div.filtro ul.marca a.foset img {
		width: 60px;
		opacity: .55 !important;
	}

	div.filtro ul.marca a.fiero img {
		width: 70px;
		opacity: .46 !important;
	}

	div.filtro ul.marca a.hermex img {
		width: 67px;
		opacity: 0.46 !important;
	}

	div.filtro ul.marca a.klintek img {
		width: 55px;
		opacity: .6 !important;
	}

	div.filtro ul.marca a.volteck-lait img {
		width: 60px;
		opacity: .4 !important;
	}

	div.filtro ul.marca li a.check img {
		opacity: 1 !important;
		-webkit-filter: grayscale(0);
		filter: grayscale(0);
		-webkit-transform: scale(1.4) !important;
		-moz-transform: scale(1.4) !important;
		-ms-transform: scale(1.4) !important;
		-o-transform: scale(1.4) !important;
		transform: scale(1.3) !important;
	} */

	/* .modal {
		width: 65%;
		max-width: 70%;
	}

	.modal .content {
		background-color: white;
	} */

	/* .triangle_right {
		width: 15px !important;
		height: 0 !important;
		border-left: 8px solid #ff6720 !important;
		border-top: 7px solid transparent !important;
		border-bottom: 7px solid transparent !important;
	} */

	/* .minis_desk>div {
		width: 31%;
		margin: 0 0 20px 15px;
	}

	.talk-bubble {
		position: absolute !important;
		top: 60px;
		right: 10px;
	} */
}

@media (max-device-width: 480px) {

	/* html {
		min-height: 100%;
		position: relative;
	}

	body {
		margin-bottom: 30px
	} */

	/* nav {
		top: 40px;
	} */

	/* #wrapper {
		padding-bottom: 0;
	}

	#modulesMob>div>a {
		position: relative;
		border-bottom: 1px solid #e1e1e1;
		min-height: 49px;
		padding-top: 3px !important;
		box-sizing: border-box !important;
	}

	#modulesMobAM>div>a {
		position: relative;
		border-bottom: 1px solid #e1e1e1;
		min-height: 49px;
		padding-top: 3px !important;
		box-sizing: border-box !important;
	}

	div.descrip {
		width: 100%;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	div.descrip>div {
		display: flex;
	} */

	/* sustituye */
	/* .replace {
		justify-content: flex-start;
		width: 100%;
		min-height: auto;
		text-align: left;
		margin-left: 0px;
		margin-top: 2px;
		padding: 5px 8px;
	}

	.replace>div>h5,
	.replace>div>div {
		display: inline-block;
		margin-bottom: 0 !important;
		margin-right: 10px !important;
	} */

	/* ends sustituye */

	/* .is_new-live {
		margin-left: 8px
	}

	.is_new-live img {
		height: 13px;
	} */

	/*  PORTADA  */
	/* .content-portada {
		margin-top: -10px;
	}

	.btn_ver_grande {
		margin: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	.btn_ver_grande>a,
	.btn_ver_grande>a:hover {
		border-radius: 0;
		background: rgba(0, 0, 0, .5);
		padding: 4px 5px !important;
		width: auto !important;
		font-size: 12px;
	}

	.btn_play_video>a,
	.btn_play_video>a:hover {
		border-radius: 0;
		background: rgba(0, 0, 0, .5);
		padding: 4px 5px !important;
		width: auto !important;
		font-size: 12px;
	}

	.btn_info>a,
	.btn_info>a:hover {
		border-radius: 0;
		background: none;
		padding: 0px !important;
		width: auto !important;
		font-size: 12px;
	}

	.lista_indice>ul li {
		width: 100%;
	}

	.nueva_busq form input[type=text]::placeholder {
		font-size: 14px;
	}

	.indice-2 {
		align-items: stretch;
		margin: 0px 0 6px;
	} */

	/*   MINIATURAS   */



	.notFound {
		display: block;
		margin: 70px 25px 30px;
		min-height: auto;
	}

	.indice-mob>.titulo_indice,
	.indice-2>.titulo_indice-2 {
		font-size: 14px;
		font-weight: 400;
	}

	.indice-mob .marca,
	.indice-2 .letra,
	.indice-2 .box-title {
		width: auto;
		min-width: 30px;
		/* max-width: 80px; */
		/* height: auto; */
		min-height: 26px;
		font-size: 15px;
		box-sizing: border-box;
		/* margin-right: 10px; */
	}

	.indice-mob .marca.FS,
	.indice-2 .letra.fs {
		width: 35px !important;
		padding: 0 !important;
		height: auto;
		min-height: 25px;
	}

	.indice-mob .marca img,
	.indice-2 .letra.fs img {
		width: 90%;
	}

	/* .indice-2 .box-title {
		height: auto !important;
	} */

	.notaPortada {
		/*        display: block;*/
		margin: auto;
		background: #262626;
		width: 100%;
		color: #f1f1f1;
		font-size: 9px;
		text-align: center;
		padding: 10px 15px;
		box-sizing: border-box;
	}

	p>font {
		display: block;
		font-size: 9px !important;
		width: 95%;
		margin: auto;
		padding-top: 8px;
	}

	.suscrib {
		position: absolute;
		/* bottom: 0; */
		left: 0;
		display: block;
		background: #262626;
		height: 30px;
		width: 100%;
	}

	.suscrib>form {
		display: none;
	}

	.notaSinPrecio {
		padding: 10px 20px;
		font-size: 10px;
	}

	.include-footer {
		font-size: 8pt;
	}

	.container_busqueda,
	div#filter {
		width: auto;
		min-height: auto;
		display: block;
		padding: 20px;
	}

	.footer-desktop {
		display: none;
	}

	.footer-mobile {
		display: block;
		text-align: center;
		padding: 10px;
		font-size: 0.7vh;
	}

	.footer-mobile img {
		height: 30px;
	}

	.red-box,
	.green-c-box,
	.purple-box,
	.blue-box,
	.green-j-box,
	.blue-c-box2,
	.green-box {
		height: auto;
		width: auto;
		padding: 0px 7px;
		font-size: 12px;
	}

	.yellow-box {
		height: auto;
		width: 40vw;
		padding: 0px 7px;
		font-size: 12px;
	}

	.blue-c-box {
		width: auto;
		padding: 0px 7px;
		font-size: 12px;
		margin: 0px 0px 0px 10px;
	}

	.grey-box2 {
		height: auto;
		padding: 0px;
		font-size: 12px;
	}

	.grey-box3,
	.blue-c-box,
	.green-box2,
	.black-box {
		padding: 0px;
		font-size: 10px;
		display: flex;
		justify-content: center;
		height: 1.5rem;
	}

	.grey-box3,
	.black-box {
		width: 32vw;
	}

	.blue-c-box,
	.blue-c-box2,
	.green-box2 {
		width: 24vw;
	}

	.black-box {
		height: 1.5rem;
	}

	.black-box2 {
		font-size: 12px;
	}

	.img-subtitle {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-right: 0px !important;
	}

	.img-subtitle img {
		position: inherit;
		z-index: 1;
		max-width: 60px;
	}

	.sub-category {
		font-size: 6px;
		padding: 0px 0px 0px 10px;
	}

	.sub-category img {
		margin-right: 0px;
	}

	.sub-category {
		margin: 6px 10px 6px 0px;
		height: 1.5rem;
	}

	.adjustment img,
	.adjustment2 img {
		height: auto;
		min-width: auto;
	}

	.adjustment {
		height: 1.5rem;
	}

	.adjustment div {
		margin-right: 30px;
	}

	.tittle-module {
		font-size: 10px;
		padding: 3px 10px 3px 7px;
	}

	.consult {
		font-size: 10px;
	}

	.footer-1,
	.footer-2 {
		display: flex;
		margin-top: 5px;
		font-size: 10px;
	}

	.orange-box,
	.grey-box {
		font-size: 10px;
		display: block;
		padding: 5px;
	}

	.img-link {
		width: 100% !important;
	}

	.foset-centros {
		font-size: 11px;
	}

	.foset-centros>span {
		font-size: 12px;
	}
}

/*=============================================*/
/*                 DESKTOP SMALL               */
/*=============================================*/
@media (min-width: 1025px) and (max-width: 1249px) {
	/* TODO: Reajustar para desktop small */
}

/**********************		Hide Arrows for number Input	***********************************/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

.text-orange {
	color: #E96429;
}

.titulo_indice-3 {
	justify-content: left !important;
	margin-left: 0px !important;
}

.orange-truper {
	background-color: #ff6720;
}

.orange-truper>.titulo_indice-2 {
	border-bottom: 0;
	color: #FFF;
	margin-bottom: 10px;
}

@media screen and (max-width: 900px) {

	img.video-icon {
		/* width: 6em !important; */
		font-size: 10px;
	}


	img.video-icon-mobile {
		width: 11vw !important;
	}
}


/* CONTROL DE BOTONES EN MOVIL */
/* .control_movil>span {
	height: 20px;
	border-right: 0.1em solid #ff6720;
}

.control_movil {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	height: 35px;
	color: #191818;
}

.control_movil div a {
	cursor: pointer;
	text-decoration: none;
	color: #000;
	font-size: 14px !important;
	transition: all .5s;
} */

style attribute {
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a,
a:active,
a:hover,
a:focus {
	outline: 0;
}


.month-introduction {
	margin: 0;
	position: absolute;
	right: 0%;
	top: 7%;
}

.month-introduction>span {
	display: block;
	text-align: center;
}

/* /CARD */

.card {
	margin: 0 !important;
	position: absolute !important;
	font-size: .6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: 0.25rem;
}

.text-center {
	text-align: center !important;
}

dt {
	font-weight: 700;
}

.text-white {
	color: #fff !important;
}

.card-body {
	padding: .2rem !important;
}

p {
	margin-bottom: .3rem;
}

.bg-secondary {
	background-color: #4B4B4B !important;
}

.input-group-append {
	font-size: 16px;
	margin-left: 6px;
	color: #232322;
	font-weight: 400;
}

span.frac-num {
	vertical-align: top !important;
	font-size: 12px !important;
}

span.frac-deno {
	font-size: 12px !important;
	margin-top: 4px;
}

/* .control_new {
	width: 70% !important;
	z-index: 1;
}

.control .topslim-contact {
	border: 0.5px solid white;
	padding-left: 5px !important;
	left: 0% !important;
	position: relative !important;
	height: 33px !important;
	border-radius: 5px !important;
	top: 0px !important;
	width: 120px !important;
	background: #ff6720 !important;
} */

/* .topslim-contact a:hover {
	color: #FFF !important;
}

.topslim-contact a {
	color: #FFF !important;
}

.control .header-contact-img img {
	margin-top: 5px;
	vertical-align: middle !important;
}

.topslim-languaje {
	right: 30px !important;
	position: relative !important;
	height: 33px !important;
	border-radius: 5px !important;
	top: 0px !important;
	width: 95px !important;
	background: #FFFFFF !important;
	z-index: 1;

} */

/* .topslim-languaje {
	padding: 0 0 0 5px;
} */

/* .img-responsive {
	margin: 6px 4px 0;
	height: 20px;
} */

/* .control .dropdownId {
	position: relative;
	margin-top: -21px;
	margin-left: 30px;
	margin-right: 5px;
} */

/* .control .link_idioma>a::after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #ff6720;
	margin-left: 5px
} */

.dropdownId:hover>.mainDropdown {
	display: block;
}

.dropdownId .mainDropdown {
	position: absolute;
	left: -50%;
	top: -40;
	display: flex;
	display: none;

}

@media (max-width: 1024px) {
	/* footer {
		display: block;
	}

	.footer_leyend_2 {
		font-size: 10px !important;
	} */

	/* 
	footer img {
		width: 30% !important;
	} */

	/* div.extrasCont {
		display: none;
	} */

	/* .nav_desk {
		height: 0px !important;
		margin-bottom: 0px !important;
	} */

	/* .control_movil {
		width: 100%;
		margin-top: 8px;
	} */

	/* .control_movil div.prev_mov a::before {
		content: '';
		display: inline-block;
		width: 0; 
		height: 0; 
		border-top: 4px solid transparent;
		border-right: 5px solid #ff6720;
		border-bottom: 4px solid transparent;
		margin-right: 5px;
		content: "";
		display: block;
		background: url("../images/back.svg");
		width: 15px;
		height: 15px;
		float: left;
		margin: 0 6px 0 0;
	} */

	/* .control_movil div.next_mov a::after {
		content: '';
		display: inline-block;
		width: 0; 
		height: 0; 
		border-top: 4px solid transparent;
		border-left: 5px solid #ff6720;
		border-bottom: 4px solid transparent;
		margin-left: 5px;
		content: "";
		display: block;
		background: url("../images/next.svg");
		width: 15px;
		height: 15px;
		float: right;
		margin: 0 0 0 6px;
	} */

	/* .topslim-contact {
		display: none;
	} */

	/* .topslim-languaje {
		display: none;
	} */

	/* .prev {
		display: none;
	}

	.next {
		display: none;
	} */

	/* .footer_new {
		display: none;
	} */



	/* .footer_movil button::before {
		content: '';
		display: inline-block;
		background-color: #F8F7F7;
		width: 0;
		height: 0;
		border-top: 4px solid transparent;
		border-left: 5px solid #ff6720;
		border-bottom: 4px solid transparent;
		margin-left: 5px;
		margin-right: 5px;
	} */

	/* .active,
	.collapsible:hover {
		background-color: #F8F7F7;
	} */



	.circle_marcas>a {
		display: none;
	}

	.circle_marcas {
		display: none !important;

	}

}

/* Circulos de las marcas para la portada */

.circle_marcas>a {
	padding: 10px;
	font-size: 18px;
}

.circle_marcas>a,
.circle_marcas>a {
	border-radius: 0;
	background: rgba(0, 0, 0, .5);
	padding: 4px 5px !important;
	width: auto !important;
	font-size: 12px;

}


table,
table.table_portada {
	width: 100%;
	margin: auto;
	border-spacing: 0;
	border-collapse: collapse;
}

table.table_portada td {
	vertical-align: top;
	align-items: stretch;
}

table.table_portada img {
	width: 100%;
}


.table_portada td>div {
	position: relative;
}

.colores_marca_volteck {
	margin: 0;
	position: absolute;
	display: flex;
	right: -20%;
	top: 37%;
	justify-content: center;
}

.dialog_volteck {
	display: none;
	width: 100%;
	position: relative;
	left: 60%;
	top: 25%;
}

.colores_marca_hermex {
	margin: 0;
	position: absolute;
	left: 46%;
	bottom: -17%;
	color: #B10023 !important;
	z-index: 0 !important;
}

.dialog_hermex {
	display: none;
	width: 49%;
	position: relative;
	left: 21%;
	top: 70%;
}

.colores_marca_klintek {
	margin: 0;
	position: absolute;
	right: 24%;
	top: 15%;
	color: #00A298 !important;
	z-index: 0 !important;
}

.dialog_klintek {
	display: none;
	width: 75%;
	position: relative;
	left: 31%;
	top: 2%;
}

.colores_marca_truper {
	margin: 0;
	position: absolute;
	right: 34%;
	bottom: 15%;
	color: #ff6720 !important;
	z-index: 0 !important;
}

.dialog_truper {
	display: none;
	width: 38%;
	position: relative;
	top: 65%;
	left: 43.5%;
}

.colores_marca_fiero {
	margin: 0;
	position: absolute;
	right: 20%;
	bottom: 35%;
	color: #ED1B2F !important;
	z-index: 0 !important;
}

.dialog_fiero {
	display: none;
	width: 70%;
	position: relative;
	top: 48%;
	left: 38%;
}

.colores_marca_pretul {
	margin: 0;
	position: absolute;
	right: 57.3%;
	top: 61%;
	color: #000 !important;
	z-index: 0 !important;
}

.colores_marca_foset {
	margin: 0;
	position: absolute;
	left: 37%;
	bottom: 6%;
	color: #003B87 !important;
	z-index: 0 !important;
}

.dialog_foset {
	display: none;
	width: 70%;
	position: relative;
	top: 68%;
	right: 4%;
}

/* DIAGRAMA */

.diagram {
	width: 1.5em !important;
	position: absolute;
	left: 34px;
	margin-left: 20px !important;
}

.code_diag {
	margin-left: 20px !important;
}

.sku_diag {
	margin-left: 20px !important;
}



.manuales_li {
	display: flex;
	height: 70px;
	width: 100%;
}

.v-line {
	border-right: 1px solid #e1e1e1;
	height: 100%;
	left: 50%;
	width: 40%;
}

.code_manual {
	position: absolute;
	color: black;
	left: 0px;
	margin-top: 14px;
	width: 40%;
}

.sku_manual {
	position: absolute;
	color: black;
	left: 0px;
	margin-top: 40px;
	width: 40%;
}

.nombre_man {
	text-align: center;
}

.diagrama_btn {
	width: 255px;
}

.manual_btn {
	width: 255px;
}

/* Ajuste automático de altura para link */
.btn_pag img {
	height: -webkit-fill-available;
}

/* 
.btn_pag>a {
	display: block;
	background: rgb(0 0 0 / 0%);
	padding: 15px;
	width: auto !important;
	text-decoration: none;
	color: #fff;
	font-size: 25px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.btn_pag>a:hover {
	background: rgba(255, 102, 0, .9);
}

.btn_pag>a {
	padding: 10px;
	font-size: 18px;
}

.btn_pag>a,
.btn_pag>a:hover {
	border-radius: 0;
	background: rgba(0, 0, 0, .5);
	padding: 4px 5px !important;
	width: auto !important;
	height: -webkit-fill-available;
	font-size: 12px;
} */

.orange:hover:after,
.go_page:hover:after {
	background: #333;
	background: rgba(0, 0, 0, .8);
	border-radius: 5px;
	bottom: -30px;
	color: #fff;
	content: attr(gloss);
	left: 0;
	padding: 5px 10px;
	position: absolute;
	z-index: 98;
	width: 80px;
	font: bold 14px "Helvetica Neue", Sans-Serif;
	box-shadow: 0 0 7px black;
}

.orange:hover:before,
.go_page:hover:before {
	border: solid;
	border-color: #333 transparent;
	border-width: 0 6px 6px 6px;
	bottom: -5px;
	content: "";
	left: 28%;
	position: absolute;
	z-index: 99;
}

/* End Tootlip Pags */

/* Dos en Dos Flechas */
.previousPrev:hover,
.nextSig:hover {
	opacity: .6;
}

/* .previousPrev {
	position: fixed;
	bottom: 45%;
	left: 9%;
	cursor: pointer;
	text-align: left;
	z-index: 1;
} */

/* .nextSig {
	position: fixed;
	bottom: 45%;
	right: 9%;
	cursor: pointer;
	text-align: right;
} */

.pagina_select a:hover {
	color: #ff6720 !important;
}

.dosendos_head {
	padding: 0 100px !important;
}

/* .triangle_right {
	width: 0;
	height: 0;
	border-left: 6px solid #ff6720;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
} */

/* Dialog Box */
.talk-bubble {
	display: none;
	position: relative;
	width: 200px;
	height: auto;
	background-color: #FFF;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	z-index: 1;
}

/* Right triangle, left side slightly down */
.tri-right.left-in:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: 10px;
	top: -16px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 18px solid #F8F7F7;
}

/* talk bubble contents */
.talktext {
	padding: 1.5em 3em;
	line-height: 1.5em;
}

.talktext p {
	/* remove webkit p margins */
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	display: flex;
	justify-content: space-between;
}

.talktext p span {
	text-align: center;
	color: #9F9F9F;
}

.noHover {
	pointer-events: none;
}

.result_desk {
	font-size: 16px;
}

/* Loader First*/
.loader {
	position: relative;
	right: 56%;
	top: 15px;
	width: 20px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #ffffffa1;
	box-shadow: 0 0 0 0 #fff4;
	animation: l1 1s infinite;
}

@keyframes l1 {
	100% {
		box-shadow: 0 0 0 30px #0000
	}
}

/* Checkbox configuration */

input[type=checkbox] {
	display: none;
}

input[type='checkbox']+label:before {
	content: "";
	width: 12px;
	height: 12px;
	display: flex;
	border: 1px solid #808080b0;
	position: relative;
	left: -20px;
}

input[type=checkbox]:checked+label::before {
	content: "✓";
	font-size: 12px;
	color: #fff;
	background-color: #ff6720;
	width: 12px;
	height: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #80808036;
	position: relative;
	left: -20px;
}

/*====================================*/
/*         VIRTUAL KEYBOARD           */
/*====================================*/
#virtualKeyBoard {
	display: none;
	width: 100%;
	position: fixed;
	bottom: 33%;
	left: 0px;
	z-index: 999;
}

#numericKeyBoard {
	display: none;
	width: 274px;
	position: fixed;
	top: 200px;
	right: 20px;
	z-index: 999;
}

.jkeyboard {
	width: 100%;
	max-width: 895px;
	display: block;
	margin: auto;
	padding: 5px;
	background: #1a1a1a;
	list-style: none;

	-webkit-box-shadow: 0 8px 20px #181818;
	-moz-box-shadow: 0 8px 20px #181818;
	-ms-box-shadow: 0 8px 20px #181818;
	-o-box-shadow: 0 8px 20px #181818;
	box-shadow: 0 8px 20px #181818;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.jkeyboard .jline {
	text-align: center;
	margin-bottom: 4px;
}

.jkeyboard .jline:last-child {
	margin-bottom: 0;
}

.jkeyboard .jline ul {
	display: flex;
	justify-content: space-between;
	padding: 0;
	list-style: none;
}

.jkeyboard .jline ul li {
	font-family: arial, sans-serif;
	font-size: 20px;
	background: #424242;
	color: #FFF;
	border-radius: 5px;
	width: 85px;
	height: 60px;
	box-sizing: border-box;
	text-align: center;
	line-height: 60px;
	overflow: hidden;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.jkeyboard .jline ul li.uppercase {
	text-transform: uppercase;
}

.jkeyboard .jline ul li:hover,
.jkeyboard .jline ul li:active {
	background-color: #f60;
}

.jkeyboard .jline .return {
	width: 174px;
}

.jkeyboard .jline .layout_close {
	width: 174px;
	font-size: 16px;
}

.jkeyboard .jline .space {
	width: 528px;
}

.jkeyboard .jline .numeric_switch {
	width: 84px;
}

.jkeyboard .jline .layout_switch {
	/*    background: url("locale.png") no-repeat center right;*/
}

.jkeyboard .jline .layout_switch::before {
	content: '\f11c';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.jkeyboard .jline .shift {
	width: 100px;
	/*    background: url("shift.png") no-repeat center center;*/
}

.jkeyboard .jline .shift::before {
	content: '\f062';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.jkeyboard .jline .shift.active {
	border-color: #fff;
}

.jkeyboard .jline .shift.lock {
	transform: rotate(180deg);
}

.jkeyboard .jline .backspace {
	width: 85px;
	background: #424242;
	/*  background: url("backspace.png") no-repeat center center #424242;*/
}

.jkeyboard .jline .backspace::before {
	content: '\f55a';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.jkeyboard .jline .numeric_close {
	width: 174px;
	background: #424242;
	font-size: 16px;
}

/* LO AGREGUE PARA LETRAS DE MODAL */
.text_ref {
	line-height: 20px;
	font-size: 16px;
}

.modal .content div:nth-child(2) p.infoModal_ref {
	font-size: 16px;
}

.modal .content div:nth-child(2) p.infoModal_ref span {
	font-weight: bold;
	color: #FF6720;
}

.modal .top_mg {
	margin-top: 0px !important;
}

div.headerRef {
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

div.headerRef .container {
	background-color: #262626;
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

div.headerRef .encabezado {
	width: 100%;
	max-height: 70px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 15px 0;
}

div.headerRef .encabezado>div.logo {
	width: 25%;
	display: flex;
	justify-content: center;
	align-items: center;
}

div.headerRef .encabezado>div.logo img {
	height: 40px;
}

div.headerRef .encabezado>div.title {
	width: 50%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

div.headerRef .encabezado>div.title img {
	padding-left: 5%;
}

div.headerRef .encabezado>div.typeCat {
	width: 50%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

div.headerRef .encabezado>div.typeCat img {
	margin-right: 8%;
	height: 50px;
}

/* div.headerRef .encabezado>div img {
	height: 30px;
} */

div.headerRef .changeCat {
	background-color: #D9D9D9;
	width: 50%;
	max-height: 50px;
	padding: 5px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	font-size: 0;
}

div.headerRef .changeCat img {
	width: 35%;
}

div.headerRef .changeCat a {
	width: 27%;
	margin-left: 5px;
}

div.headerRef .changeCat a>img {
	width: 100%;
}

@media screen and (max-width: 375px) {
	.title img {
		width: 125%;
		max-width: 270px;
	}

	.typeCat img {
		height: 35px !important;
	}
}

@media screen and (min-width: 375px) and (max-width: 480px) {
	.title img {
		width: 125%;
		max-width: 270px;
	}

	.typeCat img {
		height: 40px !important;
	}
}

@media screen and (min-width: 480px) and (max-width: 720px) {
	.title img {
		width: 120%;
	}
}

@media screen and (min-width: 720px) and (max-width: 1024px) {
	.title img {
		width: 120%;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1650px) {}

@media screen and (min-width: 1650px) {}