/*REGULAR*/

@font-face {
  font-family: "HPSimplified";
  src: url("https://www8.hp.com/es/es/images/fonts/hpi/hps/v1.0/latin-greek-cyrillic/latinGreekCyrillic-regular-eot.eot?#iefix") format("embedded-opentype"), url("https://www8.hp.com/es/es/images/fonts/hpi/hps/v1.0/latin-greek-cyrillic/latinGreekCyrillic-regular-woff.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}

@font-face{
	font-family:'HPSimplifiedLight';
		src:url(https://www.www8-hp.com/co/es/images/fonts/hps/latin-e-light-eot.eot);
		src:url(https://www.www8-hp.com/co/es/images/fonts/hps/latin-e-light-eot.eot?#iefix) format("embedded-opentype"),
		url("https://www.www8-hp.com/co/es/images/fonts/hps/latin-e-light-woff.woff") format("woff"),
		url("https://www.www8-hp.com/co/es/images/fonts/hps/latin-e-light-ttf.ttf") format("truetype");
	font-weight:normal;
	font-style:normal
}
@font-face{
	font-family:'HPSimplifiedLight';
		src:url(https://www.www8-hp.com/co/es/images/fonts/hps/latin-e-light-italic-eot.eot);
		src:url("https://www.www8-hp.com/co/es/images/fonts/hps/latin-e-light-italic-woff.woff") format("woff"),
		url("https://www.www8-hp.com/co/es/images/fonts/hps/latin-e-light-italic-ttf.ttf") format("truetype");
	font-weight:normal;
	font-style:italic
}


body {
	font-family: 'HPSimplifiedLight', Arial;	
}

.dorado {
	color: #cba732;
}

.blanco {
	color: #FFF;
}

.negro {
	color: #000;
}

.azul {
	color: #0096d6;
}


h5 {
	color: #000;
}

.section {
	padding: 1.5rem 0 1rem;
	text-align: center;
}




.derecha {
	text-align: right;	
}

.centrar {
	text-align: center;	
}

.izquierda {
	text-align: left;	
}

.separa {
	margin-top: 2rem;
}


.header {

}

.header-logo {
	float: left;
	text-align: left;
	margin: 10px 0px;
}

.header-cta {
	float: right;
	text-align: right;
	margin: 20px 0px;
}

.hero {
	
	background-image: url('../images/estrellas.png');
	background-color: #cba732;
	background-repeat: repeat-x;
	background-position: center; 
	
	text-align: center;
	color: #FFF;
	font-size: 1rem;	
	/*padding: 1rem 0rem 1rem 0rem;*/
	padding: 0rem 0rem 0rem 0rem;
}


.hero .container {
	background-color: #cba732;
	font-family: 'HPSimplified',arial;	
}

.hero .claim {
	padding: 25px;
}

.hero-cta {
	margin-top:1000px;
}

.claim {
	
	text-align: left;
	font-size: 2.3rem;
	line-height: 3rem;
}

.claim small {
	font-size:1.7rem;
}

.claim h3 {
	font-size: 4rem;
	line-height: 4.5rem;
	margin-top: 1rem;
	margin-bottom: 1.5rem;
	color:#FFF;	
	font-weight: bolder;
}

.claim h5 {
	font-size: 2.8rem;
	color:#FFF;
	font-weight: bolder;
}	




.keys {
	background-color: #FFF;
	font-size: 2rem;
	color: #000;
	padding: 2rem 0rem 0rem 0rem;
	font-weight: bolder;
	text-align: center;
}


.keys ul {
    list-style:none;
	/*list-style: url('../images/keybullet.jpg');*/
	margin-left: 8rem;
}

.keys ul li {
	line-height: 1.3rem;
}	

.keys ul li:before {
    content: '';
    display: inline-block;
    height: 25px;
    width: 35px;
    background-image: url('../images/keybullet.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -35px;
}



.bullets{
	text-align: left;
	/*text-align: center;*/
	display:inline-block;
	
}

.bullets ul{
	margin-left: 32%;	
}



@media screen and (max-width: 980px) {
	.keys img {
		width: 100%;
	}
}




.values {
	background-color: #FFF;
}

.value-heading {
  margin-bottom: 1rem;
}

h5.value-heading  {
  font-size: 1.4em;
}

.value-description {
}


.video{
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	position: relative;
	

}
/*	
.video::before {
	background-image: url('../images/bg1.jpg');
	background-size: cover;	
	background-position: bottom center;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
	opacity: 0.4;
}
*/

.video_img {
	text-align: center;
}

.video_link {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	position:absolute;
	top:0;
	bottom:0;
}


@media screen and (max-width: 980px) {
	.video_link {	
		display: none;
	}
}

.saber_mas {
	margin-top: 50px;
}


.cta-container {
    /* background: #fff;
    padding: 15px 40px;
    display: inline-block; */
}

.categories {
	background-color: #FFF;
	/*background-image: url('../images/bg-ink.jpg');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;	*/
	background-image: url('../images/estrellas-doradas.png');
	background-repeat: repeat;
	color: #000;
}

.categories .container {
	background-color: #FFF;
	padding: 0px 40px;
}	

.categories h3{
	font-size: 3.3rem;	
	line-height: 4rem;
	margin-top: 3rem;
	margin-bottom:	1rem;
}

.categories h5 {
}

.category-description {
	text-align:left;
}


.contact {
	/*background-color: #0096d6;*/
	/*background-color: #2A2A2A;*/
	background-color: #ef2b3b;
	color: #FFF;
	/*border-bottom: 5px solid #0096d6;*/
}

.contact select {
	width: 100%;
	color:#000;
}

.contact h2 {
	color: #FFF;	
}

.contact form label {
	font-weight: normal;
	text-align:left;
}

.contact form input,textarea {
	color: #000;
}



.contact form input,textarea {
	color: #000;
	border-color: #CFCFCF;
}


.contact form input[type=button] {
	background: 0px 0px #cba732;
	border: 0px none currentColor;
	clear: both;
	color: #FFF !important;
	cursor: pointer;
	font-size: 20px;
	height: 45px;
	line-height: 36px !important;
	padding: 5px 20px 5px 20px;
	width: auto;
	text-decoration: none;
}

.contact form input[type=button]:hover {
	background: #ad870e;
	color: #FFF !important;
}

.contact form input[type="file"] {
	background: #FFF;
	color:#000;	
	padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: #FFF;
}

.contact a:hover {
	color: #D7410B;	
}

.footer {
	border-top: 1px solid #CFCFCF;
	text-align:justify;
	background-color: #FFF;
	color: #000;
	font-size: 1.2rem;		
}


a.redirect-button { 
	background: 0px 0px #FFF;
	border: 0px none currentColor;
	clear: both;
	color: #ca056f !important;
	cursor: pointer;
	font-size: 20px;
	height: 36px;
	line-height: 36px !important;
	padding: 5px 20px;
	width: auto;
	text-decoration: none;
	white-space: nowrap;
}

a:hover.redirect-button { 
	background: #EFEFEF;
}


a.primary-button { 
	background: 0px 0px #ef2b3b;
	border: 0px none currentColor;
	clear: both;
	color: #FFFFFF !important;
	cursor: pointer;
	font-size: 20px;
	height: 36px;
	line-height: 36px !important;
	padding: 5px 20px;
	width: auto;
	text-decoration: none;
	white-space: nowrap;
}

a:hover.primary-button { 
	background: #D10000;
}

a.secondary-button { 
	background: 0px 0px #ef2b3b;
	border: 0px none currentColor;
	clear: both;
	color: #FFFFFF !important;
	cursor: pointer;
	font-size: 20px;
	height: 36px;
	line-height: 36px !important;
	padding: 5px 20px;
	width: auto;
	text-decoration: none;
	white-space: nowrap;
}

a.secondary-button:hover {
	background: #D10000;
}

a.go-button { 
	background: 0px 0px #ef2b3b;
	border: 0px none currentColor;
	clear: both;
	color: #FFFFFF !important;
	cursor: pointer;
	font-size: 1.5rem;
	height: 36px;
	line-height: 36px !important;
	padding: 5px 20px;
	width: auto;
	text-decoration: none;
	white-space: nowrap;
}

a.go-button:hover {
	background: #D10000;
}

/*
a.cookies-button { 
	background: 0px 0px #FFF;
	border: 0px none currentColor;
	clear: both;
	color: #0096D6 !important;
	cursor: pointer;
	font-size: 1.5rem;
	height: 36px;
	line-height: 36px !important;
	padding: 5px 20px;
	width: auto;
	text-decoration: none;
	white-space: nowrap;
}

a.cookies-button:hover {
	background: #FFF;
}

*/

a.cookies-button {
	text-decoration:none;
}
a.cookies-button:hover {
	text-decoration:none;
}


a.youtube-button { 
	color: #FFF !important;
	background-color: #000;
	clear: both;
	cursor: pointer;
	font-size: 1.6rem;
	height: 36px;
	line-height: 36px !important;
	padding: 5px 20px;
	width: auto;
	text-decoration: none;
	white-space: nowrap;
	margin-top: 20px;
	letter-spacing: 0.01875rem;
}

a.youtube-button:hover {
	border: 1px solid #000;
	color: #000 !important;
	background: none;
}


.field_error {
	border-color: #FFFF00;
}

.label_error {
	color: #FFFF00;
}

.critical {background: #D7410B;}
.critical:hover {background: #FFFFFF;}
.critical:hover {background: #FFFFFF;}

.terms li {
 margin-bottom: 20px;
}
.terms li ol{
 list-style-type:lower-alpha
}
.terms li li{
 margin-bottom: 5px;
}

.telefono {
	font-size:4.5rem; 
	
}

/****REEMPLAZANDO ESTILOS SELECT2****/ 

.select2-container--default .select2-selection--single {
	background-color: #FFF;
	padding:6px 0px;
	height: 40px;
	font-size: 15px;	
}

.select2-container--default .select2-selection--multiple {
	background-color: #FFF;
	padding:3px 0px;
	font-size: 15px;
}

.select2-container .select2-selection--multiple{
	min-height:40px;	
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border:solid #AAA 1px;
}	

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	font-size: 14px;
	background-color:#000;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #FFFFFF;
}


.select2-selection__arrow {
	margin-top: 8px;
}


.select2-selection__clear {
	font-size: 22px;
	margin-top: -2px;
}

.select2-selection__rendered {
	text-align:left;
}

.select2-results__group {
	background-color:#CFCFCF;
}

/****COOKIES ALERT****/		
#cookies-alert{padding: 10px; background: rgba(102,102,102,.9); position: fixed; bottom: 0; z-index: 99999; width:100%; border-top: solid 1px #ddd}
	#cookies-alert .container{position: relative; color:#FFF;}
		#cookies-alert .container a{color:#FFF;}
		#cookies-alert  .container h3 {font-size: 2.2rem; margin-bottom:1rem;}
	#cookies-alert #close-button{position: absolute; top: 5px; right: 5px; z-index: 999999;}
		#cookies-alert #close-button:after{content:'[X] cerrar aviso'; font-size: 15px; cursor: pointer;}


.legal {
	background-color:#FFF;
	color: #000;
}

.legal a {
	color: #000;
	text-decoration: none;
}
	
.legal a:hover {
	color: #0096d6;
	text-decoration: none;
} 
	
.legal a:visited {
	color: #000;
	text-decoration: none;
}

.cookies-content {
  display:flex;
  justify-content:space-between;
 }

.cookies-txt {

}

.cookies-btn {
	padding: 10px 20px 10px 20px;
}

.faq {
	background-color: #636569;	
}

.faq h4 {
	margin-bottom: .7rem;	
}

.pregunta {
	margin-top: 1rem;
	margin-bottom: 2.5rem;
}

.item-menu {
	display: inline-block;
	float: left;
	height: 36px;
	padding-left: 3rem;
}

a.item-menu-link {
	color: #666;
	text-decoration: none;
	line-height: 36px;
}		


@media only screen and (max-width: 1000px){
	#menu{display:none;}
	#menu-mobile{display:inline;}	
}

@media only screen and (min-width: 1000px){
	#menu-mobile{display:none;}
	#menu{display:inline;}	
}