::-webkit-scrollbar {
	width: 6px;
	height: 5px;
}

::-webkit-scrollbar-thumb {
	background-color: #CE252D;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: Arial, Tahoma, sans-serif;
}

a {
	text-decoration: none;
}

main {
	margin-top: 75px;
}
/* Outer */
.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
	z-index: 2;
    background:rgba(0,0,0,0.75);
}
 
/* Inner */
.popup-inner {
    max-width:700px;
    width:90%;
    padding:40px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#fff;
}
 
/* Close Button */
.popup-close {
    width:30px;
    height:30px;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background-color: #e22c1e;
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#fff;
}
 
.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
}



.popup-scroll{
  overflow-y: scroll;
  max-height: 300px;
  padding:0 1em 0 0;
}
.popup-scroll::-webkit-scrollbar {background-color:#EEE;width:10px;}
.popup-scroll::-webkit-scrollbar-thumb {
	border:1px #EEE solid;border-radius:2px;
	-webkit-box-shadow: 0 0 8px #555 inset;box-shadow: 0 0 8px #555 inset;
	-webkit-transition: all .3s ease-out;transition: all .3s ease-out;
	}
.popup-scroll::-webkit-scrollbar-track {-webkit-box-shadow: 0 0 2px #ccc;box-shadow: 0 0 2px #ccc;}	
.dot-line-separator {
	width: 90%;
	height: 25px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
}

.dot-line-separator::before {
	left: 0px;
}

.dot-line-separator::before, .dot-line-separator::after {
	width: calc(50% - 12.5px);
	height: 4px;
	content: "";
	background-color: #d3d3d3;
	position: absolute;
	top: calc(50% - 2px);
}

.dot-line-separator::after {
	right: 0px;
}

.dot-line-separator::before, .dot-line-separator::after {
	width: 50%;
	height: 1px;
	content: "";
	background-color: #d3d3d3;
	position: absolute;
	top: calc(50% - .5px);
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
	position: relative;
}

.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: -30px;
	z-index: 111;
	position: absolute;
	bottom: 0px;
	left: calc(50% - 54px);
}

.owl-theme .owl-dots .owl-dot span {
	width: 50px;
	height: 4px;
	margin: 2px;
	background: #D6D6D6;
	display: block;
	transition: opacity 200ms ease;
	border-radius: 0;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #d70209;
}

/*-------------------------------------popup-------------------------------- */

.popup.active {
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 101;
	top: 0;
	left: 0;
}

.popup {
	display: none;
}

.cortina-popup {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.popup-content {
	width: 95%;
	height: 75%;
	padding: 70px 20px 20px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 2;
	position: absolute;
	top: 60px;
	left: auto;
}

.btn-cerrar-popup-container {
	width: 100%;
	text-align: end;
	font-size: 30px;
	padding: 15px;
	border-bottom: 1px solid #d3d3d3;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.btn-cerrar-popup {
	width: 30px;
	height: 30px;
	background-color: #e22c1e;
	border-radius: 50%;
	color: #767676;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all ease .2s;
}

.btn-cerrar-popup:hover {
	transform: rotateZ(180deg);
}

/* ---------------------------------------header---------------------------------------------- */

#header {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

#content-header {
	width: 100%;
	height: 75px;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

#img-logo-header {
	height: 66%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#img-logo-header a {
	height: 100%;
}

#img-logo-header img {
	height: 100%;
	width: auto;
	margin-left: 10px;
}

#menu.active {
	width: 80%;
	height: 100%;
	display: none;
	box-shadow: none;
	flex-direction: row;
	position: relative;
	color: #CE252D;
}

#menu {
	display: flex;
}

#nav-menu {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

#nav-menu>ul {
	width: 100%;
	height: 100vh;
	justify-content: space-evenly;
	list-style-type: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .7);
	padding: 70px 30px 0 30px;
}

#nav-menu>ul>li {
	width: 100%;
	text-align: center;
	list-style-type: none;
	border-radius: 10px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

#nav-menu>ul>li>a {
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

#nav-menu>ul>li>a:hover {
	color: #CE252D;
}

#nav-menu>ul>li>a path:hover {
	color: #CE252D;
}

#sub-quienes-somos, #sub-productos {
	position: relative;
}

.sub-menu, .sub-menu-productos {
	display: none;
}

.sub-menu>li, .sub-menu-productos>li {
	width: 100%;
	text-decoration: none;
}

.sub-menu.active, .sub-menu-productos.active {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.li-header {
	position: relative;
}

#sub-quienes-somos, #sub-productos {
	border-radius: 2px;
	background-color: #fff;
	box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 100%;
	left: 0;
	list-style-type: none;
}

#sub-quienes-somos>li, #sub-productos>li {
	background-color: #eeeeee;
}

#sub-quienes-somos>li:hover, #sub-productos>li:hover {
	background-color: #c0c0c0;
}

#sub-quienes-somos>li>a, #sub-productos>li>a {
	color: #58595B;
	padding: 8px 22px;
	display: block;
	text-align: left;
}

#select-quienes-somos path, #select-productos path {
	fill: #fff;
}

#select-quienes-somos:hover path, #select-productos:hover path {
	fill: #CE252D;
}

#select-quienes-somos, #select-productos {
	width: auto !important;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

#select-productos, #select-quienes-somos {
	width: 100% !important;
}

#select-productos:hover, #select-quienes-somos:hover {
	color: #CE252D;
}

#btn-quienes-somos, #btn-productos {
	width: 60% !important;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

#menu-movile {
	padding: 10px;
	border-radius: 0 0 0 50%;
	background: rgba(0, 0, 0, .7);
	right: -6px;
	top: -6px;
	z-index: 101;
	position: absolute;
}

#select-quienes-somos:hover #sub-quienes-somos, #select-productos:hover #sub-productos {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	width: 90%;
}

#select-quienes-somos:hover span svg, #select-productos:hover span svg {
	transform: rotateX(180deg);
}

#nav-menu>ul>li.line-active {
	color: #CE252D !important;
}

/* -------------------------------------Style Footer------------------------------------------- */

#footer {
	width: 100%;
	color: #DFDFDF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#footer>div {
	width: 100%;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #5F5F5F;
}

#footer>div a {
	color: #5F5F5F;
	text-align: center;
}

#footer>div {
	background-color: #D9D9D9;
	border-top: 5px solid #CE252D;
}

#footer>div p {
	text-align: center;
	padding: 10px 0;
}

#footer>div p:nth-child(3) span {
	display: none;
}

#footer>div p:nth-child(3) a {
	padding: 5px 0;
}

#footer>div p:last-child {
	text-align: center;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/* ---------------------------términos políticas declaraciones--------------------------- */

.ter-pol-dec {
	overflow: auto;
    margin: 10px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	background-color: #e22c1e;
	border-radius: 4px;
	padding: 8px 22px;
	color: #fff;
}

.ter-pol-dec>div {
	width: 80%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.ter-pol-dec>div>h2 {
	width: 100%;
	text-align: center;
	color: #ce252d;
	font-size: 26px;
	padding-top: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-weight: 100;
	font-weight: bold;
}

.ter-pol-dec>div>h3 {
	width: 100%;
	padding: 20px 0;
	font-size: 24px;
	color: #353535;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.ter-pol-dec>div>p {
	padding: 5px 0;
}

.ter-pol-dec>div>a {
	padding: 8px 22px;
	color: #fff;
	margin: 10px;
	background-color: #e22c1e;
	border-radius: 4px;
}

/* --------------------general------------------------- */

.scc {
	border-radius: 20px;
	position: relative;
}

.item>img {
	height: 100%;
}

.sliderimgs-carousel .si-item {
	width: 390px;
}

.sliderimgs-carousel .si-item img {
	width: 100%;
	height: auto;
	padding: 5px;
	border-radius: 15px;
}

.prev-nav {
	left: 7px;
}

.next-nav {
	right: 7px;
}

.sl-g-nav-btn {
	width: 38px;
	height: 38px;
	cursor: pointer;
	background-color: rgba(0, 0, 0, .8);
	border: 2px solid #FFF;
	box-shadow: 0px 5px 6px 3px rgba(21, 21, 21, 0.8);
	border-radius: 50%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: calc(50% - 19px);
	z-index: 5;
}

/*********************************************************
	===================================================
		MEDIA QUERYS
	===================================================
*********************************************************/

/***
========================================================
	Large devices (desktops, 992px and up)
========================================================
***/

@media (min-width: 992px) {
	.scc .item {}
	.scc .item>img {
		height: 200px;
	}
	.owl-theme .owl-dots .owl-dot span {
		width: 70px;
		height: 7px;
	}
	.owl-theme .owl-nav.disabled+.owl-dots {
		left: calc(50% - 74px);
	}
	.dot-line-separator {
		width: 15%;
	}
	/*-------------------------------------popup-------------------------------- */
	.popup-content {
		width: 70%;
		padding: 60px;
		top: calc(50% - 270px);
		left: calc(50% - 448px);
	}
	/*-------------------------------------header-------------------------------- */
	#fb-header>a>svg {
		margin: 0 30px;
	}
	#fb-header {
		margin: 0 10px 0 30px;
	}
	#phone-header a {
		font-size: 16px;
	}
	#content-header {
		justify-content: flex-start;
	}
	#img-logo-header {
		width: 20%;
		height: 100%;
		z-index: 0;
		top: 0;
		position: relative;
		background-color: #fff;
	}
	#img-logo-header a {
		padding: 0px 10px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	#img-logo-header img {
		width: 100%;
		height: auto;
		margin: 0;
		background-color: #fff;
	}
	#menu {
		display: flex;
		width: 93%;
		background-color: #fff;
	}
	#menu.active {
		display: flex;
	}
	#nav-menu>ul {
		height: 100%;
		justify-content: space-around;
		flex-direction: row;
		position: relative;
		background-color: transparent;
		padding: 0;
		margin: 0 10px;
	}
	#nav-menu>ul>li {
		width: calc(100% / 4);
		border-radius: 0;
		border-bottom: 3px solid transparent;
		height: 60%;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	#nav-menu>ul>li:hover {
		border-bottom: 3px solid #CE252D;

	}
	#nav-menu>ul>li.line-active {
		border-bottom: 3px solid #CE252D;
		color:#CE252D;
	}
	#nav-menu>ul>li>a {
		color: #58595B;
	}
	#inicio {
		border-radius: 10px 0 0 10px !important;
	}
	#menu-movile {
		display: none;
	}
	.sub-menu>li, .sub-menu-productos>li {
		justify-content: flex-start;
	}
	#sub-quienes-somos, #sub-productos {
		top: 100%;
		left: 50px;
		z-index: 111;
	}
	#select-quienes-somos path, #select-productos path {
		fill: #58595B;
	}
	#select-quienes-somos, #select-productos {
		color: #58595B;
	}
	/*-------------------------------------footer-------------------------------- */
	#footer>div p:last-child {
		flex-direction: row;
	}
	#footer>div p:nth-child(3) span {
		display: block;
		padding: 0 20px;
	}
	#footer>div p:nth-child(3) a {
		padding: 0;
	}
	#contactenos {
		border-radius: 0 10px 10px 0 !important;
	}
}