body {
	font-family: 'Raleway';
	-webkit-font-feature-settings: "lnum";
	-moz-font-feature-settings: "lnum";
	font-feature-settings: "lnum";
	font-weight: 300;
	font-size: 20px;
	background: #01203f;
	color: #fff;
	width: 100vw;
	max-width: 1500px;
	margin: auto;
}
.container-fluid {
	overflow-x: hidden;
}
.zero {
	font-size: 0;
	padding: 0;
	margin: 0;
}

p a {
	border-bottom: 2px solid #c6e0e9;
  color: #089eff;
	padding: 0 1px;
	transition: .2s;
	border-radius: 1px;
}
p a:hover {
	text-decoration: none;
  color: #0093e6;
  background: #c6e0e9;
	transition: .2s;
}

.navwrap {
	position: absolute;
	width: 100%;
	max-width: 1500px;
	z-index: 10;
	background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,0));
}
.navbar {
	padding: 0 !important;
}
.navbar li {
	display: inline-block;
}
.navbar a {
	display: inline-block;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1rem;
	line-height: 60px;
	height: 60px;
	padding: 0 12px;
	transition: .2s;
}
.navbar .sitename a {
	font-family: 'Montserrat';
	font-size: 1.5rem;
	line-height: 60px;
}
.navbar a:hover, .current_page_item a, .current_page_parent a, body.home .sitename a {
	color: #fff;
  text-decoration: none;
	box-shadow: 0 3px 0 #fff;
}


.navbar-toggler {
	font-size: 32px;
	padding: 0;
	color: #fff;
	width: 50px;
	height: 60px;
}
.navbar-toggler:active {
	color: rgba(250,250,250,.75);
}

footer {
	color: #fff;
	background: #023465;
	border-top: 1px solid #01203f;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.5rem;
}
footer span a {
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-size: 1.4rem;
	font-weight: 600;
}
footer a {
	display: block;
	color: #089eff;
	transition: .2s;
}
footer a:hover {
	color: #fff;
	text-decoration: none;
	transition: .2s;
}
footer span a, .ftpg {
	line-height: 1.8rem;
	color: #fff;
}
.smicons a {
	display: inline-block;
	line-height: 3rem;
	font-size: 26px;
	margin: 0 16px 0 2px;
}
.copystuff {
	text-align: center;
	color: #065191;
	font-size: 1rem;
	font-weight: 600;
	margin: .3rem .2rem .4rem;
}
.copystuff a {
	color: #065191;
}
.copystuff a:hover {
	color: #0079c4;
}


.headspace {
	height: 300px;
	background: slategrey;
}
.home-header, .page-header { margin-top: -300px; }
.home-header, .home-header img { min-height: 550px; max-height: 550px; }
.page-header, .page-header img {
	min-height: 300px;
	max-height: 400px;
}
.home-header img, .page-header img {
	width: 100%;
	object-fit: cover;
	filter: brightness(.75);
}



body.home .pagename {
	display: none;
}
.pagename {
	position: relative;
	height: 3rem;
	top: -3rem;
	margin-bottom: -3rem;
	border-bottom: 1px solid rgba(0,0,0,.1);
}



.jumbo-top {
	background: #023465;
	padding: 1rem 1rem .25rem;
	border-top: 1px solid #01203f;
}
.jumbo-bottom {
	background: #023465;
	padding: .25rem 1rem .75rem;
	border-bottom: 1px solid #01203f;
}

.rubro {
	text-align: center;
	cursor: default;
	font-weight: 600;
	font-size: 16px;
	margin: 0 0 8px;
	padding: 0 !important;
	color: #fff;
}
.rubro i {
	font-size: 24px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	border-radius: 30px;
	margin-bottom: 12px;
	position: relative;
	bottom: 0;
	transition: .1s;
}
.rubro:hover i {
	box-shadow: 0 3px 0 0 #01203f;
	bottom: 3px;
	transition: .1s;
}
.lit-a { background: #8dd15f; }
.lit-b { background: #ff7b28; }
.lit-c { background: #f53d79; }
.lit-d { background: #bf46e7; }
.lit-e { background: #089eff; }
.lit-f { background: #20c4c0; }


section {
	background: #ebf2f5;
	color: #7a92a7;
	font-size: 1.5rem;
}
section h2 {
	display: inline-block;
	font-size: 2.75rem;
	font-weight: 200;
	background: #fff;
	color: #4d728c;
	padding: 4px 6px 5px !important;
	border-radius: 2px;
	margin: 2rem 0 0.5rem !important;
}
.negrita {
	color: #4d728c;
}
.certificado {
	padding: 0 16px;
	filter: grayscale(.3);
	opacity: .7;
}














.cateprod {
	position: relative;
	overflow: hidden;
	border-radius: 6px;
	height: 300px;
	color: #fff;
	background: #023465;
}
.cateprod a, .cateprod a:hover { color: #fff; }
.cparq a {
	box-shadow: 2px solid #f53d79;
}
.cpind a {
	box-shadow: 2px solid #bf46e7;
}
.cpper a {
	box-shadow: 2px solid #089eff;
}
.cpacc a {
	box-shadow: 2px solid #20c4c0;
}
.cateprod img {
	position: absolute;
	filter: grayscale(1);
	opacity: .5;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	z-index: 5;
}


.smartgal {
	background: #fff;
	border-radius: 2px;
}




.centerfloat {
	position: absolute;
	text-align: center;
	width: 100%;
	padding: 12px;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
}
.centerfloat .button {
	display: inline-block;
	background: rgba(0,0,0,.5);
	height: 36px;
	border-radius: 18px;
	color: #fff;
	padding: 0 18px;
}




.proEnter figure {
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	background: #01203f;
	width: 100%;
	height: 0;
	padding-top: 70%;
}
.proEnter img {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	filter: grayscale(.75);
	opacity: .5;
	transition: .3s ease;
}
.proEnter:hover img {
	filter: grayscale(0);
	opacity: 1;
	transition: .3s ease;
}

.proEnter figcaption {
	position: absolute;
	pointer-events: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 2.4rem;
	background: rgba(10, 30, 50, 0.4);
	transition: .3s ease;
}

.proEnter figcaption p {
	height: 2.4rem;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fff;
	padding: 0 7px;
}
.proEnter:hover figcaption { background: rgba(10, 30, 50, 0.8); }
#pcarq p { border-bottom: 2px solid #f53d79; }
#pcind p { border-bottom: 2px solid #bf46e7; }
#pcper p { border-bottom: 2px solid #089eff; }








.drop {
	display: inline-block;
	width: 12rem;
}
.custom-select {
	position: relative;
	color: #54708c;
	padding: 2px 4px;
	font-weight: 300;
	bottom: 3px;
}
.pais {
	overflow: hidden;
	height: 0;
	margin: 0 !important;
	padding: 0 10px !important;
}



.acf-map {
	width: 100%;
	height: 200px;
}
.mapInfo {
	color: #fff;
	background: #089eff;
	font-size: 1.4rem;
	line-height: 1.8rem;
}
.granmap {
	width: 100%;
	height: 0;
	margin: 0 auto;
	padding-top: 80%;
	position: relative;
	pointer-events: none;
	transition: .3s ease;
}
.granmap iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}



.sucursal {
	overflow: hidden;
	font-size: 1.1rem;
	color: #8fa3b3;
	background: #fff;
	box-shadow: 0 0 0 1px rgba(0,0,0,.1);
	border-radius: 6px;
}
.sucursal-info {
	padding: 6px;
	box-shadow: 0 -1px 0 rgba(0,0,0,.1);
	position: relative;
	font-size: 1rem;
}
.sucursal-info i {
	position: absolute;
	width: 36px;
	margin-left: 4px;
	color: #089eff;
	font-size: 1rem;
	line-height: 1.6rem;
}
.sucursal-info span {
	display: block;
	color: #54708c;
	font-weight: 200;
	font-size: 1.4rem;
	margin: 2px 4px 6px 30px;
}
.sucursal-info p {
	margin: 0 0 6px 30px;
	line-height: 22px;
}
.pais h2 {
	font-size: 40px;
}



.frm {
	overflow: hidden;
	font-size: .8rem;
	font-weight: 500;
	color: #8fa3b3;
	background: #fff;
	box-shadow: 0 0 0 1px rgba(0,0,0,.1);
	border-radius: 6px;
}
.frm input, .frm textarea, .frm select {
	background: #f4f8fa !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	color: #54708c !important;
	padding: 2px 4px 2px 8px !important;
	margin-bottom: -3px !important;
}
.frm select { padding-left: 4px !important; }
.frm input:focus, .formu textarea:focus {
	background: #f0eae7;
	color: #4d5a66;
	border: 1px solid #a5cad7;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 0 3px rgba(5,183,243,.16);
}
.frm input::placeholder, .frm textarea::placeholder { color: #96aaba !important; }
.caldera-grid input[type=submit] {
  text-transform: uppercase;
  padding: 8px 12px !important;
  background: #089eff !important;
  color: #fff !important;
  border: none;
	margin-bottom: 0px !important;
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .1);
  transition: .2s;
}
.caldera-grid input[type=submit]:hover {
  background: #005490 !important;
	transition: .2s;
}
.caldera-grid input[type=submit]:active { background: #023465 !important; }
.caldera-grid {
	position: relative;
	width: calc(100% - 8px) !important;
	left: 12px;
	top: 12px;
	margin-bottom: 8px;
}


@media screen and (max-width: 991px) {
	section h2 { font-size: 2.5rem; }
	.home-header, .home-header img { min-height: 500px; max-height: 500px; }
}
@media screen and (max-width: 767px) {
	section h2 { font-size: 2.25rem; }
	.home-header, .home-header img { min-height: 400px; max-height: 400px; }
	.navbar li {
		position: relative;
		left: -36px;
		display: block;
		text-align: left;
		width: 100%;
	}
	.navbar a:hover, .current_page_item a, body.home .sitename a {
		box-shadow: none;
	}
	footer span a, .ftpg {
		line-height: 2rem;
	}
	.smicons {
		margin: .75rem 0;
		border-top: 1px solid #065191;
		border-bottom: 1px solid #065191;
	}
	.smicons a {
		font-size: 32px;
		margin: 4px 18px;
	}
	.jumplinks {
		display: none;
	}
}
@media screen and (max-width: 575px) {
	section h2 { font-size: 2rem; }
	.home-header, .home-header img { min-height: 300px; max-height: 300px; }
}
@media screen and (max-width: 415px) {
	section h2 { font-size: 1.75rem; }
}