/*
  Theme Name: Xconsulta - Business & Starup HTML5 Template
  Support: admin@gmail.com
  Description: Business  HTML5 template.
  Version: 1.0
*/

/* CSS Index
-----------------------------------
1. Theme default css
2. header
3. slider
4. about
5. features
6. services
7. video
8. choose
9. brand
10. work-process
11. team
12. counter
13. cta
14. testimonial
15. blog
16. pagination
17. f-cta
18. pricing
19. contact
20. footer
21. Menu

*/

/* CEPROME - variables de marca */
:root {
	--color-primary: #18a4de;
	--color-primary-rgb: 24,164,222;
	--color-secondary: #f9ae1f;
	--color-secondary-rgb: 249,174,31;
}

/* CEPROME - logo (SVG sin width/height propio, se fija el tamaño de despliegue aqui) */
.logo img {
	max-width: 170px;
	width: 100%;
	height: auto;
}
.footer-widget .logo img {
	max-width: 220px;
}

/* CEPROME - centrado vertical del hero, independiente del alto real de la seccion.
   .slider-active queda envuelto por Slick.js (slick-list/slick-track/slick-slide),
   y esa cadena usa alturas en % que no tienen una altura definida de la que depender
   dentro de un flex con align-items:center (queda "auto"/circular) - por eso el
   align-items:center del d-flex en #parallax no centraba de forma confiable el
   contenido una vez que se acorto (ya no hay tarjeta de imagen ni boton). Se sortea
   con position:absolute + transform, anclado al position:relative de la seccion. */
#parallax .slider-active {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}

/* CEPROME - hero full-bleed: el bloque de texto no se estira sobre toda la foto */
.hero-content-wrap {
	max-width: 650px;
}
/* CEPROME - resguardo de legibilidad puntual (ej. dígitos azules del countdown) sin subir el overlay parejo */
.hero-content-wrap ul li,
.hero-content-wrap h2,
.hero-content-wrap p,
.hero-content-wrap .timer-outer span,
.hero-content-wrap .timer .smalltext {
	text-shadow: 0 2px 8px rgba(0,0,0,0.4);
}

/* CEPROME - franja de organizadores (debajo del hero) */
.organizers-strip {
	background-color: var(--color-primary);
	padding: 55px 0;
	text-align: center;
	position: relative;
	z-index: 2;
}
/* CEPROME - en el footer, el fondo celeste propio de .organizers-strip se veia como una
   "caja dentro de otra caja" contra el navy/circulos del footer. Se quita SOLO en este
   contexto para que los logos (blanco/mono, ya confirmado buen contraste contra navy)
   floten directo sobre el fondo del footer; en el hero sigue con su fondo celeste propio,
   que si funciona bien ahi. */
.footer-bg .organizers-strip {
	background-color: transparent;
}
.organizers-strip .organizers-label {
	display: block;
	color: rgba(255,255,255,.65);
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 18px;
}
.organizers-strip .organizers-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 100px;
}
.organizers-strip .organizers-list li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 190px;
	height: 84px;
}
.organizers-strip .organizers-list li.is-primary {
	width: 230px;
	height: 100px;
}
.organizers-strip .organizers-list li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: opacity .25s ease;
}
.organizers-strip .organizers-list li a:hover {
	opacity: .75;
}
.organizers-strip .organizers-list img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}
@media (max-width: 767px) {
	.organizers-strip .organizers-list {
		gap: 24px;
	}
	.organizers-strip .organizers-list li {
		width: 96px;
		height: 40px;
	}
	.organizers-strip .organizers-list li.is-primary {
		width: 110px;
		height: 48px;
	}
}

/* CEPROME - logo propio de "Expo Buenas Practicas" (Prompt 11), sello independiente
   centrado arriba del eyebrow "EXPO" y el h2 de la seccion #expo (fondo blanco) */
.expo-logo {
	display: block;
	max-height: 90px;
	width: auto;
	margin: 0 auto 28px;
}
@media (max-width: 767px) {
	.expo-logo {
		max-height: 60px;
		margin-bottom: 24px;
	}
}

/* 1. Theme default css */

 body {
	font-family: 'Karla', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #47759d;
	font-style: normal;
}
.item-zoom-inout {
    -webkit-animation: zoom-inout 3s infinite ease-in-out;
    animation: zoom-inout 3s infinite ease-in-out;
}

@-webkit-keyframes zoom-inout {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes zoom-inout {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.text-outline {
    -webkit-text-stroke-color: #d6f1ff;
	-ms-text-stroke-color: #d6f1ff;
	-o-text-stroke-color: #d6f1ff;	
	position: absolute;
	top: -100px;
	left: 30px;
	right: 0;
	z-index: -1;
	color: transparent;
}
.text-outline {
    color: #f5f5f5;
	-webkit-text-stroke: 2px #f3f5ff;
	-webkit-text-fill-color: #fff;
    font-size: 198px;
	font-weight:bold;
}
.img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}
.f-left {
	float: left
}
.f-right {
	float: right
}
.fix {
	overflow: hidden
}
.pt-128{
	padding-top:128px;
}

a,
.button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a:focus,
.button:focus {
	text-decoration: none;
	outline: none;
}
a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
	text-decoration: none;
}
.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: none;
}
.slider-btn .btn.ss-btn {
    background: var(--color-primary);
    box-shadow: none;
    margin-left: 20px;
}
.slider-btn .btn.ss-btn:hover {
    background: #fff;
}
.slider-btn .btn:hover {
    box-shadow: none;
}
a,
button {
	color: #1696e7;
	outline: medium none;
}
button:focus,input:focus,input:focus,textarea,textarea:focus{outline: none;box-shadow: none;}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Montserrat', sans-serif;
	color: #002691;
	margin-top: 0px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}
h1 {
	font-size: 40px;
	font-weight: bold;
}
h2 {
	font-size: 35px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none
}
p {
	font-size: 14px;
	font-weight: normal;
	line-height: 28px;
	color: #47759d;
	margin-bottom: 15px;
  position: relative;
  z-index: 8;
}
hr {
	border-bottom: 1px solid #eceff8;
	border-top: 0 none;
	margin: 30px 0;
	padding: 0;
}
label {
	color: #7e7e7e;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
}
*::-moz-selection {
	background: #d6b161;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}
*::-moz-placeholder {
	color: #9e9e9e;
	font-size: 14px;
	opacity: 1;
}
*::placeholder {
	color: #9e9e9e;
	font-size: 14px;
	opacity: 1;
}
.theme-overlay {
	position: relative
}
.theme-overlay::before {
	background: #1696e7 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
}
.separator {
	border-top: 1px solid #f2f2f2
}
/* button style */

.btn {
	-moz-user-select: none;
	background: var(--color-primary);
	border: none;
	border-radius: 50px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: 0;
	padding: 18px 45px;
	text-align: center;
	text-transform: unset;
	touch-action: manipulation;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	white-space: nowrap;
	position: relative;

}
.btn i{
	margin-right:10px;
} 

.btn:hover{color: #fff;transition: all .3s;box-shadow:0px 10px 19px 0px rgba(var(--color-primary-rgb), 0.4) !important;}
.btn:hover::before{opacity: 0;}
/* CEPROME - CTA "Registrate" (header fijo + hero): en azul primario se perdia contra el
   navy oscuro del fondo del hero. Pasa a ambar/naranja de marca (--color-secondary, el
   mismo que recolorea las lineas del footer, el "VI" del logo y el numero del contador),
   con texto navy (mismo #002691 del header) en vez de blanco, para buen contraste sobre
   el ambar. Scoped con btn-cta para no afectar los demas .btn del sitio (Reservar,
   Registrarme, mailto, etc.) que se quedan en azul primario. */
.btn.btn-cta {
	background: var(--color-secondary);
	color: #002691;
}
.btn.btn-cta:hover {
	background: #e8791a;
	color: #002691;
	box-shadow: 0px 10px 19px 0px rgba(var(--color-secondary-rgb), 0.4) !important;
}
/* .second-header-btn .btn (linea ~677, de la plantilla original) tiene la misma
   especificidad (2 clases) y queda mas abajo en el archivo, asi que le ganaba a la regla
   de arriba en el boton del header. Se sube la especificidad solo para ese caso puntual,
   sin tocar la regla original por si algo mas la necesita. */
.second-header-btn .btn.btn-cta {
	background: var(--color-secondary);
	color: #002691;
	border: none;
}
.second-header-btn .btn.btn-cta:hover {
	background: #e8791a;
	color: #002691;
	border: none;
}
/* .about-area .btn (linea ~506, de la plantilla original) es la misma trampa: 2 clases,
   misma especificidad que .btn.btn-cta, y queda mas abajo en el archivo - alcanza al
   boton "Registrate" de #about (esta dentro de <section id="about" class="about-area...">).
   Ademas trae box-shadow con !important en su estado normal (no solo :hover), asi que hay
   que igualarlo con !important tambien para que no se cuele el brillo azul. */
.about-area .btn.btn-cta {
	background: var(--color-secondary);
	color: #002691;
	box-shadow: none !important;
}
.about-area .btn.btn-cta:hover {
	background: #e8791a;
	color: #002691;
	box-shadow: 0px 10px 19px 0px rgba(var(--color-secondary-rgb), 0.4) !important;
}
/* CEPROME - boton "proximamente" (bases de participacion de #simposio/#expo, pendientes
   de que el comite redacte el texto): mismo componente .btn, look deshabilitado hasta que
   se active el link real. pointer-events:none bloquea clic/hover; tabindex="-1" +
   aria-disabled en el HTML lo saca del tab order para lectores de pantalla. */
.btn-pending {
	opacity: .5;
	cursor: not-allowed;
	pointer-events: none;
}
.btn-pending:hover {
	box-shadow: none !important;
}
/* espacio solo cuando va justo despues de otro .btn (ej. #simposio: "Mas informacion" +
   "Ver bases..."); un boton .btn-pending solo (ej. #expo) no necesita este margen */
.btn + .btn-pending {
	margin-left: 15px;
}
@media (max-width: 575px) {
	.btn + .btn-pending {
		margin-left: 0;
		margin-top: 15px;
	}
}
/* CEPROME - #contacto: 2 botones reales (correo + whatsapp) tras quitar el formulario
   sin mecanismo de envio */
.contacto-actions .btn + .btn {
	margin-left: 15px;
}
@media (max-width: 575px) {
	.contacto-actions .btn + .btn {
		margin-left: 0;
		margin-top: 15px;
	}
}
.breadcrumb > .active {
	color: #888;
}

.about-area .btn{
	background: var(--color-primary);
	box-shadow: 0px 10px 19px 0px rgba(var(--color-primary-rgb), 0.4) !important;
}
.about-area .btn i{
	margin-right:10px;
}
.about-area .btn:hover{
	 transition: all .3s; box-shadow: 0 0 0 0rgba(var(--color-primary-rgb), 0) !important;
}


/* scrollUp */
#scrollUp {
	background:var(--color-primary);
	height: 45px;
	width: 45px;
	right: 50px;
	bottom: 77px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	font-size: 22px;
	line-height: 45px;
	transition: .3s;
}
#scrollUp:hover {
	background:#002691;
}
/* 2. header */
.header-top {
	padding-top: 40px;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 30px;
}
.innder-ht {
	padding: 10px 0;
}
.wellcome-text p {
	margin-bottom: 0;
	color: #8a8a8a;
}
.header-cta ul li {
	display: inline-block;
	margin-left: 35px;
}
.header-cta ul li:first-child{margin-left: 0;}
.header-cta ul li i {
	display: inline-block;
	margin-right: 5px;
	position: relative;
	top: 2px;
}
.header-top-cta ul li {
	display: inline-block;
	width: 200px;
	margin-right: 80px;
}
.header-top-cta ul li:last-child {margin-right: 0;}
.h-cta-icon {
	float: left;
	display: block;
	margin-right: 20px;
}
.h-cta-content {
	overflow: hidden;
}
.h-cta-content h5 {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 0;
}
.h-cta-content p {
	margin-bottom: 0;
	line-height: 1.5;
}
.main-menu ul li {
	display: inline-block;
	margin-left: 25px;
	position: relative;
}
.main-menu ul li.current a {
	color:var(--color-primary);
}
.main-menu ul li a {
	display: inline-block;
	color: #fff;
	font-family: 'Karla', sans-serif;
	font-weight: bold;
	padding: 34px 0;
  font-size: 16px;
	position: relative;
}

.sticky-menu ul li a {
	color: #fff;
}
.main-menu ul li.current::before {
    width: 100%;
    height: 3px;
    position: absolute;
    content: "";
    left: 0;
    bottom:5px;
}
.main-menu ul li:first-child {
	margin-left: 0;
}
.menu-area .menu-tigger {
	cursor: pointer;
	display: block;
	float: left;
	margin-right: 40px;
	margin-top: 27px;
}
.menu-area .menu-tigger span {
	height: 2px;
	width: 30px;
	background: #2935bb;
	display: block;
	margin: 7px 0;
	transition: .3s;
}
.main-menu ul li:hover > a{color:var(--color-primary);}
.main-menu ul li:hover > a::before{width: 100%;}
.display-ib{display: inline-block;}
.header-btn{/*margin-left: 40px;*/}
.header-social a {
	font-size: 14px;
	display: inline-block;
	margin-left: 5px;
	height: 40px;
	width: 40px;
	background: #e9eaf8;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	color:var(--color-primary);
}
.header-social a:hover{color: #fff;background:var(--color-primary);}
.sticky-menu {
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
		z-index: 9999;
		background: #002691;
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
}
.responsive {display: none;}
#mobile-menu {
	display: block;
}
.menu-area .container {
    max-width: 1520px;
}
.second-header {
	border: none;
	padding-bottom: 50px;
	background: #f4f4fe;
	padding-top: 10px;
}
.second-menu {
	position: relative;
	z-index: 9;
	margin-bottom: -120px;
	padding: 15px 2px;
	margin-top: 0;
}

.sticky-menu .second-menu {
	margin: 0;
	box-shadow: none;
	padding: 0;
}
.sticky-menu .second-menu::before{content: none;}
.second-menu .main-menu ul li{margin-left: 32px;}
.second-menu .main-menu ul li:first-child{margin-left: 0;}
.second-menu .main-menu ul li a::before{content: none;}
.second-header-btn .btn {
	border: 2px solid var(--color-primary);
	font-size: 16px;
	background:var(--color-primary);
	font-weight: bold;
	color: #fff;
}
.second-header-btn .btn:hover {
	color: #fff;
	background:var(--color-primary);
}
.second-header-btn .btn i{
	margin-right:10px;
}
.second-header-btn .btn::before{content: none;}
.offcanvas-menu {
	position: fixed;
	right: 0;
	height: 100%;
	width: 300px;
	z-index: 999;
	background: #00081b;
	top: 0;
	padding: 30px;
	transition: .5s;
	transform: translateX(100%);
}
.offcanvas-menu.active{
	transform: translateX(0)
}
.menu-close i {
	font-size: 18px;
	color: #fff;
	transition: .3s;
	cursor: pointer;
}
.menu-close:hover i{
	color: var(--color-primary);
}
.offcanvas-menu ul {
	margin-top: 30px;
}
.offcanvas-menu ul li {
	border-bottom: 1px solid #101c38;
}
.offcanvas-menu ul li a {
	color: #fff;
	font-size: 18px;
	text-transform: capitalize;
	padding: 6px 0;
	display: block;
}
.offcanvas-menu ul li:hover a{
	color: var(--color-primary);
}
.side-social a {
	color: #fff;
	margin-right: 10px;
}
.side-social {
	margin-top: 30px;
}
.side-social a:hover{
	color: var(--color-primary);
}
.offcanvas-menu form {
	position: relative;
	margin-top: 30px;
}
.offcanvas-menu form input {
	width: 100%;
	background: none;
	border: 1px solid #2d3547;
	padding: 7px 10px;
	color: #fff;
}
.offcanvas-menu form button {
    position: absolute;
    border: none;
    right: 0;
    background: var(--color-primary);
    padding: 8px 14px;
	top: 0;
	cursor: pointer;
}
.offcanvas-menu form button i {
	color: #fff;
}
.offcanvas-overly {
	position: fixed;
	background: #000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
.offcanvas-overly.active{
	opacity: .5;
	visibility: visible;
}
.off-logo {display: none;}
/* conterdown */
.timer {
  margin: 0 0 45px;
  font-family: sans-serif;
  color: #fff;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
}
.timer .timer-outer {
  padding: 20px;
	border-radius: 3px;
	display: inline-block;
	font-size: 26px;
	font-weight: 400;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	margin-right: 15px;
    font-size: 34px;
    font-weight: bold;
    font-family: Montserrat;
}
.timer .smalltext {
  color: #fff;
  font-size: 12px;
  display: block;
  padding: 0;
  font-family: 'Karla', sans-serif;
  width: auto;
}
.timer #time-up {
  margin: 8px 0 0;
  text-align: left;
  font-size: 14px;
  color: #000000;
  letter-spacing: 1px;
}
.bdr1{
	background:url("../img/count-bg1.png");
}
.bdr2{
	background:url("../img/count-bg2.png");
}
.bdr3{
	background:url("../img/count-bg3.png");
}
.bdr4{
	background:url(../img/count-bg4.png);
}

/* breadcrumb */
.breadcrumb-area {
	/*min-height: 600px;*/
	padding-top: 200px;
	padding-bottom: 100px;
	background-position: center;
	background-size: cover;
	background-color:var(--color-primary);
	position:relative;
}
.breadcrumb-area::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #240065;
    opacity: .86;
}
.breadcrumb {
	display: inline-block;
	-ms-flex-wrap: wrap;
	flex-wrap: unset;
	padding: 0;
	margin-bottom: 0;
	list-style: none;
	background-color: unset;
	border-radius: 0;
}
.breadcrumb-area .ss-one {

    top: 50% !important;
    left: 30px !important;

}
.breadcrumb-area .ss-four {

    top: 50% !important;
    left: 90% !important;

}
.breadcrumb-area .ss-three {
    top: -18px !important;
    left: 60% !important;
}
.breadcrumb li {display: inline-block;}
.breadcrumb li a {
	font-size: 16px;
	color: #fff;
}
.breadcrumb-item + .breadcrumb-item::before {
	display: inline-block;
	padding-right: 15px;
	padding-left: 15px;
	color: #ddd;
content: "|";
}
.breadcrumb-title h2 {
	font-size: 70px;
	margin-bottom: 25px;
	line-height: 1;
	color: #fff;
}
.breadcrumb-title p {
	margin-bottom: 0;
	padding: 0 40px;
	color: #fff;
	font-size: 16px;
}
.breadcrumb > .active {
	color: #fff;
	font-weight: bold;
}
/* 3. slider */
.slider-bg {
	min-height: 1000px !important;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 1;
}
.slider-bg2::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background:#4700c8;
	opacity: .6;
	z-index: -1;
}
.slider-bg2 .second-slider-content h2 {

    font-size: 120px;
    margin-bottom: 20px;

}
.slider-bg2 .slider-content.second-slider-content::before {
    width: 580px;
    content: "";
    border: 15px solid #6c35cf;
    left: 0;
    height: 60px;
    display: inline-block;
    margin-bottom: 50px;
    border-bottom: none;
}
.slider-bg2 .slider-content.second-slider-content::after {
    width: 580px;
    content: "";
    border: 15px solid #6c35cf;
    left: 0;
    height: 60px;
    display: inline-block;
    margin-top: 50px;
    border-top: none;
}
.slider-bg2 .ss-three {

    top: 85% !important;
    left: 60% !important;

}
.slider-bg2 .ss-two {

    top: 20% !important;
    left: 45% !important;

}
.slider-bg2 .ss-one {

    top: 50% !important;
    left:20% !important;

}
.slider-bg2 .ss-four {

    top: 20% !important;
    left: 70% !important;

}
.slider-bg2 .slider-content ul li
{
	margin-right:0;
}
.slider-bg2 .slider-content ul li::after {
    content: "|";
    margin: 0 30px;
}
.slider-bg2 .slider-content ul li:last-child::after{
	display:none;
}


.slider-bg3 .second-slider-content h2 {

    font-size: 100px;
    margin-bottom: 20px;

}

.slider-bg3 .ss-three {

    top: 85% !important;
    left: 28% !important;

}
.slider-bg3 .ss-two {

    top: 20% !important;
    left: 45% !important;

}
.slider-bg3 .ss-one {
    top: 25% !important;
    left: 8% !important;
}

.slider-bg3 .ss-four {
top: 20% !important;
left: 98% !important;
}
.slider-bg3 .slider-content ul li
{
	margin-right:0;
}
.slider-bg3 .slider-content ul li::after {
    content: "|";
    margin: 0 30px;
}
.slider-bg3 .slider-content ul li:last-child::after{
	display:none;
}
.slider-bg3 .timer .timer-outer {
    width: auto;
    height: auto;
    font-size: 60px;
	text-align: left;
}
.slider-bg3 .bdr1 {
    background: none;
}
.slider-bg3 .bdr1 span{
	color:#fff;
}
.slider-bg3 .bdr2 {
    background: none;
}
.slider-bg3 .bdr2 span{
	color:var(--color-secondary);
}
.slider-bg3 .bdr3 {
    background: none;
}
.slider-bg3 .bdr3 span{
	color:#fff;
}
.slider-bg3 .bdr4 {
    background: none;
}
.slider-bg3 .bdr4 span{
	color:var(--color-secondary);
}
.slider-bg3 .slick-list {
    overflow: inherit;
}
.slider-bg4 {
    min-height: 700px !important;
}
.slider-content ul li {
    display: inline-block;
    font-size: 18px;
    margin-right: 60px;
    margin-bottom: 20px;
    color: #fff;
}
.slider-content ul li i{
	margin-right:10px;
}
.slider-content > span {
	font-size: 16px;
	font-weight: bold;
	color: var(--color-primary);
	text-transform: uppercase;
	letter-spacing: 6px;
	display: block;
	margin-bottom: 20px;
}
.slider-content h2 {
	font-size: 80px;
	color: #fff;
	letter-spacing: -2px;
	line-height: 1.1;
	margin-bottom: 40px;
}
.slider-content h2 span {
	color: var(--color-primary);
}
.slider-content p span {
	display: inline-block;
	height: 2px;
	width: 40px;
	background: var(--color-secondary);
	margin-right: 20px;
	position: relative;
	top: -4px;
}
.slider-content p {
	color: #fff;
	font-size: 18px;
	margin-bottom: 0;
}
.slider-btn .btn {
	background: #fff;
	color:var(--color-primary);
}
.slider-btn .btn::before {
	content: none;
}
.slider-btn .btn {
	box-shadow: 3px 3px 0 0 var(--color-primary);
}
.slider-btn .btn:hover{box-shadow: none;}
.p-relative{position: relative;}
.down-arrow {
	position: absolute;
	bottom: 60px;
	left: 0;
	right: 0;
	color: #fff;
	z-index: 1;
	height: 60px;
	width: 30px;
	margin: auto;
	text-align: center;
	line-height: 60px;
	border: 2px solid #fff;
	border-radius: 50px;
	font-size: 18px;
}
.down-arrow:hover{color: #fff;}
.slider-active .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 70px;
	height: 60px;
	width: 60px;
	color:var(--color-primary);
	font-size: 18px;
	line-height: 65px;
	border: none;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	z-index: 9;
	cursor: pointer;
	padding: 0;
	box-shadow: 4px 2px 0 0 transparent;
	transition: .5s;
}
.slider-active .slick-next {
	right: 70px;
	left: auto;
}
.slider-active .slick-arrow:hover {
	box-shadow: 4px 2px 0 0 var(--color-primary);
}
.second-slider-content h2 {
	font-size: 90px;
	margin-bottom: 20px;
}
.second-slider-bg::before{opacity: .85;}
.second-slider-content {
	padding-top: 85px;
	padding-bottom: 5px;
}
.slider-shape{position: absolute !important; z-index:1;}
.ss-one {
	top: 180px !important;
	left: 115px !important;
}
.ss-two {
	top: 60% !important;
	left: 18% !important;
}
.ss-three {
	top: 80% !important;
	left: 8% !important;
}
.ss-four {
	top: 85% !important;
	left: 30% !important;
}
.ss-five {
	left: 61% !important;
	top: 83% !important;
}
.ss-six {
	left: 88% !important;
	top: 80% !important;
}
.ss-seven {
	top: 20% !important;
	left: 89% !important;
}
.ss-eight {
    top: 150px !important;
    left: 60% !important;
}
/* 4. about */
.about-img {
	margin-left: -50px;
}
.about-text {
	position: absolute;
	bottom: 65px;
	right: 30px;
	height: 135px;
	width: 265px;
	text-align: center;
	background:var(--color-primary);
	box-shadow: 5px 5px 0 0 var(--color-primary);
}
.about-text span {
	font-size: 24px;
	color: #fff;
	font-style: italic;
	top: 30px;
	position: relative;
}
.about-title > span {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background:var(--color-primary);
	height: 30px;
	display: inline-block;
	width: 110px;
	text-align: center;
	line-height: 30px;
	margin-bottom: 30px;
}
.about-title h2 {
	font-size: 60px;
	margin-bottom: 35px;
}
.about-title h5{
	color:#00a8ff;
	font-size:24px;
	font-weight:500;
	margin-bottom: 20px;
}
.about-title p {
	font-size: 18px;
	margin-bottom: 0;
}
.about-content p {
	margin-bottom: 45px;
}
.section-t h2 {
	  color: #f5f5f5;
	-webkit-text-stroke: 2px #f3f5ff;
	-webkit-text-fill-color: #fff0;
    font-size: 200px;
	font-weight:bold;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	z-index: -1;
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	top: -35px;
	line-height: 1;
}
.second-about {
	top: 50%;
	transform: translate(-50%,-50%);
	left: 50%;
	right: 0;
	bottom: 0;
}
.second-atitle > span {
	font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--color-primary);
    letter-spacing: 2px;
    display: block;
    margin-bottom: 20px;
    background: transparent;
    width: auto;
    text-align: left;

}
.s-about-content p {
	margin-bottom: 15px;
}

.feature-box {
    float: left;
    width: 50%;
    text-align: center;
    margin-bottom: 50px;
}
/* CEPROME - .feature-box{width:50%} asume 2 cajas metidas dentro de UNA sola columna ancha
   (el layout original de about.html). Al usarlo dentro de columnas Bootstrap ya angostas
   (col-lg-3/col-md-6, como en #about y #expo), cada caja solo llenaba la mitad de su propia
   columna - con 4 cajas de distinto alto de texto, el float se rompia (cajas apiladas sin
   alinear en vez de una fila pareja). .feature-grid anula el float/50% para que cada caja
   llene el 100% de su columna Bootstrap real; el alineado de 4/2/1 por fila ya lo resuelve
   el grid de Bootstrap (col-lg-3 col-md-6 col-12), no CSS custom. */
.feature-grid .feature-box {
	float: none;
	width: 100%;
}
/* el fix de arriba solo resolvia el ancho de la CAJA; adentro, .icon(30%)/.content(70%)
   seguian lado a lado - en una columna de 4-por-fila (~225px utiles), 70% son ~155px,
   muy poco para titulos como "Stands Interactivos" (una palabra por linea). Se apila
   icono arriba + texto abajo, ambos a todo el ancho de la caja. */
.feature-grid .feature-box .icon {
	float: none;
	width: 100%;
	margin-bottom: 15px;
}
.feature-grid .feature-box .content {
	float: none;
	width: 100%;
}
.feature-grid > [class*="col-"] {
	margin-bottom: 30px;
}
@media (min-width: 992px) {
	.feature-grid > [class*="col-"] {
		margin-bottom: 0;
	}
}
.feature-box .crl {
    background: #fff5f5;
    display: inline-block;
    width: 158px;
    height: 158px;
    border-radius: 50%;
	position:relative;
	padding: 48px 0;
}
.feature-box .crl img{
	width:auto;
}
.feature-box .crl span {
	position: absolute;
top: 18px;
right: -15px;
background: var(--color-primary);
width: 45px;
padding: 7px 0;
border-radius: 50%;
color: #fff;
font-size: 18px;
border: 2px solid #fff;
}
.feature-box .icon {
    float: left;
    font-size: 36px;
    width: 30%;
    text-align: center;
}
.feature-box .icon.color1{
	color:#ffca6f;
}
.feature-box .icon.color2{
	color:#892aff;
}
.feature-box .icon.color3{
	color:#2a84ff;
}
.feature-box .icon.color4{
	color:#ff6089;
}
.feature-box .content {
    float: left;
    width: 70%;
    padding: 15px 0;
}
/* 5. features */
.features-content h4 {
	font-size: 24px;
	margin-bottom: 17px;
}
.features-content p {
	padding: 0 40px;
	margin-bottom: 25px;
}
.s-btn {
	font-size: 14px;
	font-weight: bold;
	color: #252525;
	display: inline-block;
	border: 1px solid #ccc;
	padding: 9px 30px;
	border-radius: 50px;
}
.s-btn:hover {
	background: var(--color-primary);
	border-color: var(--color-primary);
	color: #fff;
}
.section-title span {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: var(--color-primary);
	letter-spacing: 2px;
	display: block;
	margin-bottom: 20px;
}
.section-title h2 {
	font-size: 55px;
	letter-spacing: -2px;
	margin-bottom: 0px;
	position: relative;
}

.features-p {
	padding-top: 380px;
}
.features-icon img {
	border: 5px solid transparent !important;
	border-radius: 50% !important;
	transition: .5s;
}
.s-features:hover .features-icon img {
	border: 5px solid var(--color-primary) !important;
}
.features-shape{position: absolute;}
.fshape-one {
	left: 120px;
	top: 25%;
}
.fshape-two {
	left: 15%;
	top: 51%;
}
.fshape-three {
	top: 69%;
	left: 6%;
}
.fshape-four {
	top: 40%;
	left: 89%;
}
.fshape-five {
	top: 71%;
	left: 83%;
}

.choose-area .section-title h2::before
{
	background:#fff;
}
/* 6. services */
.services-area.gray-bg{position: relative;z-index: 1;overflow: hidden;}
.single-services {
	background: #fff;
	box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
	position: relative;
}
.single-services::before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	left: 5px;
	top: 5px;
	background: #43d4a9;
	z-index: -1;
	transition: .3s;
	opacity: 0;
}
.service-t h2 {
	top: 55px;
}
.services-thumb img {
	width: 100%;
}
.services-content span {
	display: none;
	height: 2px;
	width: 150px;
	background:var(--color-primary);
	transition: .3s;
	margin-bottom: 55px;
}
.services-content {
	padding: 60px 40px;
	padding-bottom: 55px;
}
.services-content small {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: block;
	margin-bottom: 20px;
}
.services-content h4 {
	font-size: 24px;
	margin-bottom: 23px;
}
.services-content h4:hover a{color: var(--color-primary);}
.services-content p{margin-bottom: 0;}
.single-services:hover .services-content span {background: var(--color-primary);}
.single-services:hover::before{opacity: 1;}
.services-active .slick-dots {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -40px;
	line-height: 1;
}
.services-active .slick-dots li{display: inline-block;margin: 0 5px;}
.services-active .slick-dots li button {
	text-indent: -99999px;
	border: none;
	padding: 0;
	height: 5px;
	width: 20px;
	background:var(--color-primary);
	border-radius: 50px;
	z-index: 1;
	cursor: pointer;
	transition: .3s;
}
.services-active .slick-dots li.slick-active button {
	width: 50px;
	background: var(--color-primary);
}
.services-active .slick-track {
	padding-bottom: 10px;
}
.services-icon {
	margin-bottom: 35px;
}
.second-services-content h5 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
	transition: .3s;
}
.second-services-content p {
	margin-bottom: 18px;
}
.second-services-content a {
	font-size: 14px;
	font-weight: bold;
	color: #47759d;
	position: relative;
	transition: .5s;
}
.second-services-content a::before,.second-services-content a::after {
	content: "";
	position: absolute;
	right: -50px;
	top: 50%;
	transform: translateY(-50%);
	height: 2px;
	width: 30px;
	background: #47759d;
	transition: .5s;
	opacity: 1;
}
.second-services-content a::after {
	left: -40px;
	right: unset;
	opacity: 0;
}
.s-single-services {
	transition: .3s;
	padding: 60px 40px;
}
.s-single-services:hover {background: #fff;}
.s-single-services:hover .second-services-content h5{color:var(--color-primary);}
.s-single-services:hover .second-services-content a{padding-left: 50px;color:var(--color-primary);}
.s-single-services:hover .second-services-content a::before{right: -60px;opacity: 0;}
.s-single-services:hover .second-services-content a::after{left: 0;opacity: 1;background:var(--color-primary);}
.s-single-services.active {background: #fff;}
.s-single-services.active .second-services-content h5{color:var(--color-primary);}
.s-single-services.active .second-services-content a{padding-left: 50px;color:var(--color-primary);}
.s-single-services.active .second-services-content a::before{right: -60px;opacity: 0;}
.s-single-services.active .second-services-content a::after{left: 0;opacity: 1;background:var(--color-primary);}
.services-bg {
	background-position: center;
	background-size: cover;
}
/* 7. video */
.video-position {
	position: absolute;
	bottom: -170px;
	left: 50px;
}
.video-img {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.video-img::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background:var(--color-primary);
	opacity: .65;
}
.video-img a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 9;
	font-size: 14px;
	color: var(--color-primary);
	height: 80px;
	width: 80px;
	text-align: center;
	line-height: 80px;
	background: #fff;
	border-radius: 50%;
}
.video-img a::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	height: 90px;
	width: 90px;
	background: rgba(255, 255, 255, 0.479);
	z-index: -1;
	border-radius: 50%;
	transform: translate(-50%,-50%);
	animation: pulse-border 1boldms ease-out infinite;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	opacity: 1;
	}
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
	opacity: 0;
	}
}
.left-align h2::before{margin: unset;}
.video-content p {
	margin-bottom: 30px;
}
.v-list ul li {
	margin-bottom: 20px;
}
.v-list ul li:last-child {
	margin-bottom: 0px;
}
.v-list ul li i {
	color:var(--color-primary);
	display: inline-block;
	margin-right: 5px;
}
.v-padding {
	padding-top: 35px;
}
.s-video-wrap {
	background-position: center;
	background-size: cover;
	height: 550px;
	display: flex;
	align-items: flex-end;
	margin-top: 55px;
	position:relative;
	border-radius:30px;
}
.s-video-wrap::before {
    position: absolute;
    content: "";
    background: rgba(0, 38, 145, .3);
    width: 100%;
    height: 100%;
    top: 0;
	border-radius:30px;
}
.about-area .s-video-wrap {
 border-radius:0;
}
.about-area .s-video-wrap::before {
  display:none;
}
.about-area .s-video-wrap::after {
    background: #04a4df;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
    left: 3%;
    top: 3%;
}
.about-area .s-video-content a {
    z-index: 9;
    font-size: 20px;
    color: #fff;
    height: 80px;
    width: 80px;
    text-align: center;
    line-height: 80px;
    background: var(--color-primary);
    border-radius: 50%;
    display: inline-block;
    position: relative;
}
.about-area .s-video-wrap {
    align-items: center;
}
.s-video-content {
    width: 100%;
    text-align: center;
	position: relative;
}
.s-video-content a {
	z-index: 9;
	font-size: 40px;
	color: #fff;
	height: 170px;
	width: 170px;
	text-align: center;
	line-height: 170px;
	background: var(--color-primary);
	border-radius: 50%;
	display: inline-block;
	position: relative;
}
.s-video-content a::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	height: 170px;
	width: 170px;
	background: rgba(255, 255, 255, 0.479);
	z-index: -1;
	border-radius: 50%;
	transform: translate(-50%,-50%);
	animation: pulse-border 1500ms ease-out infinite;
}
.s-video-content h2 {
	font-size: 55px;
	color: #fff;
	font-weight: 600;
	letter-spacing: -2px;
	margin-bottom: 20px;
}
.s-video-content p {
	font-size: 18px;
	color: #fff;
	margin-bottom: 0;
}
/* 8. choose */
.chosse-img {
	background-size: cover;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 50%;
	background-repeat: no-repeat;
	background-position: center;
}
.choose-content p {
	margin-bottom: 30px;
	color: #fff;
}
.choose-list ul li {
	margin-bottom: 20px;
	color: #fff;
}
.choose-list ul li i {
	color: #fff;
	display: inline-block;
	margin-right: 5px;
}
.choose-area {
	background-size: cover;
	background-position: center;
}
.choose-content p {
	margin-bottom: 30px;
	color: #fff;
	padding-right: 150px;
}
/* 9. brand */
.single-brand {text-align: center;}
.single-brand img {display: inline-block;}
/* 10. work-process */
.wp-bg {
	background-position: center;
	background-size: cover;
}
.w-title h2{color: #fff;}
.w-title h2::before{background-color: #fff;}
.wp-list {
	background: #232c8e;
	box-shadow: 0px 10px 30px 0px rgba(29, 38, 129, 0.48);
	padding: 80px 50px;
	padding-bottom: 75px;
}
.wp-list ul li {
	display: flex;
	align-items: start;
	overflow: hidden;
	margin-bottom: 45px;
}
.wp-list ul li:last-child {
	margin-bottom: 0px;
}
.wp-icon {
	margin-right: 25px;
}
.wp-content h5 {
	color: #fff;
	font-size: 24px;
	margin-bottom: 15px;
}
.wp-content p{color: #fff;margin-bottom: 0;}
.wp-tag {
	position: absolute;
	left: 70px;
	top: 90px;
	animation: alltuchtopdown 3s infinite;
    -webkit-animation: alltuchtopdown 3s infinite;
    animation-delay: 0s;
    -webkit-animation-delay: 1s;
}
@keyframes alltuchtopdown {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
	transform: rotateX(0deg) translateY(0px);
	}
  50% {
    -webkit-transform: rotateX(0deg) translateY(-10px);
    -moz-transform: rotateX(0deg) translateY(-10px);
    -ms-transform: rotateX(0deg) translateY(-10px);
    -o-transform: rotateX(0deg) translateY(-10px);
	transform: rotateX(0deg) translateY(-10px);
	}
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
	transform: rotateX(0deg) translateY(0px);
	}
}
@-webkit-keyframes alltuchtopdown {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
	transform: rotateX(0deg) translateY(0px);
	}
  50% {
    -webkit-transform: rotateX(0deg) translateY(-10px);
    -moz-transform: rotateX(0deg) translateY(-10px);
    -ms-transform: rotateX(0deg) translateY(-10px);
    -o-transform: rotateX(0deg) translateY(-10px);
	transform: rotateX(0deg) translateY(-10px);
	}
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
	transform: rotateX(0deg) translateY(0px);
	}
}
.wp-img {
	margin-right: -60px;
	margin-top: -60px;
	margin-bottom: -15px;
}
.wp-thumb img {
	width: 100%;
}
.inner-wp-icon {
	float: left;
	display: block;
	margin-right: 30px;
}
.inner-wp-c {
	overflow: hidden;
	display: block;
}
.inner-wp-c h5 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 15px;
}
.inner-wp-c p{margin-bottom: 0;}
/* 11. team */
.team-area{
	background:#f6fbff;
}
.team-area p{
	margin-top:10px;
	margin-bottom:0;
	color: var(--color-primary);
	font-style:italic;
}
.team-area strong{
	color: var(--color-primary);
	font-size:16px;
}
.team-social {
    border-bottom: 1px solid #e2edff;
}
.team-area .section-t h2 {
    color: #f6fbff;
    -webkit-text-stroke: 2px #ecefff;
    -webkit-text-fill-color: #f6fbff;
}
.single-team {
    background: #fff;
	position:relative;
}
.single-team .tag {
    position: absolute;
    top: 2%;
    right: 5%;
    color: #002691;
    background: var(--color-secondary);
    padding: 3px 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.team-thumb{margin-bottom: 5px;}

/* CEPROME - tarjeta de ponente "por confirmar": silueta generica en vez de foto */
.team-thumb-placeholder {
	width: 150px;
	height: 150px;
	margin: 0 auto;
	border-radius: 50%;
	background: #edf5ff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 60px;
	color: #b7c9e0;
}
/* CEPROME - listo para cuando haya bios reales (no se usa en las tarjetas placeholder) */
.team-bio {
	font-size: 14px;
	color: #7886a0;
	margin-top: 10px;
}

.team-info {
	margin-left: 15px;
	margin-right: 20px;
	transform: translateY(0);
	padding: 20px 20px 0;
	transition: .3s;
}
.team-info h4 {
	font-size: 20px;
	margin-bottom: 5px;
	transition: .3s;
}
.team-info span {
	font-size: 16px;
	transition: .3s;
}
.team-social a {
font-size: 14px;
color: #96b3cd;
margin: 0 3px;
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
border: 2px solid #e2edff;
border-radius: 50%;
}
.team-social a:hover {
font-size: 14px;
color: #fff;
background:var(--color-primary);
box-shadow: 0px 10px 19px 0px rgba(var(--color-primary-rgb), 0.4) !important;
border: 2px solid var(--color-primary);
}

/*.single-team:hover .team-info{transform: translateY(-45px);background:var(--color-primary);box-shadow: 5px 5px 0 0 var(--color-primary);}
.single-team:hover .team-info h4{color: #fff;}
.single-team:hover .team-info span{color: #fff;}
.single-team:hover .team-info a{color: #fff;}*/
.team-t h2 {
	top: -73px;
}
.team-area-content {
    background: #fff;
}
.team-area-content p {
    font-style: inherit;
    color: #47759d;
	font-size: 16px;
}
.team-area-content span{
	margin-top: 10px;
	margin-bottom: 15px;
	color: var(--color-primary);
	font-weight: bold;
	font-size: 16px;
	display: inline-block;
}
.team-area-content i{
	font-weight:normal;
}
.team-area-content .social a i.fab{
    font-size: 16px;
    color: #96b3cd;
    margin-right: 15px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 37px;
    border: 2px solid #e7ebff;
    border-radius: 50%;
	text-align: center;
}
.team-area-content .circal2 {
    top: 75%;
}
.circal1 {
    height: 26px;
    width: 26px;
    background: #ffcece;
    border-radius: 50%;
    position: absolute;
    left: 5%;
}
.circal2 {
    height: 130px;
	width: 130px;
	background: #ffb884;
	border-radius: 50%;
	position: absolute;
	left: 16%;
	top: 54%;
}
.circal3 {
    height: 66px;
    width: 66px;
    background: #00b4ff;
    border-radius: 50%;
    position: absolute;
	top: 50%;
    right: 8%;
}
.circal4 {
    height: 380px;
	width: 380px;
	background: #00f6ff;
	border-radius: 50%;
	position: absolute;
	right: -9%;
	top: 54%;
}
/* 12. counter */
.counter-area{
	position:relative;
}
/* CEPROME - counter-area paso de "3 circulos de estadisticas" (cifras inventadas, sin
   uso) a el mensaje largo del comite ("Por que Reconstruir la confianza"). Tipografia de
   lectura larga: mas interlineado y espacio entre parrafos que un parrafo corto de tarjeta,
   texto alineado a la izquierda (centrado se lee mal en varias lineas), ancho de columna ya
   limitado por col-lg-8 sobre un container ~1140px (~760px, dentro del rango pedido). */
.mensaje-comite p {
	font-size: 16px;
	line-height: 1.9;
	color: #fff;
	text-align: left;
	margin-bottom: 24px;
	text-shadow: 0 1px 4px rgba(0,0,0,0.25);
}
.mensaje-comite p:last-child {
	margin-bottom: 0;
}
.counter-area ul{
	margin-top:50px;
	color:#fff;
	font-size:16px;
}
.counter-area > span {
    color: var(--color-primary);
}
.counter-area ul li {
    float: left;
    margin-bottom: 30px;
}
.counter-area ul li img{
	float:left;
}
.counter-area ul li span {
    float: left;
    width: 80%;
    margin-left: 30px;
}
.counter-area::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(../img/counter-overley.png);
	background-size: cover;
}
.counter-area h2 {
    font-size: 60px;
    margin-bottom: 35px;
	color:#fff;
}
.counter-area h5 {
    color: #f9ff54;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}
.count {
	font-size: 80px;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 0;
	line-height: 1;
	display: inline-block;
	font-weight: bold;
}
.counter small {
	font-size: 80px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	position: relative;
	right: 0;
	font-family: 'Montserrat', sans-serif;
}
.cr1 {
    width: 250px;
    height: 250px;
    position: absolute;
    background: #af77ebd6;
    padding: 72px 0;
	z-index: 1;
    border-radius: 50%;
}
.cr2 {
    width: 325px;
	height: 325px;
	position: absolute;
	background: #05c24ae6;
	padding: 112px 0;
	border-radius: 50%;
	top: 111px;
	left: 30%;
}
.cr3 {
    width: 180px;
    height: 180px;
    position: absolute;
    background: #04bdebe8;
    padding: 40px 0;
    left: 66%;
    border-radius: 50%;
}
.cr3 .count,.cr3 small{
	font-size:60px;
}
.cr4 {
    width: 15px;
    height: 15px;
    position: absolute;
    background: #eaff00;
    left: 53%;
    border-radius: 50%;
    top: 10%;
}
.cr5{
    width: 40px;
	height: 40px;
	position: absolute;
	background: #00fcff;
	left: 16%;
	border-radius: 50%;
	top: 65%;
}
.cr6 {
   width: 15px;
   height: 15px;
   position: absolute;
   background: #ff00a2;
   right: -10%;
   border-radius: 50%;
   top: 60%;
   }
.counter-area .second-atitle span {
    color: var(--color-primary);
}


.single-counter p {
    font-size: 20px;
    margin-bottom: 0;
    color: #fff;
}
/* 12. contact */
.contact-area{
	position:relative;
}

.contact-area::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background:rgba(0, 0, 0, 0) linear-gradient(90deg, rgba(0, 55, 213, 0.80), rgba(0, 174, 255, 0.80)) repeat scroll 0 0;
	background-size: cover;
}
.contact-area h2 {
    font-size: 60px;
    margin-bottom: 35px;
	color:#fff;
}
.contact-area h5 {
    color: #fff;
	font-size:24px;
}
.contact-area .second-atitle > span,.contact-area p{
	 color: #fff;
}
/* CEPROME - texto/links de "Como llegar a la sede" (Sede del Congreso/Contacto/Registrate):
   los <a> (direccion UNIVA, correo, whatsapp, link de registro) heredaban el azul de link
   por defecto de Bootstrap (#007bff), casi invisible contra el degradado azul de fondo. Se
   fuerzan a blanco + subrayado (unica senal de que son clickeables, ya que no hay azul de
   link) y hover en ambar de marca para contraste claro. Tambien +2px de tamano al texto de
   cada columna, se sentia chico comparado con el resto del sitio. */
.contact-area .feature-box p {
	font-size: 16px;
	line-height: 1.6;
	text-shadow: 0 1px 4px rgba(0,0,0,0.35);
}
.contact-area .feature-box p a {
	color: #fff;
	text-decoration: underline;
}
.contact-area .feature-box p a:hover {
	color: var(--color-secondary);
}
.contact-area h5 {
	text-shadow: 0 1px 4px rgba(0,0,0,0.35);
}
.contact-area .feature-box .icon {
    font-size: 24px;
    width: 15%;
    text-align: left;
    color: #fff;
}
.contact-area .feature-box .content {
    float: left;
    width: 85%;
    padding: 5px 0 0;
}
.contact-area .feature-box {
    margin-bottom: 0;
}
/* CEPROME - de 4 items a 3 (se quito "Tickets info", dato de ejemplo redundante); el
   float:50% base dejaba 2 parejas + 1 huerfana a media anchura. Ancho completo y
   espaciado uniforme entre las 3, parejas entre si. */
.contact-info-list {
	width: 100%;
}
.contact-info-list .feature-box {
	width: 100%;
	margin-bottom: 30px;
}
.contact-info-list .feature-box:last-child {
	margin-bottom: 0;
}
.contact-area .in-circal1 {
    background: #4abdff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
	top:5%;
    left: 10%;
    border: 10px solid #fff;
}
.contact-area .in-circal2 {
    background: #4abdff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
	top:35%;
    left: 35%;
    border: 10px solid #fff;
}
.contact-area .in-circal3 {
    background: #4abdff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
	top:25%;
    right: 10%;
    border: 10px solid #fff;
}
.contact-area .in-circal4 {
    background: #4abdff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
	top:55%;
    right: 25%;
    border: 10px solid #fff;
}
.contact-area .in-circal5 {
    background: #4abdff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
	top:80%;
    left: 30%;
    border: 10px solid #fff;
}
/*--- portfolio ---*/
.portfolio-area {
    background: #f6fbff;
}
.grid-item {
    padding-bottom: 15px;
    padding-bottom: 15px;
    padding-right: 7px;
    padding-left: 7px;
}
/* Shop */
.shop-area select {
    padding: 10px;
}
.product__img {
  position: relative;
}
.product__img img {
	width: 100%;
}
.product:hover .product-action a {
  margin: 0 5px;
  opacity: 1;
  visibility: visible;
}

.product-action {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
}

.product-action a {
	display: inline-block;
	background: #ffffff;
	line-height: 40px;
	color: #a39fb4;
	margin: 0 8px;
	opacity: 0;
	visibility: hidden;
	border-radius: 5px;
	padding: 0 20px;
}

.product-action a:hover {
  background: #E12454;
  color: #ffffff;
}

.pro-cat {
  margin-bottom: 15px;
  display: block;
}

.pro-cat a {
  color: var(--color-primary);
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: bold;
  text-transform: uppercase;
}

.pro-title {
  margin-bottom: 12px;
}

.pro-title a {
  font-size: 24px;
}

.pro-title a:hover {
  color: #E12454;
}

.price span {
  color: #8e84b8;
  font-size: 14px;
  display: inline-block;
  margin: 0 5px;
}

.price span.old-price {
  color: #b7afd5;
  text-decoration: line-through;
}

.product-showing p {
  margin: 0;
  border: 2px solid #eaedff;
  padding: 17px 30px;
  text-align: center;
  line-height: 1;
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .product-showing p {
    padding: 17px 15px;
  }
}

.pro-filter {
  position: relative;
  display: inline-block;
}

@media (max-width: 767px) {
  .pro-filter {
    float: left;
  }
}
.img, img {
    max-width: 100%;
    transition: all 0.3s ease-out 0s;
}
.pro-filter select {
  border: 2px solid #eaedff;
  padding: 17px 30px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 1;
  color: #6f7172;
  appearance: none;
  -moz-appearance: none;
  width: 145px;
  font-weight: 500;
}
.pro-filter .nice-select {
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	border-radius: 0;
	border: solid 1px #e8e8e8;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 50px;
	line-height: 48px;
	outline: none;
	padding-left: 18px;
	padding-right: 30px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: auto;
}
.pro-filter::before {
  content: "\f107";
  right: 15px;
  top: 15px;
  position: absolute;
  color: #758799;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
}

.shop-tab ul li {
  margin-left: 20px;
}

@media (max-width: 767px) {
  .shop-tab ul li {
    margin-left: 10px;
  }
}

.shop-tab ul li a {
	font-size: 14px;
	font-weight: 500;
	color: #6f7172;
	letter-spacing: 2px;
	padding: 0;
	text-transform: uppercase;
	position: relative;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	background: #f6f6ff;
	line-height: 51px;
	text-align: center;
}

.shop-tab ul li a.active {
  color: white;
  background: #8fb569;
}

.shop-thumb-tab {
  width: 160px;
  float: right;
}

@media (max-width: 767px) {
  .shop-thumb-tab {
    float: none;
    width: 100%;
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .shop-thumb-tab ul {
    margin: 0 -5px;
  }
}

.shop-thumb-tab ul li {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .shop-thumb-tab ul li {
    width: 33.33%;
    float: left;
    padding: 0 5px;
  }
}

.shop-thumb-tab ul li a {
  padding: 0;
}

.product-details-img {
  margin-right: 180px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .product-details-img {
    margin-left: 0;
  }
}

.product-details-title p {
  color: #6a667b;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.product-details-title h1 {
  font-size: 40px;
  margin: 0;
  line-height: 1.2;
  letter-spacing: -2px;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .product-details-title h1 {
    font-size: 36px;
  }
}
.details-price span {
	color: var(--color-primary);
	font-size: 20px;
	font-weight: 400;
	margin-left: 0;
	margin-right: 10px;
}

.details-price {
  border-bottom: 2px solid #eaedff;
}

.product-cat span {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  color: #100d1c;
}

.product-cat a {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
}

.product-cat a:hover {
  color: #8fb569;
}

.product-social a {
  margin-right: 10px;
  background: #f5f5ff;
  height: 50px;
  width: 50px;
  line-height: 48px;
  border-radius: 30px;
  color: #6f7172;
  display: inline-block;
  text-align: center;
  font-size: 14px;
}

@media (max-width: 767px) {
  .product-social a {
    margin-bottom: 10px;
  }
}

.product-social a:hover {
  background: #8fb569;
  color: #ffffff;
}

.plus-minus {
  display: inline-block;
}

@media (max-width: 767px) {
  .plus-minus {
    display: block;
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .plus-minus {
    display: inline-block;
    margin-bottom: 0;
  }
}

.action-btn {
	background: #8fb569;
	padding: 20px 25px;
	border: none;
	margin-left: 15px;
	color: #ffffff;
	display: inline-block;
}

.action-btn:hover {
  background: #e12454;
  color: #ffffff;
}
.product-action-list {
	overflow: hidden;
}
.product-action-list a {
  float: left;
}

@media (max-width: 767px) {
  .product-action-list a.btn {
    padding: 23px 30px;
    margin-bottom: 7px;
  }
}

@media (max-width: 767px) {
  .product-action-list a.action-btn {
    margin-left: 5px;
    margin-bottom: 7px;
  }
}

.cart-plus-minus input {
  height: 60px;
  width: 100px;
  border: 0;
  border: 2px solid #eaedff;
  text-align: center;
  -moz-appearance: none;
  appearance: none;
}

.cart-plus-minus {
  display: inline-block;
  position: relative;
  margin-right: 15px;
}

.cart-plus-minus .qtybutton {
  position: absolute;
  top: 15px;
  left: 17px;
  font-size: 20px;
  color: #c4bedd;
  cursor: pointer;
}

.cart-plus-minus .inc {
  left: auto;
  right: 17px;
}

.additional-info .table td, .additional-info .table th {
  padding: .75rem 0;
  vertical-align: top;
  border-top: 1px solid #f6f6f6;
  font-weight: 400;
}

.shop-cat a {
  padding: 45px 30px;
  border: 2px solid #eaedff;
  display: block;
}

.shop-cat a i {
  font-size: 100px;
  color: #8fb569;
  margin-bottom: 30px;
  transition: .3s;
}

.shop-cat a h4 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  transition: .3s;
  letter-spacing: 1px;
}

.shop-cat a:hover {
  background: #8fb569;
  border-color: #8fb569;
}

.shop-cat a:hover i {
  color: #ffffff;
}

.shop-cat a:hover h4 {
  color: #ffffff;
}

.product-list-content .price span:first-child {
  margin-left: 0;
}

.bakix-details-tab ul {
  border-bottom: 2px solid #e1e1e1;
}

.bakix-details-tab ul li a {
  font-size: 16px;
  font-weight: 500;
  color: #8c8bb5;
  letter-spacing: 2px;
  padding: 0;
  text-transform: capitalize;
  position: relative;
  padding: 0 25px;
}

@media (max-width: 767px) {
  .bakix-details-tab ul li a {
    padding: 0 10px;
  }
}

.bakix-details-tab ul li a.active {
  color: #100d1c;
}

.bakix-details-tab ul li a.active:before {
  position: absolute;
  bottom: -32px;
  left: 0;
  height: 2px;
  width: 100%;
  content: "";
  background: #e12454 ;
  transition: .3s;
}

@media (max-width: 767px) {
  .bakix-details-tab ul li a.active:before {
    display: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bakix-details-tab ul li a.active:before {
    display: block;
  }
}

/* Cart */
.table-content table {
  background: #ffffff;
  border-color: #eaedff;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}

.table-content table td.product-name {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}

.table-content table td.product-name a:hover {
  color: #e12454;
}

.table-content table td {
  border-top: medium none;
  padding: 20px 10px;
  vertical-align: middle;
  font-size: 16px;
}

.table-content table th, .table-content table td {
  border-bottom: 1px solid #eaedff;
  border-right: 1px solid #eaedff;
}

.product-quantity input {
	border: none;
	color: #6f7172;
	font-size: 14px;
	font-weight: normal;
	border: 0;
}

.table td, .table th {
	border-top: 1px solid #eaedff;
}

.product-quantity > input {
  width: 80px;
  border-radius: 3px;
}

.table-content table td.product-subtotal {
  font-size: 16px;
}

.table-content table td .cart-plus-minus {
  float: none;
  margin: 0 auto;
}

.coupon-all {
  margin-top: 50px;
}

.coupon {
  float: left;
}

@media (max-width: 767px) {
  .coupon {
    float: none;
  }
}
#coupon_code {
	height: 62px;
	border: 2px solid #eaedff;
	padding: 0 15px;
	margin-right: 10px;
}

@media (max-width: 767px) {
  #coupon_code {
    margin-bottom: 15px;
  }
}

.coupon2 {
  float: right;
}

@media (max-width: 767px) {
  .coupon2 {
    float: none;
    margin-top: 15px;
  }
}

.cart-page-total {
  padding-top: 50px;
}

.cart-page-total > h2 {
	font-size: 25px;
	margin-bottom: 20px;
	text-transform: capitalize;
}

.cart-page-total > ul {
  border: 1px solid #eaedff;
}

.cart-page-total > ul > li {
  list-style: none;
  font-size: 15px;
  color: #6f7172;
  padding: 10px 30px;
  border-bottom: 1px solid #eaedff;
  font-weight: 400;
}

.cart-page-total ul > li > span {
  float: right;
}

.cart-page-total li:last-child {
  border-bottom: 0;
}
td.product-thumbnail img {
	width: 125px;
}

/*Checkout */
.coupon-accordion h3 {
	background-color: #fff1f0;
	border-top: 3px solid #e12454;
	font-size: 14px;
	font-weight: 400;
	margin: 0 0 25px;
	padding: 1em 2em 1em 3.5em;
	position: relative;
	width: auto;
}

.coupon-accordion h3::before {
  content: "\f07b";
  left: 15px;
  top: 13px;
  position: absolute;
  color: #6f7172;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
}

.coupon-accordion span {
  color: #6f7172;
  cursor: pointer;
  transition: .3s;
}

.coupon-accordion span:hover, p.lost-password a:hover {
  color: #e12454;
}

.coupon-content {
  border: 1px solid #eaedff;
  display: none;
  margin-bottom: 20px;
  padding: 30px;
}

.coupon-info p.coupon-text {
  margin-bottom: 15px;
}

.coupon-info p {
  margin-bottom: 0;
}

.coupon-info p.form-row-first label, .coupon-info p.form-row-last label {
  display: block;
  color: #6f7172;
}

.coupon-info p.form-row-first label span.required, .coupon-info p.form-row-last label span.required {
  color: red;
  font-weight: 700;
}

.coupon-info p.form-row-first input, .coupon-info p.form-row-last input {
  border: 1px solid #eaedff;
  height: 45px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 100%;
}

.coupon-info p.form-row input[type="submit"]:hover, p.checkout-coupon input[type="submit"]:hover {
  background: #e12454 none repeat scroll 0 0;
}

.coupon-info p.form-row input[type="checkbox"] {
  position: relative;
  top: 2px;
}

.form-row > label {
  margin-top: 15px;
  margin-left: 15px;
  color: #6f7172;
}

.buttons-cart input, .coupon input[type="submit"], .buttons-cart a, .coupon-info p.form-row input[type="submit"] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

p.lost-password {
  margin-top: 15px;
}

p.lost-password a {
  color: #6f6f6f;
}

p.checkout-coupon input[type="text"] {
  height: 45px;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #eaedff;
  margin-bottom: 15px;
}

.coupon-checkout-content {
  display: none;
}

.checkbox-form h3 {
  border-bottom: 1px solid #eaedff;
  font-size: 26px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.country-select {
  margin-bottom: 30px;
  position: relative;
}

.country-select label, .checkout-form-list label {
  color: #6f7172;
  display: block;
  margin: 0 0 5px;
}

.country-select label span.required, .checkout-form-list label span.required {
  color: red;
}

.country-select select {
  -moz-appearance: none;
  border: 1px solid #eaedff;
  height: 45px;
  padding-left: 10px;
  width: 100%;
  color: #6f7172;
}

.country-select::before {
  content: "\f107";
  right: 15px;
  top: 38px;
  position: absolute;
  color: #6f7172;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
}

.checkout-form-list {
  margin-bottom: 30px;
}

.checkout-form-list label {
  color: #6f7172;
}

.checkout-form-list input[type="text"], .checkout-form-list input[type="password"], .checkout-form-list input[type="email"] {
  background: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  height: 45px;
  padding: 0 0 0 10px;
  width: 100%;
}

.checkout-form-list input[type="text"]::-moz-placeholder,
.checkout-form-list input[type="password"]::-moz-placeholder,
.checkout-form-list input[type="email"]::-moz-placeholder {
  color: #6f7172;
  opacity: 1;
}

.checkout-form-list input[type="text"]::placeholder,
.checkout-form-list input[type="password"]::placeholder,
.checkout-form-list input[type="email"]::placeholder {
  color: #6f7172;
  opacity: 1;
}

.checkout-form-list input[type="checkbox"] {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 1px;
}

.create-acc label {
  color: #6f7172;
  display: inline-block;
}

.create-account {
  display: none;
}

.ship-different-title h3 label {
  display: inline-block;
  margin-right: 20px;
  color: #6f7172;
}

.order-notes textarea {
  border: 1px solid #eaedff;
  height: 90px;
  padding: 15px;
  width: 100%;
}

.order-notes textarea::-moz-placeholder {
  color: #6f7172;
  opacity: 1;
}

.order-notes textarea::placeholder {
  color: #6f7172;
  opacity: 1;
}

#ship-box-info {
  display: none;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-default > .panel-heading {
  border-radius: 0;
}

.your-order {
	padding: 30px 40px 45px;
	border: 3px solid #eaedff;
}

@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}

.your-order h3 {
  border-bottom: 1px solid #eaedff;
  font-size: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.your-order-table table {
  background: none;
  border: 0;
  width: 100%;
}

.your-order-table table th, .your-order-table table td {
  border-bottom: 1px solid #eaedff;
  border-right: medium none;
  color: #6f7172;
  font-size: 14px;
  padding: 15px 0;
  text-align: left;
}

@media (max-width: 767px) {
  .your-order-table table th, .your-order-table table td {
    padding-right: 10px;
  }
}

.your-order-table table th {
  border-top: medium none;
  color: #6f7172;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}

.panel-body > p {
  color: #222;
}

.your-order-table table .shipping ul li input {
  position: relative;
  top: 2px;
}

.your-order-table table .shipping ul li label {
  color: #6f7172;
}

.your-order-table table .shipping th {
  vertical-align: top;
}

.your-order-table table .order-total th {
  border-bottom: 0;
  font-size: 14px;
}

.your-order-table table .order-total td {
  border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
  background: #F9F9F9;
}

.your-order-table table tr.order-total td span {
  color: #e12454;
  font-size: 18px;
  font-weight: 500;
}

.payment-method {
  margin-top: 40px;
}

.panel-title > a {
  display: block;
}

.order-button-payment input {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  height: 40px;
  margin: 0px 0 0;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.order-button-payment input:hover {
  background: #FE4536 none repeat scroll 0 0;
}

.payment-method .btn-link {
  -moz-user-select: none;
  background: no-repeat;
  border: medium none;
  border-radius: 0;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 0;
  padding: 3px 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}

.payment-method .card {
  background-color: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
  border: 1px solid #eaedff;
}

.card-header:first-child {
  border-radius: 0;
}

.payment-method .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid #eaedff;
}

.order-button-payment button {
  width: 100%;
}
.country-select .nice-select {
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	border-radius: 0;
	border: solid 1px #eaedff;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 45px;
	line-height: 45px;
	outline: none;
	padding-left: 18px;
	padding-right: 30px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: 100%;
	margin-bottom: 19px;
}

/* 24. Login */
.zcube-login {
  padding: 90px;
  border: 2px solid #eaedff;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .zcube-login {
    padding: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .zcube-login {
    padding: 40px;
  }
}

@media (max-width: 767px) {
  .zcube-login {
    padding: 30px;
  }
}

.zcube-login h3 {
  font-size: 30px;
}

.zcube-login input {
  width: 100%;
  height: 60px;
  border: 2px solid #eaedff;
  color: #6f7172;
  padding: 0 20px;
  margin-bottom: 20px;
}

.zcube-login label {
  color: #222;
  display: block;
}

.zcube-login label span {
  color: #fe4536;
}

.login-action input {
  width: inherit;
  height: auto;
}

.login-action label {
  display: inline-block;
  margin-left: 5px;
}

.or-divide {
  border-top: 2px solid #eaedff;
  margin: 40px 0;
  text-align: center;
  position: relative;
}

.or-divide span {
  position: absolute;
  left: 0;
  right: 0;
  top: -9px;
  background: #ffffff;
  display: inline-block;
  width: 40px;
  margin: auto;
  line-height: 1;
  font-weight: 500;
}

@media (max-width: 767px) {
  .forgot-login {
    float: none;
  }
}

.forgot-login a {
  color: #fe4536;
}

.forgot-login a:hover {
  color: #84b77c;
}

@media (max-width: 767px) {
  .log-rem {
    float: none;
    margin-bottom: 10px;
    display: block;
  }
}

/*--- tabs ---*/
.event .title {
  margin: 0px 0 0; }
  .event .nav-content {
    float: right;
	width: 70%;
  }
  .event .btn {
    background: var(--color-primary);
  }

  .event .nav-content strong {
    display: block;
    font-family: Montserrat;
    font-size: 20px;
    color: #002691;
}
.event nav > div a.nav-item.nav-link.active 
.event .spicel-features {
  background: #fafaff; }
.event .nav-fill .nav-item {
  text-align: left;
  text-transform: uppercase;
  margin: 0 5px;
  font-size: 12px; margin-right: 16px;}
  .event .nav-fill .nav-item text-t
  i {
    margin-right: 10px; }
  .event .nav-fill .nav-item i::before {
    font-size: 26px;
    margin-right: 13px;
    position: relative;
    top: 4px; }
.event nav > .nav.nav-tabs {
  border: none;
  color: #fff;
  border-radius: 0;
  flex-wrap: inherit;
  padding: 0 30px; }
.event .nav-item {
  margin: 0 0; }
.event a.nav-item.nav-link.active {
  background: var(--color-primary) !important;
  color: #fff !important; }
  .event a.nav-item.nav-link.active strong{
	  color:#fff;
  }
.event nav > div a.nav-item.nav-link,
.event nav > div a.nav-item.nav-link.active {
  border: none;
padding: 18px 25px;
color: #47759d;
border-radius: 0;
background: #fff;
position: relative;
background: #f5faff; }
.event nav > div a.nav-item.nav-link.active:after {
 width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 15px 0;
border-color: transparent #e7015e transparent transparent;
position: absolute;
left: 0;
bottom: -15px;
content: '';
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
border-color: transparent var(--color-primary) transparent transparent;
}
.event .tab-content {
  padding: 50px 25px 0 !important; }

.event .user h5{
	margin-top:20px;
}
.event .user p{
	font-weight:bold;
	color:var(--color-primary);
}
.event .user ul{
	padding-top:10px;
	border-top:1px solid #edf5ff;
}
.event .user ul li{
	margin-top:10px;
}
.event .user ul li i{
	margin-right:5px;
}
.event-list-content{
	margin-left: 50px;
	margin-right: 20px;
	padding:50px;
	position: relative;
	border:10px solid #edf5ff;
	transition: all 0.3s ease 0s;
}
.event-list-content:hover{
border:10px solid var(--color-primary);
}
.event-list-content .crical {
    position: absolute;
    background: var(--color-primary);
    right: -66px;
    bottom: -73px;
    font-size: 30px;
    color: #fff;
    width: 200px;
    height: 200px;
    border-radius: 50%;
	padding: 50px;
}
.event-list-content h2{
	margin-bottom:30px;
}
.event-list-content .btn
{
	background:none;
	border:2px solid #edf5ff;
	color:#47759d;
	font-weight:bold;
	font-size:14px;
	margin-right:10px;
}
.event-list-content .btn:hover
{
	background:var(--color-primary);
	border:2px solid var(--color-primary);
	color:#fff;
	font-weight:bold;
	font-size:14px;
	margin-right:10px;
	box-shadow: 0px 10px 19px 0px rgba(var(--color-primary-rgb), 0.4) !important;
}
/* CEPROME - tarjeta placeholder de #programa mientras no hay itinerario definitivo (misma .event-list-content, solo centrada) */
.event-list-content.programa-placeholder {
	margin-left: 0;
	margin-right: 0;
}
.event-list-content ul li {
    display: inline-block;
    font-size: 16px;
    margin-right: 20px;
    margin-bottom: 20px;
   color: var(--color-primary);
}
.event-list-content ul li i {
    margin-right: 5px;
}
	.event nav > div a.nav-item.nav-link .lgt-icon{
		display:none;
	}
	.event nav > div a.nav-item.nav-link.active .lgt-icon{
		display: inline-block;
	}
	.event nav > div a.nav-item.nav-link.active .drk-icon{
		display:none;
	}
	.event nav > div a.nav-item.nav-link.active .drk-icon{
		display:none;
	}
	

/* 13. cta */
.cta-bg {
	position: relative;
	background-size: cover;
	background-position: center;
	z-index: 1;
}
.cta-bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background:var(--color-primary);
	opacity: .8;
	z-index: -1;
}
.cta-title h2{color: #fff;padding-bottom: 0;}
.cta-title h2::before{content: none;}
.cta-content p {
	color: #fff;
	padding-right: 80px;
	margin-bottom: 35px;
}
.cta-btn .btn::before{background: #fff;}
.cta-right p {
	margin-bottom: 0;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}
.call-tag {
	margin-bottom: 20px;
	animation: alltuchtopdown 3s infinite;
    -webkit-animation: alltuchtopdown 3s infinite;
    animation-delay: 0s;
    -webkit-animation-delay: 1s;
}
/* 14. testimonial */
.ta-bg {
	height: 475px;
	width: 475px;
	background-repeat: no-repeat;
	margin-top: 25px;
}
.testimonial-author .ta {
    position: absolute;
    left: 50%;
    top: 50%;
    overflow: hidden;
    transition: all 1200ms ease;
    -moz-transition: all 1200ms ease;
    -webkit-transition: all 1200ms ease;
    -ms-transition: all 1200ms ease;
    -o-transition: all 1200ms ease;
}
.author-one.now-in-view {
	top: -25px;
	left: 110px;
}
.author-two.now-in-view {
	top: 21%;
	left: 69%;
}
.author-three.now-in-view {
	left: 67%;
	top: 66%;
}
.author-four.now-in-view {
	top: 77%;
	left: 53px;
}
.author-five.now-in-view {
	left: 50px;
	top: 41%;
}
.testi-author img {
	float: left;
	display: block;
	margin-right: 20px;
}
.ta-info {
	overflow: hidden;
	display: block;
}
.ta-info h6 {
	font-size: 20px;
	margin-bottom: 5px;
}
.ta-info span {
	font-size: 14px;
}
.testi-author {
	overflow: hidden;
	display: flex;
	align-items: center;
}
.single-testimonial p {
	margin-bottom: 25px;
}
.testimonial-active .slick-arrow {
	position: absolute;
	bottom: -80px;
	left: 0;
	border: none;
	background: none;
	padding: 0;
	font-size: 24px;
	color: #47759d;
	z-index: 9;
	cursor: pointer;
	transition: .3s;
}
.testimonial-active .slick-next {
	left: 40px;
}
.testimonial-active .slick-arrow:hover {color:var(--color-primary);}
.testimonial-avatar.p-relative {
	min-height: 455px;
	display: block;
	overflow: hidden;
}
.testimonial-avatar .ta {
	position: absolute;
	left: 50%;
	top: 50%;
	overflow: hidden;
	transition: all 1200ms ease;
	-moz-transition: all 1200ms ease;
	-webkit-transition: all 1200ms ease;
	-ms-transition: all 1200ms ease;
	-o-transition: all 1200ms ease;
}
.avatar-one.now-in-view {
	top: 0%;
	left: 28%;
}
.avatar-two.now-in-view {
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.avatar-three.now-in-view {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.avatar-four.now-in-view {
	top: 20%;
	left: 70%;
}
.avatar-five.now-in-view {
	top: 70%;
	left: 25%;
}
.avatar-six.now-in-view {
	top: 59%;
	left: 64%;
}
/* 18. sponsors */
.sponsors{
	position:relative;
}
.sponsors::before {
    position: absolute;
    content: "";
	background: #f6fbff;
    width: 100%;
    height: 10%;
    bottom: 0;
}
.sponsors ul {
    margin: 0 -15%;
}
.sponsors li {

    display: inline-block;
    margin: 0 35px 60px;

}
.sponsors li a img{
	opacity:.5;
}
.sponsors li a:hover img{
	opacity:1;
}
/* 15. blog */
.blog-area {
    background: #f6fbff;
}
.blog-deatails-box02 .bsingle__content {
    padding: 50px 0 0;
	border:none;
}

.blog-deatails-box02 .tag-sticky-2 .bsingle__content{
	padding: 50px;
}
.widget_media_image img{
width: 100%;
height: auto;
}
#wp-comment-cookies-consent {
    float: left;
    width: auto;
    margin-top: 7px;
    margin-right: 10px;
}
.blog-thumb img {
	width: 100%;
}
.blog-content {
	background: #fff;
	padding: 40px 30px;
	position: relative;
	z-index: 1;
}
.b-meta ul li {
	display: inline-block;
	margin-right: 5px;
  text-transform: uppercase;
}
.b-meta ul li i{
	margin-right:10px;
	color:var(--color-primary);
}
.b-meta ul li:last-child{margin-right: 0;}
.b-meta ul li a {
	font-size: 14px;
	text-transform: uppercase;
	color: #47759d;
}
.b-meta ul li.corpo a{color:var(--color-primary);}
.b-meta ul li a:hover {color:var(--color-primary);}
.blog-content h4 {
	font-size: 19px;
	margin-bottom: 20px;
	line-height: 30px;
}
.blog-content h4:hover a{color:var(--color-primary);}
.blog-btn {
	background: #f4f4fe;
	color: #252525;
}
.blog-btn:hover{color: #fff;background: var(--color-primary);}
.blog-content p {
	margin-bottom: 25px;
}
.single-post{background: #fff;transition: .3s;box-shadow: 0px 2px 25px 0px rgba(193, 193, 193, 0.2);}
.single-post:hover {box-shadow: 0px 2px 18px 0px rgba(193, 193, 193, 0.41);}
.single-post:hover .blog-btn{color: #fff;background: var(--color-primary);}
.single-post.active {box-shadow: 0px 2px 18px 0px rgba(193, 193, 193, 0.41);}
.single-post.active .blog-btn{color: #fff;background: var(--color-primary);}


.bsingle__post .video-p {
  	position: relative;
}
.bsingle__post .video-p .video-i {
	height: 80px;
	width: 80px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	line-height: 80px;
	border-radius: 50%;
	background: #fff;
	color: var(--color-primary);
}
.blog-active .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 40px;
	border: none;
	background: none;
	padding: 0;
	font-size: 30px;
	color: #fff;
	z-index: 9;
	opacity: .4;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	cursor: pointer;
}
 .blog-active .slick-arrow.slick-next {
    right: 40px;
	left: auto;
}
 .blog-active .slick-arrow:hover {
	opacity: 1;
}

.blog-active2 .slick-arrow {
	position: absolute;
	top: -166px;
	transform: translateY(-50%);
	left: -84px;
	border: none;
	background: none;
	padding: 0;
	color: #f6fbff;
	z-index: 9;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	cursor: pointer;
}
.blog-active2 .slick-prev.slick-arrow::before {
    font-family: "Font Awesome 5 Pro";
    background: #fff;
    content: "\f060";
    position: absolute;
    left: 0;
    width: 60px;
    height: 60px;
    opacity: 1;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    line-height: 60px;
	-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.blog-active2 .slick-next.slick-arrow::before {
    font-family: "Font Awesome 5 Pro";
    background: #fff;
    content: "\f061";
    position: absolute;
    left: 0;
    width: 60px;
    height: 60px;
    opacity: 1;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    line-height: 60px;
	-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.blog-active2 .slick-next.slick-arrow:hover::before,.blog-active2 .slick-prev.slick-arrow:hover::before 
{
	background:var(--color-primary);
	color:#fff;
}

.blog-active2  .slick-prev {
    right:80px;
    left: initial !important;
}
 .blog-active2 .slick-arrow.slick-next {
    right: 35px;
	left: auto;
}
.bsingle__content {
	padding: 50px;
	border: 2px solid #dadeff;
}
.bsingle__content .meta-info ul {
	margin-bottom: 7px;
	padding-left: 0;
}
.blog-deatails-box02 .bsingle__content .meta-info ul {
	margin-bottom: 15px;
	padding-left: 0;
}
.bsingle__content .meta-info ul li {
	display: inline-block;
	font-size: 14px;
	margin-right: 30px;
	margin-left: 0px;
}
.bsingle__content .meta-info ul li a {
	color: #5f708f;
	text-transform: capitalize;
}
.bsingle__content .meta-info ul li a i {
	margin-right: 5px;
}
.bsingle__content .meta-info ul li a:hover {
	color: var(--color-primary);
}
.bsingle__content .meta-info ul li i {
	margin-right: 5px;
}
.bsingle__content h2 {
	font-size: 32px;
	line-height: 1.3;
	margin-bottom: 20px;
	font-weight: 700;
}
.bsingle__content h2:hover a {
	color:var(--color-primary);
}
.bsingle__content p {
	padding-right: 35px;
	margin-bottom: 25px;
}
.bsingle__content .blog__btn .btn {
  background: var(--color-primary);
	border: 2px solid var(--color-primary);
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
}
.bsingle__content .blog__btn .btn::before {
  content: none;
}
.bsingle__content .blog__btn .btn:hover {
	background:var(--color-primary);
	color: #fff;
}
.quote-post {
	background-position: center;
	background-repeat: no-repeat;
}
.quote-post .quote-icon {
    float: left;
    margin-right: 30px;
    display: block;
	margin-top: 20px;
}
.quote-post h2 {
    overflow: hidden;
	margin-bottom: 0;
}


.sidebar-widget .widget table{
	width:100%;
	padding:10px;
	background:#f5f5f5;
}
.sidebar-widget .widget th
{
	background:#dadeff;
	padding:10px 5px;
	text-align:center;
	color: #252525;
}
.sidebar-widget .widget td
{
	padding:5px;
	text-align:center;
}
.sidebar-widget .widget {
	padding: 35px 25px 35px 25px;
	border: 2px solid #dadeff;
	overflow: hidden;
	margin-bottom:40px;
}
.sidebar-widget .widget li {
    padding-bottom: 5px;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 5px;
	float: left;
	width: 100%;
	line-height: 30px;
}
.widget-title {
  	margin-bottom: 40px;
}
.sidebar-widget .widgettitle,.sidebar-widget .widget-title{
	font-size: 22px;
	margin-bottom: 0;
	line-height: 1;
	text-align:left;
	font-weight: 600;
	margin-bottom: 30px;
}
.sidebar-widget .widget .gallery-icon a:hover
{
	padding-left:0;
}
.tags {
    border-bottom: 1px solid #eaeaea;
	/*float:left;*/
	width:100%;
	display: inline-block;
}
.search-form {
  	position: relative;
}
.search-form input {
	background: #f2f1ff;
	border: none;
	width: 100%;
	padding: 18px 30px;
}
.search-form input::placeholder {
	font-size: 12px;
	color: #8f8bb8;
}
.search-form .search-submit {
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	background:var(--color-primary);
	padding: 18px 23px;
	color: #ffffff;
	font-size: 14px;
	cursor: pointer;
	height: 88%;
	width: 88px;
}
.sidebar-widget .widget .widget_archive,.widget_categories,.sidebar-widget .widget_archive{
	text-align:right;
}
.sidebar-widget .widget .widget_archive,.sidebar-widget .widget_categories a,.sidebar-widget .widget_archive a{
	float:left;
	height: 30px;
}
.widget-insta-post li {
	display: inline-block;
	margin: 5px 3px;
}
.widget-insta-post li:hover a::before {
	opacity: .7;
}
.widget-insta-post li a {
    position: relative;
	display: block;
}
.widget-insta-post li a::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background:var(--color-primary);
	opacity: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.widget-social a {
	height: 40px;
	width: 40px !important;
	line-height: 40px;
	border-radius: 50%;
	display: inline-block;
	background: transparent;
	border: 1px solid #dadeff;
	color: #8f8bb8;
	margin: 0 3px;
	text-align: center !important;
}
.widget-social a:hover {
	background:var(--color-primary);
	color: #ffffff !important;
	border-color:var(--color-primary);
	padding: 0 !important;
	box-shadow: 0px 10px 19px 0px rgba(var(--color-primary-rgb), 0.4) !important;
}
.rpwwt-widget a{
	padding-left: 0 !important;
}
.rpwwt-widget li {

    line-height: 23px !important;

}
.cat__list li {
	padding-bottom: 10px;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 10px;
}
.cat__list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
	border: none;
}
.cat__list li:hover a {
	color:var(--color-primary);
}
.cat__list li a {
    font-size: 14px;
	color: #7886a0;
}
.cat__list li a span {
	float: right;
	display: block;
}
.widget__post ul li {
	margin-bottom: 20px;
	overflow: hidden;
}
.widget__post ul li:last-child {
	margin-bottom: 0;
}
.widget__post-thumb {
	float: left;
	display: block;
	margin-right: 20px;
}
.widget__post-content {
	overflow: hidden;
	display: block;
}
.widget__post-content h6 {
	font-size: 16px;
	margin-bottom: 1px;
	padding-right: 15px;
	font-weight: bold;
}
.widget__post-content h6:hover a {
	color:var(--color-primary);
}
.widget__post-content span {
	font-size: 14px;
}
.widget__post-content span i {
	margin-right: 8px;
}
.widget__tag ul li {
	display: inline-block;
	margin: 5px 3px;
}
.widget__tag ul li:hover a {
	background:var(--color-primary);
	border-color:var(--color-primary);
	color: #ffffff;
}
.widget__tag ul li a {
	display: block;
	border: 1px solid #d8d8d8;
	font-size: 14px;
	color: #8f8bb8;
	padding: 9px 20px;
}
.widget.widget__banner {
	border: none;
	padding: 0;
	position: relative;
}
.widget__banner-thumb img {
	width: 100%;
}
.widget__banner-overly {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
	text-align: center;
}
.widget__banner-overly > span {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	letter-spacing: 2px;
	display: block;
	margin-bottom: 160px;
}
.widget__banner-overly h3 {
	color: #ffffff;
	font-size: 40px;
	margin-bottom: 129px;
	font-weight: bold;
}
.widget__banner-overly h3 span {
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	font-weight: 300;
}
.widget__banner-overly .btn {
	border-radius: unset;
	background: #fff;
	border: 2px solid #fff;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 17px 35px;
	color:var(--color-primary);
}
.widget__banner-overly .btn:hover {
	background: transparent;
	color: #fff;
}
.meta__info ul {
  	margin-bottom: 7px;
}
.meta__info ul li {
    display: inline-block;
    font-size: 14px;
	margin-right: 30px;
}
.meta__info ul li a {
	color: #7886a0;
	text-transform: capitalize;
}
.meta__info ul li a i {
	margin-right: 5px;
}
.meta__info ul li a:hover {
	color: var(--color-primary);
}
.meta__info ul li i {
	margin-right: 5px;
}
.details__content h2 {
	font-size: 32px;
	line-height: 1.3;
	margin-bottom: 20px;
	padding-right: 0;
	font-weight: bold;
}
.details__content p {
  	margin-bottom: 18px;
}
.news-text blockquote,.pages-content blockquote,.comment-list blockquote {
	background: #152136;
	padding: 45px 35px 45px;
	padding-left: 90px;
	position: relative;
	font-size: 14px;
	padding-right: 50px;
	margin-top: 45px;
	margin-bottom: 45px;
	line-height: 1.7;
	color: #99a7c0;
	z-index: 1;
	float: left;
	width: 100%;
}
.news-text blockquote p,.pages-content blockquote p,.comment-list blockquote p{
	color: #99a7c0;
}
.news-text blockquote::before,.pages-content blockquote::before,.comment-list blockquote::before  {
	position: absolute;
	content: "";
	left: 19px;
	top: 29px;
	background: url(../images/blockquote_d.png);
	height: 86px;
	width: 92px;
	z-index: -1;
}
.news-text blockquote footer,.pages-content blockquote footer {
	font-size: 14px;
	margin-top: 15px;
	color: #fff;
	font-weight: 600;
}
cite {
	font-size: 14px;
	margin-top: 15px;
	color: #fff;
	font-weight: 600;
}
.post-categories li {
    display: none !important;
}
.post-categories li:first-child {
    display: block !important;
}

.details__content-img {
  	margin: 45px 0;
}
.details__content-img img {
	width: 100%;
}
.details__content figure {
	margin-top: 45px;
	margin-bottom: 60px;
}
.details__content figure img {
    float: left;
    width: 255px;
	margin-right: 30px;
}
.post__tag h5 {
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: 600;
}
.post__tag ul li {
	display: inline-block;
	margin-right: 15px;
}
.post__tag ul li a {
	font-size: 12px;
	text-transform: uppercase;
	border: 2px solid #e5e5e5;
	padding: 7px 14px;
	font-weight: bold;
	display: inline-block;
	border-radius: 3px;
	color: #7886a0;
	margin-bottom: 10px;
}
.post__tag ul li a:hover {
	border-color:var(--color-primary);
	background:var(--color-primary);
	color: #ffffff;
}
.post__share h5 {
	font-size: 18px;
	margin-bottom: 30px;
	font-weight: bold;
}
.post__share ul li {
	margin-left: 20px;
	display: inline-block;
}
.post__share ul li a {
    font-size: 18px;
    display: inline-block;
	color: #b5becc;
}
.post__share ul li a:hover {
	color:var(--color-primary);
}
.posts_navigation {
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
.posts_navigation .prev-link span {
    font-size: 12px;
    text-transform: uppercase;
	font-weight: bold;
	display: block;
	letter-spacing: 2px;
	margin-bottom: 15px;
}
.posts_navigation .prev-link h4 {
	font-size: 20px;
	margin-bottom: 0;
	font-weight: bold;
	text-transform: capitalize;
	height: 30px;
overflow: hidden;
}
.navigation.posts-navigation {
    display: none;
}
.avatar_post img {
    border-radius: 50%;
    box-shadow: 1px 5px 6px #8a8a8a33;
}
.posts_navigation .prev-link h4:hover a {
	color:var(--color-primary);
}
.posts_navigation .next-link span {
    font-size: 12px;
	margin-bottom: 15px;
	font-weight: bold;
	display: block;
    text-transform: uppercase;
	letter-spacing: 2px;
}
.posts_navigation .next-link h4 {
    font-size: 20px;
	margin-bottom: 0;
	font-weight: bold;
	height: 30px;
overflow: hidden;
}
.posts_navigation .next-link h4:hover a {
	color:var(--color-primary);
}
.related__post .post-title {
  	margin-bottom: 35px;
}
.related__post .post-title h4 {
	font-size: 26px;
	margin-bottom: 0;
	font-weight: bold;
}
.related-post-wrap .post-thumb img {
  	width: 100%;
}
.related-post-wrap .rp__content {
	padding: 44px;
	border: 2px solid #f4f3fb;
	border-top: none;
}
.related-post-wrap .rp__content h3 {
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: bold;
	line-height: 1.4;
}
.related-post-wrap .rp__content h3:hover a {
	color:var(--color-primary);
}
.related-post-wrap .rp__content p {
    margin-bottom: 0;
	font-size: 14px;
}
.avatar__wrap {
	background: #f3f1ff;
	padding: 50px 80px;
	float:left;
	width:100%;
}
.avatar__wrap .avatar-img {
    margin-top: -115px;
	margin-bottom: 35px;
}
.avatar__wrap-content p {
    font-size: 14px;
	margin-bottom: 0;
}
.avatar__info h5 {
	font-size: 26px;
	margin-bottom: 10px;
	font-weight: bold;
}
.avatar__info-social {
  	margin-bottom: 20px;
}
.avatar__info-social a {
    font-size: 12px;
    color: #9498b6;
    display: inline-block;
	margin: 0 5px;
}
.avatar__info-social a:hover {
	color:var(--color-primary);
}
.comment-form-comment label{
	display:none;

}
.comment__wrap {
  	border-bottom: 1px solid #eaeaea;
}
.comment__wrap-title {
	margin-bottom: 35px;
}
.comment__wrap-title h5 {
	font-size: 26px;
	margin-bottom: 0;
	font-weight: bold;
}
.single__comment .comments-avatar {
	float: left;
	width: 100px;
	margin-right: 30px;
}
.single__comment.children {
 	margin-left: 130px;
}
.single__comment.children .avatar-name h6 i {
    font-size: 12px;
    color: #cacfef;
	margin-left: 20px;
}
.comment-text {
  	overflow: hidden;
}
.comment-text .avatar-name {
	overflow: hidden;
}
.comment-text .avatar-name h6 {
	font-size: 18px;
	margin-bottom: 7px;
	font-weight: bold;
}
.comment-text .avatar-name h6 i
{
	display:none;
}
.comment-author-admin .avatar-name h6 i
{
	font-size: 12px;
	display:inline-block;
color: #cacfef;
margin-left: 20px;
}

.comment-text .avatar-name span {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: var(--color-primary);
}
.comment-text .avatar-name .comment-reply {
	float: right;
	display: inline-block;
	border: 2px solid #f4f4ff;
	padding: 8px 18px;
	border-radius: 50px;
	font-size: 14px;
	margin-top: -23px;
}
.comment-text .avatar-name .comment-reply a{
	color: #7886a0;
}
.comment-text .avatar-name .comment-reply:hover a{
	color: #fff;
}
.comment-list {
    padding: 0;
	border-bottom: 1px solid #eaeaea;
	margin-top: 45px;
	margin-bottom: 45px;
	padding-bottom: 45px;
}
.comments-title {
    font-size: 26px;
    margin-bottom: 0;
    font-weight: bold;
}
.comment-author-admin{
    margin-left: 130px;
}
.comment-text .avatar-name .comment-reply:hover {
	border-color:var(--color-primary);
	background:var(--color-primary);
	color: #ffffff;
}
.comment-text .avatar-name .comment-reply i {
	margin-right: 5px;
}
.comment-text p {
    font-size: 14px;
	margin-bottom: 0;
}
.screen-reader-text {
    display: none;
}
.comment-form {
	padding: 50px;
	margin-top:50px;
	margin-bottom:50px;
	background: #f8f6ff;
}
.comment-form .comment-field {
	position: relative;
}
.comment-form .comment-field.text-area i {
	top: 25px;
	transform: unset;
}
.comment-form i {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	color:var(--color-primary);
	font-size: 14px;
}
.comment-form textarea {
	height: 150px;
	width: 100%;
	padding: 20px 30px;
	padding-right: 50px;
	background: #ffffff;
	border: none;
}
.comment-form textarea::placeholder {
	font-size: 14px;
	color: #a7a7c1;
}
.comment-form textarea:focus {
	outline: 1px solidvar(--color-primary);
}
.comment-form input {
	width: 100%;
	padding: 20px 30px;
	padding-right: 50px;
	background: #ffffff;
	border: none;
}
.comment-form input::placeholder {
	font-size: 14px;
	color: #a7a7c1;
}
.comment-form input:focus {
	outline: 1px solidvar(--color-primary);
}
.comment-form .submit {
	background: transparent;
	border: 2px solidvar(--color-primary);
	font-size: 14px;
	text-transform: uppercase;
	color: #252525;
	border-radius: 50px;
	padding: 12px 45px;
	margin-top:20px;
	font-weight: bold;
	width: auto;
}
.comment-form .submit::before{content: none;}
.comment-form .submit:hover {
	color: #fff;
	background:var(--color-primary);
}
/* 16. pagination */
.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: block;
	padding-left: 0;
	list-style: none;
	border-radius: 0;
}
.pagination .page-item {
	display: inline-block;
	margin: 0 5px;
}
.pagination .page-item a.page-link {
	border-radius: 50%;
	padding: 0;
	height: 70px;
	width: 70px;
	line-height: 70px;
	background: #f8f8f8;
	color: #9fa7c5;
	font-size: 14px;
	border: none;
	font-weight: bold;
}
.pagination .page-item:hover a.page-link {
	box-shadow: 0px 16px 32px 0px rgba(255, 74, 87, 0.2);
	background: #ff4a57;
	color: #fff;
}
.pagination .page-item.active a.page-link {
	box-shadow: 0px 16px 32px 0px rgba(255, 74, 87, 0.2);
	background: #ff4a57;
	color: #fff;
}
.pagination-wrap .pagination {
	display: block;
	border-radius: unset;
}
.pagination-wrap .pagination li {
	display: inline-block;
	margin-right: 6px;
	margin-left: 0;
	margin-bottom: 0;
}
.pagination-wrap .pagination li.active a {
	background:var(--color-primary);
	color: #ffffff;
	box-shadow: 0px 8px 16px 0px rgba(26, 35, 126, 0.32);
}
.pagination-wrap .pagination li a {
	border: none;
	height: 50px;
	width: 50px;
	display: block;
	line-height: 50px;
	background: #1a237e;
	border-radius: 50%;
	color: #fff;
	font-size: 14px;
	text-align: center;
}
.pagination-wrap .pagination li a:hover {
	color: #ffffff;
	background:var(--color-primary);
}
/* 17. f-cta */
.f-cta-area {
	background: #fff;
	margin-left: 260px;
	margin-right: 260px;
	position: relative;
	top: -70px;
	box-shadow: 0 -3px 65px 0 rgba(0,0,0,.09);
}
.f-cta-icon i {
	display: inline-block;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	background: #b5f2e0;
	border-radius: 50%;
	color:var(--color-primary);
	font-size: 14px;
	margin-bottom: 15px;
}
.single-cta h5 {
	font-size: 20px;
	margin-bottom: 10px;
}
.single-cta p{margin-bottom: 0;}
.single-cta p a{color:var(--color-primary);}
.s-cta-btn .btn{background: #fff;color:var(--color-primary)}
.s-cta-btn .btn::before{content: none;}
/* 18. pricing */
.pricing-area{
	position:relative;
}
.pricing-area::before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgba(124, 1, 150, 0.86), rgba(255, 0, 162, 0.86)) repeat scroll 0 0;
    width: 100%;
    height: 100%;
    top: 0;
}
.pricing-area .bar {
    float: left;
    width: 100%;
    background: #e8f3ff;
	margin:30px 0 10px;
}
.pricing-area .bar span {
    height: 5px;
    background: var(--color-primary);
    float: left;
}
.bar-no {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: bold;
    color: var(--color-primary);
}
.pricing-area .section-t h2 {
    -webkit-text-stroke: 2px #f3f5ff36;
}
.pricing-area .section-title span,.pricing-area .section-title h2 {
    color: #fff;
}
.pricing-head h4 {
	font-size: 16px;
	font-family: 'Karla', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: var(--color-primary);
	margin-bottom: 20px;
	letter-spacing: 2.5px
}
.pricing-head {

    background: url(../img/pricing-box-bg.png);
    float: left;
    width: 100%;
	padding:50px 50px 0;

}
.pricing-body {
	padding:0 50px 50px;
    float: left;
    background: #fff;

}
.price-count h2 {
	font-size: 70px;
	font-weight: bold;
	margin-bottom: 0;
}
.price-count small {
    font-size: 20px;
    font-weight: bold;
    position: relative;
    bottom: 0;
    margin-right: 3px;
}
.price-count span {
	font-size: 18px;
	font-weight: 400;
	color: #47759d;
}
.pricing-body p {
	margin-bottom: 0;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
}
.pricing-body strong{
	color:#3297fe;
	font-size:16px;
	display: inline-block;
	margin-top:20px;
}
.pricing-btn .btn {
    border: 2px solid #edf5ff;
    background: transparent;
    color: #47759d;
}
.pricing-box {
	position:relative;
}
.pricing-btn .btn::before{content: none;}
.pricing-btn .btn:hover{background: var(--color-primary);color: #fff;border-color: var(--color-primary);box-shadow: 0px 10px 19px 0px rgba(var(--color-primary-rgb), 0.4) !important;}
.pricing-box.active .tag {
    position: absolute;
	top: -37px;
	display: inline-block;
	width: 100%;
	background: var(--color-secondary);
	left: 0;
	color: #002691;
	text-transform: uppercase;
	padding: 8px 0;
	font-weight: bold;
	letter-spacing: 2.5px;
}
.pricing-box.active .pricing-btn .btn {background: var(--color-primary);color: #fff;border-color: var(--color-primary);box-shadow: 0px 10px 19px 0px rgba(var(--color-primary-rgb), 0.4) !important;}

/* CEPROME - #inscripcion: 2 tarjetas (antes 3), mismo alto y boton anclado abajo;
   no se usa mb-40 aqui, asi que no aplica el bug de margen expuesto que si tuvo #hospedaje */
#inscripcion .pricing-box {
	height: 100%;
	display: flex;
	flex-direction: column;
}
#inscripcion .pricing-body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
#inscripcion .pricing-btn {
	margin-top: auto;
}
#inscripcion .pricing-features {
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0;
}
#inscripcion .pricing-features li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	color: #47759d;
	margin-bottom: 14px;
}
#inscripcion .pricing-features li i {
	color: var(--color-primary);
	margin-top: 3px;
}
/* CEPROME - fondo propio de #inscripcion: reemplaza el degradado rosa/morado heredado
   de .pricing-area::before (compartido con #hospedaje) por un azul oscuro/marino (el mismo
   #002691 que usa .header-top) hacia el azul primario de marca, para diferenciar la seccion
   de #hospedaje (ambar/naranja) sin salirse de paleta. */
#inscripcion.pricing-area::before {
	background: linear-gradient(90deg, #002691 0%, var(--color-primary) 100%);
}
/* el extremo derecho del degradado (azul primario, mas claro) baja el contraste del
   texto blanco por debajo de AA para texto grande; se refuerza con text-shadow, igual
   que se hizo en el hero y en #hospedaje */
#inscripcion .section-title span,
#inscripcion .section-title h2 {
	text-shadow: 0 2px 8px rgba(0,0,0,0.4);
}
/* CEPROME - mismo bug que #hospedaje (Prompt 6.3.4): pricing-box-bg.png tiene zonas
   semitransparentes en las esquinas que dejan ver circulos del color de fondo de la
   seccion detras. `background: none` quito el bug pero tambien el blanco solido que la
   imagen aportaba en el 98% de su superficie, partiendo la tarjeta en dos (cabecera
   transparente sobre el azul de la seccion + cuerpo blanco separado). Fix correcto:
   blanco solido explicito, mismo hex que .pricing-body, para que sea una sola pieza. */
#inscripcion .pricing-head {
	background: #fff;
}
/* .pricing-head vuelve a tener fondo blanco, asi que el texto blanco del intento anterior
   ya no es legible - regresa a colores oscuros de marca, como se veia antes de tocar esta
   tarjeta. Sin border-radius en .pricing-box/.pricing-head/.pricing-body (verificado, no
   hay esquinas redondeadas en ningun punto del componente), asi que no aplica el paso de
   overflow:hidden. */
#inscripcion .pricing-head h4 {
	color: #002691;
}
#inscripcion .price-count h2,
#inscripcion .price-count small {
	color: var(--color-primary);
}
#inscripcion .price-count span {
	color: #47759d;
}
/* CEPROME - <span>USD</span>/<span>MXN</span> junto al precio: no tenia ninguna regla de
   forma/fondo (se descarto como causa de los circulos), pero se ve mas prolijo si combina
   con el tratamiento del <small>$</small> en vez de flotar suelto junto al numero grande */
#inscripcion .price-count span {
	margin-left: 6px;
	font-weight: bold;
	background: none;
	border-radius: 0;
}

/* CEPROME - #hospedaje: mismas pricing-box, con sombra propia (esta seccion no tiene
   el fondo oscuro de #inscripcion que le daba contraste a la tarjeta blanca) */
#hospedaje .pricing-box {
	box-shadow: 0 25px 65px rgba(0,0,0,0.12);
	height: 100%;
	display: flex;
	flex-direction: column;
}
/* .row de Bootstrap 4 ya es display:flex por defecto (align-items:stretch), asi que las
   dos .col-lg-6 ya son igual de altas - lo que faltaba era que la tarjeta llenara esa
   altura. .pricing-body tambien pasa a columna flex para que el boton pueda anclarse
   abajo con margin-top:auto sin importar cuanto texto tenga cada tarjeta arriba. */
#hospedaje .pricing-body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding-top: 28px;
	margin-bottom: 0;
}
#hospedaje .pricing-btn {
	margin-top: auto;
}
/* CEPROME - la cinta "Recomendado" en ambar se perdia contra el fondo ambar/naranja de
   la seccion; pasa a azul de marca para que resalte con fuerza (solo en #hospedaje, no
   afecta la cinta "Exclusive author" de #inscripcion que se queda en ambar) */
#hospedaje .pricing-box.active .tag {
	background: var(--color-primary);
	color: #fff;
}
/* CEPROME - fondo propio de #hospedaje: ambar -> naranja de marca, en vez del
   morado/magenta que trae .pricing-area::before (compartido con #inscripcion, no lo
   tocamos para no afectar esa seccion). Selector con #id para ganar especificidad. */
#hospedaje.pricing-area::before {
	background: linear-gradient(90deg, #f9ae1f 0%, #e8791a 100%);
}
/* Textos que caen sobre el nuevo fondo ambar/naranja: el blanco/pastel que usaba el
   morado ya no contrasta aqui, pasan a un tono oscuro */
#hospedaje .section-title span,
#hospedaje .section-title h2,
#hospedaje .section-title p {
	color: #fff;
	text-shadow: 0 2px 8px rgba(0,0,0,0.4);
}
#hospedaje .section-title p {
	font-size: 1.125rem;
}
#hospedaje .pricing-thumb {
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}
#hospedaje .pricing-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#hospedaje .pricing-head p {
	font-size: 13px;
	text-transform: none;
	font-weight: normal;
	margin-bottom: 0;
}
#hospedaje .hotel-address {
	margin-bottom: 15px !important;
}
#hospedaje .hotel-address a {
	color: #47759d;
}
#hospedaje .hotel-address a:hover {
	color: var(--color-primary);
	text-decoration: underline;
}
#hospedaje .hotel-address i {
	color: var(--color-primary);
	margin-right: 6px;
}
#hospedaje .hotel-note-inline {
	font-size: 13px;
	color: #96b3cd;
	margin-top: 10px !important;
	margin-bottom: 0;
}
#hospedaje .hotel-contact {
	margin-top: 20px;
}
#hospedaje .hotel-contact a {
	color: var(--color-primary);
	font-weight: bold;
}
#hospedaje .hotel-note {
	font-size: 13px;
	color: #fff;
	text-shadow: 0 2px 8px rgba(0,0,0,0.4);
	margin-top: 40px;
	margin-bottom: 0;
}
/* CEPROME - el patron pricing-box-bg.png (semicirculos tenues) solo se asomaba en la
   tarjeta con titulo mas largo (2 lineas por el uppercase+letter-spacing), no en la mas
   corta - inconsistencia entre las 2 tarjetas sin ningun proposito de marca. En vez de esa
   imagen, el titulo ahora es una barra solida en azul de marca (distinta del amber de la
   cinta "Recomendado"), con min-height fijo para que 1 o 2 lineas de titulo ocupen el
   mismo espacio en las dos tarjetas. */
#hospedaje .pricing-head {
	background: var(--color-primary);
	padding: 20px 30px;
	min-height: 3.2em;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#hospedaje .pricing-head h4 {
	color: #fff;
	margin-bottom: 6px;
}
#hospedaje .pricing-head p {
	color: rgba(255,255,255,0.8);
}
/* 19. contact */
.contact-area {
	background-repeat: no-repeat;
	background-position: center center;
}
.contact-butoon {
    z-index: 99;
    position: relative;
}
.contact-wrapper textarea {
	border: 0;
	color: #000;
	font-size: 15px;
	height: 200px;
	width: 100%;
	text-transform: capitalize;
	transition: .3s;
	background: #f4f4fe;
	padding: 30px 40px;
}
.contact-wrapper textarea::-moz-placeholder {
	color: #b3bdcd;
	font-size: 14px;
}
.contact-wrapper textarea::placeholder {
	color: #8990b0;
	font-size: 14px;
}
.c-icon i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 40px;
	color: #8990b0;
	font-size: 14px;
	z-index:9;
}
.contact-message.c-icon i{top: 30px;transform: unset;}
.contact-wrapper input {
	border: 0;
	color: #000;
	font-size: 15px;
	height: 80px;
	text-transform: capitalize;
	width: 100%;
	padding: 0 40px;
	transition: .3s;
	background: #f4f4fe;
}
.contact-wrapper input::-moz-placeholder {
	color: #8990b0;
	font-size: 14px;
}
.contact-wrapper input::placeholder {
	color: #8990b0;
	font-size: 14px;
}
.contact-name {
	position: relative;
}
.contact-field label {
	display: block;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #252525;
	margin-bottom: 20px;
	cursor: unset;
}
.contact-field input {
	width: 100%;
	border: none;
	background: #fff;
	padding: 20px 20px;
	transition: .3s;
}
.contact-field.c-name::after{content: "\f007";}
.contact-field::after {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	font-size: 14px;
	text-align: center;
	right: 25px;
	color:var(--color-primary);
	bottom: 22px;
}
.contact-field.c-email::after{content: "\f0e0";}
.contact-field.c-subject::after{content: "\f249";}
.contact-field.c-message::after {
	content: "\f303";
	font-weight: 700;
	top: 65px;
	bottom: unset;
}
.contact-field input::placeholder,.contact-field textarea::placeholder,.contact-field email::placeholder,.contact-wrapper input::placeholder,.contact-wrapper textarea::placeholder,.contact-email email::placeholder{color: #9e9e9e;}
.contact-field textarea {
	width: 100%;
	border: none;
	background: #fff;
	padding: 20px 20px;
	transition: .3s;
	height: 240px;
}
.contact-bg {
	background-size: cover;
	background-position: center;
	z-index: 1;
}
.contact-img {
	position: absolute;
	bottom: -90px;
	right: -204px;
}
.contact-field {
    z-index: 99;
}
/* 20. footer */

.footer-widget .widget_media_image img {
    width: auto;
}
.footer-bg {
    background-size: cover;
    background-position: center;
    background-color: var(--color-primary);
    position: relative;
    border-bottom: 5px solid var(--color-primary);
}
.footer-bg::before {
    position: absolute;
    content: "";
    background: url(../img/f-overly.png);
    width: 100%;
    height: 100%;
    top: 0;
	 background-size: cover;
}
.f-cta-area.gray-bg {
	background: #f4f4fe;
	border-top: 3px solid var(--color-primary);
}
.footer-text p {
	color: #ddd;
	margin-bottom: 0;
}
.footer-social span {
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	display: inline-block;
	margin-right: 20px;
}
.footer-link li {
    display: inline-block;
}
.footer-link li::after {
    content: "|";
    margin: 0 30px;
}
.footer-link li:last-child::after 
{
	display:none;
}
.footer-link li a {
    color: #bad3ed;
    font-weight: bold;
    font-size: 16px;
}
.footer-link li a:hover{
	color:var(--color-primary);
}
.footer-social a {
	font-size: 16px;
	color: #bad3ed;
	margin-right: 15px;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 47px;
	border: 2px solid #ffffff38;
	border-radius: 50%;
}
.footer-social a:hover{color: #fff;border: 2px solid var(--color-primary);background:var(--color-primary);}
/* CEPROME - X/TikTok via SVG inline (FA Pro 5.10.1 no trae fa-x-twitter ni fa-tiktok).
   Mismo tamaño visual que los glifos de icono (font-size:16px) y fill:currentColor para
   heredar el mismo color/hover que los otros 4 (.footer-social a{color}/:hover{color}). */
.footer-social-svg {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	fill: currentColor;
}
.footer-widget .widgettitle {
	color: #fff;
	font-size: 20px;
	margin-bottom: 30px;
	padding-bottom: 25px;
	position: relative;
}
footer .widget{
  margin-top: 50px;
  margin-bottom: 50px;
}
footer .redux-footer .widget{
  margin-top: 0;
  margin-bottom: 0;
}
.footer-widget .menu-main-container
{
    margin-bottom: 50px;
}
.footer-widget .widgettitle::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 40px;
	background: #fff;
}
.footer-widget .widget ul li a {
	color: #ddd;
	font-size: 14px;
	display: inline-block;
}
.footer-widget .widget ul li a:hover{padding-left: 5px;color: var(--color-primary);}
.footer-widget .widget ul li {
	margin-bottom: 10px;
}
.footer-widget .widget ul li:last-child{margin-bottom: 0;}
.footer-widget .gallery-item,.sidebar-widget .gallery-item {
    float: left;
    padding: 0 10px 0 0;
}

.rpwwt-post-title {
    font-weight: bold;
    font-size: 16px;
    color: #252525;
    height: 50px;
    overflow: hidden;
    display: block;
    font-family: 'Montserrat', sans-serif;
}
.f-insta ul li {
	display: inline-block;
	margin-bottom: 10px;
	margin-left: 7px;
}
.f-insta ul li a{display: block;position: relative;}
.f-insta ul li a::before {
	content: "\e035";
	font-family: "dripicons-v2" !important;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 24px;
	color:var(--color-primary);
	transition: .3s;
	opacity: 0;
	z-index: 9;
}
.f-insta ul li a::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: var(--color-primary);
	opacity: 0;
	transition: .3s;
}
.f-insta ul li:hover a::before{top: 50%;opacity: 1;}
.f-insta ul li:hover a::after{opacity: .6;}
.copyright-text {
    border-top: 1px solid #ffffff38;
    padding-top: 50px;
}
.copyright-text p {
	margin-bottom: 0;
	color: #ddd;
}
/* faq */
.faq-btn {
	font-size: 16px;
	color: #252525;
	font-weight: bold;
	border: none;
	background: none;
	outline: none;
	cursor: pointer;
	font-family: 'Karla', sans-serif;
	padding: 20px 30px;
	width: 100%;
	text-align: left;
	padding-right: 55px;
}
.faq-wrap .card-header:first-child {
	border-radius: 0;
}
.faq-wrap .card-header {
	padding: 0;
	margin-bottom: 0;
	background-color: unset;
	border-bottom: none;
}
.faq-wrap .card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: unset;
	padding: 25px 30px;
	padding-top: 0;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
}
.faq-wrap .card-header h2 {
	font-size: unset;
}
.faq-wrap .card {
	border: 1px solid #e2e2e2;
	border-radius: 0;
	margin-bottom: 15px;
}
.faq-wrap .card:last-child {margin-bottom: 0;}
.faq-wrap .card-header h2 button::after {
	position: absolute;
	content: "\f068";
	top: 19px;
	right: 30px;
	font-size: 16px;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	color: #252525;
}
.faq-wrap .card-header h2 button.collapsed::after {
	content: "\f067";
}
/* 21. Menu Theme dropdown default css */
.single-cta {
    line-height: 28px;
}
.single-cta a {
    color:var(--color-primary);
}
.navbar-brand.logo-black img {
    width: 90%;
}
.main-menu .has-sub > ul {
display:none;
position: absolute;
background-color: #ffff;
min-width: 250px;
z-index: 1;
transition: all 0.3s ease-in-out;
margin-top: 15px;
border-top: 4px solid var(--color-primary);
box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
}
.main-menu .has-sub li a{
    padding: 15px;
    color: #002691;
}
.main-menu .has-sub li {
margin-left: 0 !important;
float: left;
border-bottom: 1px solid #ddd;
width: 100%;
text-align: left;

}
.main-menu .has-sub li:last-child
{
	border:none;
}

.main-menu .has-sub a:hover{
	color:var(--color-primary);
}
.main-menu .has-sub:hover > ul { display:block; margin-top: 0px;}
.main-menu .has-sub > ul > .has-sub > ul {
  display: none;
  position: absolute;
background-color: #ffff;
width: 250px;
z-index: 1;
padding: 0;
margin-left: -255px;
margin-top: 0;
top: -3px;
}
.main-menu .has-sub > ul > .has-sub:hover > ul{display: block;}
.main-menu .has-sub > ul > .has-sub > ul > .has-sub > ul {
   display: none;
  position: absolute;
background-color: #ffff;
width: 250px;
z-index: 1;
padding: 0;
margin-left: 255px;
margin-top: 0;
top: -3px;
}
.main-menu .has-sub > ul > .has-sub > ul > .has-sub:hover > ul {display: block;}



/* 22. Theme sidebar widge css */
.sidebar-widget a{
	color:#7886a0;
}
.tag-cloud-link {
    font-size: 14px !important;
	border: 2px solid #dadeff;
	padding: 10px 19px !important;
	display: inline-block;
	margin: 10px 4px;
	text-transform: capitalize;
	float: none !important;
	width: auto !important;
}
.tag-cloud-link:hover {
     border: 2px solid var(--color-primary);
	 color:#6a6a6a;
}
.widget_text img{
	width:100%;
	height:auto;
}
.sidebar-widget select{
	width:100%;
	padding:10px;
	border: 2px solid #dadeff;
}
.recentcomments a{
 color:#1a237e;
}
.sidebar-widget a.rsswidget{
 color:#1a237e;
}
#wp-calendar caption {
    color:var(--color-primary);
    font-weight: bold;
    font-size: 14px;
}
.quote-post{
	background: url(../images/quote_bg.png);
}
.widget_media_image a:hover {
    padding-left: 0 !important;
}
.sidebar-widget .widget li .children {

    border-top: 1px solid #dadeff;
    margin-top: 10px;
    padding-bottom: 0px;
    display: inline-block;
    width: 100%;

}
.sidebar-widget .widget li.page_item_has_children,
 {
    padding-bottom: 0;
}
.sidebar-widget .widget .children{
	padding-left:15px;
}

.sidebar-widget .widget .children ul.children{
	padding-left:30px;
}
.sidebar-widget .page_item_has_children li {

    padding-top: 10px;
    display: block;

}
.sidebar-widget .widget .children li {
    padding-top: 10px;
}
.sidebar-widget .widget .children .children li {
    padding-top: 10px;
}
.sidebar-widget .widget li:last-child,.sidebar-widget .widget .children li:last-child,.sidebar-widget .widget .children .children li:last-child {
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
}

.sticky .bsingle__content,.tag-sticky-2{

background: #F2F1FF;

}
.sticky .bsingle__content ul li {

    margin-bottom: 15px;
    list-style: disc;
    margin-left: 10px;

}

#attachment_907 {
    width: 100% !important;
}
.wp-image-907 {
    width: 100% !important;
	height: auto;
}
.sidebar-widget .widget a{
width:85%;
text-align:left;
}
.sidebar-widget .widget a:hover {
    color: var(--color-primary);
	padding-left:10px;
}
.sidebar-widget .widget .widget_archive li:hover,.widget_categories li:hover,.sidebar-widget .widget_archive li:hover{
	  color: var(--color-primary);
}
.post-password-form input[type="password"]{
    background: #f2f1ff;
    border: none;
    width: 300px;
    padding: 10px 30px;
}
.post-password-form input[type="submit"] {
   border: none;
background:var(--color-primary);
padding: 10px 30px;
color: #ffffff;
font-size: 14px;
cursor: pointer;
}
.post-password-form input[type="submit"]:hover {
    background: var(--color-primary);
}
.wp-block-cover__video-background {
    width: 100%;
}
.sidebar-widget .widget_nav_menu .sub-menu {
    padding-left: 15px;
}
.page #comments {
    float: left;
    width: 100%;
    margin-top: 50px;
}
video {
    width: 100%;
}
.sidebar-widget .widget_text a:hover{
	padding-left:0;
}
.dsnone
{
	display:none;
}

.wp-block-media-text__media img {
    width: 100%;
}

.wp-block-image .alignleft {
    float: left;
    margin-right: 1em;
}
.wp-block-image figure.alignright {
    margin-left: 1.5em;
}
.wp-block-image .alignright {
    float: right;
    margin-left: 1em;
}
.wp-block-image img {
    max-width: 100%;
}

.wp-block-galler {
    overflow: hidden;
	display:inline-block;
    position: relative;
	width:100%;
}
.blocks-gallery-item {
    margin: 0;
    position: relative;
}
.blocks-gallery-item img, .blocks-gallery-item img:hover {
    background: 0 0;
    border: none;
    box-shadow: none;
    max-width: 100%;
    padding: 0;
    vertical-align: middle;
}
.blocks-gallery-item figcaption {
    background: #eee;
    background: rgba(255,255,255,.8);
    color: #333;
    font-size: 13px;
    font-weight: 400;
    overflow: hidden;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    text-indent: 10px;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
	opacity: 0;
}
.blocks-gallery-item:hover  figcaption {
	opacity: 1;
}
.wp-block-gallery.columns-3 li
{
	width: 33.333%;
padding: 10px;
height: 200px;
}
.wp-block-gallery.columns-2 li
{
	width: 50%;
padding: 10px;
}
.wp-block-gallery {
    width: 100%;
    float: left;
}

.wp-block-gallery.columns-5 li {
    width: auto;
    height: auto;
    overflow: hidden;
    columns: auto;
}
.bsingle__content .alignright {
    float: right;
	  margin-left: 1.5em;
}
.bsingle__content .alignleft {
    float: left;
    margin-right: 1em;
}
.alignright {
    float: right;
	  margin-left: 1.5em;
}
.alignleft {
    float: left;
    margin-right: 1em;
}
figure.aligncenter {

    width: 100% !important;
    text-align: center;
	float:left;
}
.aligncenter {
	margin:auto;
	display: inherit;
}
.page-links {
    float: left;
    width: 100%;
    margin-top: 50px;
}
#comments {
    float: left;
    width: 100%;
}
.bsingle__content ul,.pages-content ul{
	padding-left:10px;
}
.comment-text ul{
	padding-left:20px;
}
.bsingle__content ul li,.comment-text ul li,.pages-content ul li {
    list-style: disc;
}
 .bsingle__content table th ,.bsingle__content table td,.comment-text table th ,.comment-text table td,.pages-content table th,.pages-content table td{
   border: 1px solid #dadeff;
padding: 10px;
}
 .bsingle__content table,.comment-text  table,.pages-content table  {
    margin-bottom: 20px;
}
.wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile {
    padding: 30px;
}
 .bsingle__content ol {
    padding: 0 0 0 1.5em;
}
.bsingle__content ol li,.comment-text ol li,.pages-content ol li{
    list-style: decimal;
}
.bsingle__content figure {
    margin: 0 0 1rem;
}
a, h1, h2, h3, h4, h5, h6, p, span {
    overflow-wrap: break-word;
}
.has-text-color.has-background.has-very-light-gray-color {
    color: #fff;
    padding: 21px;
}
.wp-block-cover-text {
    color: #fff;
    padding: 30px;
}
.tag-template img {
    width: auto !important;
}
.error-page .error-code {
    display: block;
    font-size: 150px;
    line-height: 150px;
    color: #333;
    margin-bottom: 20px;
    text-shadow: 5px 5px 1px rgba(0,0,0,.1);
}
.error-body a {

    margin-top: 30px;
    margin-bottom: 100px;

}
.tag-markup-2 li > ul, li > ol, .pages-content li > ul, li > ol {
    padding-left: 1.5em;
}
.tag-markup-2 ul li,.tag-markup-2 ol li,.comment-text ul li,.comment-text ol li,.pages-content ul li,.pages-content ol li {
    margin-top: 10px;
    margin-bottom: 0;
}
.parent-pageid-1725 figure.aligncenter {
    margin: 50px 0;
}
.bsingle__content ul ul li, .pages-content ul ul li {
  list-style: circle;
}

footer #wp-calendar caption
{
  color:#fff;
}
ol {
    padding-left: 15px;
}
iframe {
    width: 100%;
    height: auto;
}

.comment-list li {

    margin-bottom: 30px;

}
.wp-block-button__link {
    border: none;
    font-weight: 700;
    padding: .76rem 1rem;
    outline: none;
    outline: none;
    display: inline-block;
    background:var(--color-primary);
    color: #fff !important;
    width: auto;
	border-radius: 5px;
	text-align:center;
}
.wp-block-button.aligncenter .wp-block-button__link {

    width: 50%;
    display: block;
    margin: auto;

}
.wp-block-button.is-style-outline .wp-block-button__link {

    background: none;
    border: 2px solidvar(--color-primary);
    color:var(--color-primary) !important;

}

.wp-block-button.is-style-squared .wp-block-button__link{
	border-radius: 0;
}
.has-2-columns,.has-3-columns,.has-5-columns,.has-6-columns
{
	float:left;
	width:100%;
}
.has-2-columns .wp-block-column {
float:left;
width:50%;
padding-right: 20px;
}
.has-3-columns .wp-block-column {
float:left;
width:33.333%;
padding-right: 20px;
}
.has-5-columns .wp-block-column {
float:left;
width:20%;
padding-right: 20px;
}
.has-4-columns .wp-block-column {
float:left;
width:25%;
padding-right: 20px;
}
.has-6-columns .wp-block-column {
float:left;
width:16.66666666666667%;
padding-right: 20px;
}
.wp-block-media-text.alignwide figure {

    float: left;
    width: 50%;
    margin-right: 20px;

}
 .wp-block-media-text.alignwide .has-large-font-size {
    font-size: 28px;
	color: #252525;
}
.wp-block-media-text__content {

    float: left;
    width: 47%;
    padding-top: 0;

}
.wp-block-columns.alignwide.has-3-columns blockquote{
	margin-top:0;
	padding-left: 20px;
}
.columns-3.is-cropped li {
    list-style: none;
    float: left;
    width: 33.333%;
}
.wp-block-gallery.alignleft.columns-2.is-cropped li {

    float: left;
    list-style: none;

}
.wp-block-gallery.alignwide.columns-4.is-cropped li {

    float: left;
    list-style: none;
    width: 25%;
    padding: 10px;

}
.wp-block-gallery.columns-6.is-cropped li {

    float: left;
    width: 16.666%;
    height: 129px;
    list-style: none;
    padding: 10px;

}
.wp-block-gallery.columns-7.is-cropped li {

    float: left;
    width: 14%;
    padding: 10px;
    list-style: none;
	min-height: 150px;

}
.wp-block-gallery.columns-8.is-cropped li {

    float: left;
    width: 12%;
    padding: 10px;
    list-style: none;
    min-height: 100px;

}
.wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile {
    float: left;
}
.wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile figure {
    float: left;
    width: 50%;
    margin-right: 20px;
}
.footer-widget .widgettitle,.footer-widget .cat-item,.footer-widget .widget ul li{
	text-align:left;
	color:#fff;
}
.footer-widget select {
    width: 100%;
    padding: 10px;
    border: 2px solid #dadeff;
}
.blog-deatails-box.single .single {
    display: none;
}
.footer-widget .tag-cloud-link ,.footer-widget p{
     color: #fff;
	 font-size: 20px;
}
.footer-social {
    margin-bottom: 60px;
}
.footer-text {
    width: 80%;
    margin: 0 auto 30px;
}
.redux-footer h2
{
	margin-top: 0px;
}
.footer-widget td {
    padding: 5px;
    text-align: center;
}

.footer-widget table {
    width: 100%;
    padding: 10px;
    background: #f5f5f5;
}
.footer-widget th {
    background: #dadeff;
    padding: 10px 5px;
    text-align: center;
    color: #252525;
}

.bsingle__content h1,.bsingle__content h2,.bsingle__content h3,.bsingle__content h4,.bsingle__content h5,.bsingle__content h6 {
    line-height: 1.3;
    margin-bottom: 20px;
    font-weight: 700;
}
.pages-content h1,.pages-content h2,.pages-content h3,.pages-content h4,.pages-content h5,.pages-content h6 {
    line-height: 1.3;
    margin-bottom: 20px;
    font-weight: 700;
}
.comment-list h1,.comment-list h2,.comment-list h3,.comment-list h4,.comment-list h5,.comment-list h6 {
    line-height: 1.3;
    margin-bottom: 20px;
    font-weight: 700;
}
.widget {
    padding: 35px 25px 35px 25px;
	border: 2px solid #dadeff;
	overflow: hidden;
}
.slidebar__form {
    position: relative;
}
.slidebar__form input {
    background: #f2f1ff;
    border: none;
    width: 100%;
    padding: 18px 30px;
}
.slidebar__form button {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background:#002691;
    padding: 18px 23px;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
    height: 100%;
}
.comment-text {
  	overflow: hidden;
}
.comment-text .avatar-name {
	overflow: hidden;
}
.comment-text .avatar-name h6 {
	font-size: 18px;
	margin-bottom: 7px;
	font-weight: bold;
}
.comment-text .avatar-name span {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: var(--color-primary);
}
.comment-text .avatar-name .comment-reply {
	float: right;
	display: inline-block;
	border: 2px solid #f4f4ff;
	padding: 8px 18px;
	border-radius: 50px;
	font-size: 14px;
	margin-top: -23px;
	color: #7886a0;
}
.comment-text .avatar-name .comment-reply:hover {
	border-color: #1a237e;
	background: #1a237e;
	color: #ffffff;
}
.comment-text .avatar-name .comment-reply i {
	margin-right: 5px;
}
.comment-text p {
    font-size: 14px;
	margin-bottom: 0;
}
.comment__form {
	padding: 50px;
	background: #f8f6ff;
}
.comment__form .comment-field {
	position: relative;
}
.comment__form .comment-field.text-area i {
	top: 25px;
	transform: unset;
}
.comment__form .comment-field i {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	color: #1a237e;
	font-size: 14px;
}
.comment__form .comment-field textarea {
	height: 150px;
	width: 100%;
	padding: 20px 30px;
	padding-right: 50px;
	background: #ffffff;
	border: none;
}
.comment__form .comment-field textarea::placeholder {
	font-size: 14px;
	color: #a7a7c1;
}
.comment__form .comment-field textarea:focus {
	outline: 1px solid #1a237e;
}
.comment__form .comment-field input {
	width: 100%;
	padding: 20px 30px;
	padding-right: 50px;
	background: #ffffff;
	border: none;
}
.comment__form .comment-field input::placeholder {
	font-size: 14px;
	color: #a7a7c1;
}
.comment__form .comment-field input:focus {
	outline: 1px solid #1a237e;
}
.comment__form .btn {
	background: transparent;
	border: 2px solid #1a237e;
	font-size: 14px;
	text-transform: uppercase;
	color: #252525;
}
.comment__form .btn::before{content: none;}
.comment__form .btn:hover {
	color: #fff;
	background: #1a237e;
}
.details__content blockquote {
	background: #152136;
	padding: 30px 35px;
	padding-left: 90px;
	position: relative;
	font-size: 14px;
	padding-right: 50px;
	margin-top: 45px;
	margin-bottom: 45px;
	line-height: 1.7;
	color: #99a7c0;
	z-index: 1;
}
.details__content blockquote::before {
	position: absolute;
	content: "";
	left: 19px;
	top: 29px;
	background: url(../img/icon/blockquote_d.png);
	height: 86px;
	width: 92px;
	z-index: -1;
}
.details__content blockquote footer {
	font-size: 14px;
	margin-top: 15px;
	color: #fff;
	font-weight: 600;
}
.details__content-img {
  	margin: 45px 0;
}
.details__content-img img {
	width: 100%;
}
.details__content figure {
	margin-top: 45px;
	margin-bottom: 60px;
}
.details__content figure img {
    float: left;
    width: 255px;
	margin-right: 30px;
}
.inner-linke-page {
    font-size: 16px;
    font-weight: bold;
    color: #252525;
}
.inner-linke-page a {
	border: none;
	height: 32px;
	width: 32px;
	display: inline-block;
	line-height: 32px;
	background: #b9bff5;
	border-radius: 50%;
	color: #000;
	 font-weight: 400;
	font-size: 14px;
	text-align: center;
}
.inner-linke-page a:hover {
	color: #ffffff;
	background:var(--color-primary);
}
.inner-linke-page > span {
	border: none;
	height: 32px;
	width: 32px;
	display: inline-block;
	line-height: 32px;
	font-weight: 400;
	border-radius: 50%;
	font-size: 14px;
	text-align: center;
    background:var(--color-primary);
    color: #ffffff;
    box-shadow: 0px 8px 16px 0px rgba(26, 35, 126, 0.32);
}
pre {
	padding: 30px;
    background: #f2f1ff;
}
pre cite {
    color: #000;
}
.inner-linke-page {
    margin-bottom: 50px;
}
.attachment-xconsulta-featured-large {
    width: 100%;
    height: auto;
}
.quote-post {
    min-height: 200px;
}
/* Here's the new CSS to add... */

.admin-bar .menu-area {
    margin-top: 36px;
}
.admin-bar .second-header {
    margin-bottom: -70px;
}
.admin-bar .sticky-menu {
  top: 32px;
  margin-top:0;
}