@font-face {
    font-family: 'ChesnaGrotesk-ExtraLight';
    src: url('../fonts/ChesnaGrotesk-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'ChesnaGrotesk-Light';
    src: url('../fonts/ChesnaGrotesk-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'ChesnaGrotesk-Book';
    src: url('../fonts/ChesnaGrotesk-Book.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ChesnaGrotesk-Black';
    src: url('../fonts/ChesnaGrotesk-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'ChesnaGrotesk-Regular';
    src: url('../fonts/ChesnaGrotesk-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ChesnaGrotesk-SemiBold';
    src: url('../fonts/ChesnaGrotesk-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}


body {
	font-family: 'ChesnaGrotesk-ExtraLight';
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'ChesnaGrotesk-SemiBold';
}
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
	font-family: 'ChesnaGrotesk-Light';
}

a {
	text-decoration: none;
}

.border-blue {
	border-color: #328eb8 !important;
}

.bg-gray {
	background-color: #e5e1dc;
}

.bg-yellow10 {
	background-color: #fdb63d;
}

.bg-blue {
	background-color: #1a425a;
}

.bg-blue-araltec {
	background-color: #328eb8;
}

.bg-red-araltec {
	background-color: #ff3600;
}

.bg-yellow {
	background-color: #ffb53c;
}

.bg-orange-araltec {
    background-color: #e97e20;
}

.ff-semibold {
	font-family: 'ChesnaGrotesk-SemiBold';
}

.text-blue {
	color: #1a425a;
}

.text-araltec {
	color:#ff3600;
	font-family: 'ChesnaGrotesk-SemiBold';
	font-weight: bold;
}

.text-blue-araltec {
	color:#328eb8;
}

.text-red-araltec {
	color: #ff3600;
}

.text-orange-araltec {
    color: #e97e20;
}

.text-yellow-araltec {
	color: #ffb53c;
}

.btn-blue {
	background-color: #328eb8;
	border-color: #439fc9;
	color: white;
}

.btn-blue:hover {
	background-color: #439fc9;
	color: #eee;
}

.btn-orange {
	background-color: #e97e20;
	border-color: #c75c20;
	color: white;
}

.btn-orange:hover {
	background-color: #f09042;
	color: #eee;
}

.btn-red {
	background-color: #ff3600;
	border-color: #dd1400;
	color: white;
}

.btn-red:hover {
	background-color: #ff5822;
	color: #eee;
}

.fab {
	font-size: 1.4rem;
}

#miniCart {
	height: 100%;
	position: fixed;
	top: 0;
	width: 100vw;
	transform: translate3D(100%,0,0);
	-webkit-transform: translate3D(100%,0,0);
	z-index: 19999;
}
#mini-cart {
	display: flex;
	flex-flow: column;
	font-size: var(--base_font_size);
	height: 100%;
	justify-content: flex-start;
	max-width: 100%;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	transform: translate3D(100%,0,0);
	-webkit-transform: translate3D(100%,0,0);
	transition: 500ms ease all;
	width: 100vw;
	z-index: 19999;
}

.empty-cart .fa-shopping-cart {
	font-size: 7rem;
}

#minicart-header {
	display: flex;
	flex-flow: row;
	height: 90px;
	width: 100%;
	background-color: rgba(0,0,0,.015);
	border-bottom: 1px solid rgba(0,0,0,.03);
	left: 0;
	position: relative;
}

.hide-cart {
	font-size: 30px;
	font-family: Arial;
	cursor: pointer;
	width: 90px;
	height: 100%;
	line-height: 90px;
	color: var(--upsell-modal-close-text);
	background-color: var(--upsell-modal-close);
}

.update-item {
	font-size: 1.3rem;
}

#minicart-footer {
	bottom: 0;
	position: absolute;
	width: 100%;
}

#header {
	border-top: 2px solid #222222;
	border-bottom: 2px solid #222222;
}

#logo-top {
	width: 300px;
	max-width: 100%;
}
#pc-menu {
	padding-top: 5px;
	display: none;
}

#pc-menu a {
	color: #fafafa;
}

#pc-menu a:hover {
	color: #e97e20;
}

#mobil-menu {
	background: #1a425a;
	color: #fff;
	display: none;
	font-size: 1.6em;
	min-height: 100vh;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	width: 100%;
	z-index: 20;
}

#mobil-menu a {
	color: #fafafa;
}

#mobil-menu a:hover {
	color: #e97e20;
}

#hamburguer {
	display: inline-block;
	position: absolute;
	right: 0;
	width: 50px;
	z-index: 20;
}

#main {
	min-height: 800px;
}

#contacto input,
#contacto textarea {
	background-color: #d4d0cc;
}
#contacto .form-group {
	padding-top: 40px;
}

.banner .banner-img {
	height: 100% !important;
	object-fit: cover;
	object-position: 50% 62%;
	width: 100%;
}

.banner-content {
	position: absolute;
	top: 30%;
	z-index: 10;
}

.col-box {
	align-items: center;
	background-color: #444;
	border-radius: 10px;
	color: white;
	display: grid;
	flex-direction: row;
	padding: 5px;
	text-align: center;
	font-size: 1.5rem;
}

.text-background {
	background-image: url(/images/svg/araltec.svg);
	background-color: #ffb53c;
	background-repeat: no-repeat;
	background-position: left;
	min-height: 400px;
	align-items: center !important;
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.text-banner {
	min-height: 400px;
	position: relative;
}

#alcance.box:hover .col-box-dev {
	background: linear-gradient(to right, #0030ff 0%, #00faff 100%);
	color: white;
	opacity: 95%;
}

#alcance.box:hover .col-box {
	background-color: #328eb8;
	color: white;
	opacity: 95%;
}

#alcance .card img {
	max-width: 100%;

}

#alcance .card-body {
	font-size: 1.5rem;
}

.layer {
	background: linear-gradient(270deg,rgba(36,45,62,.8) 50%,rgba(0,86,125,.8));
	height: 100%;
	width: 100%;
}

.page-banner {
	position: relative;
}

.img-wrap {
	height: 100vh;
}
.img-wrap > * {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: block;
}
.img-wrap.cover img {
	-o-object-fit: cover;
	object-fit: cover;
	object-position: center;
	height: 100%;
	width: 100%;
}

.text-wrap {
	position: absolute;
	top: 10%;
	width: 100%
}


#mercados_back {
	background-image: url('../images/banner_2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	position: relative;
}

#top-banner {
	height: 360px;
	background-image: url('../images/banner_1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.bg-banner3 {
	height: auto;
	background-image: url('../images/banner_3.jpg');
	background-color:#222;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.bg-banner4 {
	height: 800px;
	background-image: url('../images/banner_4.jpg');
	background-color:#222;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.bg-banner5 {
	height: auto;
	background-image: url('../images/banner_5.jpg');
	background-color:#222;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.banner .container {
	position: relative;
	z-index: 10;
}

.col-box.white {
	background-color: white;
	color:#222;
}
#footer {
	min-height: 200px;
}

.main-image {
	filter: drop-shadow(0 4px 4px rgba(0,0,0,.25));
}
.flex {
	display: flex;
    justify-content: center;
    align-items: center;
}

.card-top {
  	align-items: center;
  	font-family: 'ChesnaGrotesk-SemiBold';
	display: flex;
  	justify-content: center;
	min-height: 200px;
}

.card-title {
	color: #1a425a;
	font-family: 'ChesnaGrotesk-Book';
	font-size: 1.6rem;
}

.card-text {
	min-height: 95px;
}
.card-body li {
	display: -ms-flexbox;
	display: flex;
	line-height: 1.5;
	margin-bottom: 0.9375rem;
	color: #333;
}

.card-body ul li::before {
	content: url("/images/svg/check.svg");
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 25px;
	line-height: 1;
	margin-right: 20px;
}

.info-card ul li {
	display: flex;
}

.info-card ul li::before {
	content: url("/images/svg/check.svg");
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 25px;
	line-height: 1;
	margin-right: 20px;
}

.info-card img.w-75, .info-card img.w-50 {
	width: 100% !important;
}

.mercados .card-body {
	min-height: 315px;
}

#mercados .card-title {
	min-height: 90px;
}

#products .card .card-title {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: 85px;
}
.slick-next {
	right: -15px !important;
}

.slick-prev::before, .slick-next::before {
	font-size: 30px !important;
}

.slick-dots li button::before {
	color: #e97e20;
	content: '•';
	font-family: 'slick';
	font-size: 16px;
	height: 30px;
	left: 0;
	line-height: 20px;
	opacity: .25;
	position: absolute;
	text-align: center;
	top: 0;
	width: 30px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button::before {
	color: #e97e20;
	opacity: .75;
}

.slick .card-title {
	align-items: center;
	display: flex;
	justify-content: center;
}

.pointer {
	cursor: pointer;
}

#gallery {
	position: static;
	top: 0;
	display: none;
}

.blue-imp.close {
	cursor: pointer;
	font-size: 30px;
	background: #e97e20;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	color: #FFFFFF;
	text-align: center;
	line-height: 50px;
	display: inline-block;
}

.blueimp-gallery > .slides > .slide > .slide-content, .blueimp-gallery > .slides > .slide > .slide-content > img {
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 90%;
	opacity: 1;
}

/* min-width */
@media (min-width: 500px) {
	.slick .card-title {
		min-height: 95px;
	}
}

@media (min-width: 576px) {
	#alcance .card-body {
		font-size: 1.5rem;
		min-height: 105px;
	}
}

@media (min-width: 768px) {

	.text-wrap {
		top: 15%;
	}

	.border-md-0 {
		border: 0 !important;
	}

	.border-0.border-md-1 {
		border: 1px solid #000 !important;
	}
	#alcance .card-body {
		font-size: 1.25rem;
		min-height: 105px;
	}
}

@media (min-width: 992px) {
	#pc-menu {
		display: block;
	}

	#hamburguer {
		display: none;
	}

	#mini-cart {
		width: 800px;
	}

	#minicart-header {
		width: calc( 100% + 90px );
	}
	.info-card img.w-75 {
		width: 75% !important;
	}
	.info-card img.w-50 {
		width: 50% !important;
		height: 50% !important;
	}
	
}

@media (min-width: 1200px) {

	.slick .card-text {
		min-height: 200px;
	}

	.col-box {
		height: 200px;
	}
	#alcance .card-body {
		align-items: center;
		display: flex;
		font-size: 1rem;
		justify-content: center;
		min-height: 130px;
		text-align: center;
	}

	#page-alcance .title {
		align-items: center;
		display: flex;
		justify-content: center;
		min-height: 80px;
		text-align: center;
	}
}

@media (min-width: 1400px) {

	.slick .card-title {
		min-height: initial;
	}

	.slick .card-text {
		min-height: 190px;
	}

	#socios .card-body {
		min-height: 450px;
	}

	#alcance .card-body {
		font-size: 1.2rem;
		min-height: 105px;
	}
}

/* max-width */
@media (max-width: 575.98px) {

}

@media (max-width: 767.98px) {

}

@media (max-width: 991.98px) {

}

@media (max-width: 1199.98px) {

}