/*
 * Certinet Theme v1.1
 */
:root {
    /* === PALETA CORPORATIVA CERTINET === */
    --black: rgba(0, 0, 0, 0.75);
    --grey: #5A5C5B;
    --orange: #EC6C07;
    --blue: #00458E;
    --blue: #00458E; /* hover  primary */
    --green: #429548;
    --light-blue-01: #2D9CDB;
    --light-blue-02: #4B8FDE;
    --light-blue-03: #2494d3;  /* hover  info */

    /* === INTEGRACIÓN CON BOOTSTRAP === */
    --bs-primary: var(--blue);
    --bs-primary-rgb: 0, 69, 142;
    --bs-secondary: var(--grey);
    --bs-secondary-rgb: 90, 92, 91;
    --bs-success: var(--green);
    --bs-success-rgb: 66, 149, 72;
    --bs-info: var(--light-blue-01);
    --bs-info-rgb: 45, 156, 219;
    --bs-warning: var(--orange);
    --bs-warning-rgb: 236, 108, 7;
    --bs-danger: #dc3545;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light: #f8f9fa;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark: var(--black);
    --bs-dark-rgb: 0, 0, 0;

    /* === VARIANTES DE COLORES CORPORATIVOS === */
    --bs-primary-dark: #003366;
    --bs-primary-light: var(--light-blue-02);
    --bs-success-dark: #367c3b;
    --bs-success-light: #52b957;
    --bs-warning-dark: #d45f06;
    --bs-warning-light: #f39c12;
    --bs-info-dark: #1f7cb4;
    --bs-info-light: #5dade2;

    /* === COLORES DE TEXTO Y FONDO === */
    --bs-body-color: var(--black);
    --bs-body-bg: #ffffff;
    --bs-heading-color: var(--blue);
    --bs-link-color: var(--blue);
    --bs-link-hover-color: var(--bs-primary-dark);
    --bs-border-color: #dee2e6;

    --bs-border-radius: 15px;

    --bs-btn-active-color:#fff;
    --bs-btn-active-bg:#2D9CDB;
    --bs-btn-active-border-color:#2F80ED;

}



/* Raleway-thin-100 */
@font-face {
	font-family: 'Raleway';
	font-style: thin;
	font-weight: 100;
	font-display: swap;
	src: url('fonts/Raleway/Raleway-Thin.ttf') format('truetype');
}
/* Raleway-100italic - latin */
@font-face {
	font-family: 'Raleway';
	font-style: regular;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/Raleway/Raleway-Regular.ttf') format('truetype');
}
/* Raleway-300 - latin */
@font-face {
	font-family: 'Raleway';
	font-style: bold;
	font-weight: 700;
	font-display: swap;
	src: url('fonts/Raleway/Raleway-Bold.ttf') format('truetype');
}



/*************/
/*    BASE   */
/*************/


body {
	font-family: "Raleway", "lato", "Roboto";
}

h1, h2, h3, h4, h5, h6 {
	color: var(--black);
}

p {
	color: var(--grey);
}

.clr-white {
	color: #fff;
}

.clr-cer-blue {
	color: var(--blue);
}

.blue-cert {
	color: var(--blue) !important;
	font-weight: bold;
}

.orange-cert {
	color: var(--orange) !important;
}

.danger {

color: var(--bs-danger);

}

.form-control {
	border-radius: 0px;
	background-color: #eeeeee !important;
	padding: 11px 30px !important;
	font-size: 15px !important;
}

.drop-shadow {
	text-shadow: 0 4px 4px #0000007a;
}

.bd-callout {
    --bs-link-color-rgb: var(--bd-callout-link);
    --bs-code-color: var(--bd-callout-code-color);
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;

    background-color: #FFFFFF;
    border: 1px solid #C1D2D9;
}

/* .bd-callout p{ */
/* 	font-size: 1.25rem !important; */
/* } */

/* .bd-callout p span{ */
/* 	font-size: 1.5rem !important; */
/* } */


.bd-callout-info {

border-left: .55rem solid var(--light-blue-01) !important;

}

.bd-callout-success {

border-left: .55rem solid var(--green) !important;

}

.bd-callout-danger {

border-left: .55rem solid var(--bs-danger) !important;

}

#inputPhone {
    padding: 11px 102px !important;
}

.accordion-button:focus {

    box-shadow: none;
}


.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: #fff;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}


.text-bg-warning{
	background-color: var(--orange) !important;
	color:#fff !important;
}



.panel {
	background: #FFFFFF;
	box-shadow: 10px 10px 25px #BED4FF;
	border-radius: 30px;
}

.solution-p {
	padding: 40px 10px;
}

.sol {
	max-width: 300px;
}

.sol img {
	width: auto;
	padding-bottom: 20px;
	padding-top: 40px;
}

.sol p {
	padding-bottom: 10px;
	padding: 20px 40px;
	min-height: 475px;
	text-align: center;
}

.sol a {
	padding-bottom: 20px;
}

.a-card {
	color: #3C64B1;
	font-size: 18px;
	text-decoration: none;
}

.splide__slide {
	padding: 25px 25px;
}

.holographic-card {
	border-radius: 35px;
	transition: all 0.5s ease;
}

.holographic-card::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: linear-gradient(0deg, transparent, transparent 30%, #1e45688c);
	transform: rotate(-45deg);
	transition: all 0.5s ease;
	opacity: 0;
}

.holographic-card:hover {
	transform: scale(1.05);
	box-shadow: 10px 10px 25px #92989d8c;
}

.holographic-card:hover::before {
	opacity: 1;
	transform: rotate(-45deg) translateY(100%);
}

.carrousel-bg {
	min-height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}

.banner-bg-01 {
	background: url(/resources/images/inicio/banner-bg-01.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.banner-bg-02 {
	background: url(/resources/images/inicio/banner-bg-02.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.banner-bg-03 {
	background: url(/resources/images/inicio/banner-bg-03.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.banner-bg-04 {
	background: url(/resources/images/inicio/banner-bg-04.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.banner-webra {
	min-height: 420px;
	background: url(/resources/images/webra-banner.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.banner-top {
	min-height: 600px;
	background: url(/resources/images/top-banner.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.banner-tfc {
	min-height: 600px;
	background: url(/resources/images/tfc-banner.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.banner-productos {
	min-height: 763px;
	background: url(/resources/images/productos/banner_productos_01_v2.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.caption-img {
	position: absolute;
	left: 10%;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	color: #fff;
	text-align: center;
	top: 20%;
}

.bg-rombos {
	background-size: contain;
	background-repeat: repeat;
	background-image: url(/resources/images/inicio/fondo_rombos_blanco.jpeg);
}

.bg-rombos-grey {
	background-size: contain;
	background-repeat: repeat;
	background-image: url(/resources/images/inicio/services_background.png);
}

.ul-tfc>li {
	font-size: 32px;
	color: #fff;
	text-shadow: 0 4px 4px #0000007a;
	font-weight: bold;
}

.splide__arrow--prev {
	left: -10% !important;
}

.splide__arrow--next {
	right: -10% !important;
}

.link-cert {
	color: var(--orange);
}

.link-cert:hover {
	color: var(--orange)
}



/* carousel banner */

.carousel-indicators [data-bs-target] {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #CCC;
}

.carousel-indicators .active {
    opacity: 1;
    background-color: #EC6C07;
}


.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #CCC;
    text-align: center;
    background: 0 0;
    filter: var(--bs-carousel-control-icon-filter);
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
}

.banner-carousel>.carousel-control-prev {
	left: -3%;
}

.banner-carousel>.carousel-control-next {

}

.banner-carousel .carousel-item h2, .banner-carousel .carousel-item h1, .carrousel-bg h1 {
	font-size: 54px;
}

.lead {
	color: #fff;
	font-size: 24px;
}

/* Procesos de firma */
.products_card {
    max-width: 300px;
    max-height: 480px;
    border-radius: 30px;
    overflow: hidden;
}

.products_card>.card-body>.card-text {
        min-height: 200px;

    font-size: 15px;

}

.products_card>.card-body>.a-card {
    margin-top: 20px;
}

.a-card {
    color: #3C64B1;
    font-size: 18px;
    text-decoration: none;
}

.simple {
    box-shadow: 8px 12px 20px -2px #ffd098;
}

.token {
    box-shadow: 8px 12px 20px -2px #3bb9006b;
}


.far {
    box-shadow: 8px 12px 20px -2px #92B2EF;
}

/* Por qué elegir un producto o servicio de Certinet */
.why-banner {
 	background: url('/resources/images/inicio/img_02.jpeg') center/cover no-repeat;
	min-height: 700px;
}

.title-img-caption {
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	color: #FFF;
	font-size: 54px;

}

.p-img-caption {
	color: #FFF;
	font-size: 22px;
}

.solutions {
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 50px;
}

.solutions>img {
	padding-bottom: 20px;
}

.solutions>.title-solutions {
	color: #626262;
	font-size: 20px;
}

.solutions>.p-solutions {
	color: #626262;
	font-size: 18px;
	min-height: 200px;
}

/* Administra tu Firma Electrónica Avanzada */
.section-03 {
	width: 100%;
	max-width: 100%;
	height: auto;
	/*   height: 100vh; */
	background: url('/resources/images/inicio/img_03.jpeg') center/cover no-repeat;
	color: #fff;
	text-align: center;
	min-height: 730px;
}

.title-img-caption {
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.preguntas-card {
	background-color: #ffffff;
	/* padding: 80px 20px 70px 4px; */
	border-radius: 27px;
	box-shadow: 8px 8px 18px #888888b8;
	margin: auto;
}

.preguntas-card>.preguntas-title, .services-card>.preguntas-title {
	padding: 0 0;
	color: #3C64B1;
	height: 25px;
}

.preguntas-card>.preguntas-p, .services-card>.preguntas-p {
	padding: 0 20px;
	color: #626262;
	height: 80px;
	font-size: 15px;
}

.preguntas-p a {
	float: left;
	color: #9b9b9b;
	text-decoration: none;
}

/* Necesitas Ayuda */
.help .card {
	min-width: 270px;
	max-width: 270px;
	margin: auto;
}

.help .card img {
	min-height: 79px;
}

.help .card h5 {
	color: #2D9CDB;
	display: block;
}

.help .card .card-text {
	min-height: 150px;
	color: #626262;
}

.aviso-certinet {
	background: #004489;
	color: #fff;
	padding: 10px;
	line-height: 22px;
	text-align: center;
	letter-spacing: 0.3px;
}


/* Loader */
.loaders-container {
	background-color: white;
	padding: 15px;
	width: 15%;
	height: 70px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: 0 solid #232323;
	-webkit-box-shadow: 18px -12px 21px -6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 18px -12px 21px -6px rgba(0, 0, 0, 0.2);
	box-shadow: 18px -12px 21px -6px rgba(0, 0, 0, 0.2);
}

.loading-icon-page .modal-dialog {
	position: absolute;
	padding: 15px;
	min-width: 135px;
	height: 70px;
	width: 180px;
	top: 45%;
	left: 50%;
	margin-top: -5px;
	margin-left: -80px;
	padding: 0;
}

.loading-icon-page .modal-content {
	-moz-box-shadow: 0 0 16px rgba(16, 16, 16, 0.61);
	-webkit-box-shadow: 0 0 16px rgba(16, 16, 16, 0.61);
	box-shadow: 0 0 16px rgba(16, 16, 16, 0.61);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.loading-icon-page .modal-body {
	padding: 16px 0 16px 14px;
}

.loading-icon-page .text {
	font-weight: normal;
	line-height: 18px;
	overflow: hidden;
	font-size: 12px;
	padding: 6px;
	padding-left: 20px;
}

.circle {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 32px;
	height: 32px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	border: 4px solid rgba(117, 113, 113, 0.74);
	border-top-color: rgb(245, 124, 0);
	-moz-animation: spin 1s infinite linear;
	-o-animation: spin 1s infinite linear;
	-webkit-animation: spin 1s infinite linear;
	animation: spin 1s infinite linear;
	float: left;
}

.circle.circle-center {
	width: 32px !important;
	position: absolute;
	top: 45%;
	left: 47%;
}

.circle.circle-center-top {
	width: 32px !important;
	position: absolute;
	top: 20%;
	left: 47%;
}

.circle+span {
	padding-left: 10px;
	overflow: hidden;
	display: block;
}

.circle-center {
	position: absolute;
	top: 45%;
	left: 47%;
	width: 0 !important;
}

@keyframes spin {
	100% {
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	}
}

/*#endregion*/
.modal-backdrop.in {
	filter: alpha(opacity = 50);
	opacity: .5;
}

.load, .text {

	font-weight: bold;
	font-size: 14px;
	color: rgb(102, 102, 102);
}





/*************/
/*    MENU   */
/*************/

.menu-fixed {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	max-height: 80px;
	box-shadow: 0px 20px 20px 0px rgb(114 114 114/ 50%);
	background-color: white;
	transition-property: box-shadow;
	transition-duration: 0.5s;
	transition-timing-function: linear;
}

.menu-fixed .logo-cert {
	max-height: 50px;
	transition-property: max-height;
	transition-duration: 1s;
	transition-timing-function: linear;
}

.logo-cert {
	max-height: 60px;
}

.nav-logo {
	margin-bottom: 21px;
}

.nav-logo {
	margin-top: 20px;
}

.nav-logo {
	max-width: 300px;
}

.nav-logo {
	float: left;
	margin-right: 15px;
}

.menulinks>li>a {
	font-size: 11px;
	margin: 0px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #6c6c6c;
	text-decoration: none;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: #ffa133;
}

.menulinks>li>.active {
	color: #ffa133 !important;
}

.menulinks>li>a:hover {
	color: #ffa133;
}

/* Boton Agendar */
.timify-button-cert {
	position: fixed;
	top: 80px;
	right: 0;
	height: 49px;
	display: block;
	/*  position: fixed;*/
	right: -77px;
	top: 75%;
	z-index: 9998;
	cursor: pointer;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	text-transform: uppercase;
	color: #fff;
	background-color: #2d9cdb;
	border: 1px solid #2d9cdb;
	padding: 10px 15px;
	font-size: 14px;
	border-radius: 0px;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	min-height: 49px;
	min-width: 150px;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	text-shadow: 0px 4px 4px rgb(0 0 0/ 50%);
}

.ul-menu li {
  list-style: none;
}

.ul-menu li a {
  position: relative;
  display: block;
  transition: .5s;
  z-index: 1;
}

.ul-menu li a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 2px solid #EC6C07;
  border-bottom: 2px solid #EC6C07;
  transform: scaleY(2);
  opacity: 0;
  transition: .3s;
}

.ul-menu li a::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  opacity: 0;
  transition: .3s;
  z-index: -1;
}

.ul-menu li a:hover {
  color: #fff;
}

.ul-menu li a:hover::before {
  transform: scaleY(1);
  opacity: 1;
}

.ul-menu li a:hover::after {
  transform: scaleY(1);
  opacity: 1;
}

/*************/
/*  BOTONES  */
/*************/

.btn {
	padding: 10px 28px 10px 28px !important;
/* 	font-size: 20px; */
	border-radius: 15px;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	min-height: 49px;
	min-width: 160px;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}


.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--blue);
    --bs-btn-border-color: var(--blue);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #003366;
    --bs-btn-hover-border-color: #003366;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #003b7a;
    --bs-btn-disabled-border-color: #0d6efd;

}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--light-blue-01);
    --bs-btn-border-color: var(--light-blue-01);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--light-blue-03);
    --bs-btn-hover-border-color: var(--light-blue-03);
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0;
}



.btn-cert-blue {
	color: rgb(255, 255, 255) !important;
	outline-color: rgb(255, 255, 255) !important;
	background-color: #004489;
	border-radius: 15px;
	padding: 10px 28px 10px 28px !important;
}

.btn-cert-blue:hover {
	color: #fff;
	background-color: #003366;
	border-color: #004489;
}

.btn-far {
	color: #fff;
	background-color: #2D9CDB;
	border-color: #2D9CDB;
}

.btn-far:hover {
	color: #fff;
	background: #2494d3;
	border-color: #2494d3;
}

.ir-arriba:hover {
	color: #242424;
}

.ir-arriba {
	display: none;
	background-repeat: no-repeat;
	font-size: 30px;
	color: #242424bf;
	cursor: pointer;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 2;
}


.btn-cu.btn-color-estandar:hover {
    background-color: #0C549C;
    color: #FFF;
}
.btn-cu.btn-l {
    width: 180px;
    min-width: 180px;
    max-height: 48px;
    padding: 11px 18px !important;
    font-size: 18px;
}

.btn-cu.btn-color-estandar {
    background-color: #0F69C4;
    color: #FFF;
}

.btn-cu {
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0;
}

.btn-cu.btn-l .cl-claveunica {
    width: 26px;
    height: 26px;
    background-size: 26px 26px;
}

.btn-cu .cl-claveunica {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23FFFFFF" d="M11.4675,13.98 C11.3184168,13.8411851 11.2408804,13.6418927 11.2569506,13.4388234 C11.2730209,13.2357542 11.3809385,13.051138 11.55,12.9375 C11.6920419,12.8039318 11.8839635,12.736694 12.0783067,12.7524129 C12.2726498,12.7681319 12.4512707,12.8653401 12.57,13.02 C12.8292491,13.3325349 12.7926802,13.7946322 12.4875,14.0625 C12.3454581,14.1960682 12.1535365,14.263306 11.9591933,14.2475871 C11.7648502,14.2318682 11.5862293,14.13466 11.4675,13.98 L11.4675,13.98 Z M15.27,5.31749995 C18.6796882,6.64675131 20.9449716,9.90828502 21,13.5675 C21,18.5380628 16.9705628,22.5675 12,22.5675 C7.02943721,22.5675 2.99999993,18.5380628 2.99999993,13.5675 C2.94947349,9.95832374 5.11234931,6.68574688 8.45249999,5.31749995 C8.81999999,5.22749995 9.08999999,5.22749995 9.26999999,5.68499995 C9.44095071,6.05791973 9.28056036,6.49899331 8.90999999,6.67499996 C5.49519747,8.19209226 3.71803205,11.9914362 4.74232294,15.5849405 C5.76661383,19.1784449 9.27987194,21.4698087 12.9813562,20.9584779 C16.6828405,20.4471469 19.4433078,17.2891172 19.455,13.5525 C19.4675051,10.4778502 17.5911099,7.71091191 14.73,6.58499996 C14.5503885,6.52907161 14.4051674,6.39580506 14.334053,6.2216471 C14.2629384,6.04748914 14.273372,5.85066363 14.3625,5.68499995 C14.420264,5.50494963 14.5549765,5.35983308 14.7302402,5.28885849 C14.9055041,5.21788389 15.1032316,5.22837598 15.27,5.31749995 Z M7.49999997,13.3275 C7.48423513,11.0965623 9.06004154,9.17092686 11.25,8.74499999 L11.25,2.33249993 C11.2783776,1.91536359 11.5880757,1.57159868 12,1.49999993 L15.3075,1.49999993 C15.7040429,1.52383479 16.0132157,1.85274199 16.0125,2.24999993 C15.9960133,2.640241 15.6959765,2.95942918 15.3075,2.99999993 L12.75,2.99999993 L12.75,8.75999999 C14.9704659,9.13412384 16.5725796,11.0919068 16.5,13.3425 C16.5253492,15.8640842 14.5209645,17.9386223 12,17.9999999 C9.47312534,17.9385744 7.46637386,15.8548975 7.49999997,13.3275 Z M15,13.4175 C15.0130507,11.7354396 13.6812791,10.3503972 12,10.2975 C10.4186112,10.4716571 9.22153829,11.8078002 9.22153829,13.39875 C9.22153829,14.9896998 10.4186112,16.3258429 12,16.5 C13.6667054,16.4475269 14.9927506,15.0850154 15,13.4175 Z"/></svg>');
}

.btn-cu .cl-claveunica {
    display: inline;
    float: left;
    text-indent: -9999px;
}



/*************/
/*  FOOTER   */
/*************/

.footer-container {

	background: url('/resources/images/footer/footer-bg.png') center/cover no-repeat;
}

.footer-data, .footer-data  h3 {
	color: #fff;
}

.gdlr-widget-title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 25px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.gdlr-widget-title {
	margin-bottom: 35px;
	text-decoration: 4px #fea330 underline;
}

.link_footer a {
	color: #fff;
	text-decoration: none;
}

.footer-data ul {
	line-height: 1.2;
	font-size: 18px;
}

.footer-2-container {
	background-color: #00153eff;
	padding-bottom: 1.25rem;
	color: #fff;
	padding: 15px 0px;
}

.footer-2-container a {
	color: #fff;
	font-size: 18px;
}

.footer-social-icons {
	padding-top: 11px;
	padding-bottom: 11px;
	line-height: 18px;
}

.footer-social-icons .social-icon:first-child {
	margin-left: 0px;
}

.footer-social-icons .social-icon {
	display: inline-block;
	margin-left: 16px;
	max-width: 7px;
	font-size: 14px;
}

.footer-social-icons a {
	color: #d6d6d6;
	font-size: 18px;
}

a:hover i.fa-facebook-square {
	color: #3B5998;
}

a:hover i.fa-instagram {
	color: #e4405f;
}

a:hover i.fa-twitter {
	color: #4099FF;
}

a:hover i.fa-linkedin {
	color: #0e76a8;
}

a:hover i.fa-rss {
	color: #f57d00;
}

.footer-social-icons .social-icon a:hover {
	opacity: 0.9;
	filter: alpha(opacity = 50);
}

.footer-social-icons   a {
	color: #d6d6d6;
	font-size: 18px;
}

.link_footer a:hover {
	color: #ff7a30;
	text-decoration: none;
}

.version {
	color: #c6c6c600;
	line-height: 1.5rem;
	font-size: 0.875rem;
	display: none;
}


/* SIGEC */

.drivers-body-error ul {
   max-width: fit-content;
}

.drivers-body ul {
    max-width: 350px;
}

.drivers-body ul li a {
    color: #023089;
    font-weight: bold;

    text-decoration: none;
}

 .caption-img-cu-01 {
    position: absolute;
    right: 25%;
    left: 25%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    top: 18%;
}

.steps {
    color: #fff;
    background: #2D9CDB;
    border: 1px solid #2F80ED;
}

.renew-circle {
    color: #51b50a;
}

.download-circle {
    color: #d31406;
}

.check-circle {
    color: #0d84e5;
}

.userPanel a{
	color: #9b9b9b;
    text-decoration: none;

}

.notFoundCode {
    font-family: titillium web, sans-serif;
    font-size: 100px;
    font-weight: 900;
    margin: 0;
    text-transform: uppercase;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #023089;
    background-size: cover;
    background-position: center;
}