/* FONTS */
@font-face {
	font-family: 'source_sans_pro';
	src: url('../fonts/sourcesanspro-black-webfont.woff2') format('woff2'),
	url('../fonts/sourcesanspro-black-webfont.woff') format('woff');
	font-weight: 700;
	font-style: normal;

}


@font-face {
	font-family: 'source_sans_pro';
	src: url('../fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
	url('../fonts/sourcesanspro-bold-webfont.woff') format('woff');
	font-weight: 600;
	font-style: normal;

}

@font-face {
	font-family: 'source_sans_pro';
	src: url('../fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
	url('../fonts/sourcesanspro-semibold-webfont.woff') format('woff');
	font-weight: 500;
	font-style: normal;

}

@font-face {
	font-family: 'source_sans_pro';
	src: url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
	url('../fonts/sourcesanspro-regular-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal;

}


@font-face {
	font-family: 'source_sans_pro';
	src: url('../fonts/sourcesanspro-light-webfont.woff2') format('woff2'),
	url('../fonts/sourcesanspro-light-webfont.woff') format('woff');
	font-weight: 300;
	font-style: normal;

}


@font-face {
	font-family: 'source_sans_pro';
	src: url('../fonts/sourcesanspro-extralight-webfont.woff2') format('woff2'),
	url('../fonts/sourcesanspro-extralight-webfont.woff') format('woff');
	font-weight: 200;
	font-style: normal;

}

/*
 * ---------------------------------------------------------------
 * Reset
 * ---------------------------------------------------------------
 */

body, blockquote, dl, dd, figure, fieldset,
h1, h2, h3, h4, h5, h6, hr, ol, p, pre,
textarea, ul {
	margin: 0;
}
button, fieldset, input, legend, option,
select, td, textarea, th {
	padding: 0;
}
article, aside, details, figcaption, figure, footer,
header, main, menu, nav, section {
	display: block;
}
table {
	border-collapse: collapse;
}
b, strong {
	font-weight: bolder;
}
img {
	border-style: none;
}
button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: inherit;
}

/*
 * ---------------------------------------------------------------
 * Base
 * ---------------------------------------------------------------
 */

*, *::before, *::after {
	-moz-box-sizing: inherit;
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
html {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	font: 14px/1.5 sans-serif;
}
a {
	color: inherit;
	text-decoration: none;
}
blockquote, dl, figure, hr, ol, p, pre, ul {
	margin-bottom: 10px;
}
ol ol, ol ul, ul ol, ul ul {
	margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6 {
	font: inherit;
	font-family: 'source_sans_pro', sans-serif;
	font-weight:500;
}
p, a, span {
	font-family: 'source_sans_pro', sans-serif;
	font-weight:400;
	text-align:justify;
}
button {
	border: 0;
	background: none;
	line-height: 1.5;
	text-align: left;
	cursor: pointer;
}
h4 {color:#203C73; font-size:20px; margin-top:20px;}

/*
 * ---------------------------------------------------------------
 * Grid
 * ---------------------------------------------------------------
 */

.clearfix::after,
.container::after,
.row::after {
	clear: both;
	content: "";
	display: block;
}
.container {
	margin: 0 auto;
	padding: 0 12px;
}
.row {
	margin: 0 -12px;
}
.no-gutters {
	margin: 0;
}
[class^="col-"],
[class*=" col-"] {
	float: left;
	padding: 0 12px;
	position: relative;
	width: 100%;
}
.no-gutters > [class^="col-"],
.no-gutters > [class*=" col-"]  {
	padding: 0;
}
.col-xs-1 { width: 8.333333%; }
.col-xs-2 { width: 16.666667%; }
.col-xs-3 { width: 25%; }
.col-xs-4 { width: 33.333333%; }
.col-xs-5 { width: 41.666667%; }
.col-xs-6 { width: 50%; }
.col-xs-7 { width: 58.333333%; }
.col-xs-8 { width: 66.666667%; }
.col-xs-9 { width: 75%; }
.col-xs-10 { width: 83.333333%; }
.col-xs-11 { width: 91.666667%; }
.col-xs-12 { width: 100%; }
.hidden-xs-up { display: none !important; }
.pull-xs-left { float: left !important; }
.pull-xs-none { float: none !important; }
.pull-xs-right { float: right !important; }
.text-xs-center { text-align: center !important; }
.text-xs-left { text-align: left !important; }
.text-xs-right { text-align: right !important; }

.achicar { width:80% !important; margin:0 auto;}
.margen-pie { width: 100%; position: absolute; margin-top: 10px;}


.map-centrado {position:relative; }
.map-centrado > a { position: absolute; z-index: 15; background-image: url(../img/pop.png); background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; cursor:pointer; }
.map-centrado > a:hover { z-index: 13; opacity: 1; }


.mapa-lima { width: 75px; height:135px; top:290px; left:45px; }
.mapa-lima:hover { width:552px; height:225px; top:226px; left:0px }

#direction-lima{
	position: absolute;
	z-index: 15;
	/* cursor: pointer; */
	width:420px; top:226px; left:100px; background-color: #24ABE2;
	padding:15px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	color:#ffffff;
	box-shadow: 2px 2px 5px #999;
}
/*.mapa-lima:hover #dato {display:block;}*/



.mapa-ecuador { width: 75px; height:135px; top:151px; left:295px; }
.mapa-ecuador:hover { width:420px; height:217px; top:152px; left:83px; }
#direction-ecuador{
	position: absolute;
	z-index: 15;
	/* cursor: pointer; */
	width:420px; top:285px; left:90px; background-color: #24ABE2;
	padding:15px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	color:#ffffff;
	box-shadow: 2px 2px 5px #999;
}


.mapa-bolivia { width:75px; height:135px; top:357px; left:440px; }
.mapa-bolivia:hover { width:509px; height:151px; top:325px; left:80px; }
#direction-bolivia{
	position: absolute;
	z-index: 15;
	/* cursor: pointer; */
	width:414px; top:356px; left:8px; background-color: #24ABE2;
	padding:18px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	color:#ffffff;
	box-shadow: 2px 2px 5px #999;
}

.mapa-chile { width:75px; height:135px; top:440px; left:115px; }
.mapa-chile:hover { width:519px; height:136px; top:450px; left:85px;  }

#direction-chile{
	position: absolute;
	z-index: 15;
	/* cursor: pointer; */
	width:400px; top:450px; left:170px; background-color: #24ABE2;
	padding:15px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	color:#ffffff;
	box-shadow: 2px 2px 5px #999;
}
.contact-color{color:#ffffff;font-size:16px; text-align: left;text-transform: uppercase;}
.contact-color2{color:#ffffff;font-size:14px;padding-left: 30px;pointer-events: all;}
.contact-table{
	display: block;
	margin: 0 auto;
	width: 100%;
}


table {display:block; margin:0 auto; width:80%;}
td {padding:5px;}
.ancho-uno { width:182px;}
.ancho-dos { width:100% !important;}
.caja {display:block; width:182px; height:62px; background-image:url(../img/ingenieria-de-proyectos2.jpg); background-repeat:no-repeat;}
.bg1 { background-position: 0px 0px;}
.bg2 { background-position: -190px 0px;}
.bg3 { background-position: -380px 0px;}
.bg4 { background-position: 0px -63px;}
.bg5 { background-position: -190px -63px;}
.bg6 { background-position: -380px -63px;}
.bg7 { background-position: 0px -126px;}
.bg8 { background-position: -190px -126px;}
.bg9 { background-position: -380px -126px;}
.alto-sectores {height:350px;}
.division1 {display:inline-block; float:left; width:100%; margin-bottom:20px;}
.division2 {display:inline-block; float:left; width:100%;}
.division3 {display:none; float:left; width:100%;}
.division4 {display:none; float:left; width:100%;padding-bottom:7px }
.oculto {display:block;}
.sistema1 th {background-color:#000 !important;}
.sistema2 th {background-color:#000 !important; padding:15px 18px !important;}
.sistema3 {background-color:#B8B8B8;}
.sistema4 {background-color:#203C73; padding:15px 18px; color:white;}
.sistema4 td {padding-left:18px !important;}
.centro {text-align:center !important; display:table-cell;}
.fondoclaro {background-color:#DFDEDE;}
.tabla-cert {text-align:center; display:inline-block; padding:10px 25px; border-radius:8px;}
.tabla-cert span {display:block; color:#fff; padding-top:0px; margin-top:-8px; text-align:center; }
.tabla-cert img { border-bottom:6px #dcdcdc solid;}
.tabla-cert:hover, {box-shadow:3px 3px 5px 6px #dcdcdc;}
.sombra {box-shadow:3px 3px 5px 6px #dcdcdc; padding:10px 0 2px 13px; display:block; width:77%; text-align:center; margin-left:-12px;}
.sombra:hover { background-color:#ccc;}
.tabla-cert:hover span {color:#24ABE2;}
.tabla-cert:hover img {border-bottom-color:#24ABE2;}
.mapa-lima, .mapa-ecuador, .mapa-bolivia, .mapa-chile { display:block; }
.mapacelular { display: none;}
.boton-nos {float:right; display:block; width:220px;}
.boton-comp {float:right; display:block; width:110px; padding:10px;}
.boton-impr {float:left; display:block; width:110px; padding:10px;}
.boton-comp:before {content: '\f067'; display: inline-block; float:left; margin-right:0.5em; font-family: FontAwesome; font-style: normal; font-weight: normal;}
.boton-impr:before {content: '\f02f'; display: inline-block; float:left; margin-right:0.5em; font-family: FontAwesome; font-style: normal; font-weight: normal;}
.boton-impr:hover, .boton-comp:hover {color:#24ABE2;}

@media (max-width: 543px) {
	.hidden-xs-down { display: none !important; }
	.alto-sectores {height:auto !important;}
}
@media (min-width: 544px) {
	.container { width: 540px; }
	.col-sm-1 { width: 8.333333%; }
	.col-sm-2 { width: 16.666667%; }
	.col-sm-3 { width: 25%; }
	.col-sm-4 { width: 33.333333%; }
	.col-sm-5 { width: 41.666667%; }
	.col-sm-6 { width: 50%; }
	.col-sm-7 { width: 58.333333%; }
	.col-sm-8 { width: 66.666667%; }
	.col-sm-9 { width: 75%; }
	.col-sm-10 { width: 83.333333%; }
	.col-sm-11 { width: 91.666667%; }
	.col-sm-12 { width: 100%; }
	.hidden-sm-up { display: none !important; }
	.pull-sm-left { float: left !important; }
	.pull-sm-none { float: none !important; }
	.pull-sm-right { float: right !important; }
	.text-sm-center { text-align: center !important; }
	.text-sm-left { text-align: left !important; }
	.text-sm-right { text-align: right !important; }
}
@media (max-width: 767px) {
	.hidden-sm-down { display: none !important; }
	.mapa-lima, .mapa-ecuador, .mapa-bolivia, .mapa-chile { display:none; }
	.mapacelular { display: block; padding:10px; }
	.share-btns {width: 100%; text-align: left}
}
@media (min-width: 768px) {
	.container { width: 720px; }
	.mapa-bolivia { height: 115px; top:365px; left:440px; }
	.mapa-ecuador { height: 120px; top:160px; left:295px; }
	.mapa-lima { height: 120px; top:300px; left:50px; }
	#direction-lima { left:120px; }
	.mapa-chile { height: 120px; top:450px; left:115px; }
	#direction-chile { left:200px; }

	.col-md-1 { width: 8.333333%; }
	.col-md-2 { width: 16.666667%; }
	.col-md-3 { width: 25%; }
	.col-md-4 { width: 33.333333%; }
	.col-md-5 { width: 41.666667%; }
	.col-md-6 { width: 50%; }
	.col-md-7 { width: 58.333333%; }
	.col-md-8 { width: 66.666667%; }
	.col-md-9 { width: 75%; }
	.col-md-10 { width: 83.333333%; }
	.col-md-11 { width: 91.666667%; }
	.col-md-12 { width: 100%; }
	.col-md-onefifth { width: 20%; }
	.hidden-md-up { display: none !important; }
	.pull-md-left { float: left !important; }
	.pull-md-none { float: none !important; }
	.pull-md-right { float: right !important; }
	.text-md-center { text-align: center !important; }
	.text-md-left { text-align: left !important; }
	.text-md-right { text-align: right !important; }
}
@media (max-width: 991px) {
	.hidden-md-down { display: none !important; }
}
@media (min-width: 992px) {
	.container { width: 960px; }
	.mapa-bolivia { height: 80px; top:280px; left:310px; }
	.mapa-bolivia:hover { top: 275px; }
	.mapa-ecuador { height: 80px; top:135px; left:205px; }
	#direction-ecuador { top:220px }
	.mapa-ecuador:hover { top: 120px; }
	.mapa-lima { height: 80px; top:235px; left:25px; }
	#direction-lima { top:126px; left:100px; }
	.mapa-chile { height: 80px; top:340px; left:75px; }
	.mapa-chile:hover { top: 330px; }
	#direction-chile { left:150px; top:420px }
	.col-lg-1 { width: 8.333333%; }
	.col-lg-2 { width: 16.666667%; }
	.col-lg-3 { width: 25%; }
	.col-lg-4 { width: 33.333333%; }
	.col-lg-5 { width: 41.666667%; }
	.col-lg-6 { width: 50%; }
	.col-lg-7 { width: 58.333333%; }
	.col-lg-8 { width: 66.666667%; }
	.col-lg-9 { width: 75%; }
	.col-lg-10 { width: 83.333333%; }
	.col-lg-11 { width: 91.666667%; }
	.col-lg-12 { width: 100%; }
	.col-lg-4\/9 { width: 37.037037%; }
	.col-lg-6\/9 { width: 51.851851%; }
	.col-lg-7\/9 { width: 77.777778%; }
	.col-lg-push-1 { left: 8.333333%; }
	.col-lg-push-1\/9 { left: 11.111111%; }
	.hidden-lg-up { display: none !important; }
	.pull-lg-left { float: left !important; }
	.pull-lg-none { float: none !important; }
	.pull-lg-right { float: right !important; }
	.text-lg-center { text-align: center !important; }
	.text-lg-left { text-align: left !important; }
	.text-lg-right { text-align: right !important; }
}
@media (min-width: 1200px) {
	.container { width: 1140px; }
	.mapa-bolivia { height: 100px;top:320px; left:375px; }
	#direction-bolivia {  top: 420px; }
	.mapa-ecuador { height: 100px;top:150px; left:250px; }
	#direction-ecuador { top:250px }
	.mapa-lima { height: 100px;top:270px; left:35px; }
	.mapa-chile { height: 100px;top:395px; left:95px; }
	.mapa-chile:hover { top: 390px; }
	#direction-chile { left: 170px; top: 470px; }
}
@media (min-width: 1440px) {
	.container { width: 1356px; }
	.mapa-bolivia { top:370px; left:450px;     height: 120px;}
	.mapa-bolivia:hover { top: 340px;}
	.mapa-ecuador { top:165px; left:300px;     height: 120px;}
	.mapa-lima { top:305px; left:50px; height: 120px; }
	#direction-lima { top:200px; left:120px; }
	.mapa-chile { top:455px; left:120px;    height: 120px; }
	.mapa-chile:hover { top: 460px;}
	#direction-chile {left: 200px;}
}
@media (min-width: 1680px) {
	.wide-container { width: 1606px;}
}

/*
 * ---------------------------------------------------------------
 * Site
 * ---------------------------------------------------------------
 */

.dp-block{display: block;}
.cs-pointer{cursor: pointer;}
.img-full { display: block; width: 100%;}
.bdr-1 { border-right: 1px solid; }
.bdl-1 { border-left: 1px solid; }
.hide { display: none; }
.relative { position: relative; }
.no-margin { margin: 0; }
.list-style-none{list-style: none !important;}
.vert-middle{vertical-align: middle;}
.filter-orange{-webkit-filter: invert(75%) sepia(63%) saturate(6252%) hue-rotate(360deg) brightness(102%) contrast(106%);
	filter: invert(75%) sepia(63%) saturate(6252%) hue-rotate(360deg) brightness(102%) contrast(106%);}
.filter-white{-webkit-filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(167deg) brightness(100%) contrast(104%);
	filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(167deg) brightness(100%) contrast(104%);}
.restricted-height{max-height: 270px; overflow: hidden;}
.restricted-height-two{max-height: 100px; overflow: hidden; padding-right: 15px;}
@media (max-width: 991px) {
	.cs-mg-b-12{margin-bottom: 12px !important;}
}
@media (max-width: 767px) {
	.popup-content {
		width: 90% !important;
		height: 90% !important;
	}
	.popup-info {
		width: 100% !important;
		padding: 30px !important;
		height: 330px !important;
	}
	.popup-image {
		width: 100% !important;
		height: 50% !important;
		overflow: hidden;
	}
	.img_mobile {
		display: block !important;
	}
	.img_desktop {
		display: none !important;
	}
	.image_cover{
		height: 350px !important;
	}
}
.group {
	display: block;
	height: 30px;
}
.left {
	display: block;
	float: left;
}
.p-1 {
	padding: 2px 10px;
}
.column {
	display: block;
	width: 50%;
	float: left;
}
/* Header */
.img_mobile {
	display: none !important;
}
.img_desktop {
	display: block !important;
}
.popup {
	background: rgba(0, 0, 0, 0.78);
	position: fixed;
	z-index: 5000;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.popup-content {
	max-width: 90%;
	width: 850px;
	height: 400px;
	overflow: hidden;
	position: fixed;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	background: #fff;
	z-index: 5001;
	border-radius: 0px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.1), 0 3px 3px rgba(0,0,0,0.70);
}
.popup-info ::-webkit-scrollbar {
	width: 10px;
}

.popup-info ::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.popup-info ::-webkit-scrollbar-thumb {
	background: #888;
}

.popup-info ::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.popup-info {
	width: 55%;
	float: left;
	padding: 30px;
	height: 400px;
	overflow: scroll;
}
.popup-info hr{
	display: block;
	margin: 20px 0px;
}
.popup-image {
	width: 45%;
	overflow: hidden;
	float: left;
}
.image_cover{
	height: 400px;
	object-fit: cover;
}
.popup-text {
	display: block;
	margin: 20px 0px;
	font-size: 12px;
}
.popup-datos {
	font-size: 12px;
}
.popup-datos div{
	margin-top: 5px;
}
.popup-datos span{
	font-size: 13px;
	padding-bottom: 5px;
}
.popup-footer {
	display: block;
	margin-top: 20px;
}
.popup-btn {
	margin: 10px 0px;
	background: #009CDE 0% 0% no-repeat padding-box;
	border: 1px solid #009CDE;
	border-radius: 20px;
	padding: 5px 20px;
	color: #fff;
	float: left;
}
.popup-logo {
	width: 140px;
	float: right;
}

/* Header */
.main { position: relative; }
.header { position: relative; z-index: 3; }
.header-aside { background-color: #203C73; color: white; }
.header-bg { background-color:#DDDDDD!important;}
.menu-container { background-color: #203C73; }
.header-nav { background-color: #eeeeee; color: #333333; background: url('../img/diagonal-noise.png'); background-position: center;}
.wide-container { padding-top: 60px; }
.movil-menu-compressed { display: none; }
.productos-header, .novedades-header, .brochures-header{ background: url('../img/diagonal-noise.png'); height: 72px; }
.productos-header-title, .novedades-header-title, .brochures-header-title{padding: 15px 0;}
.sectores-header { background-color: #203C73; height: 72px; }
.sectores-header .section-title { color: white; }
.secondary-links { vertical-align: middle; display: table-cell; float: none; }
.secondary-link { margin-left: 2px; float: left; padding:2px 6px 0px; font-size: 13px; transition: color 0.3s; font-weight: 500; }
.secondary-link:hover, .secondary-link.is-active { background-color: #000; border-radius: 20px; }
.secondary-link { background-color: #24ABE2; border-radius: 20px; }
.secondary-link .fa { padding-left: 5px; }
.social-links { float: left; /*margin-right: 12px;*/ }
.social-link { float: left; padding: 0 8px; font-size: 16px; line-height: inherit; transition: color 0.3s; color: #878787;}
.social-link:hover { color: #203C73; }
.social-youtube {font-size: 20px; line-height: 24px;}
.lang-links { display: inline-block; vertical-align: middle; }
.lang-link { float: left; padding: 0 8px; font-size: 16px; transition: color 0.3s; }
.lang-link:last-child { padding-right: 0; }
.lang-link.is-active, .lang-link:hover { color: #203C73; }
.header-container {display: table;}
.logo { position: relative; display: table-cell; vertical-align: middle; float: none; padding: 10px 0; }
.logo-img { vertical-align: middle; float: none;}
.top-nav-r { display: table;height: 90px; }
.nav-right{padding: 10px 0;}
.nav-left{}
.chevron-section-movil { display: none; }
.primary-links { float: left; padding-left: 0; margin-bottom: 0; list-style-type: none; }
.dropdown {position: relative;}
.primary-links > li { float: left; }
.primary-main-links { height: auto; padding: 9px 10px 9px 0; }
.primary-links li{height: auto;}
.primary-link .fa { padding-left: 10px;     font-size: 14px; }
.primary-link { float: left; padding: 5px 10px 2px; font-family: 'source_sans_pro', sans-serif; font-size:17px;
	font-weight:500;  transition: color 0.3s; display: block; color: #888888; line-height: 120%; }
.primary-link.is-active, .primary-links > li:hover .primary-link { color: white; background-color: #000; border-radius: 20px; }
.searchfrm { display: table-cell; vertical-align: middle; float: none; }
.searchfrm-input { width: 515px; padding: 4px; border: 0; border-bottom: 1px solid; background: none; color: inherit; text-transform: inherit; margin-right: 20px; }
.searchfrm-input::placeholder {
	/* Chrome/Opera/Safari */
	color: white;
}
.slick-slide img { height: 100%;}
.hero-slides .slick-initialized .slick-slider { height: 100%; }

/*********************************************/
.menu-container {
	background: #203C73;
	transition: .3s;
	right: 50px;
	top: 50px;
	transform-origin: center center;
}
.menu-container.fs {
	/*transform: translate3d(0%, 0%, 0);*/
	transform: rotate(-180deg);
	background: #EEEEEE;
}
.movil-menu-compressed {
	color: white;
	padding-top: 11px;
	-webkit-user-select: none;
	cursor: pointer;
	transition: .4s;
	transform-origin: center;
}
.movil-menu-compressed.fs {
	transform: rotate(-180deg) /*translateY(10px)*/;
}

.primary-links-movil {
	position: absolute;
	width: 100%;
	height: 1010px;
	transition: .4s;
	/*  text-align: center;
      margin-top: 100px;
      transform: translateY(-200%);
      pointer-events: none;*/
}
.primary-links-movil li {
	transition: 1s;
	margin-top: 0px;
}
.primary-links-movil.fs {
	transform: translateY(0);
	pointer-events: auto;
}
.primary-links-movil.fs li {
	text-align: center;
}
/******************************/
.searchfrm-input:focus {
	background-color: white;
	color:#000;
}

.searchfrm-btn { padding: 0px 16px; background-color: #000; color: inherit;  }
.search { float: left; padding-left: 24px; font-size: 18px; line-height: 80px; transition: color 0.3s; cursor: pointer; }
.search:hover { color: #000; }
.search.is-active { font-size: 20px; }
.search.is-active::before { content: '\f05c'; }
.qroma-logo { text-align: right; }
.hero, .hero-slides { height: 100%; }
.hero-btns .slick-list{ padding: 50px 0px 0px 22px !important; margin-top: -45px; }
.pointer-events-movil { pointer-events: none; }
.hero-btns .slick-current .hero-icon{-webkit-filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(167deg) brightness(100%) contrast(104%);
	filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(167deg) brightness(100%) contrast(104%);}
.main .section { background-color: #EEEEEE; }
.hero-overlay { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center;border: 4px solid white; padding: 25px 40px; background-image: url('../img/diagonal-noise2.png');}
.hero-title { color: #FFF; text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4); font-size: 46px;  line-height: 50px; }
.hero-link { background-color: #FFF; padding: 6px 24px;  transition: all 0.3s; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,50%);}
.hero-link:hover { background-color: #203C73; color: #FFF; }
.hero-nav { background-color: white; color: black; }
.hero-btn { transition: background-color 0.3s; cursor: pointer; border-right: 1px solid #203C73; }
.hero-btn.slick-current { background-color: #0785ff; }
.hero-btn-inner { padding: 15px 0px; font-size: 16px;  text-align: center; z-index:5; }
.hero-btn-inner-title { /*padding-top: 10px;*/ margin-bottom: 8px; margin-top: 0px; white-space: nowrap; color: black; font-size: 15px; text-align:center;}
.hero-btn:hover { transform: scale(1.1); background: #0683ff; /* Old browsers */
	background: -moz-linear-gradient(top, #0683ff 41%, #203C73 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0683ff 41%,#203C73 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0683ff 41%,#203C73 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0683ff', endColorstr='#203C73',GradientType=0 ); /* IE6-9 */
}
.hero-btn-inner:hover h4, .hero-btns .hero-btn.slick-current h4 { color: white!important; }
.hero-btn:hover::before { content: '\A'; width: 100%; height: 20px; border-left: 114px solid transparent; border-right: 114px solid transparent; border-bottom: 20px solid #0682fc; position: absolute; top: -19px; left: 0px; z-index: 2; }
.hero-btn:hover::after { content: '\A'; width: 100%; height: 35px; border-left: 110px solid transparent; border-right: 110px solid transparent; border-bottom: 15px solid rgba(0, 0, 0, 0.5); position: absolute;
	top: -24px; left: 0px; z-index: 1;filter: blur(4px);}
.hero-btn { transition: all .2s ease-in-out; }
.hero-icon { max-width: 100%; margin: auto; }
.section-title-movil .icon-hover { display:none; }
.hero-btn-inner:hover .icon-normal, .hero-btns .hero-btn.slick-current .icon-normal { display:none; }
.hero-btn-inner:hover .icon-hover, .hero-btns .hero-btn.slick-current .icon-hover { display: block; }
.hero-btns .hero-btn.slick-current {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0683ff+41,409fff+100 */
	transform: scale(1.1);
	background: #0683ff; /* Old browsers */
	background: -moz-linear-gradient(top, #0683ff 41%, #203C73 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0683ff 41%,#203C73 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0683ff 41%,#203C73 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0683ff', endColorstr='#203C73',GradientType=0 ); /* IE6-9 */
}
.hero-btns .hero-btn.slick-current::before { content: '\A'; width: 100%; height: 25px; border-left: 115px solid transparent; border-right: 115px solid transparent; border-bottom: 20px solid #0682fc; position: absolute; top: -24px; left: 0px; z-index: 2; }
.hero-btns .hero-btn.slick-current::after { content: '\A'; width: 100%; height:15px; border-left: 115px solid transparent; border-right: 115px solid transparent; border-bottom: 10px solid rgba(0, 0, 0, 0.5); position: absolute; top: -25px; left: 0px; z-index: 1;filter: blur(4px);}
.slick-slider .slick-track, .slick-slider .slick-list { width: 100%;   }
.menuvisifix { padding-right: 32px;}

@media (min-width: 1600px) {
	.hero-btn:hover::before{border-left: 156px solid transparent;border-right: 153px solid transparent;}
	.hero-btn:hover::after{height: 17px;border-left: 140px solid transparent;border-right: 148px solid transparent;}
	.hero-btns .hero-btn.slick-current::before{border-left: 154px solid transparent;border-right: 154px solid transparent;}
	.hero-btns .hero-btn.slick-current::after{border-left: 170px solid transparent;border-right: 170px solid transparent;top: -45px;height: 37px;}
}

@media (max-width: 1572px) {
	.hero-btn:hover::before{border-left: 90px solid transparent;border-right: 95px solid transparent;}
	.hero-btn:hover::after{height: 17px;border-left: 90px solid transparent;border-right: 75px solid transparent;}
	.hero-btns .hero-btn.slick-current::before{border-left: 92px solid transparent;border-right: 92px solid transparent;}
	.hero-btns .hero-btn.slick-current::after{border-left: 100px solid transparent;border-right: 100px solid transparent;top: -45px;height: 37px;}
}

@media (min-width: 1440px) {
	.secondary-links { margin-right: 24px; }
	.secondary-link { padding:5px 10px 3px; }
	/*.social-links { margin-right: 24px; }*/
	/*.primary-link { font-size: 14px; }*/
	.hero-btn:hover::before{border-left: 110px solid transparent;border-right: 110px solid transparent;}
	.hero-btn:hover::after{height: 17px;border-left: 115px solid transparent;border-right: 115px solid transparent;}
	.hero-btns .hero-btn.slick-current::before{border-left: 110px solid transparent;border-right: 110px solid transparent;}
	.hero-btns .hero-btn.slick-current::after{border-left: 115px solid transparent;border-right: 115px solid transparent;top: -45px;height: 37px;}
}

@media (max-width: 1422px) {
	.hero-btn:hover::before{border-left: 93px solid transparent;border-right: 93px solid transparent;}
	.hero-btn:hover::after{height: 17px;border-left: 95px solid transparent;border-right: 95px solid transparent;}
	.hero-btns .hero-btn.slick-current::before{border-left: 90px solid transparent;border-right: 90px solid transparent;}
	.hero-btns .hero-btn.slick-current::after{border-left: 96px solid transparent;border-right: 96px solid transparent;top: -44px;height: 36px;}
}

@media (max-width: 1024px){
	.hero-btn:hover::before{border-left: 155px solid transparent; border-right: 155px solid transparent;}
	.hero-btn:hover::after{border-left: 130px solid transparent; border-right: 130px solid transparent;}
}

@media (max-width: 1383px) {
	.hero-btns .hero-btn.slick-current::before{border-left: 93px solid transparent;border-right: 93px solid transparent;}
	.hero-btns .hero-btn.slick-current::after{border-left: 94px solid transparent;border-right: 94px solid transparent;top: -44px;height: 36px;}
}

/* Dropdown Menu */
.dropdown-menu { position: absolute; left: 147px; top: 100%; width: 284px; background-color: #000; color: #FFF; overflow: hidden; text-align: left; }
.dropdown .dropdown-menu { padding: 30px 0; box-shadow: 0 8px 8px rgba(0, 0, 0, 0.4); }
.dropdown-tabs{ position: absolute; top: 45px; left: 0px; background-color: black; padding: 10px 5px; width: 300px; list-style: none; }
.dropdown-tab { font-weight: 600; display: block; width: 100%; padding: 4px 8px; font-size: 16px;  transition: background-color 0.3s; color: white;}
.dropdown-tab.is-active, .dropdown-tab:hover, .dropdown-tab.is-active .dropdown-arrow { color: #FF7F00; }
.dropdown-arrow { float: right; color: #FFFF; line-height: inherit; padding-left: 20px;}
.dropdown-pane { height: 0; font-size: 13px; opacity: 0; overflow: hidden; transition: opacity 0.3s; }
.dropdown-pane.is-visible { height: auto; opacity: 1; }
.dropdown-links { padding-top: 10px; padding-left: 10px; height: 100%; list-style-type: none; position: absolute; top: 0px; left: 300px; width: 470px; background-color: white; }
.dropdown-link { display: block; padding: 2px 8px; color: color: #666666;; transition: background-color 0.3s; }
.dropdown-link:hover { text-decoration: underline;}
.product-subsection-link { padding-top: 10px; color: #203C73;}
.sector-links { min-height: 280px; }
.sector-links.dropdown-links { min-width: 500px;}
.dropdown-btn-inner { padding: 20px; font-size: 11px;  text-align: center; }
.dropdown-btn-inner-title { margin-bottom: 8px; white-space: nowrap; transition: color 0.3s; }
.dropdown-btn-inner:hover .dropdown-btn-inner-title { color: #203C73; }
.dropdown-icon { max-width: 100%; margin: auto; }
.dropdown-title { color: #FF7F00;  padding-bottom: 5px; font-weight: 600; font-size: 18px;}
.dropdown-title .fa { font-size:22px; margin-right: 5px;}
.dropdown-title2 { color: #888888;  padding-bottom: 5px;  font-weight: 600;}
.producto-img {position: absolute; right: 0; bottom: 0;}
.sector-img { width: 100%; }
.menu-screen { width: 100%; height: 0; position: absolute; top: 0; background-color: black; z-index: 2; opacity: 0;}

@media (min-width: 1440px) {
	.dropdown-btn-inner { font-size: 13px; }
}


/* Footer */
.footer-nav { padding: 10px 0; background-color: #53A8FF; color: #FFF; font-size: 13px;}
.footer-nav2 { padding: 10px 0; background-color: #000; color: #FFF; font-size: 13px; }
.footer .social-link:hover { color: #000; } /* FIXME: Utilizar una sola clase en lugar del descendiente */
.footer-col { min-height: 115px; }
.footer .lang-link:hover { color: black;}
.tertiary-link { display: block;  transition: color 0.3s; }
.tertiary-link:hover { color: #000; }
.tertiary-sublinks { list-style-type: none; padding-left: 1em; margin-bottom: 0; }
.tertiary-sublink { transition: color 0.3s; }
.tertiary-sublink:hover { color: #000; }
.footer-copyright { background-color: #000; color: #FFF; font-size: 12px; line-height: 25px; }
.footer .social-link {color: white;}
.footer-links { display: table-cell; vertical-align: middle; float: none; }
/* Hero */
.hero-slides { background-color: #FFF; }
.hero-prev, .hero-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; color: #FFF; font-size: 46px; text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4); }
.hero-prev { left: 24px; }
.hero-next { right: 24px; }
.hero-slide { opacity: 0.5; transition: opacity 0.3s; }
.hero-slide.slick-current { outline: 3px solid #FFF; opacity: 1; z-index: 1; height: 100%;}

@media (max-width: 767px) {
	.hero-slide.slick-current{outline: none;}
	.hideinmovil { display: none!important; }
	.hideindesk { display: block!important; }
	.leftborder { border-left: 1px solid white; }
	/*.slick-slide img { height: 300px;}*/
	.footer-nav { display: block!important; }
	.section-title-movil { display: table-cell; float: none; vertical-align: middle; width: 100%; }
	.chevron-section-movil { text-align: center; display: table-cell; float: none; vertical-align: middle; font-size: 20px; }
	.hero-btn-inner .chevron-section-movil .fa { color: white; }
	.chevron-section-movil .fa { color: #666666; display: table; }
	.outer-menu1 { display: block!important; }
	.hero-slide.slick-current { height: initial; }
	.changeclass { display: block!important; }
	.item-img { display: block!important; margin: 0 auto!important; }
}

@media (min-width: 1440px) {
	.hero-btn-inner { font-size: 16px; padding: 15px 40px; }
}
/* Section */
.section { padding: 0;}
.detail-section { padding: 24px 0 96px; }
.subsection { margin-bottom: 72px; }
.subsection-link { padding: 2px 8px; color: #203C73; font-size: 13px; }
.section-link { float: right; padding-top: 10px; border-bottom: 1px solid; color: black; font-size: 13px;  transition: color 0.3s; }
.section-link:hover { color: #000; }
.section-title span { color:#AAAAAA; font-weight: 600;}
.section-title { font-size: 28px;  color: #666666; font-weight: 600;}
.section-subtitle { font-size: 28px;  color: white; background-color: #24ABE2; padding: 20px;}
.itemslides-prev, .itemslides-next { position: absolute; top: 40%; transform: translateY(-50%); color: #203C73; font-size: 40px; z-index: 1; }
.itemslides-prev { left: -30px; width: auto;}
.itemslides-next { right: -30px; width: auto;}
.itemslide { padding: 12px; border: 3px solid transparent; margin-bottom: 45px; transition: border-color 0.3s; }
.itemslide-img { display: block; width: 100%; border-radius: 50%;}
.itemslide-label { position: absolute; left: 50%; top: 100%; width: 70%; padding-top: 20px; color: #FFF; transform: translate(-50%, -12px); }
.itemslide-title { height: 3em; overflow: hidden; font-size: 16px;  text-align: center; color: #203C73 }
.itemslide:hover .itemslide-img,
.itemslide:focus .itemslide-img {
	transform: scale(1.2);
	transition: all .5s;
}
/* Card */
.card { margin-bottom: 15px; background-color: #203C73; color: #FFF; }
.card:last-child { margin-bottom: 0; }
.card-img { background-position: center; background-size: cover; width: 100%; height: 100%; }
.vertical-card-img { height: 453px; }
.vertical-novedades-img { height: 320px; }
.seccion-productos-img { height: 220px; }
.margin-button-card {margin-bottom:50px;}
.horizontal-card-img { height: 307px; }
.card-content { padding: 32px; }
.card:hover { background-color: black; }
.card-title { margin-bottom: 8px; font-size: 25px; line-height: 1.1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.card-excerpt { height: 3em; overflow: hidden; }
.card-link { border-bottom: 1px solid; font-size: 12px;  }
.card-link span { font-size: 16px; font-weight: bolder; padding-left: 5px; }
.card-link:hover { border-bottom:1px #203C73 solid; }
.card:hover .card-img,
.card:focus .card-img {
	transform: scale(1.2);
	transition: all .5s;
}
.ocultar { overflow: hidden; }
.ocultar2 { overflow: hidden; border-radius: 50%; }

/* Novedades */
.novedades {color:#203C73; font-size:16px; font-weight:bold;}
.novedades a { padding: 15px 24px; border:1px #203C73 solid; margin-right:3px;}
.novedades a:hover { background-color:#203C73; color:white;}
.novedades a.pg-active { background-color:#203C73; color:white;}
.novedades-regresar { font-size:16px; color:#203C73; font-weight:bold; margin-left:10px; padding-bottom:20px; display:block;}
.novedades-regresar span { margin-right:5px;}
.novedades-regresar:hover { color:black;}
/* Brochure */

.subtitulo {color:#777777; font-size:20px; font-weight:bold; margin-bottom:15px; margin-top:15px;}
.brochure-descargar { font-size:16px; color:#203C73; display: block; margin:5px 0 15px 0; padding:10px; border:1px #203C73 solid; width:100%; }
.brochure-descargar::before{content: '\f15c'; display: inline-block; float: right; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size:22px; margin-top:-5px; margin-left:10px;}
.brochure-descargar:hover { color:white; background-color:#203C73;}
.bro-img img {width:100%;}
.brochure { color: #FFF; }
.brochures {float: none;margin: 0 auto;height: 380px;}
.brochure-list-parent { display: table; background-color: #000;  }
.brochure-list { padding: 0 80px; margin: 0; list-style: none; }
.brochure-links { list-style-type: none; margin: 40px 0 0; padding: 0 80px; }
.left-brochure-links { margin-left: 30px; }
.right-brochure-links { margin-right: 40px; }
.brochure-list a { display: block; font-size: 16px; }
.brochure-list .brochure-section-link {padding-top: 20px; font-size: 12px;}
.brochure-link.is-active, .brochure-link.is-active .dropdown-arrow, .brochure-link:hover { color: #203C73; }
.brochure-link:hover .dropdown-arrow {color: #203C73;}
.brochure-links li a {text-align: left;}
.brochure-links {margin: 0; text-align: center;}
.tablelike {display: table; width: 100%;}
.tablecell {display: table-cell; vertical-align: middle; float: none; width: 100%;}
.brochureslides-prev, .brochureslides-next { position: absolute; top: 50%; transform: translateY(-50%); padding: 20px 24px; z-index: 1; background-color: #203C73; color: #FFF; font-size: 20px; }
.brochureslides-prev { right: 100%; }
.brochureslides-next { left: 12px; }
.brochureslide-download { display: block; }
.brochureslide-img { width: 100%; }
.brochure-section-link {display: block; font-size: 12px;transition: background-color 0.3s;}
.brochure-section-link:hover {text-decoration: underline;}
.borchureslide { background: url("../img/brochures/industrial.jpg"); background-repeat: no-repeat; background-size: cover; background-position: left; height: 450px; }
.brochure-change-main{color: #666; font-size: 16px; padding: 0 0 20px;}
.brochure-compartir-main{position: absolute;left: -33px;top: 0px;z-index: 1;float:left}

.brochure-jet{position: relative}
.brochure-compartir{background: url("../img/iconos/compartir3.png"); background-repeat: no-repeat;position: relative; float: left;min-width: 25px;min-height: 25px; margin-left: 5px; cursor: pointer;padding: 12px 17px}
.brochure-redes{display:none;list-style: none; padding:3px 5px; margin: 0 0 .6em 1em;  overflow: hidden; position: absolute; top: 0px;left: 14px;    color: #fff;  font-size: .875em;  line-height: 2em;  z-index: 1;  background-color: #203C73;}

.brochure-redes li{display: inline-block; zoom: 1;position: relative;vertical-align: top;min-width: 25px; min-height: 25px;  text-align: center; white-space: nowrap;background-color: #203C73}


@media (min-width: 1440px) {
	.brochure-links { margin: 120px 0 0; }
	.left-brochure-links { margin-left: 60px; }
	.right-brochure-links { margin-right: 80px; }
	.brochure-link { font-size: inherit; }
}

/* Titlebar */
.titlebar { background: url('../img/diagonal-noise.png'); background-color: rgba(221, 221, 221, 0.5); }
.titlebar-title { font-size: 28px;  color: #666; padding: 20px 0; font-weight:700; }
.titlebar-link { font-size: 20px; transition: color 0.3s; font-weight:600; }
.titlebar-link:hover, .titlebar-title-span { color: #000;  font-weight:600; }
.titlebar-title2 { font-size: 20px;  color: #777777; padding: 20px 0; }

/* Aside Group */
.aside-group { display: block; background-color: #EEE; color: #666; padding: 10px 12px 6px; font-size:16px; font-weight:600; margin-bottom: 2px; transition: all 0.3s; }
.aside-group:hover, .aside-group.is-active { background-color: #203C73; color: #FFF; }
.aside-group::before { content: '\f054'; display: inline-block; color: #BFBFBF; float: right; margin-left: 0.5em;
	font-family: FontAwesome; font-style: normal; font-weight: normal;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; }
.aside-group:hover::before, .aside-group.is-active::before { color: #FFF; }
.aside-group.is-open::before { transform: rotate(90deg); }
.exitoplanta { background-image: url(../img/iconos/icon-planta.png); background-repeat: no-repeat;background-position: 92% 8px;}
.exitoembarc { background-image: url(../img/iconos/icon-embarc.png); background-repeat: no-repeat;background-position: 92% 8px;}
/* Aside Links */
.aside-links { padding: 0; margin: 0; list-style-type: none; font-size: 16px; opacity: 0; max-height: 0; overflow: hidden; transition: opacity 0.3s, max-height 0.3s step-end; }
.aside-group.is-open + .aside-links { max-height: 999em; opacity: 1; transition: opacity 0.3s, max-height 0.3s step-start; }
.aside-black { color:#fff; background-color:#000; margin-top:15px;}
/* Aside Link */
.aside-link { display: block; transition: color 0.3s; padding: 5px 10px 5px; font-weight:600; }
.aside-link:hover, .aside-link.is-active { color: #203C73; }
.aside-link::before { content: '\f054'; display: inline-block; color: #BBB; float: right; margin-left: 0.5em;
	font-family: FontAwesome; font-style: normal; font-weight: normal;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; }
.aside-link:hover::before, .aside-link.is-active::before { color: #203C73; }

/* Content */
.content-title {  font-size: 28px; font-weight:700; line-height: 1.2; margin-bottom: 24px; color: #000; }
.content-title-span { color: #AAA; font-weight:600;  }
.content-title-caption { font-size: 16px; font-weight: normal; color: #999; }
.content-subtitle { font-size: 16px;  color: #000; margin-bottom: 24px; }
.content-banner { margin-bottom: 48px; }
.content-banner-title { background-color: #203C73; color: #FFF; font-size: 28px;  padding:15px 0px 8px 24px; line-height:28px; }
.content-list { list-style-type: circle; padding-left: 1em; }
.content-blockbtn { display: block; font-size: 20px;  background-color: #203C73; color: #FFF; padding: 24px 16px; margin-bottom: 12px; transition: background-color 0.3s; }
.content-blockbtn:hover { background-color: #000; }
.content-blockbtn .fa { float: right; line-height: inherit; }

/* Item */
.item-img { display: inline-block; margin-bottom: 24px; border-radius: 50%; max-width: 100%; }
.item-title { font-size: 16px; color: #203C73;  height: 3em; overflow: hidden; margin-bottom: 24px; text-align:center; }

/*Information*/
.info-img { display: block; float: left; padding-right: 8px;}
.info-txt span { font-size: 18px; color: #000000;}
.info-title {}

/*Asesoría*/
.asesoria-lista, .content-list { list-style: disc url("../img/iconos/grey-bullet.png"); padding-right: 10px; }
.asesoria-lista p { color: black; }

/* Primary Table */
.primarytbl { width: 100%; table-layout: fixed; display: table; }
.primarytbl-caption { background-color: #24ABE2; color: #FFF; font-size: 20px;  padding: 12px 24px; text-align: left; }
.primarytbl th { background-color: #203C73; font-size: 16px;  color: #FFF; padding: 8px 18px; text-align: left; }
.primarytbl td { padding:10px 0px 10px 20px; font-weight:bold; }
.primarytbl tr { transition: background-color 0.3s;}
.primarytbl a  , .primarytbl a .fa { color:#333}
.link:hover { background-color: #EEE; }
.primarytbl-link { font-size: 14px;  transition: color 0.3s; font-weight: bold; }
.primarytbl-link:hover { color: #203C73; }
.primarytbl-btn { display: inline-block; padding: 4px 12px 0; border: 1px solid; transition: 0.3s; }
.primarytbl-btn:hover { background-color: #203C73; color: #FFF; border-color: transparent; }
/* Action Buttons */
.action-btns { margin-bottom: 24px; }
.share-btns { display: inline-block; background-color: #203C73; color: #FFF; font-weight: 16px;  padding: 12px 16px; margin-right: 8px; }
.download-btn { display: inline-block; border: 1px solid; font-weight: 16px;  color: #000; padding: 11px 15px; transition: 0.3s; line-height: 20%; }
.download-btn:hover { color: #FFF; background-color: #000; border-color: transparent; }
/* Extract Link */
.extractlnk { display: block; margin-bottom: 48px; }
.extractlnk-title { background-color: #24ABE2; color: #FFF; font-size: 25px; line-height: 44px;  padding: 5px 24px; transition: background-color 0.3s; }
.extractlnk:hover .extractlnk-title { background-color: #000; }
.extractlnk-icon { float: left; height: 44px; margin-right: 24px; }
.extractlnk-icon2 { float: left; height: 22px; margin-right: 3px; }
.extractlnk-arrow { float: right; line-height: inherit; }
.extractlnk-text { background-color: #203C73; color: #FFF; padding: 24px; transition: background-color 0.3s; }
.extractlnk:hover .extractlnk-text { background-color: #141414; }
/* Article */
.article-title { background-color: #24ABE2; color: #FFF; font-size: 25px; line-height: 44px;  padding: 12px 24px; float: left; width: 100%; }
.article-title .span1 { font-size: 25px; }
.span-box { float: left; line-height: initial; }
.span-box .span1, .span-box span { display: block; }
.article-title-icon { float: left; height: 44px; margin-right: 24px; }
.article-banner { position: relative; width: 114.285714%; margin-bottom: 24px; }
.article-badge { position: absolute; right: 20px; top: 100%; transform: translateY(-50%); max-width: 150px; }
.article-badge-icon { display: inline-block; height: 146px; vertical-align: top; background-color: #203C73; border-radius: 50%; padding: 36px; margin-bottom: 12px; }
.article-badge-title { font-size: 16px;  color: #203C73;}
.article-text { padding-right: 96px; }

/*Freestyle*/
.contacto{width: 50%;margin: 0 auto;}
.contacto h2 { color: #333333;  font-size:  20px;}
.tiendas h3 { color: #333333; font-size: 20px; font-weight: bolder; text-align: right; }
.contacto form input, textarea{ background: transparent; width: 100%; padding: 12px; border: 1px solid #AAAAAA; border-radius: 2px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical;}
.button-fix { background: #24ABE2!important; color: white; }
.info span { color: #0784FF;}
.contacto-titulo h2 {padding-bottom: 30px;}
.botpad {padding-bottom: 20px;}
.toppad {padding: 10px; transition: all 0.3s;}
.toppad p{margin: 0;}
.botmarg {margin-bottom: 10px;}
.nomargin {margin: 0px;}
.nopadding {padding: 0px;}
.padfix1 { padding: 20px 0; }
.padfix2 { padding: 0px 0 20px; }
.padsidetfix {padding: 0 15px;}
.search-list-header {transition: all 0.3s;}
.search-list:hover {cursor: pointer;}
.search-list:hover .toppad{background-color: #203C73; color: white;}
.search-list:hover .search-list-header {background-color: black;}
.search-list:hover .brochure-descargar {color: white; background-color: transparent;}
.search-list-header {background-color: #203C73; padding: 5px 10px;}
.search-list-header h2 {color: white;}
.download-brochure .bro-img span::before {float: left; margin-left: 10px; margin-right: 10px; margin-top: -10px;}
.search-list .brochure-descargar {border: 0px;}
.blocky {display: block;}
.outer-menu { display: none; }
.outer-menu1 { display: none; }
.footer-nav { display: none; }
.parent-logo { display: block; }
.hideindesk { display: none; }

.cotizacion label{
	color: #7F7F7F;
}
.cotizacion input, .cotizacion textarea, .cotizacion select{
	margin-bottom: 26px !important;
}
.cotizacion select{
	background: transparent;
	width: 100%;
	padding: 12px;
	border: 1px solid #AAAAAA;
	border-radius: 2px;
	box-sizing: border-box;
	margin-top: 6px;
	margin-bottom: 16px;
	resize: vertical;
}
.cotizacion .input_checkbox label{
	display: flex;
	align-items: center;
}
.cotizacion .input_checkbox.error span{
	top: 100%;
}
.cotizacion .input_checkbox label p{
	margin: 0;
}
.cotizacion .input_checkbox label p a {
	text-decoration: underline;
}
.cotizacion [type=checkbox]{
	width: inherit;
	padding: 12px;
	margin: 0;
	margin-right: 5px;
	margin-top: -3px;
	margin-bottom: 0 !important;
}
.cotizacion div.error label {
	color: red;
}
.cotizacion div.error input, .cotizacion div.error select, .cotizacion div.error textarea {
	border-color: red;
}
.cotizacion div.error span {
	color: red;
	position: absolute;
	top: calc(100% - 22px);
	left: 12px;
	font-size: 12px;
}

.float_button{
	position: fixed;
	bottom: 50px;
	right: 90px;
	background-color: black;
	display: flex;
	padding: 10px 20px;
	align-items: center;
	min-width: 200px;
	justify-content: center;
	border-radius: 5px;
}
.float_button a{

}
.float_button p{
	padding: 0;
	margin: 0 0 0 10px;
	color: white;
	font-weight: bold;
	font-size: 1rem;
}

@media (max-width: 1024px) {
	.secondary-link { font-size: 10px; }
}
@media (max-width: 1400px) {
	.achicar { width:100% !important; margin:0;}
}
@media (max-width: 1200px) {
	.hero-btns .hero-btn.slick-current::before { border-left: 150px solid transparent; border-right: 150px solid transparent; }
	.hero-btns .hero-btn.slick-current::after { border-left: 150px solid transparent; border-right: 150px solid transparent; }
	.achicar { width:100% !important; margin:0;}
}
@media (max-width: 991px) {
	.hero-btns .hero-btn.slick-current::before { border-left: 95px solid transparent; border-right: 100px solid transparent; }
	.hero-btns .hero-btn.slick-current::after { border-left: 95px solid transparent; border-right: 100px solid transparent; }
	.achicar { width:100% !important; margin:0;}
	.itemslide-title { font-size: 14px!important; }
	.novedades-regresar { padding-top: 20px; }
	.content-title { margin-top: 24px; }
	.item-img { display: block; margin: 15px auto; }
	.division3{display: block;}
	.division4{display: block;}
}

@media (max-width: 991px){
	/*MENÚ DESPLEGABLE MÓVIL*/

	.primary-links-movil { list-style: none; text-align: left; padding: 20px; color: #666666; background-color: #EEEEEE; }
	.primary-sublinks-movil { list-style: none; text-align: left; padding: 0px; color: #9F9F9F; }
	.desplegable-menu-container { display: block; width: 100%; }
	.first-links-movil { /*background: url('../img/diagonal-noise.png');*/ margin: 0; }
	.second-links-movil { margin: 0; }
	.second-links-movil li { color: #888888; }
	.primary-links-movil li { font-size: 20px; font-weight: bolder; }
	.links-movil { display: block; padding: 10px 0;position: relative; }
	.links-movil .fa{ position: absolute; top: 0; right: 0; transform: translate(0,90%); }
	.bro-img { width:50% !important}


	/************************************************************/
	.header-aside { position: relative; }
	.header-aside .container { width: 100%; margin: 0px; padding: 0; background-color: white; }
	.movil-menu-compressed { display: block; cursor: pointer; padding: 22px; text-align: center; }
	.movil-menu-compressed.is-active { color: black; }
	.menu-wrap-movil { display: table; width: 100%; padding: 0px; }
	.logo-container { display: table-cell; float: none; vertical-align: middle; background-color: #203C73; }
	.qroma-logo { text-align: center; padding: 10px 0; }
	.menu-container {display: table-cell; float: none; vertical-align: middle; text-align: center; }
	.menu-container.is-active { /*background: url('../img/diagonal-noise.png');*/ }
	.section, .footer-nav .container { padding: 0px; }
	.hero-overlay { display: none; }
	.logo { padding: 10px; background-color: #203C73; }
	.movil-menu-compressed.is-active .header-aside { background-color: white; }
	.movil-menu-compressed.is-active .menu-container { background: url('../img/diagonal-noise.png'); }
	/*FOOTER*/

	.footer-nav { padding: 0px; border-top: 1px solid white; border-bottom: 1px solid white;}
	.footer-copyright .container { margin: 0 auto; padding: 10px 50px; font-size: 14px; }
	.footer-nav2  { border-bottom: 1px solid white; }
	.mobile-footer-media { list-style: none; display: table; padding: 0px; width: 100%; margin: 0px; }
	.mobile-footer-media li { display: table-cell; border-right: 1px solid white; vertical-align: middle; text-align: center; width: 16.666667%; }
	.mobile-footer-media li a {float: none; display: block; padding: 10px; }
	.mobile-footer-media li a:hover { background-color: #000; color: white!important; }

	/************************************************************/

	.no-r-border { border-right: 0px!important; }
	.hero-next, .hero-prev { display: none!important; }
	.hero-nav .container, .productos-header .container, .novedades-header .container, .brochures-header .container { padding: 0px; width: 100%;}
	.hero-btns .slick-list { padding: 0px!important; margin: 0px; }
	.hero-btns .hero-btn.slick-current { background: #203C73; }
	.hero-btn-inner-movil { /*padding: 20px 12px;*/ font-size: 24px; text-align: left; }
	.hero-btn:hover { transform: scale(1.3);}
	.hero-btn-inner-movil:hover { background-color: black; }
	.hero-btn-inner-title { padding-top: 0px; margin-bottom: 0px; margin-top:4px !important;}
	.hero-btn-inner .fa { color: white; }
	.pointer-events-movil { pointer-events: inherit; }
	.section-fix { padding: 15px 0px; display: block; }
	.productos-header, .novedades-header, .brochures-header { border-bottom: 1px solid white; height: inherit; }
	.productos-header:hover, .productos-header:hover span, .novedades-header:hover, .novedades-header:hover span,
	.brochures-header:hover, .brochures-header:hover span { background: none; color: #666666; }
	.productos-header .productos-header-title, .novedades-header .novedades-header-title, .section .brochures-header { padding: 0px 20px; width: 100%; }
	.brochures-header-title { padding: 0px; width: 100%; }
	.section-title { font-size: 18px; }
	.content-title-span, .article-title span { font-size: 12px; }
	.titlebar-link .fa { color: black; padding-right: 10px; }
	.primarytbl td { padding: 20px; border-bottom: 1px #ececec solid !important; }
	.primarytbl tr { border-bottom: 0; }
	.detail-section { padding: 20px 0 0; }
	.extractlnk-title { font-size: 19px; }
	.share-btns, .content-list { margin-bottom: 20px; }
	.content-subtitle { margin-bottom: 10px; }
	.article-text { padding: 20px; }
	.tiendas h3 { text-align: left; }
	.movil-w-100{width: 70%;}
	.division1 {display:block; float:left; margin-right:0px; width:100%; margin-bottom:20px;}
	.division2 {display:block; float:left; width:100%;}
	.primarytbl-link { font-size: 14px; font-weight: bold; }
	.contacto{width: 94%;}
	/* .contact-color{color: #333333; ;font-size:14px;text-transform: lowercase;} */
	.contact-color:first-letter {
		text-transform: capitalize;
	}
	/* .contact-color2{color:#333333;font-size:12px} */
	.float_button{
		position: fixed;
		bottom: 0;
		width: 100%;
		text-align: center;
		left: 0;
	}
}

@media (min-width: 992px) and (max-width: 1440px) {
	.brochure-redes{ width: 83px;}
	.brochure-redes li {min-width: 15px; min-height:15px }
}