@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic');

body {
  font-family: 'Lato';
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: 'Montserrat';
}

hr.star-light,
hr.star-dark {
  max-width: 15rem;
  padding: 0;
  text-align: center;
  border: none;
  border-top: solid 0.25rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  margin-left: auto;
  margin-right: auto;
}

hr.star-light:after,
hr.star-dark:after {
  position: relative;
  top: -.8em;
  display: inline-block;
  padding: 0 0.25em;
  content: '\f005';
  font-family: FontAwesome;
  font-size: 2em;
}

hr.star-light {
  border-color: #fff;
}

hr.star-light:after {
  color: #fff;
  background-color: #18BC9C;
}

hr.star-dark {
  border-color: #2C3E50;
}

hr.star-dark:after {
  color: #2C3E50;
  background-color: white;
}

section {
  padding: 0;
}

section h2 {
  font-size: 2.25rem;
  line-height: 2rem;
}

@media (min-width: 992px) {
  section h2 {
    font-size: 3rem;
    line-height: 2.5rem;
  }
}

.btn-xl {
  padding: 1rem 1.75rem;
  font-size: 1.25rem;
}

.btn-social {
  width: 3.25rem;
  height: 3.25rem;
  font-size: 1.25rem;
  line-height: 2rem;
}

.scroll-to-top {
  z-index: 1042;
  right: 1rem;
  bottom: 1rem;
  display: none;
}

.scroll-to-top a {
  width: 3.5rem;
  height: 3.5rem;
  background-color: rgba(33, 37, 41, 0.5);
  line-height: 3.1rem;
}

#mainNav {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: normal;
  font-family: 'Montserrat';
}

#mainNav .navbar-brand {
  color: #6f6f6f;
}

#mainNav .navbar-nav {
  margin-top: 1rem;
  letter-spacing: 0.06rem;
}

#mainNav .navbar-nav li.nav-item a.nav-link {
  color: #6f6f6f; margin: 0 10px;
}

#mainNav .navbar-nav li.nav-item a.nav-link:hover {
  color: #ff9500;
}

#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
  color: #ff9500;
}

#mainNav .navbar-nav li.nav-item a.nav-link.active {
  color: #ff9500;
}

#mainNav .navbar-toggler {
  font-size: 80%;
  padding: 0.8rem;
}

@media (min-width: 992px) {
	.nav-link {
    text-align: center;
	}
  #mainNav {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
    -moz-transition: padding-top 0.3s, padding-bottom 0.3s;
    transition: padding-top 0.3s, padding-bottom 0.3s;
  }
  #mainNav .navbar-brand {
    font-size: 2em;
    -webkit-transition: font-size 0.3s;
    -moz-transition: font-size 0.3s;
    transition: font-size 0.3s;
  }
  #mainNav .navbar-nav {
    margin-top: 0;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
    color: #ff9500;
    background: ;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
    color: #ff9500;
    background: ;
  }
  #mainNav.navbar-shrink {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.5em;
  }
}

header.masthead {
  padding-top: calc(6rem + 26px);
  padding-bottom: 0rem; height: 602px;
}

header.masthead h1 {
  font-size: 3rem;
  line-height: 3rem;
}

header.masthead h2 {
  font-size: 1.3rem;
  font-family: 'Lato';
}

@media (min-width: 992px) {
  header.masthead {
	 padding-bottom: 0;
  }
  header.masthead h1 {
    font-size: 4.75em;
    line-height: 4rem;
  }
  header.masthead h2 {
    font-size: 1.75em;
  }
}

@media (min-width: 576px) {
    header.masthead {
  }
}
@media (min-width: 400px) {
    header.masthead {
  }
}

.portfolio {
  margin-bottom: -15px;
}

.portfolio .portfolio-item {
  position: relative;
  display: block;
  max-width: 25rem;
  margin-bottom: 15px;
}

.portfolio .portfolio-item .portfolio-item-caption {
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s;
  opacity: 0;
  background-color: rgba(24, 188, 156, 0.9);
}

.portfolio .portfolio-item .portfolio-item-caption:hover {
  opacity: 1;
}

.portfolio .portfolio-item .portfolio-item-caption .portfolio-item-caption-content {
  font-size: 1.5rem;
}

@media (min-width: 576px) {
  .portfolio {
    margin-bottom: -30px;
  }
  .portfolio .portfolio-item {
    margin-bottom: 30px;
  }
}

.portfolio-modal .portfolio-modal-dialog {
  padding: 3rem 1rem;
  min-height: calc(100vh - 2rem);
  margin: 1rem calc(1rem - 8px);
  position: relative;
  z-index: 2;
  -moz-box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5);
}

.portfolio-modal .portfolio-modal-dialog .close-button {
  position: absolute;
  top: 2rem;
  right: 2rem;
}

.portfolio-modal .portfolio-modal-dialog .close-button i {
  line-height: 38px;
}

.portfolio-modal .portfolio-modal-dialog h2 {
  font-size: 2rem;
}

@media (min-width: 768px) {
  .portfolio-modal .portfolio-modal-dialog {
    min-height: 100vh;
    padding: 5rem;
    margin: 3rem calc(3rem - 8px);
  }
  .portfolio-modal .portfolio-modal-dialog h2 {
    font-size: 3rem;
  }
}

.floating-label-form-group {
  position: relative;
  border-bottom: 1px solid #e9ecef;
}

.floating-label-form-group input,
.floating-label-form-group textarea {
  font-size: 1.5em;
  position: relative;
  z-index: 1;
  padding-right: 0;
  padding-left: 0;
  resize: none;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none !important;
}

.floating-label-form-group label {
  font-size: 0.85em;
  line-height: 1.764705882em;
  position: relative;
  z-index: 0;
  top: 2em;
  display: block;
  margin: 0;
  -webkit-transition: top 0.3s ease, opacity 0.3s ease;
  -moz-transition: top 0.3s ease, opacity 0.3s ease;
  -ms-transition: top 0.3s ease, opacity 0.3s ease;
  transition: top 0.3s ease, opacity 0.3s ease;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
}

.floating-label-form-group:not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #e9ecef;
}

.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}

.floating-label-form-group-with-focus label {
  color: #18BC9C;
}

form .row:first-child .floating-label-form-group {
  border-top: 1px solid #e9ecef;
}

.footer {
  background: rgba(53,107,140,1);
  background: -moz-linear-gradient(top, rgba(53,107,140,1) 0%, rgba(21,58,94,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(53,107,140,1)), color-stop(100%, rgba(21,58,94,1)));
  background: -webkit-linear-gradient(top, rgba(53,107,140,1) 0%, rgba(21,58,94,1) 100%);
  background: -o-linear-gradient(top, rgba(53,107,140,1) 0%, rgba(21,58,94,1) 100%);
  background: -ms-linear-gradient(top, rgba(53,107,140,1) 0%, rgba(21,58,94,1) 100%);
  background: linear-gradient(to bottom, rgba(53,107,140,1) 0%, rgba(21,58,94,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356b8c', endColorstr='#153a5e', GradientType=0 );
  color: #fff;
}

.copyright {
  background-color: #12487e;
}

a {
  color: #4c4c4c;
}

a:focus, a:hover, a:active {
  color: #ff9500;
}

.btn {
  border-width: 2px;
  padding: 0.7rem 2.3rem;
}

.bg-primary {
  background-color: #fff !important;
}

.bg-secondary {
  background-color: #2C3E50 !important;
}

.bg-tertiary {
  background-color: #fff !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}

.text-primary {
  color: #18BC9C !important;
}

.text-secondary {
  color: #2C3E50 !important;
}

.btn-primary, .btn-primary:not(:disabled):not(.disabled).active {
  background-color: #12487e !important;
  border-color: #12487e !important;
  color: #fff !important;
}

.btn-primary:hover, .btn-primary:active {
  background-color: #ff9500 !important;
  border-color: #ff9500 !important;
  color: #fff !important;
}

.btn-secondary {
  background-color: #2C3E50;
  border-color: #2C3E50;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  background-color: #1a252f;
  border-color: #1a252f;
}
.text-tertiary {
  color: #6f6f6f !important;
}

.btn-tertiary {
  background-color: #fff;
  border-color: #fff;
}

.btn-tertiary:hover, .btn-tertiary:focus, .btn-tertiary:active {
  background-color: #fff;
  border-color: #fff;
}

.text-orange {
  color: #ff9500 !important;
}

.btn-orange {
  background-color: #ff9500;
  border-color: #ff9500;
  color: #2C3E50;
}

.btn-orange:hover, .btn-orange:focus, .btn-orange:active {
  background-color: #fff;
  border-color: #fff;
  color: #2C3E50;
}

.btn-darkblue {
  background-color: #2C3E50;
  border-color: #2C3E50;
  color: #ff9500;
}

.btn-darkblue:hover, .btn-darkblue:focus, .btn-darkblue:active {
  background-color: #ff9500;
  border-color: #ff9500;
  color: #2C3E50;
}
.bg-darkblue {
  background-color: #102d4b;
}
.text-darkblue {
  color: #102d4b;
}

.bg-lightblue {
  background-color: #f2f7f9;
}
.text-ligthblue {
  color: #adc0d3 !important;
}
.text-middleblue {
  color: #6e92b1 !important;
}

/* *************** SECCIÓN DE LOGIN ****************** */

@media screen {

.login {
/*	position: relative;*/
	min-height: 400px; 
	max-width: 500px;
	min-width: 500px;
	margin: auto;
	}
.header-login {
	background: #12487e; 
	width: 100%; 
/*	height: 100px; */
	padding-right: 12px;
	}
.content-login {
	background: #f2f7f9; 
	padding: 10px 30px;
	width: 100%;
	}
.login .links-login {
  color: #4c4c4c;
  font-size: 1em;
  margin: 0;
  padding: 0;
  font-weight: normal !important; line-height: 1.2em;
  }
.login h3 {
  color: #fff;
  font-size: 1.55rem;
  font-weight: 400 !important;
  padding: 20px 30px 0px 30px;
  }
.hasta-por {
	font-size: 13px;
	margin-top: 15px;
}

.etiqueta {
	background: url(../img/etiqueta.png) top right no-repeat;
	background-size: cover;
	width: 130px;
	height: 84px;
	float: right;
	margin: -13px 14px 0 0;
	text-align: center;
	padding: 14px 0 0 12px;
  }
}


@media screen and (max-width: 768px) {
.login {
  min-width: 100%;
  }
.login h3 {
  font-size: 1.55rem;
  }
.login .links-login {
  font-size: 0.9em;
  }
}

@media screen and (max-width: 576px) {
.login {
  min-width: 100%;
  }
.login h3 {
  font-size: 1.1rem; padding-left: 20px;
  }
.login .links-login {
  font-size: 0.8em;
  }
.etiqueta {
  margin-right: 0px; 

  }
}


/* *************** SECCIÓN BENEFICIOS ****************** */


@media screen {

.beneficios {
	background: #12487e
	}
.logos-pago img {
	width: 116px;
	}
	
.logos-pago-bancos img {
	width: 150px;
	}
}
@media screen and (max-width: 768px) {
	.portales-pago, .botones-pago {
	text-align: center;
	}
}
@media screen and (max-width: 576px) {
.beneficios-home {
	display: none;
	}

}

/* *************** SECCIÓN CÓMO OBTENGO LA GARANTIA old ****************** */


@media screen {

.como-la-obtengo {
	background: #102d4b url("./../img/fondo-como-obtengo-la-garantia.jpg") no-repeat left top scroll;
	background-size: cover;
	}
	
.como-la-obtengo .container {
	background: url("./../img/como-obtengo-la-garantia-de-fianza.png") no-repeat left bottom scroll;
	background-size: auto;
	}
}
@media screen and (max-width: 1200px) {
.como-la-obtengo .container {
	background-size: 56% auto; 
	}
}
@media screen and (max-width: 992px) {
.como-la-obtengo .container {
	background-size: 50% auto; background-position: right bottom;
	}
}
@media screen and (max-width: 768px) {
.como-la-obtengo .container {
	background-size: 70% auto; background-position: bottom center;
	}
}

@media screen and (max-width: 576px) {
.como-la-obtengo .container {
	background-size: 85% auto;
	}
}


/* *************** SECCIÓN QUÉ ES UN CERTIFICADO ****************** */


@media screen {

.que-es-un-certificado {
	background: #102d4b url("./../img/fondo-que-es-un-certificado-de-fianza.jpg") no-repeat left top scroll;
	background-size:cover;
	}
.que-es-un-certificado .container-fluid {
	background: url("./../img/que-es-un-certificado-de-fianza.png") no-repeat right bottom scroll;
	background-size: auto;
	}
}
@media screen and (max-width: 1200px) {
.que-es-un-certificado .container-fluid {
	background-size: 75% auto;
	}
}
@media screen and (max-width: 768px) {
.que-es-un-certificado .container-fluid {
	background-size: 85% auto;
	}
}

@media screen and (max-width: 576px) {
.que-es-un-certificado .container-fluid {
	background-size: 100% auto;
	}
}

/* *************** SECCION COMO OBTENER LA GARANTIA ****************** */

.como-la-obtengo2 {
	background: url("../img/bg-como-obtenerla.jpg") no-repeat left top scroll;
	background-size: cover;
	}
.como-la-obtengo2 .container-fluid {
	background: url("../img/img-garantia.png") no-repeat 85% bottom scroll;
	background-size: auto;
	}

@media screen and (max-width: 1200px) {
.como-la-obtengo2 .container-fluid {
	background: url("../img/img-garantia.png") no-repeat 90% bottom scroll;
	background-size: 30%;
	}
}

@media screen and (max-width: 991px) and (min-width: 767px) {
	.como-la-obtengo2 .container-fluid {
	background: url("../img/img-garantia.png") no-repeat right bottom scroll;
	background-size: 40%;
	}
	.space {
		min-height: 300px;
	}
}
@media screen and (max-width: 768px) {
.como-la-obtengo2 .container-fluid {
	background: none;
	}
}

@media screen and (max-width: 576px) {
.que-es-un-certificado .container-fluid {
	background-size: 100% auto;
	}
}

/* *************** SECCIÓN PREGUNTAS FRECUENTES ****************** */

.preguntas-frecuentes {
	background: #102d4b url("./../img/fondo-gris2.jpg") no-repeat left top scroll;
	background-size:100% 100%;
	}

.btn-warning, .btn-warning:focus {
	background-color: #f58f22;
	border-color: #f58f22;
	color: #fff;
}

.btn-warning:hover {
	background-color: #D97509;
	border-color: #D97509;
	color: #ffffff;
}

.header {
	padding-top: 2em;
	padding-bottom: 3em;
	background-image: url("../img/fondo-header3.png");
	background-size: cover;
	background-position: left;
/*	margin-top: 100px;*/
}

.text-dark {
	color: #323232 !important;
}

.text-blue {
	color: #12487e;
}

.c-default {
	cursor: default !important;
}
.img_pagos {
	text-align: center;
	border-radius: 3px;
}



/* estilos paginas internas */

.hr_certificado{
	margin: 0!important;
    border: solid 1px #c2c1c1!important;
}

.btn-primary{
  background: #004780!important;
}


.bar {
  height: 1px;
  background: #eee;
  width: 100%;
  position: relative;
  top: 37px;
/*  left: 25%;*/
}
.timeline {
  white-space:nowrap;
  overflow-x: none;
  position:relative;
}

.timeline > .entry:last-child {
	margin-right: 0;
}

.entry {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 36px;
  border: 1px solid #f58f22;
  position: relative;
/*  left: 30%;*/
  top: 15px;
  margin-right: 24%;
}

.entry span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  left: 4px;
  top: 4px;
  text-align: center;
  line-height: 2em;
  background-color: #f58f22;
  color: #fff;
  font-weight: bold;
}
.n-border{
  border: 0px;
}
.bg-opacity{
  background-color: #E7E7E7 !important;
}

.bg-lightblue {
	background-color: #F0F6F9 !important;
}
/*
 FORM 1 
.formulario h4{
  text-align: center;
  margin-top: 28px;
  font-weight: bold;
  font-size: 1em;
}
.formulario p{
  color: #557DE4;
  font-weight: bold;
  margin-top: 30px;
  margin-left: 30px;
}
.formulario .bg-info{
  background-color: #F0F6F9;
  min-height: 110px;
  border-top: 1px solid #E7E7E7;
  margin-bottom: 30px;
}
.formulario .bg-info .info-1 p,
.formulario .bg-info .info-2 p{
  color: #1F4989;
  margin-left: 0px;
}
.formulario .bg-info .info-1 span,
.formulario .bg-info .info-2 span{
  color: #8A8C8D;
  font-size: 1em;
}
.formulario .ccto .form-control{
  height: 40px;
  border: 1px solid #c5cdd9;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.0);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.0);
}
.formulario .ccto .form-control.inp-esp{
  width: 111%;
}
.formulario .ccto .form-group label{
  color: #1F4989;
}
.formulario .ccto .form-group .input-group-addon{
  background-color: transparent;
  padding-left: 17px;
  border-right: transparent;
}
.formulario .ccto .select{
  margin-top: 25px;
}
.formulario .ccto .select.slate{
  overflow: hidden;
}
.formulario .ccto .select:before {
  content: "\f04b";
  font-family: 'FontAwesome';
  color: #fff;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 56px;
  top: -4px;
  padding: 13px 10px 35px;
  border-bottom: 1px solid #ddd;
  position: absolute;
  pointer-events: none;
  height: 31px;
  -webkit-text-stroke-color: #e1e6ec;
  -webkit-text-stroke-width: 1.5px;
  font-size: 1em;
  cursor: pointer;
}
.formulario .ccto .select:after{
  border-bottom: 1px solid #ddd;
}
.formulario .ccto select{
    -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.formulario .ccto .date:before {
  content: "\f04b";
  font-family: 'FontAwesome';
  color: #fff;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 24px;
  top: 21px;
  padding: 13px 10px 35px;
  border-bottom: 1px solid #ddd;
  position: absolute;
  pointer-events: none;
  height: 31px;
  -webkit-text-stroke-color: #e1e6ec;
  -webkit-text-stroke-width: 1.5px;
  font-size: 1em;
}
.formulario .ccto .date:after{
  border-bottom: 1px solid #ddd;
}
.formulario .ccto .tel span{
  color: #557DE4;
  font-weight: bold;
  line-height: 2.4em;
  font-size: 1.2em;
  margin-left: 3px;
}
.formulario .ccto .form-group textarea{
  height: 108px;
}
.formulario .ccto .form-group .bg-v{
  height: 47px;
  background-color: #BEFAE2;
  width: 46%;
  display: inline-block;
  margin-top: 24px;
  margin-left: 84px;
}
.formulario .ccto .form-group .bg-v p{
  margin-top: 15px;
  text-align: center;
  color: #00AF68;
}
.formulario .ccto .form-group .btn{
  margin-top: -6px;
  margin-left: 16px;
  width: 31%;
  color: #fff;
  background-color: #557DE4;
  border-color: #557DE4;
  font-weight: bold;
  letter-spacing: 0.1em;
  height: 48px;
  line-height: 1.2em;
}
*/
/*

page2
.page-2 h4{
  text-align: left;
  margin-top: 28px;
  font-size: 1em;
  color: #557DE4;
}
.hr2{
    margin-top: 1px;
    margin-bottom: -2px;
}
.encabezado{
    color: #557DE4;
    font-weight: bold;
    font-size: 12px;
    width: 109px;

}
.beneficiario .form-control{
    font-size: 12px;
    margin-left: -4px;
    width: 130px;
    border-radius: 0px;
    padding: 6px 8px;
    margin-top: 20px;
}


p.parrafo{
  margin: 0!important;
  color: #333!important;
  font-weight: 2;
}

a.lick{
  text-decoration: underline;
  color: #333;
}

a.lick:hover{
  text-decoration: underline;
  color: #000;
}

.logo_masaval{
  margin-top: 30px;
}

h1.mas_aval{
  color: #f99233;
  font-size: 27px;
  margin-top: -25px;
  text-align: center;
}

h1.mas_aval span{
  font-weight: bold;
  color: #01457b;
}

.margin_left_0{
  margin-left: 0!important;
}


.link_booton{
  position: absolute;
  bottom: -97px;
  right: 15px;
  color: #23527c;
  text-decoration: underline;
  font-weight: bold;
}

.btn-continuar{
  display: block;
  margin: 30px auto;
  width: 31%;
  color: #fff;
  background-color: #6171E6 !important;
  border-color: #6171E6 !important;
  font-weight: bold;
  letter-spacing: 0.1em;
  height: 48px;
  line-height: 1.2em;
}

input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../img/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label {
    background:url(../img/check_radio_sheet.png) -19px top no-repeat;
}

.btn-agregar{
  display: block;
  margin: -9px auto;
  margin-right: 30px;
  font-size: 13px; 

}
.td-direccion{
    width: 30%;
}
.input-direccion{
   width: 100%!important;
}
.input-participacion{
   width: 70%!important;
}
.td-ciudad{
    width: 10%;
}
.input-ciudad{
   width: 100%!important;
}
*/
.hr3{
    margin-top: 30px;
}

.preview{
  background: #74cee4;
  margin-top: 30px;
  color: #fff;
  text-align: center;
}

.preview2{
  background: #4990e3;
  margin-top: 30px;
  color: #fff;
  text-align: center;
}
.red{
  background: #F33B28 !important;
}
.preview h2{
  font-weight: bold;
  font-size: 18px;
  margin: 0;
  padding: 20px;
}

.preview2 h2{
  font-weight: bold;
  font-size: 18px;
  margin: 0;
  padding: 20px;
}

.check_out{
  border-left: solid 0.5px #e4e4e4;
  border-right: solid 0.5px #e4e4e4;
  border-bottom: solid 0.5px #e4e4e4;
      text-align: center;
}

.check_out_full{
  border: 1px solid #e4e4e4;
  margin-top: 10px; 
}

.check_out_full p.text-center{
  margin-top: 10px;
  font-size: 12px;
}

.check_out_full h3{
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 2px;
}

.check_out p{
  font-size: 18px;
  margin: 0;
  padding: 20px;
}

p.B{
  color: #000;
  margin: 0;
}

p.b{
  margin: 0!important; 
  color: #222!important;
  font-weight: 1!important;
  font-size: 9px!important;
}

p.b2{
  margin: 0!important; 
  color: #222!important;
  font-weight: 1!important;
}


img.img_targe, img.img_targe_first{
  padding: 35px;
  display: inline-block;
}

.content_firma{
  text-align: right;
  padding: 40px;

}
.btn-agregar{
  display: block;
  margin: -9px auto;
  margin-right: 30px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding: 7px;
}
.td-direccion{
  width: 30%;
}
.input-direccion{
  width: 100%!important;
}
.input-participacion{
  width: 70%!important;
}
.td-ciudad{
  width: 10%;
}
.input-ciudad{
  width: 100%!important;
}
.hr3{
  margin-top: 30px;
}

.oculto{
  display: none!important;
}

/*pagina confirmacion*/

.confirmacion{
	padding: 10px 0 80px;
}

.confirmacion p{
	text-align: center;
}
.btn-cerrar{
  display: block;
  margin-right: 30px;
  font-size: 13px;
  margin: 30px auto;
  border-radius: 20px;
  min-width: 120px;
  font-weight: bold;
  background: #e2747e;
  border: none;
}

.comision{
  background: #74cee4; width: 50%;
}

/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px){
  .bar{
    width: 100%;
  }
	.entry {
		margin-right: 22%;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px){
  .link_booton{
    position: initial;
  }
  .bar{
    width: 100%;
  }
  .entry{
    margin-right: 18%;
  }
    .comision{
    width: 100%;
  }
  .formulario .ccto .form-control.inp-esp{
    width: 100% !important;
  }
  .formulario .ccto .select:before{
    right: 31px;
  }
  .preview2 h2{
    font-size: 13px!important;
    padding: 10px!important;
  }
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px){

	img.img_targe, img.img_targe_first{
		padding: 20px;
		width: 100%;
		display: inline;
		margin: auto!important;
	}

  .bar {
    width: 100%;
  }
  .entry {
    margin-right: 23%;
  }
  .formulario .ccto .form-control.inp-esp{
    width: 100% !important;
  }
  .formulario .ccto .form-group .bg-v{
    width: 100%;
    display: inherit;
    margin-left: 0px;
  }
  .formulario .ccto .form-group .bg-v p{
    line-height: 3em;
  }
  .formulario .ccto .form-group .btn{
    margin-left: 0px;
    width: 100%;
    margin-top: 10px;
  }
}

/* ESPECIFICOS PARA EL TIMELINE*/


@media (max-width: 595px){
  .entry {
    margin-right: 20%;
  }
}
@media (max-width: 500px){
  .bar {
    margin-right: 87px;
    width: 100%;
  }
  .entry {
    margin-right: 63px;
  }
  h1.mas_aval{
    margin-top: 39px;
  }
}
@media (max-width: 463px){
  .bar {
    left: 0%;
    margin-right: 87px;
    width: 100%;
  }
  .entry {
    left: 20%;
    margin-right: 21px;
  }
}
@media (max-width: 342px){
  .entry {
    left: 10%;
    margin-right: 21px;
  }
}

@media (max-width: 300px) {
  .preview2 h2 {
      font-size: 8px!important;
      padding: 6px!important;
  }
}

.btn-white-outline, .btn-white-outline:focus {
	border: 1px solid #ffffff;
	background-color: transparent;
	color: #ffffff;
}

.btn-white-outline:hover {
	background-color: #ffffff !important;
	color: #12487e !important;
}

.img_cedula{
  width: 45%;
}

.firma {
	border: 1px solid #888888;
}

.btn-outline-primary {
	border: 2px solid #12487e;
	color: #12487e !important;	
}

.btn-outline-primary:hover {
	background-color: #12487e !important;
	border-color: #12487e !important;
	color: #ffffff !important;
}

@media screen and (max-width: 991px) {
	.beneficiario_lg {
	display: none
	}
}
@media screen and (min-width:992px) {
	.beneficiario_sm {
	display: none
	}
}

/* FAQ */
.faq .panel-default > .panel-heading {
padding: 0;

}
.faq .panel-heading a {
padding: 12px 35px 12px 15px;
display: inline-block;
width: 100%;
/*background-color: #EE556C;*/
color: #12487e;
position: relative;
text-decoration: none;
}
.faq .panel-heading a:after {
font-family: "FontAwesome";
content: "\f147";
position: absolute;
right: 20px;
font-size: 20px;
font-weight: 400;
top: 50%;
line-height: 1;
margin-top: -10px;
color: #f58f22;
}

.faq > .panel-group > .panel-default > .panel-heading > .panel-title > a.collapsed {
	font-weight:normal;
}

.faq .panel-heading a.collapsed:after {
	content: "\f196";
	color: #CCCCCC;
}

.faq > .panel-group > .panel-default > .panel-heading > .panel-title > a {
	font-weight: bold;
	font-size: 1.1rem;
	margin-top: 10px;
}

.faq > .panel-group > .panel-default {
	border-bottom: 1px solid #CCCCCC
}

.faq > .panel-group > .panel-default:last-child {
	border-bottom: none;
}

.faq > .panel-group > .panel-default > .panel-collapse > .panel-body {
	font-size: 1.05rem;
}

.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
}

.pagination a.active {
  background-color: #4CAF50;
  color: white;
  border-radius: 5px;
}

.pagination a:hover:not(.active) {
  background-color: #ddd;
  border-radius: 5px;
}

@media (max-width: 767px) {
  .tooltip .right {
    display: none !important;
  }
}

#LDC {
    background-color: #e8e8e8;
    font-size: 1.5rem;
}

.title-ldc {
    font-weight: bolder;
    font-size: 2rem;
}

.footer-ldc {
}


/*NEW STYLES*/
.benefit-content{
    background: #F2F7F9;
    padding: 64px 128px
}

.general-benefits{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.benefit-element{
    max-width: 348px;
    display: flex;
    flex-direction: column;
    /* align-content: center; */
    align-items: center;
    padding: 16px;
    margin-bottom:80px
}

.benefit-element:nth-child(2){
    margin:0 32px
}

.benefit-element>h3{
    font-weight: 700;
    font-size: 24px;
    color: #13487E;
    margin-bottom:16px
}

.benefit-element>p{
    font-weight: 500;
    font-size: 18px;
    color: #4E4F4F;
    text-align: justify;
    margin:0
}

.benefit-element>img{
    margin-bottom:8px;
    height:96px
}

.payment-benefits{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.payment-text{
    font-weight: 500;
    font-size: 18px;
    color: #4E4F4F;
}

.payment-options{
    background: #FFFFFF;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
    border-radius: 8px;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 24px 40px;
    width: 584px;
}

.blue-back{
    background:#13487E
}

.blue-text{
    color:#13487E
}

.yellow-back{
    background:#fb8e2f
}

.title-benefit-content>h2{
    color:#fff;
    font-weight: 700;
    font-size: 32px;
    text-align:center;
    max-width:726px;
    margin:0 auto;
    margin-bottom:64px
}

.card-benefit-content{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 0px;
}

.card-benefit{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    background: #FFFFFF;
    border-radius: 16px;

    height:360px;
    width:260px;
}

.card-benefit>img{
    margin-bottom:8px
}

.card-benefit>h3{
    font-weight: 700;
    font-size: 22px;
    color: #FF9015;
    text-align:center;
    margin-bottom:8px
}

.card-benefit>p{
    font-weight: 500;
    font-size: 18px;
    color: #06326B;
    text-align:left
}

.card-benefit:nth-child(2){
    margin: 0 24px 0 24px
}

.card-benefit:nth-child(3){
    margin: 0 24px 0 0
}

.button-benefit-section{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top:24px
}

.gmp-button-sm{
    padding: 12px 40px
}

.grey-back{
    background: #E8E8E8;
    padding: 32px 128px;
}

.contact-info{
    display: flex;
    flex-direction: column;
    align-items: center;
    width:338px
}

.contact-info>h4{
    font-weight: 600;
    font-size: 18px;
    color: #13487E;
    margin:8px 0
}

.contact-info>p{
    font-weight: 700;
    font-size: 18px;
    color: #4E4F4F;
    margin: 0
}

.contact-info-content{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

.white-back{
    background:#fff!important
}

.maxxa-presentation{
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.maxxa-presentation>h2{
    font-weight: 700;
    font-size: 24px;
    color: #FF5100;
    text-align:center
}


.url-gmp{
    color:#FF9015;
    text-decoration:underline
}

.banner-who-is-maxxa{
    height: 200px;
    display: flex;
    align-items: center;
    width: 100%;
    padding-left:180px
}

.who-is-maxxa{
    font-size:32px;
    color:#13487E
}

.intro-maxxa{
    font-size:18px;
    display: flex;
    align-items: center;
    max-width: 1110px;
    margin: 0 auto 40px auto ;
    flex-direction: row;
}


.intro-maxxa>img{
    margin-right:42px
}

.intro-maxxa-button-content{
    display: flex;
    justify-content: center;
    margin-top: 32px;
    margin-bottom:32px
}

.intro-maxxa-list-content{
    margin-bottom:32px
}

.intro-maxxa-list-content>h2{
    font-weight: 700;
    font-size: 24px;
    color: #FF5100;
    text-align: center;
    margin-bottom:16px;
    line-height:24px
}

.list-content{
    width: 1110px;
    margin: auto;
}

.list-content-element{
    display: flex;
    align-items: center;
    margin-bottom:16px
}

.list-content-sub-element{
    display: flex;
    align-items: center;
}

.list-content-element>p{
    margin-bottom:0;
    font-size:18px
}

.list-content-element>img{
    margin-right:8px
}

.list-content-element-dist{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.list-content-element-dist>.list-content-sub-element>p{
    margin-bottom:0;
    font-size:18px
}

.list-content-element-dist>.list-content-sub-element>img{
    margin-right:8px
}

.list-content-element-dist>ul>li{
    font-size:18px;
    margin-top:8px
}

@media screen and (max-width:991px){
    .general-benefits {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .benefit-content {
        padding: 24px
    }

    .benefit-element{
        margin-bottom:16px;
        padding:0
    }

    .benefit-element:nth-child(2){
        margin:0 0 16px 0
    }

    .payment-benefits{
        margin-top:16px
    }

    .payment-options {
        flex-direction: column;
        width: 100%;
    }

    .card-benefit-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0px;
    }

    .card-benefit {
        height: 100%;
        width: 100%;
    }

    .card-benefit:nth-child(2){
        margin: 16px 0 16px 0
    }

    .card-benefit:nth-child(3){
        margin: 0 0 16px 0
    }

    .contact-info-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contact-info{
        width:100%;
        margin-bottom:32px
    }

    .intro-maxxa>img{
        margin-right:0px;
        margin-bottom:16px
    }

    .list-content {
        width: 100%;
        margin: auto;
    }

    .intro-maxxa {
        font-size: 18px;
        display: flex;
        align-items: center;
        max-width: 1110px;
        margin: 0 auto 32px 0;
        flex-direction: column;
    }

    .banner-who-is-maxxa{
        padding-left:24px
    }

}


.comision-card {
    width: 280px;
    margin: 0 auto;
    border-radius: 8px;
    background: var(--blanco, #FFF);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
    align-items: center;
}

.comision-card {
    min-width: 460px;
    margin: 0 auto;
    border-radius: 8px;
    background: var(--blanco, #FFF);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
    align-items: center;
}

.commision-upper-text {
    display: flex;
    align-items: center;
    align-self: stretch;
    margin: 0 auto;
}

.commission-value-row {
    display: flex;
    justify-content: space-between;
    align-self: stretch;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.commission-buttons {
    display: flex;
    justify-content: center;
    align-self: stretch;
    margin: 0 auto;
}

.line-row {
    padding-left: 1rem;
    padding-right: 1rem;
}

.upper-text-title{
    font-weight: 700;
    font-size: 1.8rem;
    text-align: center;
}

.upper-text-phrase{
    font-weight: 500;
    font-size: 1.4rem;
    color: black;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.normal-price {
    font-weight: 500;
    font-size: 1.5rem;
}

.discount-amount {
    font-weight: 500;
    font-size: 1.5rem;
    color: #24989A;
}

.discounted-amount {
    font-weight: 700;
    font-size: 1.5rem;
    color: #FF5100;
}

.discounted-line{
    border: 0;
    border-top: 1px solid #eee;
}

.commision-values {
    margin: 0 auto;
}

#second_restart_link {
    color: #4c4c4c;
    cursor: pointer;

}

#second_restart_link:hover {
    color: #ff9500;

}


.discount-percent {
    background-color: #4472c3;
    color: white;
    padding: 1rem;
    font-weight: 700;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 0 0 1.5rem 0;
}

/*NEW STYLES*/