@charset "utf-8";
/* CSS Document */
/* Tipografías */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
/* Fin de Tipografías */

a:active, a:active * { outline: none !important; -moz-outline-style: none !important; }
a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }
img{ border:0px; }
textarea { overflow: auto; resize: none; }
.alineartextoizquierda{text-align: left!important; margin-bottom: 30px!important;}
.displayblock{display: block;}
.bgcolor{background-color: #f8f9fb;}
html {
	height:100%;
	}
body {
	height:100%;
	background-color:#fff;
	margin:0;
    font-family: 'Lato', sans-serif;
    -webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	}
div {
  height: auto;
  }		
ul{
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
	}	
li {
	padding:0;
	margin:0;
	display:inline-block;
	}	
.bgblanco{
	background-color:#fff;
	}				
.bggris{
	background-color:#E6E6E6;
	}		
.seccion{
	position:relative;
	width:100%;
	}	
.imgseccion{
	max-width: 100%;
  height: auto;
	}	
.imgcentrada{
	text-align:center;
	}
.margen10{
	height:10px;
	}
.margen20{
	height:10px;
	}
.margen30{
	height:30px;
	}		
.margen50{
	height:50px;
	}	
.margen80{
	height:80px;
	}
.margen120{
    height:120px;
	}
.margen120top{
    margin-top:120px;
	}
.margen200{
	height:200px;
	}
.alinearderecha{
	float:right!important;
    position: inherit!important;
	}
.colorblanco{color: #fff!important;}
/*Estilos de Botones*/															
.botonlineaPYME, .botonlineaDISTRIBUIDOR {
	text-align: left !important;
	font-family: 'Lato', sans-serif;
	font-weight:600;
	font-size:13px;
	line-height:24px;
  }	
.botonlineaPYME a, .botonlineaDISTRIBUIDOR a {
	color:#fff!important;
    background-color:#193e9d!important;
	border: 0px solid #193e9d!important;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
    border-radius: 5px;
	padding:10px 40px!important;
	}	
.botonlineaPYME a:hover, .botonlineaDISTRIBUIDOR a:hover{
	color:#fff!important;
	border: 0px solid #193e9d!important;
	background-color:#193e9d!important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-bottom: none !important;
	}
.botonlineainactivo{
	text-align: left !important;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:13px;
	line-height:24px;
  }	
.botonlineainactivo a{
	color:#fff!important;
	border: 0px solid #d5dce3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
	padding:10px 40px!important;

	}	
.botonlineainactivo a:hover{
	color:#fff!important;
	border: 0px solid #d5dce3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
	}		
.botonlineaCONTA{
	text-align: left !important;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:13px;
	line-height:24px;
  }														
/*Fin de Estilos de Botones*/	
/* Formulario descarga con dos botones  */	
div.formulariodosbotonestablet {
	height: 500px !important; 
	}
div.formulariodosbotonestablet .enviarFormulario {
	height: 55px; 
	}	
div.formulariodosbotones  {
	height: 550px; 
	width:860px;  
	margin: 0 auto; 
	background-color:#fafafa;
	text-align: left;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	}
div.formulariodosbotones > div {
	text-align: right;
	}	
	
#formularioTitulo {
	text-align: center; 
	margin-bottom: 0px;
	}
	
#formularioTituloLeLlamamos {
	text-align: center; 
	margin-bottom: 0px;
	margin: 0 auto;
	padding: 0 auto;
	font-weight: 300px;
	font-size: 14px;
	color: #666666;
	}
.formularioPopUp {
	margin: 0 auto; 
	width: 600px; 
	height: auto;
	margin-bottom: 15px;
	}
.alturaformulario{
	height:330px;
	}	
.formularioPopUp > div {
	float: left; 
	clear: right; 
	width: 300px; 
	margin-top: 15px;
	font-size: 13px;
	color: #666666;
	line-height: 16px;
	}	

.formularioPopUp > div > div {
	float: left; 
	position: absolute; 
	clear: right; 
	text-align: left;
	padding-left: 0px;
	font-size: 13px;
	color: #666666;
	line-height: 16px;
	}

.formularioPopUp > div > div + div {
	position: absolute; 
	float: left; 
	display: block; 
	margin-left: 15px; 
	margin-right: 15px; 
	height: 39px; 
	background: url(/aplicaciones/img/formularios/flecha_div_error.png) center no-repeat;  
	overflow: visible; 
	color: #fff; 
	font-size: 13px; 
	line-height: 26px; 
	text-align: center; 
	width: 180px; 
	z-index: 1;
	}
	
.formularioPopUp input[type='text'] {
	width: 292px; 
	height: 36px; 
	padding-right: 10px; 
	margin-top: 25px; 
	border: 0px; 
	font-size: 13px; 
	line-height: 16px; 
	color: #666666; 
	padding-left: 10px;
 	background-color: #eeeeee;
 }

.formularioPopUp textarea {
 	background-color: #eeeeee;
	width: 590px; 
	height: 60px; 
	margin: 15px 0px 6px 0px; 
	padding: 10px 0px 0px 10px;   
	border: 0px; 
	font-size: 13px; 
	line-height: 16px; 
	color: #666666; 
	font-family: "Open Sans",sans-serif;
	}
.formularioPopUpLeLlamamos {
	margin: 0 auto; 
	width: 600px; 
	height: auto;
	margin-bottom: 15px;
	text-align: left;
	}
	
.formularioPopUpLeLlamamos > div {
	float: left; 
	clear: right; 
	width: 300px; 
	margin-top: 15px;
	font-size: 13px;
	color: #666666;
	line-height: 16px;
	}	

.formularioPopUpLeLlamamos > div > div {
	float: left; 
	position: absolute; 
	clear: right; 
	text-align: left;
	padding-left: 0px;
	font-size: 13px;
	color: #666666;
	line-height: 16px;
	}

.formularioPopUpLeLlamamos > div > div + div {
	position: absolute; 
	float: left; 
	display: block; 
	margin-left: 15px; 
	margin-right: 15px; 
	height: 39px; 
	background: url(/aplicaciones/img/formularios/flecha_div_error.png) center no-repeat;  
	overflow: visible; 
	color: #fff; 
	font-size: 13px; 
	line-height: 26px; 
	text-align: center; 
	width: 180px; 
	z-index: 1;
	}
	
.formularioPopUpLeLlamamos input[type='text'] {
	width: 292px; 
	height: 36px; 
	padding-right: 10px; 
	margin-top: 25px; 
	border: 0px; 
	font-size: 13px; 
	line-height: 16px; 
	color: #666666; 
	padding-left: 10px;
 	background-color: #eeeeee;
 }

.formularioPopUpLeLlamamos textarea {
 	background-color: #eeeeee;
	width: 590px; 
	height: 60px; 
	margin: 0px; 
	padding: 10px 0px 0px 10px;  
	margin-top: 5px; 
	border: 0px; 
	font-size: 13px; 
	line-height: 16px; 
	color: #666666; 
	margin-right: 6px;
	font-family: "Open Sans",sans-serif;
	}	
.btFormDescarga {
	cursor: pointer; 
	outline: none;
	}
.formulario .datosLpd {
	text-align: center;
	}
.formulariodosbotones .datosLpd {
	text-align: left;
	}	
.datosLpd {
	}
.datosLpd input{
	float:left;
	}	
.formulariopie .formularioPopUp{
	width:400px!important;
	margin-top: 10px;
	}	
.formulariozonaprivada .datosLpd{	
  width:360px!important;
	margin-top: 10px;
	}	
.formulariozonaprivada .clickocultarRGPDpie{
	width:300px!important;
	}	
.inputpieRGPD{
	width: 15px!important;
  margin-top: 3px!important;
	border: none!important;
  padding-left: 0px!important;
  height: 15px!important;
	}		
.textoRGPDocultodistribuidor{
	width: 680px;
  padding: 20px;
  margin-left: -40px;
  margin-top: 16px;
  color: #999;
  font-weight: 400;
  font-size: 11px;
  line-height: 15px;
	}
.textoRGPDocultodistribuidor a{
	text-decoration:underline;
	color: #999;
	}	
.botondistribuidorRGPD{
	text-align: left !important;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:13px;
	line-height:24px;
	margin-top:20px;
  width: 150px!important;
  }	
.botondistribuidorRGPD a{
    color: #fff !important;
   background-color: #137ded !important;
   border: 1px solid #137ded !important;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
	cursor:pointer!important;
	padding:10px 40px!important;
	}	
.botondistribuidorRGPD a:hover{
	background-color:#005696;
	border: 1px solid #005696;
	color:#c6c6c6;
	}
.botonlellamamosmovilRGPD{
	text-align: left !important;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:13px;
	line-height:24px;
	margin-top:20px;
  width: 150px!important;
  }	
.botonlellamamosmovilRGPD a{
    color: #fff !important;
   background-color: #137ded !important;
   border: 1px solid #137ded !important;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
	cursor:pointer!important;
	padding:10px 40px!important;
	}	
.botonlellamamosmovilRGPD a:hover{
	background-color:#005696;
	border: 1px solid #005696;
	color:#c6c6c6;
	}
.botondistribuidorRGPDinactivo{
	text-align: left !important;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:13px;
	line-height:24px;
	margin-top:20px;
    width: 150px!important;
  }	
.botondistribuidorRGPDinactivo a{
	color:#fff;
	border: 1px solid #6890ae;
	background-color:#6890ae;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
	padding:10px 40px!important;
	}	
.botondistribuidorRGPDinactivo a:hover{
	}										
.clickocultarRGPD{  
  cursor: pointer;
	margin-top:2px !important;
	}	
.clickocultarRGPD div p {
  cursor: default !important;
}
.clickocultarRGPDpie{  
  cursor: pointer;
	margin-top:2px !important;
	}	
.clickocultarRGPDpie div p {
  cursor: default !important;
}
.textoRGPDoculto{
  width: 860px;
  background-color: #fafafa;
  padding: 15px 20px 20px 20px;
  margin-left: -151px;
	margin-top: 60px;
	color: #999999;
	font-weight: 400;
	font-size: 11px;
	line-height: 15px;
	}
.textoRGPDoculto a{
  color: #999999;
	text-decoration:underline;
	}	
p.regular10 {
	color: #999999;
	font-weight: 400;
	font-size: 10px;
	line-height: 12px;
	padding-right: 10px;
	}		
.regular12 {
	color: #999999;
	font-weight: 400;
	font-size: 12px;
	line-height: 12px;
	padding-left: 8px;
	}	
.regular12 a {
	text-decoration:underline;
	}		
.enviarFormulario {
  width: 160px;
  margin: 0px auto;
	}
	
.enviarFormularioDescarga {
	margin: 0 auto;
	float: right;
	width: 500px;
	}	
/* Estilo ventana error formulario */
#Empresa-error, #Nombre-error, #Email-error, #Telefono-error, #email-error, #telefono-error, #empresa-error, #nombre-error, #email_verify-error {
	position: absolute;
  float: left;
  display: block;
  margin-left: 125px;
  margin-right: 0px;
  margin-top: 0px;
  height: 45px;
	background: url(../img/bocadillo-div-error.png) center no-repeat;  
	overflow: visible;
  color: #E31E12;
  font-size: 13px;
  line-height: 35px;
  text-align: center;
  width: 170px;
  z-index: 1;
	}	
#user-error, #password-error{
	position: absolute;
  float: left;
  display: block;
  margin-left: 50px;
  margin-right: 0px;
  margin-top: -27px;
  height: 45px;
	background: url(../img/bocadillo-div-error.png) center no-repeat;  
	overflow: visible;
  color: #E31E12;
  font-size: 13px;
  line-height: 35px;
  text-align: center;
  width: 170px;
  z-index: 1;
	}	
.formulariopie #Empresa-error, .formulariopie #Nombre-error, .formulariopie #Email-error, .formulariopie #Telefono-error{
	position: absolute;
  float: left;
  display: block;
  margin-left: 133px;
  margin-right: 0px;
  margin-top: 0px;
  height: 45px;
	background: url(../img/bocadillo-div-error.png) center no-repeat;  
	overflow: visible;
  color: #E31E12;
  font-size: 13px;
  line-height: 35px;
  text-align: center;
  width: 170px;
  z-index: 1;
	}		
.formulariozonaprivada #Empresa-error, .formulariozonaprivada #Nombre-error, .formulariozonaprivada #Email-error, .formulariozonaprivada #Telefono-error{
	position: absolute;
  float: left;
  display: block;
  margin-left: 133px;
  margin-right: 0px;
  margin-top: 0px;
  height: 45px;
	background: url(../img/bocadillo-div-error.png) center no-repeat;  
	overflow: visible;
  color: #E31E12;
  font-size: 13px;
  line-height: 35px;
  text-align: center;
  width: 170px;
  z-index: 1;
	}	
#Comentarios-error{
	position: absolute;
  float: left;
  display: block;
  margin-left: 122px;
  margin-right: 0px;
  margin-top: 0px;
  height: 45px;
	background: url(../img/bocadillo-div-error.png) center no-repeat;  
	overflow: visible;
  color: #E31E12;
  font-size: 13px;
  line-height: 35px;
  text-align: center;
  width: 170px;
  z-index: 1;
	}		
#sTipoEmpresa-error{
  position: absolute;
  float: left;
  display: block;
  margin-left: 80px;
  margin-right: 0px;
  margin-top: -5px;
  height: 45px;
	background: url(../img/bocadillo-div-error-valor.png) center no-repeat;  
	overflow: visible;
  color: #E31E12;
  font-size: 13px;
  line-height: 35px;
  text-align: center;
  width: 170px;
  z-index: 1;
	}	
#sSector-error{
  position: absolute;
  float: left;
  display: block;
  margin-left: 140px;
  margin-right: 0px;
  margin-top: -5px;
  height: 45px;
	background: url(../img/bocadillo-div-error-valor.png) center no-repeat;  
	overflow: visible;
  color: #E31E12;
  font-size: 13px;
  line-height: 35px;
  text-align: center;
  width: 170px;
  z-index: 1;
	}		
#selTipoConsulta-error, #selPrograma-error {
  position: absolute;
  float: left;
  display: block;
  margin-left: 110px;
  margin-right: 0px;
  margin-top: -5px;
  height: 45px;
	background: url(../img/bocadillo-div-error-valor.png) center no-repeat;  
	overflow: visible;
  color: #E31E12;
  font-size: 13px;
  line-height: 35px;
  text-align: center;
  width: 170px;
  z-index: 1;
	}			
.Cierto, .Error  {
	display: none;	
text-align: left;
float: left;
margin-top: -25px;
width: 319px;
margin-left: 150px;
	}
.Cierto > p, .Error > p {
	font-weight: 400;
	line-height: 14px;
	font-size: 12px;
	color: #999;
	margin: 0px;
	}	
.Cierto > p > img , .Error > p > img {	
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	}

#Formulario-Soporte-Tecnico .mensajeCierto, #Formulario-Soporte-Tecnico .mensajeError {
	display: none;
	height:300px; 
	width:350px;  
	margin: auto auto; 
	background-color:#fff;
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	border-radius: 0px; 
	box-shadow: 0px 0px 0px rgba(0,0,0, 0); 
	-moz-box-shadow: 0 0 0px rgba(0,0,0,0); 
	-webkit-box-shadow: 0 0 0px rgba(0,0,0,0); 
	-box-shadow: 0 0 0px rgba(0,0,0,0); 
	text-align: center;	
	}
	
.mensajeCierto, .mensajeError, .mensajeEnviando {
	display: none;
	height:500px; 
	width:860px;  
	margin: auto auto; 
	background-color:#fafafa;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	box-shadow: 0px 1px 5px rgba(0,0,0, 0.8); 
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.8); 
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.8); 
	-box-shadow: 0 0 20px rgba(0,0,0,.8); 
	text-align: center;	
	}
	
.mensajeCierto > div + img, .mensajeEnviando > div + img {
	margin-top: 90px;
	margin-bottom: 35px;	
	}

.mensajeCierto h2, .mensajeEnviando h2 {
	color: #0166ae;
	font-size: 32px;
	font-weight: 300;
	line-height: 38px;
	padding: 0px 0px 20px;
	}

.mensajeCierto p, .mensajeEnviando p {
	font-weight: 400;
	font-size: 16px;
	color: #666666;
	line-height: 19px;
	}
	
.mensajeCierto > div, .mensajeEnviando > div {
	width: 100%;
	text-align: right;
	}

.mensajeCierto > div > img, .mensajeEnviando > div > img{
	cursor: pointer;
	}	
.mensajeCiertoLeLlamamos{
	color: #0166AE !important;
	}	
.textobotonmensajeconfirmacionformulario{
	font-family: "Open Sans",sans-serif;
	color:#fff;
	padding-top: 8px;
	font-weight: 400;
	}	
.FormularioPrecioCampos{	
  width: auto !important;
  margin-right: 8px;	
  }
.FormularioPrecioTipoEmpresa{
  width: 220px;
  height: 36px;
  border-radius: 0px;
  border: medium none;
  -moz-appearance: none;
  font-weight: 300;
  padding: 5px;
  box-shadow: none;
  font-size: 13px;
  cursor: pointer;
	margin-top: 25px;
	color: #666;
	background-color: #EEE;
	}
.FormularioPrecioSector{
  width: 300px;
  height: 36px;
  border-radius: 0px;
  border: medium none;
  -moz-appearance: none;
  font-weight: 300;
  padding: 5px;
  box-shadow: none;
  font-size: 13px;
  cursor: pointer;
	margin-top: 25px;
	color: #666;
	background-color: #EEE;
	}	
.FormularioPrecioCamposUsuarios{
  width: 62px !important;
	}		
.FormularioPrecioUsuarios{
  width: 40px !important;
	float:left;
	}		
.FormularioPrecioRespuestaSQLPyme, .FormularioPrecioRespuestaSQLConta,
.FormularioPrecioRespuestaSQLCaffe, .FormularioPrecioRespuestaSQLTpv,
.FormularioPrecioRespuestaSQLObras, .FormularioPrecioRespuestaSQLInmobiliarias,
.FormularioPrecioRespuestaSQLHorizontal, .FormularioPrecioRespuestaSQLVertical {
	width: 150px !important;
	background-color: #FFF;
	border: 2px solid #E31E12;
	float: left;
	margin-top: 10px;
	height: 33px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 13px;
	line-height: 16px;
	color: #E31E12;
	text-align: center;
	}	
.FormularioPrecio2SQLPyme, .FormularioPrecio2SQLConta,
.FormularioPrecio2SQLCaffe, .FormularioPrecio2SQLTpv,
.FormularioPrecio2SQLObras, .FormularioPrecio2SQLInmobiliarias,
.FormularioPrecio2SQLHorizontal, .FormularioPrecio2SQLVertical {
	width: 187px !important;
	background-color: #FFF;
	border: 0px solid #E31E12;
	float: left;
	margin-top: 10px;
	height: 33px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	}		
.FormularioPrecio2SQLPyme {color: #E31E12!important;}
.FormularioPrecio2SQLConta {color: #009F57!important;}
.FormularioPrecio2SQLObras {color: #F8AF00!important;}
.FormularioPrecio2SQLTpv {color: #9AC330!important;}

.FormularioPrecioRespuestaSQLConta {border: 2px solid #009F57; color: #009F57;}
.FormularioPrecioRespuestaSQLCaffe {border: 2px solid #E4471B; color: #E4471B;}
.FormularioPrecioRespuestaSQLTpv   {border: 2px solid #9AC330; color: #9AC330;}
.FormularioPrecioRespuestaSQLObras {border: 2px solid #F8AF00; color: #F8AF00;}
.FormularioPrecioRespuestaSQLInmobiliarias,
.FormularioPrecioRespuestaSQLHorizontal,
.FormularioPrecioRespuestaSQLVertical{border: 2px solid #005593; color: #005593;}
.FormularioPrecioMas{
	width: 17px;
	height:17px;
	background: url('/aplicaciones/img/formularios/mas.png') no-repeat scroll 0px 0px #b1b1b1;
	cursor:pointer;
	float:left;
	margin-top: 25px;
	border: none;
	margin-left: 40px;
  position: absolute;
  display: block;
	}	
.FormularioPrecioMas:hover{
	width: 17px;
	height:17px;
	background: url('/aplicaciones/img/formularios/mas.png') no-repeat scroll 0px 0px #979797;
	cursor:pointer;
	}	
.FormularioPrecioMenos{
	width: 17px;
	height:17px;
	background: url('/aplicaciones/img/formularios/menos.png') no-repeat scroll 0px 0px #b1b1b1;
	cursor:pointer;
	float:left;
	margin-top:44px;
	border: none;
	margin-left: 40px;
  position: absolute;
  display: block;
	}	
.FormularioPrecioMenos:hover{
	width: 17px;
	height:17px;
	background: url('/aplicaciones/img/formularios/menos.png') no-repeat scroll 0px 0px #979797;
	cursor:pointer;
	}	
.botonformulariodescargardemo div {
	position: absolute;
 	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 99%;
	height: 45%;
	margin: auto;
	cursor: pointer;
	text-align: center;
	color: #fff; 
	font-weight: 600;
	font-size: 14px; 
	line-height: 17px;
	text-decoration: none;
	padding-top: 3px;	
	}	
.botonDescargaSQLTablet {
	background-color: #0083c8;
	cursor:pointer !important;
	}	
.botonDescargaSQLTablet a{
	cursor:pointer !important;
	}	
.botonDescargaSQLTablet:hover {
	background-color: #0371aa;
	}		
.botonDescargaSQLTabletinactivo	a div{
	cursor: auto !important;
	}
.botonDescargaSQLTabletinactivo {
	background-color: #98c0d5;
	}	
.botonDescargaSQLTabletinactivo:hover {
	background-color: #98c0d5;
	}	
.botoninfoSQLTablet{
	border:2px solid #0083c8;
	background-color: #fff;
	cursor:pointer !important;
	}	
.botoninfoSQLTablet:hover{
	background-color: #e5f0f6!important;
	}		
.botoninfoSQLTablet a div{
	color: #0083c8 !important;
  margin-top: 7px;
  position: relative;
	}	
.botoninfoSQLTabletinactivo a div{
  color: #98c0d5 !important;
  padding-top: 10px;
  cursor: auto !important;
  position: relative;
	}		
.botoninfoSQLTablet	
.botoninfoSQLTablet a:hover div{
	color: #0371AA !important;
	}		
.botoninfoSQLTabletinactivo{
	border:2px solid #98c0d5;
	background-color: #fff;
	cursor:auto !important;
	}	
.botoninfoSQLTabletinactivo:hover{
	}		
.botoninfoSQLTabletinactivo a:hover div{
	color: #98c0d5 !important;
	}								
.botonformulariodescargardemo {
	text-align: center;
	border-radius: 0px;
	width: 187px;
	height: 38px;
	margin-top: 8px;
	float:left;
	}
.botonformulariodescargardemo a {	
	color: #fff; 
	font-weight: 600;
	font-size: 14px; 
	line-height: 17px;
	text-decoration: none;
}	
.botonformulariodescargardemo:hover {
}	
.botonDescargaSQLPymeInactivo a div, .botonDescargaSQLContaInactivo a div, .botonDescargaSQLCaffeInactivo a div, .botonDescargaSQLTpvInactivo a div, .botonDescargaSQLObrasInactivo a div, .botonDescargaSQLInmobiliariasInactivo a div, .botonDescargaSQLHorizontalInactivo a div, .botonDescargaSQLVerticalInactivo a div{
	cursor:auto!important;
	}
.botonDescargaSQLTabletinactivo div {cursor:auto!important;}
.botonDescargaSQLTablet a div {
	position: relative!important;
  margin-top: 8px!important;
  width: 120px!important;
	}
.botonDescargaSQLTabletinactivo a div {
	position: relative!important;
  margin-top: 8px!important;
  width: 120px!important;
	}	
.botonDescargaSQLPymeInactivo{
	background-color: #dc8b8b;
	cursor: inherit !important;
	}
.botonDescargaSQLPymeInactivo:hover{
	background-color: #dc8b8b;
	cursor:none;
	}	
.botonDescargaSQLContaInactivo{
	background-color: #6cc09a;
	cursor: inherit !important;
	}
.botonDescargaSQLCaffeInactivo{
	background-color: #E4471B;
	}
.botonDescargaSQLTpvInactivo{
	background-color: #c1d68b;
	cursor: inherit !important;
	}
.botonDescargaSQLObrasInactivo{
	background-color: #fad989;
	cursor: inherit !important;
	}
.botonDescargaSQLInmobiliariasInactivo{
	background-color: #005593;
	}
.botonDescargaSQLHorizontalInactivo{
	background-color: #005593;
	}
.botonDescargaSQLVerticalInactivo{
	background-color: #005593;
	}	
.boton a {	
	color: #fff; 
	font-weight: 600;
	font-size: 14px; 
	line-height: 17px;
	text-decoration: none;
  }
.boton {
	background-color: #EE1E12;
	cursor: pointer;
	text-align: center;
	border-radius: 0px;
	}
.boton:hover {
	background-color: #CD1A10;
	}	
.boton:hover a {
	opacity: 0.4;
	} 
.botonTablet, .botonConsultaTablet {
	background-color: #0083c8;
	}	
.botonTablet:hover, .botonConsultaTablet:hover {
	background-color: #0371aa;
	}	
.btMasInformacionTablet:hover{background-color: #0371aa;}
.btMasInformacionLinea:hover {
	background-color: #0371aa;
	border:1px solid #68aacc;
	}		
.botonPyme, .botonConsultaPyme {
	background-color: #E31E12;
	}	
.botonPyme:hover, .botonConsultaPyme:hover {
	background-color: #CD1A10;
	}
.botonConta, .botonConsultaConta{
	background-color: #009F57;
	}
.botonConta:hover, .botonConsultaConta:hover{
	background-color: #00884A;
	}

.botonCaffe, .botonConsultaCaffe{
	background-color: #E4471B;
	}
	
.botonCaffe:hover, .botonConsultaCaffe:hover{
	background-color: #D2431A;
	}

.botonTpv, .botonConsultaTpv{
	background-color: #9AC330;
	}
	
.botonTpv:hover, .botonConsultaTpv:hover{
	background-color: #8FB52D;
	}

.botonObras, .botonConsultaObras{
	background-color: #F8AF00;
	}
	
.botonObras:hover, .botonConsultaObras:hover{
	background-color: #E6A000;
	}

.botonFincas, .botonConsultaFincas{
	background-color: #005593;
	}
	
.botonFincas:hover, .botonConsultaFincas:hover{
	background-color: #004A82;
	}			
.botonDescargaSQLPyme {
	background-color: #E31E12;
	}	
.botonDescargaSQLPyme:hover {
	background-color: #CD1A10;
	}	
	
.botonDescargaSQLConta{
	background-color: #009F57;
	}
.botonDescargaSQLConta:hover{
	background-color: #00884A;
	}

.botonDescargaSQLCaffe{
	background-color: #E4471B;
	}
	
.botonDescargaSQLCaffe:hover{
	background-color: #D2431A;
	}

.botonDescargaSQLTpv{
	background-color: #9AC330;
	}
	
.botonDescargaSQLTpv:hover{
	background-color: #8FB52D;
	}

.botonDescargaSQLObras{
	background-color: #F8AF00;
	}
	
.botonDescargaSQLObras:hover{
	background-color: #E6A000;
	}

.botonDescargaSQLInmobiliarias{
	background-color: #005593;
	}
	
.botonDescargaSQLInmobiliarias:hover{
	background-color: #004A82;
	}

.botonDescargaSQLHorizontal{
	background-color: #005593;
	}
	
.botonDescargaSQLHorizontal:hover{
	background-color: #004A82;
	}
.botonDescargaSQLVertical{
	background-color: #005593;
	}
	
.botonDescargaSQLVertical:hover{
	background-color: #004A82;
	}	
	
.botonSoliciteDemo {
	background-color: #004B84;
	cursor: pointer;
	text-align: center;
	border-radius: 0px;
	width: 160px;
	height: 43px!important;	
	margin: 0 auto;
	width: 250px !important;
	}	
.botonSoliciteDemo a {	
	color: #fff; 
	font-weight: 600;
	font-size: 14px; 
	line-height: 17px;
	text-decoration: none;
  }	
.botonSoliciteDemo:hover {
	background-color: #1b3955;
	}				
/* Fin de Formulario descarga con dos botones  */	
#Formulario-Soporte-Tecnico .contenedorformularioSoporteTecnico{
	width: 710px!important;
}
#Formulario-Soporte-Tecnico .formulario-contacto {
	height: 360px;
}
.formulario-contacto .campo-select {
	width: 650px;
	border-bottom: 1px solid #d5dce3;
	margin: 0px 50px 20px 0px;
	float: left;
}
#Formulario-Soporte-Tecnico .formularioSoporteTecnicoComboOpciones {
    font-family: 'Open Sans', sans-serif;
    float: left;
    font-size: 12px;
	font-weight: 600;
    color: #8792a1;
    background-color: #fff;
    width: 650px;
    margin-top: 0px;
}
#Formulario-Soporte-Tecnico .formulario-contacto textarea{height: auto;}
#Formulario-Soporte-Tecnico #selTipoConsulta-error, #Formulario-Soporte-Tecnico #selPrograma-error {
	position: absolute;
	float: left;
	display: block;
	margin-left: 205px;
	margin-right: 0px;
	margin-top: -10px;
	height: 45px;
	background: url(../img/bocadillo-div-error-valor.png) center no-repeat;
	overflow: visible;
	color: #E31E12;
	font-size: 13px;
	line-height: 35px;
	text-align: center;
	width: 170px;
	z-index: 1;
}
/*  Formulario le llamamos*/
#formularioLeLlamamos {
	width: 860px;
	text-align: left;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	}	
#popUpLeftImage { float: left; clear: right; height: 480px; width: 325px;}
div.formulario {
	height:500px; 
	width:860px;  
	margin: 0 auto; 
	background-color:#fafafa;
	text-align: left;
	}
div.formulario > div {
	text-align: right;
	}	
.botonleLlamamos div {
	width: 95%;
	height: 50%;
	margin: auto;
	cursor: pointer;
	padding-top: 15px;
	}	
.botonleLlamamos a {	
	color: #fff; 
	font-weight: 600;
	font-size: 14px; 
	line-height: 17px;
	text-decoration: none;
  }
.botonleLlamamos {
	background-color: #004B84;
	cursor: pointer;
	text-align: center;
	border-radius: 0px;
	width: 160px;
	height: 45px;	
	}	
.botonleLlamamos:hover {
	background-color: #0066B1;
	}	
.botonleLlamamosInactivo{
	background-color: #6890ae;
	text-align: center;
	border-radius: 0px;
	width: 160px;
	height: 45px;	
	}	
.botonleLlamamosInactivo a {	
	color: #fff; 
	font-weight: 600;
	font-size: 14px; 
	line-height: 17px;
	text-decoration: none;
  }	
.botonleLlamamosInactivo:hover {
	background-color: #6890ae;
	}
.botonleLlamamosInactivo div {
	width: 95%;
	height: 50%;
	margin: auto;
	padding-top: 15px;
	}	
.botonSoporteInactivo{
	background-color: #6890ae;
	text-align: center;
	border-radius: 0px;
	width: 160px;
	height: 45px;	
	}	
.botonSoporteInactivo a {	
	color: #fff; 
	font-weight: 600;
	font-size: 14px; 
	line-height: 17px;
	text-decoration: none;
  }	
.botonSoporteInactivo:hover {
	background-color: #6890ae;
	}
.botonSoporteInactivo div {
	width: 95%;
	height: 50%;
	margin: auto;
	padding-top: 15px;
	}
.botonLeLlamamos40 div {
	position: absolute;
 	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 95%;
	height: 50%;
	margin: auto;
	cursor: pointer;
	}	
.botonLeLlamamos40 a {	
	color: #fff; 
	font-weight: 600;
	font-size: 14px; 
	line-height: 17px;
	text-decoration: none;
  }
.botonLeLlamamos40 {
	background-color: #004B84;
	cursor: pointer;
	text-align: center;
	border-radius: 0px;
	width: 160px;
	height: 40px;	
	}	
.botonLeLlamamos40:hover {
	background-color: #0066B1;
	}	
.colorlink {
  color: #7D7D7D;
  }	
/*  Fin de Formulario le llamamos		*/	
/*  Formulario conéctese	*/	
.linklogosconexionremota{
	margin:0 auto;
	text-align: center !important;
	}	
.linklogosconexionremota a img{	
  margin-left: -70px;	
 }
.linklogosconexionremota a:hover img{
	opacity:0.8;
 } 
.lineaseparacionlogosconexion{
  height: 10px;
  width: 500px;
  border-bottom: 1px solid #CCC;
  margin: 0px 0px 10px 150px;
	}	
/*  Fin de Formulario conéctese	 */
/*  Formulario soporte técnico  */
.contenedorformularioSoporteTecnico{
	height:600px !important;
	}
#formularioTituloSoporteTecnico {
	text-align: center; 
	margin-bottom: 0px;
	margin: 0 auto;
	padding: 0 auto;
	font-weight: 300px;
	font-size: 14px;
	color: #666666;
	}
.formularioSoporteTecnico{
  padding-left: 25px;
  }	
.anchocomentariosSoporteTecnico{
	width:500px !important;
	}	
div.formularioSoporteTecnico  {
	height: 560px; 
	width:860px;  
	margin: 0 auto; 
	background-color:#fafafa;
	text-align: left;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	}
div.formularioSoporteTecnico > div {
	text-align: right;
	}	
.formularioSoporteTecnicoComboOpciones {
  width: 288px;
  height: 36px;
  border-radius: 0px;
  border: medium none;
  -moz-appearance: none;
  font-weight: 300;
  padding: 5px;
  box-shadow: none;
  font-size: 13px;
  cursor: pointer;
  margin-top: 25px;
  color: #666;
  background-color: #EEE;
  }
.comentariosSoporteTecnico{
	height: 100px !important;
	margin: 28px 0px 6px !important;
	}	
.enviarFormularioSoporteTecnico {
  width: 600px;
  margin: 0px auto;
  }		
.botonenviarSoporteTecnico{
	height: 40px;
  margin-top: 40px;
  position: absolute;
	}	
.botonenviarSoporteTecnico a{
	line-height: 13px;
	}	
.botonadjuntarSoporteTecnico{
	height: 40px;
  margin-top: 85px;
  position: absolute;
  width: 200px;
  margin-left: 86px;
	background-color: #fff;
	border:1px solid #0563a9;
	cursor: pointer;
	text-align: center;
	border-radius: 0px;
	}	
.botonadjuntarSoporteTecnico a{
	line-height: 10px;
	color: #0563a9;
	}
.botonadjuntarSoporteTecnico:hover a{
	color: #fff;
	}	
.botonadjuntarSoporteTecnico:hover {
	background-color: #0066B1;
	}					
.formularioSoporteTecnico .datosLpd {
	text-align: center;
  position: absolute;
  margin-top: 125px;
  margin-left: 135px;
	}		
/*  Fin de Formulario soporte técnico  */
/*  Aviso Legal	*/
.bgavisolegalcontenido h4 a {
	color:#666;
	}	
.bgavisolegalcontenido h4 a:hover {
	color:#333;
	text-decoration:underline;
	}	
.bgavisolegalcontenido h4 span {
	color:#666;
	font-weight:600;
	}
.tabla-proteccion-datos{}
.tabla-proteccion-datos td{padding: 5px 10px; border-bottom: 1px solid #656b81;}
.tabla-proteccion-datos th {
    background: #656b81;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
    font-weight: 700;
    padding: 5px 10px;
}   
/*  Fin de Aviso Legal	*/
/*Centrar contenido blog (diferenciar de container menú )*/
.wrapper .container {
width: 95%!important;
}

/* Botón más info */
.boton-mas-info-web {
    text-align: center;
    margin-bottom: 15px;
  }
.boton-mas-info-web a {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    background-color: #137ded;
    border: 1px solid #137ded;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer;
    padding: 10px 25px;
	font-family: 'Lato', sans-serif;
	transition: all 275ms ease-in-out;
	}	
.boton-mas-info-web a:hover{
	color: #137ded;
    background-color: #fff;
    border: 1px solid #137ded;
	}
/* Fin de Botón más info */
/* Formulario contacto */
.contenedorformulario{
	height: 500px;
	width:700px;
    margin-top: 50px;
	}	
.contenedorformulario h3{
	font-family: 'Lato', sans-serif;
	font-size:22px;
	font-weight:700;
	color:#3b4052;
	text-align:left;
	padding-bottom: 20px;
	}	
.contenedorformulario .linea-azul{
	width:100px;
	border-bottom:3px solid #137ded;
	}	
.formulario-contacto{
	margin-top:30px;
	height:225px;
	}	
.formulario-contacto .campo-rellenar{
	width: 300px;
  border-bottom: 1px solid #d5dce3;
  margin: 0px 50px 20px 0px;
	float: left;
	}	
.formulario-contacto .ancho-textarea-formulario{
	width:650px;
	border-bottom: 1px solid #d5dce3;
	float:left;
	}			
.formulario-contacto input{
	width: 300px;
  height: 40px;
	outline: none;
  border: 0;
	font-family: 'Open Sans', sans-serif;
  font-size: 12px;
	font-weight:600;
  line-height: 16px;
  color: #8792a1;
	}		
.formulario-contacto textarea{
	width: 623px;
  height: 40px;
	outline: none;
  border: 0;
	font-family: 'Open Sans', sans-serif;
  font-size: 12px;
	line-height: 16px;
	font-weight:600;
  color: #8792a1;
	resize: none;
	padding-top: 10px;
	}
.grupo-contenido-formulario-descarga {
    height: 700px;
    margin-top: 80px;
}
#formulario-descarga-nuevo .formulario-contacto {
    height: 260px!important;
}
.seleccion-tipo-empresa-obras{
    margin-top: 20px;
    width: 510px;
    margin: 20px 50px 20px 0px;
    height: 40px;
    float: left;
	}
.seleccion-tipo-empresa-obras select{
    border: 0px;
    border-bottom: 3px solid #137ded;
    font-size: 13px;
    color: #8792a1;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    height: 40px;
    width: 510px;
	}
#formulario-descarga-nuevo .boton-inactivo {
    float: left;
    margin-right: 15px;
}
.numero-usuarios{
    width: 90px;
    margin: 20px 50px 20px 0px;
    float: right;
    border-bottom: 3px solid #137ded;
}
.numero-usuarios input{
    height: 37px;
}
.numero-usuarios .contenido-usuarios{
    width: 65px;
    float: left;
}
.usuario-mas {
    width: 20px!important;
    height: 16px!important;
    background: url('/aplicaciones/img/formularios/icono-mas.png') no-repeat scroll 0px 0px;
    cursor: pointer;
    float: left;
    border: none;
    margin-left: 65px;
    position: absolute;
    display: block;
}
.usuario-menos {
    width: 20px!important;
    height: 16px!important;
    background: url('/aplicaciones/img/formularios/icono-menos.png') no-repeat scroll 0px 0px;
    cursor: pointer;
    float: left;
    border: none;
    margin-top: 16px;
    margin-left: 65px;
    position: absolute;
    display: block;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}
/* Ocultar textos RGPD formulario pie */
.clickocultarRGPDpie{  
  cursor: pointer;
	float: left;
	}	
.clickocultarRGPDpie div p {
  cursor: default !important;
}
.hidden>div {
  display: none;
}
.visible>div {
  display: block;
}
#formulariosolicitarllamada {
    height: 700px!important;
}
.textoRGPDocultopie{
width: 725px;
padding: 20px;
margin-left: -52px;
color: #999;
font-weight: 400;
font-size: 11px;
line-height: 15px;
background-color: #fff;
position: absolute;
margin-top: 85px;
	}
.textoRGPDocultopie a{
	text-decoration:underline;
	color: #999;
	}		
.texto-link-rgpd {
  color: #656b81;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  }
.texto-link-rgpd a {
  text-decoration: underline;
 }
/* Fin de ocultar textos RGPD formularios*/
.grupo-check-RGPD{
	height:50px;
	}
.input-confirmar-RGPD{
	width: 15px!important;
  margin-top: 3px!important;
	border: none!important;
  padding-left: 0px!important;
  height: 15px!important;
	float:left;
	}	 
.boton-inactivo{
  text-align: left !important;
	margin-top:20px;
  }	
.boton-inactivo a{
 color: #fff;
 font-size: 14px;
 font-weight: 700;
 background-color: #d5dce3;
 border: 0px solid #d5dce3;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 padding: 10px 40px;
 font-family: 'Lato', sans-serif;
 transition: all 275ms ease-in-out;
 line-height: 24px;
	}	
.boton-inactivo a:hover{
	}	
.boton-enviar-contacto, .boton-enviar-distribuidor, .boton-enviar-zona-privada{
	text-align: left !important;
	margin-top:20px;
  }	
.boton-enviar-contacto a, .boton-enviar-distribuidor a, .boton-enviar-zona-privada a{
 color: #fff;
 font-size: 14px;
 font-weight: 700;
 background-color: #137ded;
 border: 1px solid #137ded;
 -webkit-border-radius: 40px;
 -moz-border-radius: 40px;
 border-radius: 40px;
 cursor: pointer;
 padding: 12px 40px;
 font-family: 'Lato', sans-serif;
 transition: all 275ms ease-in-out;
	}	
.boton-enviar-contacto a:hover, .boton-enviar-distribuidor a:hover, .boton-enviar-zona-privada a:hover{
	background-color:#fff;
	 border: 1px solid #137ded;
	color:#137ded;
	}
.formulario-sesion-expirada{
 width: 550px;
 margin: 0 auto!important;}
.formulario-sesion-expirada .Cierto, .formulario-sesion-expirada .Error{
margin-top: -45px;
margin-left: 565px;
}
.formulario-sesion-expirada .Cierto img, .formulario-sesion-expirada .Error img{
float: left;
}
.formulario-sesion-expirada .Cierto p, .formulario-sesion-expirada .Error p{
float: left;
margin-left: 10px;
}
.boton-enviar-zona-privada-sesion-expirada {
	text-align: left !important;
	margin-top:-15px;
    margin-left: 30px;
    width: 135px;
    float: left;
  }	
.boton-enviar-zona-privada-sesion-expirada div{
 color: #fff;
 font-size: 14px;
 font-weight: 700;
 background-color: #137ded;
 border: 1px solid #137ded;
 -webkit-border-radius: 40px;
 -moz-border-radius: 40px;
 border-radius: 40px;
 cursor: pointer;
 padding: 12px 40px;
 font-family: 'Lato', sans-serif;
 transition: all 275ms ease-in-out;
	}	
.boton-enviar-zona-privada-sesion-expirada div:hover{
	background-color:#fff;
	 border: 1px solid #137ded;
	color:#137ded;
	}
.usuario-sesion-expirada{
width: 70px;
height: 30px;
outline: 0;
border: 0;
font-family: 'Open Sans',sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 18px;
color:#8792a1;
float: left;
}
.clave-sesion-expirada{
margin-left: 20px;    
width: 95px;
height: 30px;
outline: 0;
border: 0;
font-family: 'Open Sans',sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 18px;
color:#8792a1;
float: left;
}
.input-sesion-expirada{
margin-bottom: 20px;
border-bottom:1px solid #d5dce3;
border-top: 0px;
border-left: 0px;
border-right: 0px;
font-family: 'Open Sans',sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 18px;
color:#8792a1; 
width: 100px;    
}
.check-confirmar-rgpd {
	float: left;
  }
.check-confirmar-rgpd label {
  line-height: 1rem;
  vertical-align: middle;
	cursor: pointer;
}
/* 
hide generic checkbox that belongs to 
the div with the class-name "custom" 
*/
.check-confirmar-rgpd [type="checkbox"] {
  display: none;
}
/* create container to take role of checkbox */
.check-confirmar-rgpd label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 10px 0 0;
  font-size: 1.5rem;
  border: 3px solid #193e9d;
  border-radius: 3px;
  vertical-align: bottom;
  color:#fff!important;
  transition: all 275ms ease-in-out;
}
/* add checkmark once the label is clicked */
.check-confirmar-rgpd [type="checkbox"]:checked + label::before {
  text-align: center;
  content: "\2714";
  background-color: #193e9d;
  color:#fff;
}
#informessectorial .boton-mas-info-web {
    text-align: left;}

/*Páginas de error*/
#contenido-web-error .boton-video-banner {margin: 0px auto 150px auto; width: 182px;}
.grupo-texto-error{
    height: 450px;
    position: relative;
}
.texto-bg-error{
    font-family: 'Lato', sans-serif;
    font-size: 365px;
    font-weight: 900;
    color: #dee9fb;
    position: absolute;
    line-height: 365px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}
.texto-bg-error i{padding-top: 30px;} 
.texto-explicacion-error{
    font-family: 'Lato', sans-serif;
    font-size: 23px;
    font-weight: 700;
    color: #137ded;
    position: absolute;
    line-height: 33px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 240px auto;
    text-align: center;
}
.texto-debajo-explicacion{
    font-size: 20px;
    line-height: 30px;
}
.contenidoloader{
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 2100ms, visibility 2100ms;
    transition: opacity 2100ms, visibility 2100ms;
}
/*	-------------------------------------------------------
    Estilos menú
	------------------------------------------------------- */
	
/*	-------------------------------------------------------
	:: Droopmenu Wrapper Containers
	------------------------------------------------------- */
	.droopmenu-navbar,
	.droopmenu-navbar *{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box; 
		box-sizing:border-box;
		padding: 0;
		margin: 0;
	}	
	.droopmenu-navbar{
		color:#4c4f58;
		font-size:14px;
		background:#fff;
        font-weight: 400;
		font-family: 'Lato', sans-serif;
		position: relative;
		line-height: 1.6;
		z-index: 999;
	}	
/*	-------------------------------------------------------
	:: Droopmenu General Links
	------------------------------------------------------- */
	
	.droopmenu-navbar a{
		text-decoration: none;
		background-color: transparent;
		cursor:pointer;
	}
	
/*	-------------------------------------------------------
	:: Droopmenu Maximum Width
	------------------------------------------------------- */	
	
	.droopmenu-inner,
	.droopmenu-boxed{ 
		max-width:1120px;
		position:relative;
		margin:0 auto;
		z-index:10;
	}
	
	.dm-fullspan{ max-width:100%; }
		
/*	-------------------------------------------------------
	:: Droopmenu | LOGO | TOGGLE MOBILE | 
	------------------------------------------------------- */
	
	.droopmenu-brand,
	.droopmenu-header{ float:left; } 
	.droopmenu-brand{ margin: 5px 0px; }
	.dm-nav-brand a img,
	.droopmenu-brand img{ 
		height:49px; 
		position:relative;
		top:0px;  
	}
	
	.dm-nav-brand a,	
	.droopmenu-brand { 
		font-size:32px; 
		font-weight:400;
		text-transform:uppercase;
		display:inline-block;
		color:#71818C;
	}
	
/*	-------------------------------------------------------
	:: Droopmenu Extra Menu
	------------------------------------------------------- */	
	
	.droopmenu-extra{ float: right;  }
	.droopmenu-extra > ul > li { display: inline-block;  }	

/*	-------------------------------------------------------
	:: Droopmenu | Menu Styles
	------------------------------------------------------- */
	
	.droopmenu{ float:left; }
	.droopmenu ul{ text-align: center;}
	.droopmenu,
	.droopmenu li{ 
		margin:0; 
		list-style:none; 
	}
	
	.droopmenu li i{ 
		font-size:11px; 
		line-height:normal; 
        margin-left: 5px;
	}
	
	.droopmenu > li{
		position:relative;
		float:left;
	}
	
	.droopmenu > li > a,
	.droopmenu > li > span{
		color: #4c4f58;
		display:block;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease; 
		transition: all 1s ease;
		letter-spacing:0px;
		padding:0 15px;
	}
	
	.droopmenu > li a.droopmenu-button span{
		text-align:center;
		border:2px solid #71818C;
		-webkit-transition: border-color .5s ease, color 0s ease;
		-moz-transition: border-color .5s ease, color 0s ease;
		-ms-transition: border-color .5s ease, color 0s ease;
		-o-transition: border-color .5s ease, color 0s ease;
		transition: border-color .5s ease, color 0s ease;
		display:inline-block;
		border-radius:24px;
		line-height:44px;
		padding:0 20px;
		height:44px;
	}
	
	.droopmenu > li a.droopmenu-button:hover span{
		-webkit-transition-delay:0s;
		-moz-transition-delay:0s;
		transition-delay:0s;
	}
	
	.dmcentered .droopmenu{
		text-align: center;
		float: none;
	}
	
	.dmcentered .droopmenu > li{
		display: inline-block;
		vertical-align:middle;
		float: none;
	}	
	
/*	-------------------------------------------------------
	:: Droopmenu Height | LOGO HEADER | TOP LINKS
	------------------------------------------------------- */
	
	.droopmenu-header{ height:70px; }
	.dm-nav-brand a,
	.droopmenu-brand,	
	.droopmenu > li > a,
	.droopmenu > li > span{ 

	}
	
	.droopmenu > li i{ /*vertical-align:middle;*/ }
	
/*	-------------------------------------------------------
	:: Droopmenu | LEVEL I DROPDOWN 
	------------------------------------------------------- */
	
	.droopmenu li > ul{
		display:block;
		background:#fff;
		position:absolute;
		-webkit-box-shadow: 0px 22px 46px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 22px 46px 0px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 22px 46px 0px rgba(0, 0, 0, 0.2);
		-webkit-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		visibility: hidden;
		left: -9999em;
		width: 180px;
		z-index: 99;	
		opacity: 0;
		top:100%;	
	}
	
	.droopmenu li.dmopener > ul{					
		visibility: visible;
		opacity: 1;
		left: 0;	
	}
	
/*	-------------------------------------------------------
	:: Droopmenu | LEVEL II DROPDOWN 
	------------------------------------------------------- */
	
	.droopmenu li ul{ padding:10px 0; }	
	.droopmenu li li{ position:relative; display: inherit; text-align: left;}
	.droopmenu li li > ul { 
		margin-top:-13px; 
		margin:0;  
		top:0;
	}
	
	.droopmenu li li.dmopener > ul { left: 100%; }
	.droopmenu li:hover > a,
	.droopmenu li li:hover > a{ color: #193e9d; }
	.droopmenu li ul li a{
		display:block;
		padding:6px 25px;
		text-decoration:none;
		-webkit-transition: all 0.3s ease; 
		-moz-transition: all 0.3s ease; 
		-ms-transition: all 0.3s ease; 
		-o-transition: all 0.3s ease; 	
		font-weight:300;
		font-size:15px;
		color:#656b81;
	}
	
	.droopmenu li ul li a i{ 
		vertical-align:middle; 
		margin-right:5px; 
	}

/*	-------------------------------------------------------
	:: Droopmenu | DECORATIVE ARROW
	------------------------------------------------------- */
	
	.droopmenu .dm-arrow{ 
		width:0; 
		height:0;
		position:relative;
		border-bottom:0 solid transparent;
		border-left:20px solid transparent;
		border-right:20px solid transparent;
		-webkit-transition:all .2s ease;
		-moz-transition:all .2s ease;
		-ms-transition:all .2s ease;
		-o-transition:all .2s ease;
		transition:all .2s ease;
		margin-left:-20px;
		margin-bottom:0;
		z-index:9999;
		bottom:9px;
		left:50%;
	}
	
	.droopmenu li.dmopener .dm-arrow{
		border-bottom:10px solid #fff; 
		margin-bottom:-10px;
	}
	
	.dmarrow-down .droopmenu .dm-arrow{ 
		border-bottom:0;
		border-top:0 solid transparent;
		bottom:1px;
	}
	
	.dmarrow-down .droopmenu li.dmopener .dm-arrow{
		border-bottom:0; 
		border-top:10px solid #fff;
		margin-bottom:-10px; 
	}
	
	
/*	-------------------------------------------------------
	:: Droopmenu | EXTENDED HOVER AREA
	------------------------------------------------------- */
	
	.droopmenu li > ul:after {
		content: '';
		position: absolute;
		background: transparent;
		height: 8px;
		width: 100%;
		bottom:100%;
		left: 0;
	}
	
	.droopmenu li li > ul:after  {
		top: 0;
		left: auto;
		right: 100%;
		bottom: auto;
		height:100%;
		width: 8px;
	}
	
/*	-------------------------------------------------------
	:: Droopmenu | ARROW INDICATORS
	------------------------------------------------------- */	
	
	.droopmenu li li.droopmenu-parent > a { padding-right:40px; }
	.droopmenu li a .droopmenu-indicator{ 
		display:inline-block; 
		line-height:normal;  
	}
	
	.droopmenu li a .droopmenu-indicator em{ font-style:normal; }
	.droopmenu li li a .droopmenu-indicator{ }	
	.droopmenu li a .droopmenu-indicator em:after,
	.droopmenu li li a .droopmenu-indicator em:after{
		content: "\f3d0";
		font-family: "Ionicons";
		display: inline-block;
		position:relative;
		font-size: 16px;
		margin-left: 4px;
		top: 1px;
	}
	
	.droopmenu li li a .droopmenu-indicator em:after{
		content: "\f3d1";
		position:absolute; 
		right:18px;
		top:25%;
	}	
	
/*	-------------------------------------------------------
	:: Droopmenu | DROP RIGHT-LEFT DIRECTION
	------------------------------------------------------- */
	
	.droopmenu li.droop-left > ul { 
		right:0;
		top: 100%; 
		left:auto;
	}
	
	.droopmenu li li.droop-left > ul { 
		top:0; 
		right:100%; 
		left:auto;
	}
	
	.droopmenu li li.droop-left > ul:after  {
		top: 0;
		left:  100%;
		right:auto;
		bottom: auto;
		height:100%;
		width: 8px;
	}
	
/*	-------------------------------------------------------
	:: Droopmenu | MEGAMENU | GRID CONTAINER
	------------------------------------------------------- */
	.droopmenu ul.droopmenu-grid,
	.droopmenu ul.droopmenu-grid ul{ width:auto; }
	.droopmenu .droopmenu,
	.droopmenu ul.droopmenu-grid,
	.droopmenu .droopmenu-grid ul,
	.droopmenu .droopmenu-mega ul{ padding:0; }	
	.droopmenu > li.droopmenu-mega{  position:static; }
	.droopmenu > li.droopmenu-mega > a { position:relative; }
	.droopmenu > li.droopmenu-mega > ul{ width:100%; }
	.droopmenu .droopmenu-grid-container{
		padding:30px;
		width:100%;
	}
	
	.droopmenu .droopmenu-grid-container ul{
		display:block;
		box-shadow:none;
		background:transparent;
		position:static;
		text-align:left;
		margin-left:0;
		border-top:0;
		opacity:1;
	}
	
	.droopmenu .droopmenu-grid-container ul.droopmenu-col{ 
		padding-left:10px; 
		padding-right:10px;  
	}
	
/*	-------------------------------------------------------
	:: Droopmenu | MEGAMENU GRID CONTAINER SIZES
	------------------------------------------------------- */
	
	.droopmenu-grid		{ }	
	.droopmenu-grid-9,
	.droopmenu ul.droopmenu-grid-9	{ width:960px; }
	.droopmenu-grid-8,
	.droopmenu ul.droopmenu-grid-8 	{ width:840px; }
	.droopmenu-grid-7,
	.droopmenu ul.droopmenu-grid-7 	{ width:720px; }
	.droopmenu-grid-6,
	.droopmenu ul.droopmenu-grid-6 	{ width:640px; }
	.droopmenu-grid-5,
	.droopmenu ul.droopmenu-grid-5	{ width:580px; }
	.droopmenu-grid-4,
	.droopmenu ul.droopmenu-grid-4 	{ width:480px; }
	.droopmenu-grid-3,
	.droopmenu ul.droopmenu-grid-3 	{ width:320px; }
	.droopmenu-grid-2,
	.droopmenu ul.droopmenu-grid-2	{ width:240px; }
	.droopmenu-grid-1,
	.droopmenu ul.droopmenu-grid-1	{ width:180px; }
.col-ancho .droopmenu-grid-1, .col-ancho .droopmenu-grid-1 .droopmenu ul.droopmenu-grid-1 {
  width: 260px!important;
}
	
/*	-------------------------------------------------------
	:: Droopmenu | GRID ROWS COLUMNS
	------------------------------------------------------- */
	
	.droopmenu-row{ margin:0 -10px; }
	.droopmenu-col,
	.droopmenu ul.droopmenu-grid ul.droopmenu-col{
		min-height:1px; 
		padding-left:10px; 
		padding-right:10px; 
		position:relative;
		float:left;
	}
	
	.droopmenu-col1,
	.droopmenu ul.droopmenu-grid ul.droopmenu-col1		{ width:8.33%; }
	.droopmenu-col2,
	.droopmenu ul.droopmenu-grid ul.droopmenu-col2		{ width:16.66%; }
	.droopmenu-col3,
	.droopmenu ul.droopmenu-grid ul.droopmenu-col3		{ width:25%; }
	.droopmenu-col4,
	.droopmenu ul.droopmenu-grid ul.droopmenu-col4		{ width:33.33%; }
	.droopmenu-col5,
	.droopmenu ul.droopmenu-grid ul.droopmenu-col5		{ width:41.66%; }
	.droopmenu-col6,
	.droopmenu ul.droopmenu-grid ul.droopmenu-col6		{ width:50%; }
	.droopmenu-col7,
	.droopmenu ul.droopmenu-grid ul.droopmenu-col7		{ width:58.33%; }
	.droopmenu-col8,
	.droopmenu ul.droopmenu-grid ul.droopmenu-col8		{ width:66.66%; }
	.droopmenu-col9,
	.droopmenu ul.droopmenu-grid ul.droopmenu-col9		{ width:75%; }
	.droopmenu-col10,
	.droopmenu ul.droopmenu-grid ul.droopmenu-col10		{ width:83.33%; }
	.droopmenu-col11,
	.droopmenu ul.droopmenu-grid ul.droopmenu-col11		{ width:91.66%; }
	.droopmenu-col12,
	.droopmenu ul.droopmenu-grid ul.droopmenu-col12		{ width:100%; }
	.droopmenu-col1-5,
	.droopmenu ul.droopmenu-grid ul.droopmenu-col1-5 	{ width:20%; }
	.droopmenu-col1-8,
	.droopmenu ul.droopmenu-grid ul.droopmenu-col1-8	{ width:12.5%; }
	
/*	-------------------------------------------------------
	:: Droopmenu Clear Floats
	------------------------------------------------------- */

	.droopmenu:after,
	.droopmenu:before,
	.droopmenu-row:after, 
	.droopmenu-row:before,
	.droopmenu-inner:after,
	.droopmenu-inner:before{
		content:"";
		display:table;
	}
	
	.droopmenu:after,
	.droopmenu-row:after,
	.droopmenu-inner:after{ clear:both; }
						
/*	-------------------------------------------------------
	:: Droopmenu | STICKY FOR HORIZONTAL MENU
	------------------------------------------------------- */
	
	.dmfixed{
		position: fixed;
		width: 100%;
		left: 0;
		top: 0;
	}
	
	.dmpos-bottom.dmfixed{
		width: 100%;  
		bottom: 0;  
		top: auto;
	}
	
/*	-------------------------------------------------------
	:: Droopmenu | BOTTOM POSITION
	------------------------------------------------------- */
	
	.dmpos-bottom .droopmenu li > ul {
		bottom: 100%;
		top: auto;	
		margin:0;
	}
	
	.dmpos-bottom .droopmenu li > ul:after {
		top: 100%;
		bottom: auto;
	}
	
	.dmpos-bottom .droopmenu li li > ul:after  {
		top: 0;
		left: auto;
		right: 100%;
		bottom: auto;
	}
	
	.dmpos-bottom .droopmenu li li.drop-left > ul:after{
		top: 0;
		left: 100%;
		right: auto;
		bottom: auto;
		height: 100%;
		width: 8px;
	}	
	
	.dmpos-bottom .droopmenu li li > ul { 	
		top: auto;	
		bottom: 0;
		margin: 0; 
		margin-bottom:-13px;
	}
	
	.dmpos-bottom .droopmenu li > ul{
		border:0;
		-webkit-box-shadow: 0px -12px 22px 0px rgba(0,0,0,0.12);
		-moz-box-shadow: 0px -12px 22px 0px rgba(0,0,0,0.12);
		box-shadow: 0px -22px 46px 0px rgba(0,0,0,0.12);	
	}
	
	.dmpos-bottom .droopmenu .dm-arrow{ 
		bottom:59px;
		border-bottom:0; 
		border-top:10px solid transparent;
		margin-top:-11px;
	}
	
	.dmpos-bottom .droopmenu li.dmopener .dm-arrow{
		border-bottom:0; 
		border-top:10px solid #fff;
	}
	
	.dmpos-bottom.dmarrow-down .droopmenu .dm-arrow{
		bottom:69px; 
		border-top:0;
		border-bottom:0 solid transparent;
	}
	
	.dmpos-bottom.dmarrow-down .droopmenu li.dmopener .dm-arrow{
		border-top:0; 
		border-bottom:10px solid #fff;
	}
	
/*	-------------------------------------------------------
	:: Droopmenu | VERTICAL MENU | ADJUST MIN-HEIGHT
	------------------------------------------------------- */
	
	.droopmenu-vertical{ 
		width:100%;
		min-height:100vh;
		position:static;  
		margin:0; 
	}

	.droopmenu-vertical .droopmenu .dm-arrow,
	.droopmenu-vertical.dmarrow-down .droopmenu .dm-arrow{ display:none; }
	.droopmenu-vertical .droopmenu-header{
		padding-right:20px; 
		padding-left:20px; 
	}
	
	.droopmenu-vertical .droopmenu,
	.droopmenu-vertical .droopmenu-header,
	.droopmenu-vertical .droopmenu > li{ float:none; }
	.droopmenu-vertical .droopmenu > li{ display:block; }
	.droopmenu-vertical .droopmenu > li > a > i{ 
		line-height:normal; 
		vertical-align:middle;
		display:inline-block;
		margin-right:8px;
		width:24px;
		padding:0; 
	}
	
	.droopmenu-vertical .droopmenu > li > a,
	.droopmenu-vertical .droopmenu > li > span{
		height:auto; 
		line-height:42px;
		padding:0 20px;
		display:block;
	}
	
	.droopmenu-vertical	.droopmenu li a .droopmenu-indicator em:after{
		content: "\f3d1";
		position:absolute;
		right:18px;
		top:28%;
	}
	
	.droopmenu-vertical .droopmenu li > ul{
		margin:0; 
		left:100%;
		top:0;  
	}
	
	.droopmenu-vertical .droopmenu li > ul:after{
		width: 8px;
		height: 100%;
		bottom: auto;
		right: 100%;
		left: auto;	
		top: 0;
	}
	
/*	-------------------------------------------------------
	:: Droopmenu | VERUICAL | DROP BOTTOM-TOP DIRECTION
	------------------------------------------------------- */	
	
	.droopmenu-vertical .droopmenu li.droop-bottom > ul{
		top: auto;
		bottom: 0;
	}
	
	.droopmenu-vertical .droopmenu li.droop-bottom > ul:before{
		top: auto;
		bottom: 22px;
	}
	

/*	-------------------------------------------------------
	:: Droopmenu | VERUICAL | RIGHT POSITION
	------------------------------------------------------- */	
	
	.droopmenu-vertical.dmpos-right{ }
	.droopmenu-vertical.dmpos-right .droopmenu li > ul:after {
		right: auto;
		left: 100%;
	}
	
	.droopmenu-vertical.dmpos-right .droopmenu li > ul {
		right: 100%;
		left: auto;
	}
	
	.droopmenu-vertical-wrapper{ width:240px; }
	
/*	-------------------------------------------------------
	:: Droopmenu | CONTENT STYLING
	------------------------------------------------------- */
	
	.droopmenu-left{ float:left; }
	.droopmenu-right{ float:right; }	
	.droopmenu-col img { 
		max-width: 100%; 
		display:block;  
	}
	
	.droopmenu-col .droopmenu-media{
		overflow:hidden;
		padding-bottom:56.25%;
		padding-top: 25px;
		position:relative;
		height:0;
	}
	
	.droopmenu-col .droopmenu-media video,
	.droopmenu-col .droopmenu-media embed,
	.droopmenu-col .droopmenu-media object,
	.droopmenu-col .droopmenu-media iframe{
		position:absolute;
		height:100%;
		width:100%;
		border:0;
		left:0;
		top:0;
	}
	
	.droopmenu-col h4{ 
		font-weight:700;
		font-size:14px; 
        margin-bottom: 10px;
        color: #3b4052;
        font-family: 'Open Sans',sans-serif;
	}
	
	.droopmenu .droopmenu-col li a{
		display:block;
		padding:5px 0;
		border-bottom:0;
		font-weight:400;
		font-size:15px;
	}
	
	.droopmenu .droopmenu-col li:last-child a { padding-bottom:0; }
	.droopmenu .droopmenu-col ul li:hover > a{
		text-decoration:none;
		background: none;
	}
	
	.droopmenu .dm-bottom-separator{
		border-bottom: 1px solid #E3E9ED;
		padding-bottom: 8px;
		margin-bottom: 8px;
	}
	
	.droopmenu .dm-block-title{
		font-weight:400;
		overflow: hidden;
		padding: 6px 25px;
		font-size:18px;
	}
	
	.droopmenu .droopmenu-content { padding-bottom:20px; }
	.droopmenu .droopmenu-content h4{ margin-bottom:15px; }
	.droopmenu .droopmenu-content p a{ color:#A9B4BA; display:inline; padding:0; font-size:inherit; }
	.droopmenu .droopmenu-content .dm-bold{ }
	.droopmenu .droopmenu-content .dm-small{ color:#A9B4BA; letter-spacing:1px; font-size:12px; text-transform:uppercase; }
	.droopmenu .droopmenu-content .dm-italic{ font-style:italic; }
	.droopmenu .droopmenu-content p { line-height:1.8em; margin:0 0 1.2em 0;  }
	.droopmenu .droopmenu-content .droopmenu-icon-link p{ margin:0;  }
	.droopmenu .droopmenu-content p:last-child{ margin-bottom:0; }
	.droopmenu .droopmenu-content p a:hover i{ margin-left:5px; }
	.droopmenu .droopmenu-content p a i{  font-size:14px; margin-left:0; }	
	.droopmenu .droopmenu-content p a,
	.droopmenu .droopmenu-content p a i{
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease; 
		transition: all .5s ease;				
	}
	
	.droopmenu .dm-border-right{ border-right:1px solid #ddd; padding-right:20px; }
	.droopmenu .dm-border-bottom{ background:transparent; border:0;  border-bottom:1px solid #ddd; margin:20px 0; }
	.droopmenu .droopmenu-content .droopmenu-social-icons{ padding-bottom:15px; }
	.droopmenu .droopmenu-content .droopmenu-social-icons a{ display:inline-block; padding:0; margin:0; } 
	.droopmenu .droopmenu-content .droopmenu-social-icons a:hover{ color: #0055fb!important; } 
	.droopmenu .droopmenu-content .droopmenu-social-icons a i{ position:relative; top:-1px; }
	.droopmenu .droopmenu-icon-links li {
		display: block;
		position: relative;
		margin:15px 0;
	}
	
	.droopmenu .droopmenu-icon-links li a{
		width:100%;
		height:100%;
		font-size:0;
		display:block;
		text-indent:-9999px;
		position:absolute;
		z-index:3; 
		left:0;
		top:0;
	}	
	
	.droopmenu .droopmenu-icon-links li .dm-details {
		display: block;
		padding: 0px 0px 0px 50px;
	}
	
	.droopmenu .droopmenu-icon-links li .dm-details span{
		font-size: 20px;
		font-weight:300;
		transition: all 500ms ease-in-out;
	}
	
	.droopmenu .droopmenu-icon-links li .dm-details p { }
	.droopmenu .droopmenu-icon-links li .dm-icon-holder{
		width: 32px;
		height: 32px;
		position: absolute;
		line-height: 32px;
		text-align: center;
		background: #898989;
		transition: all 500ms ease-in-out;
		border-radius: 50%;
		color:#ffffff;
		left:0px;
		top:6px;
	}
	
	.droopmenu .droopmenu-icon-links li .dm-icon-holder i{ 
		font-size:18px; 
		vertical-align:middle; 
		position:relative; 
		top:-1px; 
	}
	
	.droopmenu .droopmenu-icon-links li a:hover ~ .dm-details span{ color:#A9B4BA; }
	.droopmenu .droopmenu-icon-links li a:hover ~ .dm-icon-holder{ background:#A9B4BA;}
	.dm-equalize{ overflow: hidden; }
	.dm-equalize > .droopmenu-col{ display: table-cell; float: none; }
	.dm-equalize > .droopmenu-col .droopmenu-content{ 
		padding-bottom: 10000px; 
		margin-bottom: -10000px; 
	}
	
/*	-------------------------------------------------------
	:: SOCIAL ICONS
	------------------------------------------------------- */
	.droopmenu-social-icons{ display:block; }
	.droopmenu-extra .droopmenu-social-icons{ line-height:70px; }
	.droopmenu-social-icons a{ 
		width:32px; 
		height:32px; 
		line-height:28px;
		text-align:center;
		position:relative;
		display: inline-block;
		text-decoration: none;
		border:0px solid ;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-transition: color 1s, background 1s;
		-moz-transition: color 1s, background 1s;
		-ms-transition: color 1s, background 1s;
		-o-transition: color 1s, background 1s;
		transition: color 1s, background 1s;		
		-webkit-border-radius:16px;
		-moz-border-radius:16px;
		border-radius:16px;
		cursor:pointer;
		color:#71818C;
	}
	
	.droopmenu-social-icons a:after{ 
		content:'';
		position:absolute;
		border-radius:50%;
		height:100%;
		width:100%;
		left:0; 
		top:0;
	}
	
/*	.droopmenu-social-icons a:hover:after{ animation:sonarEffect 450ms ease-out; }
	
	@keyframes sonarEffect{
		0%{opacity:.3}
		40%{
			box-shadow:0 0 0 2px rgba(0,0,0,0.2),0 0 10px 10px #fff,0 0 0 10px rgba(0,0,0,0.2); 
			opacity:.5;
		}
		100%{
			box-shadow:0 0 0 2px rgba(0,0,0,0.2),0 0 10px 10px #fff,0 0 0 10px rgba(0,0,0,0.2);
			transform:scale(1.6);
			opacity:0;
		}
	}*/
	
	.droopmenu li .droopmenu-social-icons a i{ 
		font-size:14px;
		vertical-align:middle;
		display:inline-block;
		position:relative;
		margin:0; 
		top:0; 
	}
	
	.droopmenu-extra .droopmenu .droopmenu-social-icons a{ border-color: #71818C; }
	.droopmenu-extra .droopmenu .droopmenu-social-icons a i{ color: #71818C; }	
	.droopmenu-extra .droopmenu .droopmenu-social-icons a:hover { border-color: #CCCCCC; }
	.droopmenu-extra .droopmenu .droopmenu-social-icons a:hover i{ color: #CCCCCC; }	
	
	.droopmenu-social-icons .dm-twitter,
	.droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-twitter{  background:#28AAE1; border-color:#28AAE1;}
	.droopmenu-social-icons .dm-facebook,
	.droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-facebook{ background:#3B5998; border-color:#3B5998;}
	.droopmenu-social-icons .dm-googleplus,
	.droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-googleplus{ background:#DC4E41; border-color:#DC4E41;}
	.droopmenu-social-icons .dm-linkedin,
	.droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-linkedin{ background:#0073B2; border-color:#0073B2;}
	.droopmenu-social-icons .dm-youtube,
	.droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-youtube{ background:#E52D27; border-color:#E52D27;}
	.droopmenu-social-icons .dm-pinterest,
	.droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-pinterest{ background:#BD081C; border-color:#BD081C;}
	.droopmenu-social-icons .dm-rss,
	.droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-rss{ background:#FF8B00; border-color:#FF8B00;}
	.droopmenu-social-icons .dm-instagram,
	.droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-instagram{background:#3F729B; border-color:#3F729B;}		
	.droopmenu-social-icons .dm-whatsapp,
	.droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-whatsapp{background:#3BB931; border-color:#3BB931;}
	.droopmenu-social-icons .dm-twitter:hover,
	.droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-twitter:hover{  background:#53BBE7;  border-color:#53BBE7; }
	.droopmenu-social-icons .dm-facebook:hover,
	.droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-facebook:hover{  background:#627AAC; border-color:#627AAC; }
	.droopmenu-social-icons .dm-googleplus:hover,
	.droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-googleplus:hover{  background:#E56348; border-color:#E56348; }
	.droopmenu-social-icons .dm-linkedin:hover,
	.droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-linkedin:hover{  background:#338FC1; border-color:#338FC1; }	
	.droopmenu-social-icons .dm-youtube:hover,
	.droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-youtube:hover{  background:#E52D27; border-color:#E52D27; }
	.droopmenu-social-icons .dm-pinterest:hover,
	.droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-pinterest:hover{  background:#BD081C; border-color:#BD081C; }	
	.droopmenu-social-icons .dm-rss:hover,
	.droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-rss:hover{   background:#FFA233; border-color:#FFA233; }
	
	.droopmenu-social-icons .dms-icon i,
	.droopmenu-social-icons .dms-icon:hover i,
	.droopmenu-extra .droopmenu .droopmenu-social-icons a.dms-icon i,
	.droopmenu-extra .droopmenu .droopmenu-social-icons a.dms-icon:hover i{ color:#fff; }
	
/*	-------------------------------------------------------
	:: MODAL SEARCH
	-------------------------------------------------------*/
	.dm-body-fix,
	.dm-search-open{ overflow:hidden; }
	.dm-modal-search {
		width: 100%;
		height: 100%;
		z-index: 1040;
		position: fixed;
		-webkit-transition: opacity 0.3s 0s, visibility 0s;
		-moz-transition: opacity 0.3s 0s, visibility 0s;
		transition: opacity 0.3s 0s, visibility 0s;
		-webkit-transition-delay: 1s;
		-moz-transition-delay: 1s;
		transition-delay: 1s;
		visibility: hidden;	
		overflow: hidden;
		opacity: 0;
		bottom: 0;
		right: 0;
		left: 0;
		top: 0;
	}
	
	.dm-search-open .dm-modal-search{
		-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
		-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
		transition: opacity 0.3s 0s, visibility 0s 0s;
		-webkit-transition-delay: 0.1s;
		-moz-transition-delay: 0.1s;
		transition-delay: 0.1s;
		visibility: visible;
		opacity: 1;
	}
	
	.dm-search-overlay {
		width: 100vw;
		height: 100vw;
		position: absolute;
		background-color: rgba(0, 0, 0, 0.6);
		-webkit-transition: all .6s cubic-bezier(.67,.4,.67,.37);
		-moz-transition: all .6s cubic-bezier(.67,.4,.67,.37);
		-ms-transition: all .6s cubic-bezier(.67,.4,.67,.37);
		-o-transition: all .6s cubic-bezier(.67,.4,.67,.37);
		transition: all .6s cubic-bezier(.67,.4,.67,.37);
		-webkit-transform: scale(0) translate(0,0);
		-moz-transform: scale(0) translate(0,0);
		-ms-transform: scale(0) translate(0,0);
		transform: scale(0) translate(0,0);
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		right: -50vw;
		top: -50vw;
		opacity: 0.4;
		z-index: 10;
	}
	
	.dm-search-open .dm-search-overlay{
		opacity: 1;
		-webkit-transform: scale(2) translate(-25%,25%);
		-moz-transform: scale(2) translate(-25%,25%);
		-ms-transform: scale(2) translate(-25%,25%);
		transform: scale(2) translate(-25%,25%);
		-moz-transition: all .6s cubic-bezier(.67,.4,.67,.37);
		-ms-transition: all .6s cubic-bezier(.67,.4,.67,.37);
		-o-transition: all .6s cubic-bezier(.67,.4,.67,.37);
		transition: all .6s cubic-bezier(.67,.4,.67,.37);
		-webkit-transition-delay:0.2s;
		-moz-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}
	
	.dm-search-wrapper {
		display: block; 
		position: absolute;
		-webkit-transition: all 0.1s ease;
		-moz-transition: all 0.1s ease;
		-o-transition: all 0.1s ease;
		transition: all 0.1s ease;		
		width: 100%;
		height: 100vh;
		z-index: 13;
		opacity:0;
	}
	
 
	.dm-search-open .dm-search-wrapper {
		opacity:1;  
	}
	
	.dm-modal-form{
		width: 100%;
		margin:0 auto;
		position: relative;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		max-width: 1200px;
		z-index: 999;
		height:70px;
		padding: 0;
		top: 50%;
	}
	
	.dm-search-open .dm-modal-form{
		-webkit-animation-name: searchShow;
		-webkit-animation-duration: 1.2s;
		animation-name: searchShow;
		animation-duration: 1.2s;
	}
	
	.dm-modal-form input{
		color:#FFF;
		display:block;
		height:70px;
		margin:0 auto;
		padding:0 70px 0 5px;
		opacity:1;
		font-size:48px;
		border:0;
		background:0;
		position:relative;
		font-weight:200;
		font-family: 'Lato', sans-serif;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		outline:none;
		width:100%;
		z-index:2;
		top:0;
	}
	
	.dm-modal-form button{
		border:0;
		margin:0;
		padding:0;
		color:#fff;
		font-size:32px;
		position:absolute;
		background: none;
		cursor: pointer;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;	
		outline:none;
		height:100%;
		width:70px;
		z-index:2;
		right:-10px;
		top:0;
	}
	
	.dm-modal-form input::placeholder { color:#FFF; opacity:1; }
	.dm-modal-form input:-moz-placeholder { color:#FFF; opacity:1; }
	.dm-modal-form input::-moz-placeholder { color:#FFF; opacity:1; }
	.dm-modal-form input::-webkit-input-placeholder { color:#FFF; opacity:1; }
	.dm-modal-form input:-ms-input-placeholder { color:#FFF; opacity:1; }
	.dm-modal-form input::-webkit-search-decoration { -webkit-appearance: none; }
	.dm-modal-form input::-webkit-search-cancel-button { display: none; }
	.dm-modal-form label{
		width: 100%;
		height:100%;
		display: block;
		position: absolute;
		border-bottom: 2px solid rgba(255,255,255,0.3);
		outline:none;
		z-index:1;
		top:0;
	}
	
	.dm-modal-form label:before, 
	.dm-modal-form label:after {
		content: '';
		bottom:-3px;
		position: absolute;
		background: #fff;
		-webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1);
		-webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
		-moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
		-o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
		transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
		z-index: 2; 
		height:3px;
		width: 0;
	}
	
	.dm-modal-form label:before { left: 50%; }
	.dm-modal-form label:after { right: 50%; }
	.dm-modal-form input:focus ~ label:after,
	.dm-modal-form input:focus ~ label:before{ width: 50%; }
	.dm-modal-form input:focus{ top:-10px; }
	.dm-modal-form input:focus ~ button{ right:-15px; }
	
	@-webkit-keyframes searchShow{
		0%{
			opacity:0;
			margin-top:40px;
			height:100px;
		}
		67%{
			opacity:0;
			margin-top:40px;
			height:100px;
		}
		100%{
			opacity:1;
			margin-top:0;
			height:70px;
		}
	}
	
	@keyframes searchShow{
		0%{
			opacity:0;
			margin-top:40px;
			height:100px;
		}
		67%{
			opacity:0;
			margin-top:40px;
			height:100px;
		}
		100%{
			opacity:1;
			margin-top:0;
			height:70px;
		}
	}
	
	.dm-search-close{
		width:50px;
		height:70px;
		position:absolute;
		font-size: 64px;
		z-index:999;
		color:#fff;
		right:-5px;
		top:-15px;
		opacity:0;
		text-decoration:none;
		-webkit-transition: all 1s;
		transition: all 1s;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		outline:none;	
	}
	
	.dm-search-open .dm-search-close{
		-webkit-transition-delay: 0.5s;
		transition-delay: 0.5s;
		opacity:1;
	}
	
	.dm-search-slidedown .dm-search-overlay{
		position: fixed;
		-webkit-transition: all 800ms cubic-bezier(1.000, 0.000, 0.070, 1.000); 
		-moz-transition: all 800ms cubic-bezier(1.000, 0.000, 0.070, 1.000); 
		-o-transition: all 800ms cubic-bezier(1.000, 0.000, 0.070, 1.000);
		transition: all 800ms cubic-bezier(1.000, 0.000, 0.070, 1.000);
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;		
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
		width:100%;
		height:0%;
		right:0;		
		left:0;
		top:0;	
	}
	
	.dm-search-open .dm-search-slidedown .dm-search-overlay{ height:100%; }
	.dm-search-slidedown .dm-modal-form{  
		margin-top:100px; 		
		-webkit-transition: all 600ms cubic-bezier(1.000, 0.000, 0.070, 1.000); 
		-moz-transition: all 600ms cubic-bezier(1.000, 0.000, 0.070, 1.000); 
		-o-transition: all 600ms cubic-bezier(1.000, 0.000, 0.070, 1.000);
		transition: all 600ms cubic-bezier(1.000, 0.000, 0.070, 1.000);  
	}
	
	.dm-search-open .dm-search-slidedown .dm-modal-form{ margin-top:0;  }
	.dm-search-slidedown .dm-search-wrapper {
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}	
	
/*	-------------------------------------------------------
	:: Droopmenu | TABS | MOBILE FIRST
	------------------------------------------------------- */
	
	.droopmenu .droopmenu-tabs{ display:block;  }
	.droopmenu .droopmenu-tabsection { }
	.droopmenu .droopmenu-tabcontent {  
		border-bottom:1px solid #E3E9ED;
		padding: 20px 30px; 
		background: #fff; 
		display: none; 
	}
	
	.droopmenu .droopmenu-tabcontent.droopmenu-tab-active { display: block; }
	.droopmenu .droopmenu-tabnav { display: none; }
	.droopmenu .droopmenu-tabnav a{ text-transform:uppercase; }
	.droopmenu .droopmenu-tabheader {
		padding: 1em;
		color: #3b4052;
		display: block;
		cursor: pointer;
		text-decoration: none;
		overflow:hidden;
        font-weight: 600;
	}

	.droopmenu .droopmenu-tabnav:after, 
	.droopmenu .droopmenu-tabnav:before,	
	.droopmenu .droopmenu-tabheader:after,
	.droopmenu .droopmenu-tabheader:before,
	.droopmenu-tabs.droopmenu-tabs-vertical:after,
	.droopmenu-tabs.droopmenu-tabs-vertical:before	{  
		display:table; 
		content:""; 
	}
	
	.droopmenu .droopmenu-tabnav:after,
	.droopmenu .droopmenu-tabheader:after,	
	.droopmenu-tabs.droopmenu-tabs-vertical:after{ clear:both; }
		
	.droopmenu .droopmenu-tabheader:hover, 
	.droopmenu .droopmenu-tabheader:focus { text-decoration: none; }
	.droopmenu .droopmenu-tabheader:before { 
		float:right;  
		content: '\2b\a0'; 
	}
	
	.droopmenu .droopmenu-tabheader.droopmenu-tab-active:before { content: '\2013\a0'; }
	.droopmenu .droopmenu-tabheader.droopmenu-tab-active{ background:#F1F4F8; }	
	
/*	-------------------------------------------------------
	:: Droopmenu | MOBILE TOGGLE BUTTON
	------------------------------------------------------- */
	
	.droopmenu-toggle{
		width: 50px;
		height: 40px;
		line-height: 40px;
		-webkit-transition: background-color .3s;
		-moz-transition: background-color .3s;
		transition: background-color .3s;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		position: relative;
		text-align: center;
		padding-top: 12px;
		cursor: pointer;
		display: none;
		float:right;
		right:0;
		top:16px;
	}
	
	.droopmenu-toggle i{
		width: 28px;
		height: 1px;
		display: block;
		position: relative;
		-webkit-transition: all 700ms cubic-bezier(0.755, 0.050, 0.855, 0.060); 
		-moz-transition: all 700ms cubic-bezier(0.755, 0.050, 0.855, 0.060); 
		-o-transition: all 700ms cubic-bezier(0.755, 0.050, 0.855, 0.060); 
		transition: all 700ms cubic-bezier(0.755, 0.050, 0.855, 0.060);
		margin-bottom: 5px;
		margin-right: auto;
		margin-left: auto;
	}
	
	.droopmenu-toggle .dm-burg:nth-child(2){ opacity: 1; }
	.droopmenu-toggle .dm-burg:nth-child(2):after,
	.droopmenu-toggle .dm-burg:nth-child(2):before{
		-webkit-transition: -webkit-transform .4s cubic-bezier(.18, .65, .65, 1.4) .1s, opacity .3s cubic-bezier(.18, .65, .65, 1.4) .08s;
		-moz-transition: transform .4s cubic-bezier(.18, .65, .65, 1.4) .1s, opacity .3s cubic-bezier(.18, .65, .65, 1.4) .08s;
		-o-transition: transform .4s cubic-bezier(.18, .65, .65, 1.4) .1s, opacity .3s cubic-bezier(.18, .65, .65, 1.4) .08s;
		transition: transform .4s cubic-bezier(.18, .65, .65, 1.4) .1s, opacity .3s cubic-bezier(.18, .65, .65, 1.4) .08s;
	}
	
	.droopmenu-toggle .dm-burg:nth-child(1){
		-webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
		-moz-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
		-ms-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
		-o-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
		transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg)
	}
	
	.droopmenu-toggle .dm-burg:nth-child(1):after,
	.droopmenu-toggle .dm-burg:nth-child(1):before{
		-webkit-transition: -webkit-transform .4s cubic-bezier(.18, .65, .65, 1.4), opacity .3s cubic-bezier(.18, .65, .65, 1.4);
		-moz-transition: transform .4s cubic-bezier(.18, .65, .65, 1.4), opacity .3s cubic-bezier(.18, .65, .65, 1.4);
		-o-transition: transform .4s cubic-bezier(.18, .65, .65, 1.4), opacity .3s cubic-bezier(.18, .65, .65, 1.4);
		transition: transform .4s cubic-bezier(.18, .65, .65, 1.4), opacity .3s cubic-bezier(.18, .65, .65, 1.4)
	}
	
	.droopmenu-toggle .dm-burg:nth-child(3){
		-webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
		-moz-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
		-ms-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
		-o-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
		transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg)
	}
	
	.droopmenu-toggle .dm-burg:nth-child(3):after,
	.droopmenu-toggle .dm-burg:nth-child(3):before{
		-webkit-transition: -webkit-transform .4s cubic-bezier(.18, .65, .65, 1.4) .2s, opacity .3s cubic-bezier(.18, .65, .65, 1.4) .18s;
		-moz-transition: transform .4s cubic-bezier(.18, .65, .65, 1.4) .2s, opacity .3s cubic-bezier(.18, .65, .65, 1.4) .18s;
		-o-transition: transform .4s cubic-bezier(.18, .65, .65, 1.4) .2s, opacity .3s cubic-bezier(.18, .65, .65, 1.4) .18s;
		transition: transform .4s cubic-bezier(.18, .65, .65, 1.4) .2s, opacity .3s cubic-bezier(.18, .65, .65, 1.4) .18s
	}
	
	.droopmenu-toggle i:after,
	.droopmenu-toggle i:before{
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		pointer-events: none;
		background: #71818C;	
	}
	
	.droopmenu-toggle i:before{
		opacity: 1;
		-webkit-transform: translate3d(0%, 0, 0);
		-moz-transform: translate3d(0%, 0, 0);
		-ms-transform: translate3d(0%, 0, 0);
		-o-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0)
	}
	
	.droopmenu-toggle i:after{
		opacity: 0;
		-webkit-transform: translate3d(50%, 0, 0);
		-moz-transform: translate3d(50%, 0, 0);
		-ms-transform: translate3d(50%, 0, 0);
		-o-transform: translate3d(50%, 0, 0);
		transform: translate3d(50%, 0, 0)
	}
	
	.droopmenu-toggle:hover i:before{
		opacity: 0;
		-webkit-transform: translate3d(-50%, 0, 0);
		-moz-transform: translate3d(-50%, 0, 0);
		-ms-transform: translate3d(-50%, 0, 0);
		-o-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0)
	}
	
	.droopmenu-toggle:hover i:after{
		opacity: 1;
		-webkit-transform: translate3d(0%, 0, 0);
		-moz-transform: translate3d(0%, 0, 0);
		-ms-transform: translate3d(0%, 0, 0);
		-o-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0)
	}
	
	.droopmenu-toggle.dmt-active i{
		-webkit-transition: all 700ms cubic-bezier(0.755, 0.050, 0.855, 0.060); 
		-moz-transition: all 700ms cubic-bezier(0.755, 0.050, 0.855, 0.060); 
		-o-transition: all 700ms cubic-bezier(0.755, 0.050, 0.855, 0.060); 
		transition: all 700ms cubic-bezier(0.755, 0.050, 0.855, 0.060);
	}
	
	.droopmenu-toggle.dmt-active .dm-burg:nth-child(1){
		-webkit-transform: translate3d(0, 6px, 0) rotate3d(0, 0, 1, -45deg);
		-moz-transform: translate3d(0, 6px, 0) rotate3d(0, 0, 1, -45deg);
		-ms-transform: translate3d(0, 6px, 0) rotate3d(0, 0, 1, -45deg);
		-o-transform: translate3d(0, 6px, 0) rotate3d(0, 0, 1, -45deg);
		transform: translate3d(0, 6px, 0) rotate3d(0, 0, 1, -45deg)
	}
	
	.droopmenu-toggle.dmt-active .dm-burg:nth-child(2){ opacity:0; }
	.droopmenu-toggle.dmt-active .dm-burg:nth-child(3){
		margin-bottom: 0;
		-webkit-transform: translate3d(0, -6px, 0) rotate3d(0, 0, 1, 45deg);
		-moz-transform: translate3d(0, -6px, 0) rotate3d(0, 0, 1, 45deg);
		-ms-transform: translate3d(0, -6px, 0) rotate3d(0, 0, 1, 45deg);
		-o-transform: translate3d(0, -6px, 0) rotate3d(0, 0, 1, 45deg);
		transform: translate3d(0, -6px, 0) rotate3d(0, 0, 1, 45deg)
	}	
	
/*	-------------------------------------------------------
	:: Droopmenu | DROPDOWN ANIMATIONS
	------------------------------------------------------- */
	
	/* FADE */
	.dmfade .droopmenu li > ul {
		-webkit-transform: translate(0, 0px);
		-moz-transform: translate(0, 0px);
		-ms-transform: translate(0, 0px);
		-o-transform: translate(0, 0px);
		transform: translate(0, 0px);
		-webkit-transition: transform 0.2s, visibility 0s linear 0.2s, opacity 0.2s linear, left 0s 0.2s;
		-moz-transition: transform 0.2s, visibility 0s linear 0.2s, opacity 0.2s linear, left 0s 0.2s;
		-o-transition: transform 0.2s, visibility 0s linear 0.2s, opacity 0.2s linear, left 0s 0.2s;
		transition: transform 0.2s, visibility 0s linear 0.2s, opacity 0.2s linear, left 0s 0.2s;
        text-align: left;
	}
	
	.dmpos-bottom.dmfade .droopmenu li > ul {
		-webkit-transform: translate(0, -0px);
		-moz-transform: translate(0, -0px);
		-ms-transform: translate(0, -0px);
		-o-transform: translate(0, -0px);
		transform: translate(0, -0px);	
	}	
	
	.dmfade .droopmenu li.dmopener > ul {
		transition-delay:0s;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);		
	}
			
	/* SLIDE UP */
	.dmslideup .droopmenu li > ul {
		-webkit-transform: translate(0, 60px);
		-moz-transform: translate(0, 60px);
		-ms-transform: translate(0, 60px);
		-o-transform: translate(0, 60px);
		transform: translate(0, 60px);
		-webkit-transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, left 0s 0.5s;
		-moz-transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, left 0s 0.5s;
		-o-transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, left 0s 0.5s;
		transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, left 0s 0.5s;		
	}
	
	.dmpos-bottom.dmslideup .droopmenu li > ul {
		-webkit-transform: translate(0, -60px);
		-moz-transform: translate(0, -60px);
		-ms-transform: translate(0, -60px);
		-o-transform: translate(0, -60px);
		transform: translate(0, -60px);	
	}
	
	.dmslideup .droopmenu li.dmopener > ul {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);	
		-webkit-transition-delay:0.2s;
		-moz-transition-delay:0.2s;
		-o-transition-delay:0.2s;
		transition-delay:0.2s;
	}
	
		
	/* SLIDE DOWN */
	.dmslidedown .droopmenu li > ul{
		-webkit-transform: translateY(-2em);
		-moz-transform: translateY(-2em);
		-ms-transform: translateY(-2em);
		-o-transform: translateY(-2em);
		transform: translateY(-2em);
		-webkit-transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, z-index 0s linear 0.5s, left 0s 0.5s;
		-moz-transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, z-index 0s linear 0.5s, left 0s 0.5s;
		-o-transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, z-index 0s linear 0.5s, left 0s 0.5s;
		transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, z-index 0s linear 0.5s, left 0s 0.5s;		
		z-index: -99;
	}
	
	.dmpos-bottom.dmslidedown .droopmenu li > ul { 
		-webkit-transform: translateY(2em);
		-moz-transform: translateY(2em);
		-ms-transform: translateY(2em);
		-o-transform: translateY(2em);
		transform: translateY(2em);
	}
	
	.dmslidedown .droopmenu li.dmopener > ul{
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		-webkit-transition-delay:0.1s;
		-moz-transition-delay:0.1s;
		-o-transition-delay:0.1s;
		transition-delay:0.1s;
		z-index: 99;
		opacity: 1;
	}
	
	/* SLIDE LEFT / RIGHT */
	.dmslideleft .droopmenu li > ul{
		-webkit-transform:translateX(100px);
		transform:translateX(100px);
	}
	
	.dmslideright .droopmenu li > ul{
		-webkit-transform:translateX(-100px);
		transform:translateX(-100px);
	}
	
	.dmslideleft .droopmenu li > ul,
	.dmslideright .droopmenu li > ul{
		-webkit-transition: opacity 0.5s, -webkit-transform 0.5s, visibility 0s 0.5s, left 0s 0.5s;
		transition: opacity 0.5s, transform 0.5s, visibility 0s 0.5s, left 0s 0.5s;	
	}
	
	.dmslideleft .droopmenu li.dmopener > ul,
	.dmslideright .droopmenu li.dmopener > ul{
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
		transition: opacity 0.5s, transform 0.5s;
	}	
	
	/* FLIP */
	.dmflip .droopmenu li > ul{
		-webkit-transform:perspective(1160px) rotateX(-90deg);
		-moz-transform:perspective(1160px) rotateX(-90deg);
		-ms-transform:perspective(1160px) rotateX(-90deg);
		-o-transform:perspective(1160px) rotateX(-90deg);
		transform:perspective(1160px) rotateX(-90deg);
		-webkit-transition: transform 0.5s, visibility 0s linear 0.5s,opacity 0.5s linear, left 0s 0.5s;
		-moz-transition: transform 0.5s, visibility 0s linear 0.5s,opacity 0.5s linear, left 0s 0.5s;
		-o-transition: transform 0.5s, visibility 0s linear 0.5s,opacity 0.5s linear, left 0s 0.5s;
		transition: transform 0.5s, visibility 0s linear 0.5s,opacity 0.5s linear, left 0s 0.5s;
		-webkit-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;			
	}
	
	.dmpos-bottom.dmflip .droopmenu li > ul { 
		-webkit-transform-origin: 50% 100%;
		-moz-transform-origin: 50% 100%;
		-o-transform-origin: 50% 100%;
		transform-origin: 50% 100%;			
	} 
	
	.dmflip .droopmenu li.dmopener > ul{
		-webkit-transform:perspective(1160px) rotateX(0);
		-moz-transform:perspective(1160px) rotateX(0);
		-ms-transform:perspective(1160px) rotateX(0);
		-o-transform:perspective(1160px) rotateX(0);
		transform:perspective(1160px) rotateX(0);
		-webkit-transition-delay:0.2s;
		-moz-transition-delay:0.2s;
		-o-transition-delay:0.2s;
		transition-delay:0.2s;
	}
	
	/* FLIP DOWN */
	.dmflipdown .droopmenu li > ul{
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: rotateX(-90deg);
		-moz-transform: rotateX(-90deg);
		-o-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, left 0s 0.5s;
		-moz-transition: -moz-transform 0.3s, opacity 0.3s, left 0s 0.5s;
		-ms-transition: -ms-transform 0.3s, opacity 0.3s, left 0s 0.5s;
		-o-transition: -o-transform 0.3s, opacity 0.3s, left 0s 0.5s;
		transition: transform 0.5s, opacity 0.5s, left 0s 0.5s;
	}
	
	.dmpos-bottom.dmflipdown .droopmenu li > ul { 
		-webkit-transform: rotateX(90deg);
		-moz-transform: rotateX(90deg);
		-o-transform: rotateX(90deg);
		transform: rotateX(90deg);	
	}
		
	.dmflipdown .droopmenu li.dmopener > ul{
		opacity: 1;
		visibility: visible;
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		-o-transform: rotateX(0deg);
		transform: rotateX(0deg);
		-webkit-transition-delay:0.1s;
		-moz-transition-delay:0.1s;
		-o-transition-delay:0.1s;
		transition-delay:0.1s;
	}
	
	/* SCALE */
	.dmscale .droopmenu li > ul{
		-webkit-transition: -webkit-transform 0.5s, opacity 0.5s, visibility 0s 0.5s, left 0s 0.5s;	
		transition: transform 0.5s, opacity 0.5s, visibility 0s 0.2s, left 0s 0.5s;
		-webkit-transform-origin: top center;
		-moz-transform-origin: top center;
		-o-transform-origin: top center;
		transform-origin: top center;
		-webkit-transform: scale(0.2);
		transform: scale(0.2);			
	}
	
	.dmpos-bottom.dmscale .droopmenu li > ul {
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;	
	}
	
	.dmscale .droopmenu li.dmopener > ul{
		-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
		transition: transform 0.5s, opacity 0.5s;
		-webkit-transform:scale(1);
		transform:scale(1);
	}
	
	
/*	-------------------------------------------------------
	:: Droopmenu | RESPONSIVE STYLES > = 768
	------------------------------------------------------- */
					
	@media only screen and (min-width: 930px) {
		.droopmenu-nav,
		.droopmenu li > ul{ display:block!important; }
		
		.droopmenu-vertical .droopmenu-extra{ float:none; }
		
		.dmcentered .dm-nav-brand{ display:block; }
		.dmcentered .droopmenu-brand { display:none; }
		
		.dmsticky{
			position: -webkit-sticky;
			position: sticky;
			width:100%;
			top: 0;
		}
		
		.dmsticky:after,
		.dmsticky:before{
			content: '';
			display: table;
		}			
		
	/*	--------------------------------------------------
		:: TABS
		-------------------------------------------------- */
				
		.droopmenu .droopmenu-tabnav {
			display: block;
			background: #fff; 
			position:relative;
			z-index:10;	
		}
		
		.droopmenu .droopmenu-tabnav a {
			float: left;
			height:56px;
			display: block;
			padding:0 20px;
			line-height:56px;
			text-decoration: none;
			position:relative;
			color: #3b4052;
			border:0;
		}
		
		.droopmenu .droopmenu-tabs.tabs-justify .droopmenu-tabnav a {
			display: table-cell;
			text-align:center;
			float:none;
			width: 1%;
		}
		
		.droopmenu .droopmenu-tabnav a:last-child{ }
		.droopmenu .droopmenu-tabnav a:hover, 
		.droopmenu .droopmenu-tabnav a:focus { }
		.droopmenu .droopmenu-tabnav a.droopmenu-tab-active { font-weight: 700; background-color: #0055fb; color: #fff; }
		.droopmenu .droopmenu-tabnav a:after {
			content: '';
			width: 13px;
			height: 13px;
			position: absolute;
			-webkit-transform:  rotate(135deg) scale(0);
			-moz-transform:  rotate(135deg) scale(0);
			-ms-transform:  rotate(135deg) scale(0);
			-o-transform:  rotate(135deg) scale(0);
			transform:  rotate(135deg) scale(0);
			transition:-webkit-transform .3s ease-in;
			transition:transform .3s ease-in;	
			border-bottom: 1px solid #D9E2EC;
			border-right: 1px solid #D9E2EC;
			background-color: #ffffff;
			bottom:-7px;
			right: 47%;		
			z-index:11;
		}
		
		.droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabnav a:after {
			-webkit-transform: rotate(225deg) scale(0);
			-moz-transform: rotate(225deg) scale(0);
			-ms-transform: rotate(225deg) scale(0);
			-o-transform: rotate(225deg) scale(0);
			transform: rotate(225deg) scale(0);
			bottom: 36%;
			right:-7px;
		}
				
		.droopmenu .droopmenu-tabnav a.droopmenu-tab-active:after {
			-webkit-transform: rotate(225deg) scale(1);
			-moz-transform: rotate(225deg) scale(1);
			-ms-transform: rotate(225deg) scale(1);
			-o-transform: rotate(225deg) scale(1);
			transform: rotate(225deg) scale(1);
		}
				
		.droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabnav a.droopmenu-tab-active:after {
			-webkit-transform:  rotate(135deg) scale(1);
			-moz-transform:  rotate(135deg) scale(1);
			-ms-transform:  rotate(135deg) scale(1);
			-o-transform:  rotate(135deg) scale(1);
			transform:  rotate(135deg) scale(1);
		}
				
		.droopmenu .droopmenu-tabs.droopmenu-tabs-vertical{ 
			display: table; 
			width: 100%; 
		}
		
		.droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenutabcol{ 
			display: table-cell; 
			vertical-align:top; 
		}
		
		.droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabnav{ 
			height:auto; 
			background:#fff; 
		}
		
		.droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabnav {
			width: 200px;
			position:relative;	
			z-index:10;
		}
				
		.droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabnav a{ 
			float:none; 
			margin:0;
            font-weight: 700;
		}
			
		.droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabnav a.droopmenu-tab-active { }
		.droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabnav a:last-child{ }
		.droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabpanel{ 
			position:relative;
			border-left: 1px solid #E3E9ED; 
			border-top:0;
			z-index:5;  
		}
		
		.droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabsection { border:0; }
		.droopmenu .droopmenu-tabheader { display: none; }
		.droopmenu .droopmenu-tabpanel  { 
			border-top: 1px solid #E3E9ED; 
			z-index:5; 
		}
		
		.droopmenu .droopmenu-tabcontent { 
			padding:30px 40px; 
			border-bottom:0; 
		}
		
		.droopmenu .droopmenu-tabsection { 
			display: none; 
			border-top:0; 
		}
		
		.droopmenu .droopmenu-tabsection  + .droopmenu .droopmenu-tabsection { }
		.droopmenu .droopmenu-tabsection.droopmenu-tab-active { display: block; }
		.droopmenu .droopmenu-tabsection.droopmenu-tab-active .droopmenu-tabcontent { display: block; }
		.droopmenu .droopmenu-row:last-child .droopmenu-col .coldemo { margin-bottom:0; }
					
															
	}		
		
	@media screen and (max-width: 929px) {
	
		.droopmenu{
			position:static;
			width:100%;
		}
		
		.droopmenu,
		.droopmenu-left,
		.droopmenu-right{ /*float:none; */}
			
		.droopmenu-boxed,
		.droopmenu-vertical,
		.droopmenu .droopmenu-grid, 
		.droopmenu-vertical-wrapper{ width: 100%; }
		.droopmenu-vertical{ min-height:0; }
		
		.droopmenu-row{ margin:0;  }
		.droopmenu-col{ 
			width: 100%; 
			float:none; 
			padding:0; 
		}			
		
		.droopmenu-toggle{ display: inline-block;  }	
		.droopmenu ul{ display: block; }
		.droopmenu ul,
		.droopmenu li > ul,
		.droopmenu ul.droopmenu-grid,
		.droopmenu ul.droopmenu-grid ul,
		.droopmenu ul.droopmenu-grid ul.droopmenu-col{ width: 100%; }
		
		.droopmenu-nav,
		.droopmenu li > ul{ display:none; }	
		.droopmenu-nav{ border-top:1px solid #E3E9ED; border-bottom:1px solid #E3E9ED; }
		
		.droopmenu li > ul,	
		.droopmenu li.drop-left > ul,
		.dmpos-bottom .droopmenu li > ul,
		.droopmenu-vertical .droopmenu li > ul{
			-webkit-transform-origin-x: 0;
			-moz-transform-origin-x: 0;
			-ms-transform-origin-x: 0;
			-o-transform-origin-x: 0;
			transform-origin-x: 0;		
			-webkit-box-shadow:none;
			-moz-box-shadow:none;
			box-shadow:none;
			border:0;		
		}
			
		.droopmenu > li,
		.droopmenu > li.right{
			float:none;
			width:100%;
			margin-top:0;
			margin-left:0;
			display:block;
		}	
		
		.droopmenu li.dmopener > ul,
		.droopmenu li li.dmopener ul,
		.droopmenu li li.dmopener > ul,
		.droopmenu li.droop-left > ul,
		.droopmenu li li.droop-left > ul,
		.droopmenu-vertical .droopmenu li > ul {
			position: static;
		}
		
		.droopmenu > li > a,
		.droopmenu-vertical .droopmenu > li > a,
		.droopmenu-vertical .droopmenu > li > span{
		    padding:0;
			border-right:0;
			font-size:15px; 
			padding-left:0px;
			position:relative;
			line-height:56px;
			height:auto;
		}
		
		.droopmenu li ul{ padding:0; }
		.droopmenu li ul li a{ padding:15px 25px; }
		.droopmenu li li > a{ position:relative;  }
		.droopmenu li > ul:after,
		.droopmenu li li > ul:after{ display:none; }		
		.droopmenu > li ul, 
		.droopmenu > li > ul li ul{
			box-shadow:none;
			position:relative;
			border:0;
			left:0;
			top:0;
		}
		
		.droopmenu-inner{ padding:0; margin:0; }
		.droopmenu-header{ float:none; padding:0 10px; }
		.droopmenu-nav:after,
		.droopmenu-nav:before,
		.droopmenu-header:after,
		.droopmenu-header:before{display:table;content:" "}
		.droopmenu-nav:after,
		.droopmenu-header:after{clear:both;}
		.droopmenu > li.dm-nav-brand{ display:none; }		
	
		.droopmenu li > ul,
		.droopmenu li li > ul,
		.droopmenu li.dmopener > ul,
		.droopmenu li li.dmopener > ul{	
			position:static;
			visibility:visible;
			opacity:1;
			margin:0;
			left: 0;
			top:0;
		}
		
		.droopmenu > li > a,	
		.droopmenu li ul li a,
		.droopmenu .droopmenu-grid-container{ border-bottom:1px solid #E3E9ED; }
		.droopmenu .dm-arrow,
		.dmarrow-down .droopmenu .dm-arrow{ display:none; }		
		
	/*	--------------------------------------------------
		:: Indicators
		-------------------------------------------------- */			
		.droopmenu li a .droopmenu-indicator,
		.droopmenu-vertical	.droopmenu li a .droopmenu-indicator{ 
			position:absolute;
			text-align:center;
			display:inline-block;
			height:100%;
			width:50px;
			line-height:60px;
			z-index:10; 
			right:0;
			top:0; 
		}
				
		.droopmenu li li a .droopmenu-indicator{  }
		.droopmenu li a .droopmenu-indicator em:after,
		.droopmenu li li a .droopmenu-indicator em:after,
		.droopmenu-vertical	.droopmenu li a .droopmenu-indicator em:after{
			content: '\002B';
			font-family:Arial, Helvetica, sans-serif;
			font-size:24px;
			font-weight:bold;
			position:relative;
			text-align:center;
			right:auto;
			left:auto;
			top:-2px;
		}
		
		.droopmenu li.dmtoggle-open > a .droopmenu-indicator em:after,
		.droopmenu li li.dmtoggle-open > a .droopmenu-indicator em:after{ 
			content: "\2013"; 
			top:-5px; 
		}
		
		.droopmenu li li a .droopmenu-indicator em:after,
		.droopmenu li li.dmtoggle-open > a .droopmenu-indicator em:after{ left:-1px; }
		
	/*	--------------------------------------------------
		:: Offcanvas Overlay + Close Button
		-------------------------------------------------- */
				
		.droopmenu-overlay{
			width:0%;
			height: 100%;
			position: fixed;
			background:rgba(0, 0, 0, 0.5);
			-webkit-transition: all 1200ms cubic-bezier(1.000, 0.000, 0.070, 1.000); 
			-moz-transition: all 1200ms cubic-bezier(1.000, 0.000, 0.070, 1.000); 
			-o-transition: all 1200ms cubic-bezier(1.000, 0.000, 0.070, 1.000);
			transition: all 1200ms cubic-bezier(1.000, 0.000, 0.070, 1.000);
			-webkit-transition-delay:0.5s;
			-moz-transition-delay:0.5s;
			-o-transition-delay:0.5s;
			transition-delay:0.5s;				
			cursor: pointer;
			z-index:120;
			bottom:0;
			top:0;
		}
		
		.droopmenu-offcanvas.dmoffleft .droopmenu-overlay{ left:0; }
		.droopmenu-offcanvas.dmoffright .droopmenu-overlay{ right:0; }
		.droopmenu-offcanvas.droopmenu-offcanvas-open .droopmenu-overlay{  
			width:100%; 
			-webkit-transition-delay:0.15s;
			-moz-transition-delay:0.15s;
			-o-transition-delay:0.15s;
			transition-delay:0.15s;  
		}			
		
		.droopmenu-mclose {
			outline:none; 
			cursor:pointer;
			background:#fff;
			border-bottom:1px solid #E3E9ED;
			position:relative;
			overflow: hidden;
			line-height:70px;
			height:70px;
		}
		
		.droopmenu-mclose span {  
			width: 29px;
			height: 29px;
			position: absolute;
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);		
			cursor:pointer;
			opacity: 1;
			left:17px;
			top:22px;
		}
		
		.droopmenu-mclose span:before, 
		.droopmenu-mclose span:after {
			content:"";
			position: absolute;
			background-color: #71818C;
			-webkit-transition: all 500ms cubic-bezier(0.895, 0, 0.070, 1);
			-webkit-transition: all 500ms cubic-bezier(0.895, -0.600, 0.070, 1.650); 
			-moz-transition: all 500ms cubic-bezier(0.895, -0.600, 0.070, 1.650); 
			-o-transition: all 500ms cubic-bezier(0.895, -0.600, 0.070, 1.650); 
			transition: all 500ms cubic-bezier(0.895, -0.600, 0.070, 1.650);						
		}
		
		.droopmenu-mclose span:before {
			height: 0%;
			width: 1px;
			position: absolute;
			-webkit-transition-delay:300ms;
			-moz-transition-delay:300ms;
			-o-transition-delay:300ms;
			transition-delay:300ms;				
			left:13px;
		}
		
		.droopmenu-mclose span:after {
			width: 0%;
			height: 1px;
			position: absolute;
			-webkit-transition-delay:100ms;
			-moz-transition-delay:300ms;
			-o-transition-delay:300ms;
			transition-delay:100ms;				
			top:13px;
		}
				
		.droopmenu-offcanvas .droopmenu-nav {
			width: 280px;
			display: block; 
			position: fixed;
			-webkit-transition: all 600ms cubic-bezier(0.755, 0.050, 0.855, 0.060); 
			-moz-transition: all 600ms cubic-bezier(0.755, 0.050, 0.855, 0.060); 
			-o-transition: all 600ms cubic-bezier(0.755, 0.050, 0.855, 0.060); 
			transition: all 600ms cubic-bezier(0.755, 0.050, 0.855, 0.060);
			-webkit-transition-delay:0.55s;
			-moz-transition-delay:0.55s;
			-o-transition-delay:0.55s;
			transition-delay:0.55s;			
			padding-bottom: 70px;	
			background: #ffffff;
			overflow: hidden;
			border-top: 0;
			z-index: 1000; 
			bottom: 0;     
			top: 0;	 
		}
		
		.droopmenu-offcanvas .droopmenu-nav-wrap{
			position: relative;
			overflow: hidden;
			height: 100%;
			width: 100%;
		}
		
		.droopmenu-offcanvas .droopmenu-nav-wrap > .droopmenu-navi{
			position: absolute;
			overflow: auto;
			overflow-x: hidden;
			bottom: 0;
			right: 0;
			left: 0;
			top: 0;
		}
			
		.droopmenu-dmopen{ overflow:hidden; }
		.droopmenu-offcanvas.dmoffleft .droopmenu-nav {  left:-300px; }
		.droopmenu-offcanvas.dmoffright .droopmenu-nav {  right:-300px; }
		.droopmenu-offcanvas.dmoffleft.droopmenu-offcanvas-open .droopmenu-nav{ left:0; }
		.droopmenu-offcanvas.dmoffright.droopmenu-offcanvas-open .droopmenu-nav{ right:0; }
		.droopmenu-offcanvas.dmoffright .droopmenu-mclose span{ right:20px; left: auto; }
		.droopmenu-offcanvas-open .droopmenu-mclose span:before{ 
			height: 100%; 
			-webkit-transition-delay:0.8s;
			-moz-transition-delay:0.8s;
			-o-transition-delay:0.8s;
			transition-delay:0.8s;	
		} 
		
		.droopmenu-offcanvas-open .droopmenu-mclose span:after { 
			width:100%; 
			transition-delay:1s;
			-webkit-transition-delay:1s;
			-moz-transition-delay:1s;
			-o-transition-delay:1s;				 
		}
		
		.droopmenu-offcanvas.droopmenu-offcanvas-open .droopmenu-nav{
			-webkit-transition-delay:0.15s;
			-moz-transition-delay:0.15s;
			-o-transition-delay:0.15s;
			transition-delay:0.15s;		
		}
		
		.droopmenu-offcanvas .droopmenu-toggle i{ 
			-webkit-transition-delay:0.6s;
			-moz-transition-delay:0.6s;
			-o-transition-delay:0.6s;
			transition-delay:0.6s;
		}
		
	/*	--------------------------------------------------
		:: Utility Menu | Extras
		-------------------------------------------------- */
		
		.droopmenu-extra { position:absolute; top:0; right:70px; }
		.droopmenu-extra .droopmenu > li{ float:left; width:auto; }
		.droopmenu-extra .droopmenu ul li:last-child a{ border-bottom:0; }
		.droopmenu-extra .droopmenu > li > a{ 
			height:70px;
			line-height:70px;
			border-bottom:0;
			padding:0 10px;
		}
			
		.droopmenu-extra .droopmenu li a .droopmenu-indicator{
			width: auto; 
			position: static;
			text-align: left;
			background:none;
			height: auto;
			border:0;
		}
		
		.droopmenu-extra .droopmenu li > ul{ 
			position:absolute;
			-webkit-box-shadow: 0px 22px 46px 0px rgba(0, 0, 0, 0.12);
			-moz-box-shadow: 0px 22px 46px 0px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 22px 46px 0px rgba(0, 0, 0, 0.12);
			width:150px;		
			top: 100%; 
			border:0;
		}
		
		.droopmenu-extra .droopmenu li a .droopmenu-indicator em:after,
		.droopmenu-extra .droopmenu li li a .droopmenu-indicator em:after{
			content: "\f3d0";
			font-family: "Ionicons";
			display: inline-block;
			-o-transition: all .32s ease 0s;
			-ms-transition: all .32s ease 0s;
			-moz-transition: all .32s ease 0s;
			-webkit-transition: all .32s ease 0s;
			transition: all .32s ease 0s;
			font-weight:300;		
			font-size:14px;
		}
		
		.droopmenu-extra .droopmenu li.dmtoggle-open a .droopmenu-indicator em:after,
		.droopmenu-extra .droopmenu li.dmtoggle-open li.dmtoggle-open a .droopmenu-indicator em:after{	
			-webkit-transform: rotate(180deg);
			-moz-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			transform: rotate(180deg);	
		}	
		
		.droopmenu-extra .droopmenu li li a .droopmenu-indicator em:after{
			content: "\f105";
			position:absolute;
			right:18px;
			top:20%;
		}	
		
		.dmpos-bottom .droopmenu-extra .droopmenu li > ul {
			-webkit-box-shadow: 0px -12px 22px 0px rgba(0,0,0,0.12);
			-moz-box-shadow: 0px -12px 22px 0px rgba(0,0,0,0.12);
			box-shadow: 0px -12px 22px 0px rgba(0,0,0,0.12);
			-webkit-transform-origin-y: 100%;
			-moz-transform-origin-y: 100%;
			-ms-transform-origin-y: 100%;
			-o-transform-origin-y: 100%;
			transform-origin-y: 100%;
			bottom: 100%;
			top: auto;	
			margin:0;
		}
		
		.droopmenu .dm-border-right{ border-right:0; padding-right:0; }
		.droopmenu .dm-bottom-separator{ display:none; }
		.dm-equalize{ overflow: hidden; }
		.dm-equalize > .droopmenu-col{ display:block; float: none; }
		.dm-equalize > .droopmenu-col .droopmenu-content{ 
			padding-bottom:0; 
			margin-bottom:0; 
		}
		
		.dm-search-open .dm-search-overlay{
			-webkit-transform: scale(4) translate(-25%,25%);
			-moz-transform: scale(4) translate(-25%,25%);
			-ms-transform: scale(4) translate(-25%,25%);
			transform: scale(4) translate(-25%,25%);
		}					
											
	}

.enlace-destacado{
  font-family: 'Lato', sans-serif;
  font-size: 13px!important;
  font-weight: 700!important;
  color: #0055fb!important;
}

.enlace-destacado:hover{text-decoration: underline!important;}

.descripcion-enlace{    
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 13px;
   color: #656b81;
}

.texto-enlace{margin-bottom: 30px!important;}
.texto-margen-abajo{margin-top: 30px!important;}

.menu-activo{color:#0055fb!important;}
.menulateraldescargapyme div, .menulateralllamada div, .irarriba div {
    background-color: rgb(25,62,157)!important;
}

/*Estilos menú top*/
.centrar{
    max-width: 1380px;
    min-width: 1380px;
    margin: 0 auto;
}
.centrarmenu{
    max-width: 1120px;
    min-width: 1120px;
    margin: 0 auto;
}
.menu-top{
  width: 100%;
  background-color: #193e9d;
  height: 35px;
}
.menu-top .centrar{
}
.llamanos-top{
    margin: 5px 0px;
    float: right;
}
.llamanos-top div{
    -webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.llamanos-top span{
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 25px;
}
.redes-sociales-top {
    margin: 5px 0px;
    float: left;
}
.redes-sociales-top a{
    color: #fff;
    margin: 0px 5px;
/*    -webkit-border-radius: 5px;
    border-radius: 5px;*/
    -webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.redes-sociales-top a:hover{
    color:#dedede;
}
.redes-sociales-top ul{
    text-align: left!important;
}
.redes-sociales-top ul li{
    display: inline-block;
}
.redes-sociales-top a i{
    font-size: 14px;
    margin: 0px 8px;
}
.boton-naranja{
  color: #17399b!important;
  background-color:#fff!important;  
  font-family: 'Lato', sans-serif;
  font-size: 15px!important;
  font-weight: 700;
  text-align: center!important;
  padding: 10px 20px!important;
  border: 1px solid #17399b;
   -webkit-border-radius: 5px;
    border-radius: 5px; 
  -webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    -webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
    line-height: inherit!important;
    height: inherit!important;
    margin-top: 15px;
    letter-spacing: 0px!important;
}
.boton-naranja:hover{
  color: #fff!important;
  background-color:#17399b!important; 
  border: 1px solid #17399b;
}
.boton-blanco{
  color: #fff!important; 
  font-family: 'Lato', sans-serif;
  font-size: 15px!important;
  font-weight: 700;
  text-align: center!important;
  padding: 10px 20px!important;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
    -webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
    line-height: inherit!important;
    height: inherit!important;
    margin-top: 15px;
    letter-spacing: 0px!important;
    cursor: pointer;
}
.boton-blanco:hover{
  color: #fff!important;
  background-color:#193e9d!important; 
  border: 1px solid #193e9d;
}

/*Banner principal*/
.grupo-banner{
/*  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;*/
    padding-top: 50px;
}
.grupo-titular{margin:0px auto; width: 900px; text-align: center;}
.grupo-titular h1{
    color: #3b4052;
    font-family: 'Lato', sans-serif;
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
    text-align: center;
    padding: 0;
}
.grupo-titular h1 span{
    font-weight: 300;
}
.imagen-titular {text-align: center;}
.boton-movil {display: none;}
.grupo-botones-banner{
    margin-top: 10px;
	display: inline-grid;
    display: -ms-inline-grid;
	grid-template-columns: auto auto;
    -ms-grid-template-columns: auto auto;
    -ms-grid-columns: 2;
	/*gap: 8px 15px;*/
}
.boton-descargar-banner{
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  margin-right: 15px;
    }
.boton-masinfo-banner{
  -ms-grid-column: 2;
  -ms-grid-row: 1;
    }
.boton-descargar-banner a{
  color: #fff;
  background-color:#0055fb;  
  font-family: 'Lato', sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  padding: 16px 26px;
   -webkit-border-radius: 5px;
    border-radius: 5px; 
  -webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    -webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.boton-descargar-banner a:hover{
  color: #e7eaf0;
  background-color:#104cc1;  
}
.boton-descargar-banner p{
    color: #656b81;
    font-size: 12px;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    text-align: center;
    margin-top: 15px;
}
.boton-masinfo-banner a{
  color: #0055fb;
  background-color:#ccddfe;  
  font-family: 'Lato', sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  padding: 16px 26px;
   -webkit-border-radius: 5px;
    border-radius: 5px; 
  -webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    -webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.boton-masinfo-banner a:hover{
  color: #236af4;
  background-color:#acc6fa;   
}
.boton-masinfo-banner a i{
  color: #0055fb;
  font-size: 10px;
    margin-right: 15px;
}
.banner-principal .slick-dots {bottom: 10px!important;}
/*Fin de Banner principal*/

.apartado{
    padding: 50px 0px;
    position: relative;
    width: 100%;
}
.titular-h1{
   font-family: 'Lato', sans-serif;
    font-size: 45px;
    color: #4c4f58;
    font-weight: 400;
    text-align: center;
}
.apartado h2{
   font-family: 'Lato', sans-serif;
    font-size: 45px;
    color: #4c4f58;
    font-weight: 400;
    text-align: center;
    padding: 10px 0px 30px 0px;
}
.apartado h3{
   font-family: 'Lato', sans-serif;
    font-size: 24px;
    color: #4c4f58;
    font-weight: 400;
    text-align: center;
    margin: 20px 0px 50px 0px;
    padding-bottom: 0px;
}
.linea-color{
    width: 200px;
    border: 2px solid #193e9d;
}
.linea-color-gris{
    width: 100%;
    border: 2px solid #ebebeb;
    margin: 0;
}
.linea-color-azul{
    width: 100%;
    border: 2px solid #193e9d;
    margin: 0;
}
.linea-color-blanco{
    width: 200px;
    border: 2px solid #fff;
}
/* Font-awesome */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/fa-brands-400.eot");
  src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../webfonts/fa-solid-900.eot");
  src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }
.fab {
  font-family: "Font Awesome 5 Brands";
}
.fa-chevron-down::before {
  content: "\f078";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-linkedin-in:before {
  content: "\f0e1";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before {
 content: "\f39e";
}
.fa, .fab, .fal, .far, .fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.fab {
  font-family: "Font Awesome 5 Brands";
}
.fa, .fab, .fal, .far, .fas {
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
/* INDEX NUEVO */
/*Estilo slider módulos*/
/*.mini-pyme{background-image:url(../img/acceso-pyme.jpg);}
.mini-obras{background-image:url(../img/acceso-obras.jpg);}
.mini-tpv{background-image:url(../img/acceso-tpv.jpg);}
.mini-conta{background-image:url(../img/acceso-conta.jpg);}
.mini-business{background-image:url(../img/acceso-business-intelligence.jpg);}
.mini-crm{background-image:url(../img/acceso-crm.jpg);}
.mini-commerce{background-image:url(../img/acceso-commerce.jpg);}
.mini-mpyme{background-image:url(../img/acceso-mpyme.jpg);}*/
.no-webp .mini-pyme{background-image:url(../img/acceso-pyme.jpg);}
.webp .mini-pyme{background-image:url(../img/acceso-pyme.webp);}
.no-webp .mini-obras{background-image:url(../img/acceso-obras.jpg);}
.webp .mini-obras{background-image:url(../img/acceso-obras.webp);}
.no-webp .mini-conta{background-image:url(../img/acceso-conta.jpg);}
.webp .mini-conta{background-image:url(../img/acceso-conta.webp);}
.no-webp .mini-tpv{background-image:url(../img/acceso-tpv.jpg);}
.webp .mini-tpv{background-image:url(../img/acceso-tpv.webp);}
.no-webp .mini-business{background-image:url(../img/acceso-business-intelligence.jpg);}
.webp .mini-business{background-image:url(../img/acceso-business-intelligence.webp);}
.no-webp .mini-crm{background-image:url(../img/acceso-crm.jpg);}
.webp .mini-crm{background-image:url(../img/acceso-crm.webp);}
.no-webp .mini-commerce{background-image:url(../img/acceso-commerce.jpg);}
.webp .mini-commerce{background-image:url(../img/acceso-commerce.webp);}
.no-webp .mini-mpyme{background-image:url(../img/acceso-mpyme.jpg);}
.webp .mini-mpyme{background-image:url(../img/acceso-mpyme.webp);}
.img-modulos {
  height: 265px;
  width: 100%;
  position:relative;
  color: white;
  z-index:1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.img-modulos::after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-1;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  background-color: rgba(25,62,157,0);
}
.boton-slider-modulos:hover .caja-slider-modulos:hover{
  background-color: #fff;
  -webkit-box-shadow:  30px 0px 30px 0px rgba(2,40,76,0.1);
  -moz-box-shadow: 30px 0px 30px 0px rgba(2,40,76,0.1);
  box-shadow: 30px 0px 30px 0px rgba(2,40,76,0.1);
  z-index: 10;
}
.boton-slider-modulos:hover .img-modulos:after{
   background-color: rgba(93,93,93,.5);
   -webkit-transition: all 300ms ease-out;
 -o-transition: all 300ms ease-out;
 transition: all 300ms ease-out;
}
.boton-slider-modulos:hover .caja-slider-modulos h5{
  visibility: hidden;
  top: 30px;
  left: 50%;
  transform: translate(-50%, -50%);
 -webkit-transition: all 300ms ease-out;
 -o-transition: all 300ms ease-out;
 transition: all 300ms ease-out;
 opacity: 0;  
} 
.boton-slider-modulos-programas:hover .caja-slider-modulos:hover{
  background-color: #fff;
  -webkit-box-shadow:  30px 0px 30px 0px rgba(2,40,76,0.1);
  -moz-box-shadow: 30px 0px 30px 0px rgba(2,40,76,0.1);
  box-shadow: 30px 0px 30px 0px rgba(2,40,76,0.1);
  z-index: 10;
}
.boton-slider-modulos-programas:hover .img-modulos:after{
   background-color: rgba(93,93,93,.5);
   -webkit-transition: all 300ms ease-out;
 -o-transition: all 300ms ease-out;
 transition: all 300ms ease-out;
}
.boton-slider-modulos-programas:hover .caja-slider-modulos h5{
  visibility: hidden;
  top: 30px;
  left: 50%;
  transform: translate(-50%, -50%);
 -webkit-transition: all 300ms ease-out;
 -o-transition: all 300ms ease-out;
 transition: all 300ms ease-out;
 opacity: 0;  
} 
.img-modulos h6 {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    opacity: 0;
    visibility:hidden;
    position: absolute;
    z-index: 10;
    width: 80%;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    } 
.boton-slider-modulos:hover .caja-slider-modulos h6{
  visibility: visible;
  top: 85px;
  left: 50%;
  transform: translate(-50%, -50%);
 -webkit-transition: all 300ms ease-out;
 -o-transition: all 300ms ease-out;
 transition: all 300ms ease-out;
 opacity: 1;  
} 
.caja-slider-modulos::after {
    content: '';
    display: block;
    width: 0;
    height: 4px;
    background: #193e9d;
    transition: width .3s;
    margin-top: -4px;
    z-index: 10;
    position: inherit;
}
.caja-slider-modulos:hover::after {
    width: 100%;
    transition: width .3s;
}
.caja-slider-modulos{
  height: 265px;
  min-height: 265px;
  background-color: #fff;
  margin: 0px; 
  border-bottom: 0px solid transparent;  
  -webkit-transition: background-color 300ms ease-out, -webkit-box-shadow 300ms ease-out;
  -o-transition: background-color 300ms ease-out, box-shadow 300ms ease-out;
  transition: background-color 300ms ease-out, box-shadow 300ms ease-out;  
  position: relative;
}
.img-modulos h5{
 font-family: 'Lato', sans-serif;  
 font-size: 25px;
 line-height: 30px;
 color: #fff;
 font-weight: 700;
 text-align: center;     
 -webkit-transition: all 300ms ease-out;
 -o-transition: all 300ms ease-out;
 transition: all 300ms ease-out;
 opacity: 1;
 visibility: visible;
 position: absolute;
 z-index: 10;
 width: 100%; /* Need a specific value to work */  
 top: 36%;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-text-shadow: 0px 0px 20px #02284C;
-moz-text-shadow: 0px 0px 20px #02284C;
text-shadow: 0px 0px 20px #02284C; 
}
.caja-slider-modulos img{
  width: 100%;
  height: auto;
}
.slider-modulos {
  background: #fff;
  margin-top: 150px;
  margin-bottom: 150px;
}
.listado {
  list-style: none;
  margin: auto;
}
.listado:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}
.modulo-lista {
  display: inline-block;
  margin: 0px;
  list-style: none;
  width: calc(100% / 4);
  float: left;
  padding: 1px;
}
.slick-slide{
    backface-visibility: hidden;    
   -webkit-filter: blur(0);
}
/*Fin de Estilo slider módulos*/
.conjunto-modulos{ margin-top: -94px; margin-bottom: 50px;}
.lista-modulos{
    width: 330px;
}
.lista-modulos-margen{
    width: 330px;
    margin-left: 50px;
}
.icono-titular-modulos {
  height: 90px;
  position: relative;
  display: flex;
  align-items: flex-end;
}
.icono-texto-modulos{height: 200px; margin-top: 40px;}
.lista-modulos h4{
    color: #2f3138;
    font-size: 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    margin: 12px 0px;
    text-align: right;
    position: absolute;
    right: 0;
    line-height: 28px;
    align-self: flex-end;
}
.lista-modulos h5{
    color: #2f3138;
    font-size: 18px;
    line-height: 23px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    float: right;
    margin: 0px;
    text-align: left;
}
.lista-modulos img{}
#funcionalidades{background-color: #193e9d;}
#funcionalidades h2{color: #fff;}
#funcionalidades h3{color: #fff;}
.texto-funcionalidades{ 
    margin: 30px 0px 30px 80px;
}
.texto-funcionalidades h4{
    color: #fff;
    text-align: left;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
}
.texto-form-contacto {
    width: 400px;
    float: left;
    margin-left: 150px;
    margin-top: 50px;
}
.texto-form-contacto h3 {
    text-align: left;
    padding: 50px 0px 30px 0px;
    color: #717583;
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
}
.color-azul{color: #193e9d!important;}
.texto-slider-banner-principal{
    background-color: rgba(4, 14, 38, 0.6);
    width: 560px;
    position: absolute;
    margin-left: 300px;
    height: 100%;
}
.caja-texto-banner{
    margin: 20px 50px;
    width: 425px;
}
#banner-sql-obras .caja-texto-banner {
    margin: 20px 0px 20px 50px;
    width: 455px;
}
.caja-texto-banner h2{
    font-family: 'Lato', sans-serif;
    color: #fff;
    text-align: left;
    font-size: 60px;
    line-height: 65px;
    font-weight: 700;
}
.caja-texto-banner h3{
    font-family: 'Lato', sans-serif;
    color: #fff;
    text-align: left;
    font-size: 25px;
    line-height: 30px;
    font-weight: 300;
}
#casos-exito{height: 550px;}
.contenido-pie{height: 400px;}
.grupo-footer {
    background-color: #4c4f58;
}
.grupo-footer-logo {
    padding-top: 30px;
    float: left;
    text-align: left;
    width: 250px;
}
.grupo-footer-logo img{text-align: left; margin-bottom: 20px;}
.redes-sociales-footer div {
    width: 35px;
    height: 35px;
    text-align: left;
    background-repeat: no-repeat;
    float: left;
    margin-right: 12px;
}
.redes-sociales-footer div a {
    color: #dedede;
    font-size: 16px;
    transition: all 275ms ease-in-out;
}
.redes-sociales-footer div a:hover {
    color: #fff;
}
.grupo-footer-info {
    float: left;
    text-align: left;
    margin-left: 80px;
    width: 200px;
    margin-top: 20px;
}
.grupo-footer-info h4{
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px;
}
.grupo-footer-info h5{
    color: #dedede;
    font-weight: 400;
    font-size: 15px;
    line-height: 36px;
    margin: 0;
}
.grupo-footer-info h5 a{
    color: #dedede;
    transition: all 275ms ease-in-out;
}
.grupo-footer-info h5 a:hover{
    color: #fff;
    transition: all 275ms ease-in-out;
}
.direccion-footer, .horario-footer{
    line-height: 24px!important;
    margin-top: 35px!important;
    margin-bottom: 30px!important;
}
.telefono-footer, .mail-footer{font-weight: 700!important;}
.grupo-footer .linea-color-gris{border: 1px solid #dedede!important;}
.copyright-footer{
    color: #dedede;
    font-weight: 400;
    font-size: 12px;
}
.banner-principal .slick-dots li button:before
{
    font-family: 'slick';
    font-size: 8px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    opacity: 1;
    color: #fff;
}
.slide-banner-01{
  background-image: url(/aplicaciones/img/banner-principal-01.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}
#irmultisectorial img{width: 100%; height: auto;}
#slider-programas .slick-dots{display: none!important;}
.droopmenu-grid{}
.indice-aviso-legal a h4 {
    color: #193e9d!important;
}
.contenido-aviso-legal h4 a {
    color: #193e9d!important;
}
.contenido-aviso-legal h1 {font-family: 'Lato', sans-serif!important;}
.indice-aviso-legal a h4 {font-family: 'Lato', sans-serif!important;}
.indice-aviso-legal h3 {font-family: 'Lato', sans-serif!important;}
.contenido-aviso-legal h2 {font-family: 'Lato', sans-serif!important;}

/* :::::::::::::::::::::::::::  Fin de resolución general  :::::::::::::::::::::::::::::::::::::::::::::::::::::: */

@media only screen and (min-width: 1400px) {
/* Resolución 1920 */
    
   .droopmenu {
    padding-left: 70px;   
  }
  .droopmenu > li > a{ 
		line-height:70px; 
		height:70px;
	}  

    
 }

@media only screen and (max-width:1399px) and (min-width: 930px) {
/* Resolución 1024 */
 .centrarmenu {
    max-width: 900px;
    min-width: 900px;
    margin: 0 auto;
}   
    
 .centrar{
    max-width: 900px;
    min-width: 900px;
    margin: 0 auto;
   } 
   .llamanos-top span {
    font-size: 10px;
    line-height: 18px;
   } 
  .logo-menu img {width: 100px; height: 25px;}   
  .redes-sociales-top a i {
    font-size: 12px;
    margin: 0px 8px;
   } 
   .droopmenu {
    padding-left: 60px;   
  } 
   .droopmenu-inner,
   .droopmenu-boxed{ 
	  max-width: 900px;
        min-width: 900px;
	}
    .droopmenu > li {
    font-size:12px;
   }
      .droopmenu > li > a{ 
		line-height:70px; 
		height:70px;
	}  
    .droopmenu li ul li a {
    font-size: 13px;
   }
   .droopmenu .droopmenu-col li a {
    font-size: 13px;
   }
    .droopmenu-col h4 {
    font-size: 12px;
   }
    .droopmenu > li > a, .droopmenu > li > span {
    padding: 0 12px;
   }
    .descripcion-enlace {
    font-size: 12px;
    }
   .dm-nav-brand a img, .droopmenu-brand img {
    width: 150px;
    height: 42px;
    top: 0px;
   }
   .boton-naranja {
    font-size: 10px!important;
    letter-spacing: 0px!important;   
   } 
    
   .grupo-titular {margin-top: 60px; width: 600px; /*solo necesario para explorer 10*/} 
   .grupo-titular h1 {font-size: 40px; line-height: 45px;} 
   .imagen-titular video {width:500px; height:341px; }
   .boton-descargar-banner a {font-size: 12px; padding: 15px 25px;}
   .boton-descargar-banner p {font-size: 10px; margin-top: 10px;}
   .boton-masinfo-banner a {font-size: 12px; padding: 15px 25px;} 
   .texto-slider-banner-principal{
    background-color: rgba(4, 14, 38, 0.6);
    width: 450px;
    position: absolute;
    margin-left: 50px;
    height: 100%;
}
    
.caja-texto-banner{
    margin: 20px 50px;
    width: 320px;
}
#banner-sql-obras .caja-texto-banner {
    margin: 20px 0px 20px 50px;
    width: 320px;
}    
.caja-texto-banner h2{
    font-size: 45px;
    line-height: 50px;
}
.caja-texto-banner h3{
    font-size: 20px;
    line-height: 25px;
} 
.boton-blanco{
  font-size: 12px!important;
}
.banner-principal img{width: 1400px; height: 408px;}  
.apartado h2{
    font-size: 38px;
}
.apartado h3{
    font-size: 18px;
    margin: 20px 50px 50px 50px;
}
.linea-color{
    width: 150px;
    border: 1px solid #193e9d;
}
.linea-color-gris{
    width: 100%;
    border: 1px solid #ebebeb;
    margin: 0;
}
.linea-color-azul{
    width: 100%;
    border: 1px solid #193e9d;
    margin: 0;
}
.linea-color-blanco{
    width: 150px;
    border: 1px solid #fff;
}  
.titular-h1 {
    font-size: 38px;
}
.modulo-lista {
    padding: 5px;
}   
.img-modulos h5 {
    font-size: 18px;
    line-height: 25px;
} 
.img-modulos h6 {
    font-size: 16px;
    line-height: 22px;
}    
.conjunto-modulos{ margin-top: -77px;}
.lista-modulos{ width: 250px;}
.img-modulos {height: 220px;}
.caja-slider-modulos {
  height: 220px;
  min-height: 220px;}
.lista-modulos-margen{
    width: 250px;
    margin-left: 40px;
}
.icono-titular-modulos {
  height: 75px;
}
.icono-texto-modulos{height: 175px; margin-top: 40px;}
.lista-modulos h4{
    font-size: 20px;
    line-height: 24px;
    margin: 12px 0px;
}
.lista-modulos h5{
    font-size: 14px;
    line-height: 19px;
}  
.lista-modulos img {
    width: 170px;
    height: 46px;
} 
.texto-funcionalidades{ 
    margin: 30px 0px 30px 50px;
}
.texto-funcionalidades h4{
    font-size: 16px;
    line-height: 26px;
} 
.apartado .grupo-contenido-contacto {
    height: 400px!important;
}   
.texto-form-contacto {
    width: 300px;
    margin-left: 50px;
    margin-top: 100px;
    display: none;
}
.texto-form-contacto h3 {
    padding: 50px 0px 30px 0px;
    font-size: 13px;
    line-height: 20px;
} 
.grupo-footer-logo {
    width: 280px;
}
.grupo-footer-info {
    float: left;
    text-align: left;
    margin-left: 0px;
    width: 200px;
    margin-top: 20px;
} 
.grupo-footer-info h4 {
    font-size: 18px;
}    
.grupo-footer-info h5 {
    font-size: 14px;
    line-height: 34px;
}    
#casos-exito .slider-casos-exito {
    width: 900px!important;    
 } 
#casos-exito .slick-slide img {
    width: 120px;
    height: 65px;
}
    
}/* Fin de responsive 1024 */


@media only screen and (max-width:929px) and (min-width: 768px) {
/* Resolución tablet */
    .centrarmenu{
    max-width: 95%;
    min-width: 95%;
    margin: 0 auto;
   } 
   .centrar{
    max-width: 95%;
    min-width: 95%;
    margin: 0 auto;
   } 
  .col-ancho .droopmenu-grid-1, .col-ancho .droopmenu-grid-1 .droopmenu ul.droopmenu-grid-1 {
   width: 100%!important;}
    
 .droopmenu-col h4{ text-align: center;}
 .droopmenu li li {text-align: center;}
   .llamanos-top span {
    font-size: 10px;
    line-height: 18px;
   } 
  .logo-menu img {width: 100px; height: 25px; margin-top: 5px; margin-bottom: 5px;}   
  .redes-sociales-top a i {
    font-size: 12px;
    margin: 0px 8px;
   } 
  .droopmenu-extra{display: none;}  
    
   .dm-nav-brand a img, .droopmenu-brand img {
    width: 150px;
    height: 42px;
    top: 0px;
   } 
   .boton-naranja {
    font-size: 10px!important;
    letter-spacing: 0px!important;
   } 
   .grupo-titular {margin-top: 60px; text-align: center; width: auto; /*solo necesario para explorer 10*/} 
   .grupo-titular h1 {font-size: 40px; line-height: 45px; text-align: center; width: 80%; margin: 0px auto 25px auto;} 
   .imagen-titular video {width:500px; height:341px; }
   .boton-descargar-banner a {font-size: 12px; padding: 15px 25px;}
   .boton-descargar-banner p {font-size: 10px;}
   .boton-masinfo-banner a {font-size: 12px; padding: 15px 25px;}

   .caja-slider-modulos h3 {font-size: 15px;}
   .caja-slider-modulos h4 {font-size: 12px; line-height: 18px;}
   .caja-slider-modulos h5 {font-size: 20px; line-height: 28px;}
    
   .boton-slider-modulos:hover .caja-slider-modulos {}
   .slider-modulos {height: 430px; margin-top: 25px;} 
   .grupo-banner {display: inherit;}
   .boton-escritorio {display: none;} 
   .boton-movil {display:inherit;} 
   .imagen-titular {text-align: center;}  
    
   .banner-principal img {
    width: 1400px;
    height: 408px;
} 
    .texto-slider-banner-principal {
    width: 500px;
    margin-left: 0px;
}
#banner-sql-obras .caja-texto-banner {
    margin: 20px 0px 20px 50px;
    width: 400px;
}   
.caja-texto-banner h2 {
    font-size: 50px;
    line-height: 55px;
    width: inherit;
} 
.caja-texto-banner h3 {
    font-size: 20px;
    line-height: 25px;
    width: inherit;
}
.titular-h1 {
    font-size: 35px;
    line-height: 45px;
} 
.boton-slider-modulos:hover .caja-slider-modulos:hover {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(2,40,76,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(2,40,76,0);
    box-shadow: 0px 0px 0px 0px rgba(2,40,76,0);
    z-index: 10;
} 
 .boton-slider-modulos-programas:hover .caja-slider-modulos:hover {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(2,40,76,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(2,40,76,0);
    box-shadow: 0px 0px 0px 0px rgba(2,40,76,0);
    z-index: 10;
}    
.apartado h3 {
    font-size: 18px;
    line-height: 24px;
    width: 80%;
    margin: 20px auto 50px auto;
}  
.apartado h2 {
    font-size: 35px;
    line-height: 45px;
    width: inherit;
} 
.conjunto-modulos{ margin-top: 0px; margin-bottom: 0px;}
.modulo-lista {
  width: calc(100% / 2);
}
.lista-modulos{width:90%; margin-bottom: 20px;}
.lista-modulos-margen{margin-left: 0px;}
.icono-texto-modulos{height: inherit; margin-top: 40px;}
.lista-modulos h4{
    font-size: 22px;
    margin: 12px 0px;
}
.lista-modulos h5{
    font-size: 18px;
    line-height: 26px;
    width: 100%;
}
.eliminar768{display: none;}    
.img-modulos h6 {
    font-size: 20px;
    line-height: 26px;
}     
.lista-modulos img {
    width: 330px;
    height: 90px;
} 
.linea-color-gris {
    display: none;
} 
.texto-funcionalidades{ 
    margin: 0px auto;
    display: block;
}
.texto-funcionalidades h4{
    font-size: 16px;
    line-height: 26px;
    text-align: center;
} 
.apartado .grupo-contenido-contacto {
    height: 400px!important;
}   
.texto-form-contacto {
    width: 300px;
    margin-left: 50px;
    margin-top: 100px;
    display: none;
}
.texto-form-contacto h3 {
    padding: 50px 0px 30px 0px;
    font-size: 13px;
    line-height: 20px;
} 
 #casos-exito .slick-slide img {
    display: block;
    width: 90px;
    height: 49px;
}     
.grupo-footer-logo {
    float: none;
    text-align: center;
} 
.redes-sociales-footer div {
    width: 30px;
    height: 30px;
    text-align: center;
    background-repeat: no-repeat;
    float: left;
    margin-right: 19px;
}
.grupo-footer-info {
    float: none;
    text-align: center;
    margin-left: 0px;
    width: 90%;
    margin-top: 20px;
} 
.grupo-footer-info h4 {
    font-size: 18px;
    text-align: center;
}    
.grupo-footer-info h5 {
    font-size: 14px;
    line-height: 28px;
    text-align: center;
}
.contenido-pie {
    height: inherit;
} 
 .grupo-footer .linea-color-gris {
    border: 1px solid #dedede !important;
    display: block;
}   
.copyright-footer {
    text-align: center;
}   
}/* Fin de responsive tablet */


    
@media only screen and (max-width:767px) {
/* Resolución móvil */ 
      .centrarmenu{
    max-width: 95%;
    min-width: 95%;
    margin: 0 auto;
   } 
   .centrar{
    max-width: 95%;
    min-width: 95%;
    margin: 0 auto;
   } 
   .col-ancho .droopmenu-grid-1, .col-ancho .droopmenu-grid-1 .droopmenu ul.droopmenu-grid-1 {
   width: 100%!important;}   
 .droopmenu-col h4{ text-align: center;}
 .droopmenu li li {text-align: center;} 
   .llamanos-top span {
    font-size: 10px;
    line-height: 18px;
   } 
  .logo-menu img {width: 100px; height: 25px; margin-top: 5px; margin-bottom: 5px;}   
  .redes-sociales-top a i {
    font-size: 12px;
    margin: 0px 8px;
   } 
  .droopmenu-extra{display: none;}  
    
   .dm-nav-brand a img, .droopmenu-brand img {
    width: 150px;
    height: 42px;
    top: 0px;
   } 
   .boton-naranja {
    font-size: 10px!important;
    letter-spacing: 0px!important;
   } 
   .grupo-titular {margin-top: 60px; text-align: center; width: auto; /*solo necesario para explorer 10*/} 
   .grupo-titular h1 {font-size: 40px; line-height: 45px; text-align: center; width: 80%; margin: 0px auto 25px auto;} 
   .imagen-titular video {width:500px; height:341px; }
   .boton-descargar-banner a {font-size: 12px; padding: 15px 25px;}
   .boton-descargar-banner p {font-size: 10px;}
   .boton-masinfo-banner a {font-size: 12px; padding: 15px 25px;}

   .caja-slider-modulos h3 {font-size: 15px;}
   .caja-slider-modulos h4 {font-size: 12px; line-height: 18px;}
   .caja-slider-modulos h5 {font-size: 18px; line-height: 25px;}
    
   .boton-slider-modulos:hover .caja-slider-modulos {}
   .slider-modulos {height: 430px; margin-top: 25px;} 
   .grupo-banner {display: inherit;}
   .boton-escritorio {display: none;} 
   .boton-movil {display:inherit;} 
   .imagen-titular {text-align: center;}  
    
   .banner-principal img {
    width: 1400px;
    height: 408px;
} 
    .texto-slider-banner-principal {
    width: inherit;
    margin-left: 0px;
}
.caja-texto-banner {
    margin: 20px 0px 20px 50px;
    width: 90%;
}
 #banner-sql-obras .caja-texto-banner {
    margin: 20px 0px 20px 50px;
    width: 90%;
}   
.caja-texto-banner h2 {
    font-size: 45px;
    line-height: 50px;
    width: inherit;
    margin: 0;
} 
.caja-texto-banner h3 {
    font-size: 20px;
    line-height: 25px;
    width: inherit;
    margin: 0;
}
.titular-h1 {
    font-size: 35px;
    line-height: 45px;
} 
.boton-slider-modulos:hover .caja-slider-modulos:hover {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(2,40,76,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(2,40,76,0);
    box-shadow: 0px 0px 0px 0px rgba(2,40,76,0);
    z-index: 10;
} 
 .boton-slider-modulos-programas:hover .caja-slider-modulos:hover {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(2,40,76,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(2,40,76,0);
    box-shadow: 0px 0px 0px 0px rgba(2,40,76,0);
    z-index: 10;
}    
.apartado h3 {
    font-size: 18px;
    line-height: 24px;
    width: 80%;
    margin: 20px auto 50px auto;
}  
.apartado h2 {
    font-size: 35px;
    line-height: 45px;
    width: inherit;
} 
.modulo-lista {
  width: calc(100% / 2);
}    
.conjunto-modulos{ margin-top: 0px; margin-bottom: 0px;}
.lista-modulos{width:90%; margin-bottom: 20px;}
.lista-modulos-margen{margin-left: 0px;}
.icono-texto-modulos{height: inherit; margin-top: 40px;}
.eliminar768{display: none;}   
.lista-modulos h4{
    font-size: 22px;
    line-height: 28px;
    margin: 0px 0px 25px 0px;
}
.lista-modulos h5{
    font-size: 16px;
    line-height: 24px;
    width: 100%;
} 
.img-modulos h6 {
    font-size: 20px;
    line-height: 26px;
} 
.lista-modulos img {
    width: 250px;
    height: 68px;
} 
.linea-color-gris {
    display: none;
} 
.texto-funcionalidades{ 
    margin: 0px auto;
    display: block;
}
.texto-funcionalidades h4{
    font-size: 16px;
    line-height: 26px;
    text-align: center;
}
.linea-color {
    width: 60%;
}    
#casos-exito{
     display: none;
} 
.textoRGPDocultopie{
     position: relative!important;
     width: 100%!important;
}
#formulariosolicitarllamada{
      height: auto!important;
}     
.apartado .grupo-contenido-contacto {
    height: auto!important;
    margin-top: 50px!important;
} 
.grupo-contenido-contacto .contenedorformulario{
    height: auto!important;
    width: 90%!important;
}
.Cierto, .Error{width: 100%;}
.texto-form-contacto {
    width: 300px;
    margin-left: 50px;
    margin-top: 100px;
    display: none;
}
.texto-form-contacto h3 {
    padding: 50px 0px 30px 0px;
    font-size: 13px;
    line-height: 20px;
} 
#casos-exito .slick-slide img {
    display: block;
    width: 80px;
    height: 43px;
}    
.grupo-footer-logo {
    float: none;
    text-align: center;
} 
.grupo-footer-logo img{
    text-align: center;
}     
.redes-sociales-footer div {
    width: 30px;
    height: 30px;
    text-align: center;
    background-repeat: no-repeat;
    float: left;
    margin-right: 19px;
}
.grupo-footer-info {
    float: none;
    text-align: center;
    margin-left: 0px;
    width: 90%;
    margin-top: 20px;
} 
.grupo-footer-info h4 {
    font-size: 18px;
    text-align: center;
}    
.grupo-footer-info h5 {
    font-size: 14px;
    line-height: 28px;
    text-align: center;
}
.contenido-pie {
    height: inherit;
} 
 .grupo-footer .linea-color-gris {
    border: 1px solid #dedede !important;
    display: block;
}   
.copyright-footer {
    text-align: center;
}
 
}
/* Fin de responsive móvil */

/*	-------------------------------------------------------
    Fin de Estilos menú
	------------------------------------------------------- */









/*CSS con estilos de GDPR Cookie Notice*/
.gdpr-cookie-notice{position:fixed;background:#091f34;left:0;bottom:0;right:0;padding:10px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all ease 1s;transition:all ease 1s;-webkit-transform:translateY(100%);transform:translateY(100%);z-index:1000;font-family: 'Lato', sans-serif;}@media (max-width: 768px){.gdpr-cookie-notice{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.gdpr-cookie-notice-loaded .gdpr-cookie-notice{-webkit-transform:translateY(0);transform:translateY(0)}.gdpr-cookie-notice-description{margin:0;padding:0 16px 0 0;color:rgba(255,255,255,0.75);font-size:12px;line-height:18px;text-align:left}@media (max-width: 768px){.gdpr-cookie-notice-description{padding:0;margin:0 0 10px 0;font-size:12px;line-height:18px}}.gdpr-cookie-notice-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 0 auto;background:none;width:auto;height:auto;padding:0}.gdpr-cookie-notice-nav-item{text-decoration:none;display:block;height:40px;line-height:40px;white-space:nowrap;color:#fff;padding:0 16px;font-size:15px;font-weight:600}.gdpr-cookie-notice-nav-item:hover{text-decoration:none}.gdpr-cookie-notice-nav-item-btn{background:#193e9d;border-radius:5px}.gdpr-cookie-notice-modal{position:fixed;left:0;top:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg height="12" viewBox="0 0 8 12" width="8" xmlns="http://www.w3.org/2000/svg"><path d="m1.41 0-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z" fill="#193e9d"/></svg>');z-index:1001;background:rgba(0,0,0,0.4);overflow:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 10px;display:none}.gdpr-cookie-notice-show-modal .gdpr-cookie-notice-modal{display:-webkit-box;display:-ms-flexbox;display:flex}.gdpr-cookie-notice-modal-content{width:470px;border-radius:6px;background:#fff;margin:auto}.gdpr-cookie-notice-modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px;border-bottom:1px solid #f4f5f7}.gdpr-cookie-notice-modal-title{font-size:18px;color:rgba(0,0,0,0.8);font-weight:600;line-height:18px;margin:0;padding:0}.gdpr-cookie-notice-modal-close{width:24px;height:24px;margin:0 0 0 auto;background:none;border:none;outline:none;padding:0;position:relative;-webkit-transform:rotate(45deg);transform:rotate(45deg);cursor:pointer}.gdpr-cookie-notice-modal-close:before,.gdpr-cookie-notice-modal-close:after{width:18px;height:2px;content:'';display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#bdbdbd}.gdpr-cookie-notice-modal-close:after{-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}.gdpr-cookie-notice-modal-close:hover{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:1}.gdpr-cookie-notice-modal-cookies{display:block;margin:0;padding:0;list-style-type:none}.gdpr-cookie-notice-modal-cookie{display:block;border-bottom:1px solid #f4f5f7;list-style-type:none;padding:0;margin:0}.gdpr-cookie-notice-modal-cookie-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px}.gdpr-cookie-notice-modal-cookie-title{cursor:pointer;font-weight:normal;font-size:15px;color:rgba(0,0,0,0.8);margin:0;padding:0;line-height:1;position:relative}.gdpr-cookie-notice-modal-cookie-title:after{width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#bdbdbd transparent transparent transparent;content:'';display:block;position:absolute;right:-17px;top:50%;margin-top:-2px;-webkit-transition:all ease 0.3s;transition:all ease 0.3s}.open .gdpr-cookie-notice-modal-cookie-title:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.gdpr-cookie-notice-modal-cookie-state{color:#193e9d;margin-left:auto;font-size:15px}.gdpr-cookie-notice-modal-cookie-input{opacity:0}.gdpr-cookie-notice-modal-cookie-input:checked+.gdpr-cookie-notice-modal-cookie-input-switch{background:#193e9d;-webkit-box-shadow:inset 0px 0px 0px 1px #193e9d;box-shadow:inset 0px 0px 0px 1px #193e9d}.gdpr-cookie-notice-modal-cookie-input-switch{width:24px;height:24px;border-radius:50%;-webkit-box-shadow:inset 0px 0px 0px 1px #bdbdbd;box-shadow:inset 0px 0px 0px 1px #bdbdbd;margin:0 0 0 auto;position:relative;-webkit-transition:all ease 0.3s;transition:all ease 0.3s;cursor:pointer}.gdpr-cookie-notice-modal-cookie-input-switch:after{position:absolute;left:0;right:0;bottom:0;top:0;background:url('data:image/svg+xml;utf8,<svg height="11" viewBox="0 0 14 11" width="14" xmlns="http://www.w3.org/2000/svg"><path d="m5 10.42-5-5 1.41-1.41 3.59 3.58 7.59-7.59 1.41 1.42z" fill="rgb(255,255,255)" fill-rule="evenodd"/></svg>') no-repeat center 7px;content:'';display:block}.gdpr-cookie-notice-modal-cookie-info{text-align:left;margin:0;padding:0 16px 12px 16px;font-size:13px;color:rgba(0,0,0,0.5);line-height:16px;display:none}.open .gdpr-cookie-notice-modal-cookie-info{display:block}.gdpr-cookie-notice-modal-footer{background:#f4f5f7;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px 16px 16px 16px;border-radius:0 0 6px 6px;-ms-flex-wrap:wrap;flex-wrap:wrap}.gdpr-cookie-notice-modal-footer-item{height:40px;line-height:40px;font-weight:600;font-size:15px;text-decoration:none;margin:0;padding:0;color:#193e9d;position:relative}.gdpr-cookie-notice-modal-footer-item:after{position:absolute;right:-16px;top:50%;margin-top:-5px;background:url('data:image/svg+xml;utf8,<svg height="12" viewBox="0 0 8 12" width="8" xmlns="http://www.w3.org/2000/svg"><path d="m1.41 0-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z" fill="#193e9d"/></svg>') no-repeat left center;height:12px;width:8px;content:'';display:block}.gdpr-cookie-notice-modal-footer-item-btn{padding:0 16px;color:#fff;background:#193e9d;border-radius:5px;position:relative}.gdpr-cookie-notice-modal-footer-item-btn span{-webkit-transition:all ease 0.3s;transition:all ease 0.3s}.gdpr-cookie-notice-modal-footer-item-btn:after{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;content:'';opacity:0;-webkit-transition:all ease 0.3s;transition:all ease 0.3s;display:block;background:url('data:image/svg+xml;utf8,<svg height="11" viewBox="0 0 14 11" width="14" xmlns="http://www.w3.org/2000/svg"><path d="m5 10.42-5-5 1.41-1.41 3.59 3.58 7.59-7.59 1.41 1.42z" fill="rgb(255,255,255)" fill-rule="evenodd"/></svg>') no-repeat center}.gdpr-cookie-notice-modal-footer-item-btn.saved span{opacity:0}.gdpr-cookie-notice-modal-footer-item-btn.saved:after{opacity:1}.gdpr-cookie-notice-modal-footer-item:hover{text-decoration:none;opacity:1}