@charset "utf-8";
/* CSS Document */
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.text-brand {
  color: #000000;
  font-size: 2rem;
  font-weight: 600;
}
.border-nav {
	border-bottom: dashed;
	border-bottom-color: #EB4169;
	border-bottom-width: 1px;}

@media (max-width: 767px) {
  .text-brand {
    font-size: 1.8rem;
  }
}
.color-e {
  color: #de0f3f;
}
/*--------------------------------------------------------------
# Navbar
--------------------------------------------------------------*/
.elem-nav {
font-size: 1.04rem;
  color: #333333;
  font-weight: 600;
  transition: all 0.1s ease-in-out;
}

 a.elem-nav {
position: relative;
overflow: hidden;
display: inline-block;
text-decoration: none!important;
color: #000;
}
a.elem-nav:after {
content: "";
position: absolute;
bottom: 0;
left: -100%;
width: 100%;
height: 2px;
background: #de0f3f;
transition: left .3s;
}
a.elem-nav:hover:after {
left: 0;
}
a.elem-nav.active {
font-weight: bold;
}
/*======================================
//--//-->   home intro
======================================*/
.home-wrape-banner {
  height: 70vh;
  position: relative;
  color: #ffffff;
}
.home-txt-banner {
  z-index: 100; width: 45%; left:1em; background: rgba(0,62,93,0.7); border-bottom-right-radius:100px 100px; color: #ffffff; position: relative; padding: 1.45em 1.7em;}
.home-txt-banner h1{
  font-size: 2.3em!important; font-weight: 700; color:#ffffff!important;}
.home-txt-banner h3{
  font-size: 1.5em!important; color:#ffffff!important;}
.home-txt-banner .home {font-size: 2.2em; font-weight: 700; line-height: 1.15em; text-transform: none; color: #01407b;}
.home {font-size: 2.2em; font-weight: 700; line-height: 1.15em; text-transform: none; color: #01407b;}
h2.title {font-size: 1.9em!important; font-weight: 600!important; text-transform: none;}
.title-footer {font-size: 1.4em; font-weight: 600;}
p.subhome {font-size: 1.1em!important; line-height: 1.15em;}
.text-home { color: white;}
.text-home h2 { font-weight: bold;}
/*------/ Title /------*/
.title-wrap {
  padding-bottom: 2.4rem;
}

.title-a {
  font-size: 2.6rem;
  font-weight: 600;
}
@media (max-width: 479px) {
  .title-a {
  font-size: 2.25rem;
  font-weight: 600;
}
}
.title-link {
  font-size: 1.2rem;
  font-weight: 300;
  padding-top: 1.2rem;
}

.title-link a {
  color: #313131;
}

.title-link span {
  font-size: 20px;
  padding-left: 4px;
  vertical-align: middle;
}

.title-box-d {
  padding-bottom: 1.8rem;
  margin-bottom: 1rem;
  position: relative;
}

.title-box-d .title-d {
  font-weight: 600;
  font-size: 2rem;
}

.title-box-d .title-d:after {
  content: '';
  position: absolute;
  width: 70px;
  height: 4px;
  background-color: #de0f3f;
  bottom: 20px;
  left: 0;
}
/*------/ Space Padding /------*/
.section-t8 {
  padding-top: 2rem;
}
.section-t9 {
  margin-bottom: 4rem;
}

@media (max-width: 767px) {
  .section-t8 {
    padding-top: 1rem;
  }
}
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.intro {
  height: 85vh;
  position: relative;
  color: #ffffff;
}

.intro .owl-theme .owl-dots {
  position: absolute;
  bottom: 70px;
  right: 50px;
}

@media (min-width: 768px) {
  .intro .owl-theme .owl-dots {
    right: 200px;
  }
}

.intro .owl-theme .owl-dots .owl-dot span {
  background: #ffffff;
  border: 0px solid #ffffff;
}

.intro .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #de0f3f;
}

.intro .owl-theme .owl-dots .owl-dot.active span {
  background-color: #de0f3f;
}

.intro .intro-item {
  padding-top: 2rem;
}

.intro .carousel-item-a {
  position: relative;
  height: 85vh;
}

.intro .carousel-item-a.bg-image {
  background-attachment: scroll;
}

.intro .intro-content {
  position: absolute;
}

.intro .intro-body {
  padding-left: 1rem;
}
.intro .intro-body .ptexto {
text-shadow:
    1px 1px 1px #222222,
    0 0 0.5em #222222,
    0 0 0.1em #222222;
}
@media (min-width: 768px) {
  .intro .intro-body {
    padding-left: 2rem;
  }
}

.intro .intro-body .price-a {
  color: #ffffff;
  padding: .8rem 1rem;
  margin-top: 1.5rem;
  border: 2px solid #de0f3f;
  background: #de0f3f;
  border-radius: 6px;
  text-transform: uppercase;
  text-decoration: none!important;
 font-size: 1.2rem;
  font-weight: 600;
	cursor: pointer;
}

.intro .intro-body .price-a:hover {
  background:#ffffff;
	border: 2px solid #de0f3f;
	color:#de0f3f!important;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	text-decoration: none!important;
}

.intro .spacial {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  color: #ffffff;
}

.intro .intro-title-top {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
  margin-bottom: 1rem;
  font-size: .9rem;
  color: #ffffff;
  letter-spacing: .05em;
}

@media (min-width: 768px) {
  .intro .intro-title-top {
    font-size: 1rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 992px) {
  .intro .intro-title-top {
    font-size: 1rem;
    margin-bottom: 2rem;
  }
}

.intro .intro-title {
  color: #ffffff;
  font-weight: 700;
  font-size: 2.6rem;
  text-transform: none;
}
@media (max-width: 575px) {
  .intro .intro-title {
    font-size: 2.5rem;
  }
}
@media (min-width: 576px) {
  .intro .intro-title {
    font-size: 3.5rem;
  }
}

@media (min-width: 768px) {
  .intro .intro-title {
    font-size: 3.3rem;
  }
}

@media (min-width: 992px) {
  .intro .intro-title {
    font-size: 3rem;
  }
}
.intro .intro-body p {
    font-size: 1.3rem;
  }
@media (max-width: 390px) {
.intro {
  height: 99vh;
}
.intro .intro-body p {
    font-size: 1.15rem;
  }
.intro .intro-body h3 {
    font-size: 1.65rem;
  }
  .intro .intro-title {
    font-size: 2.35rem;
  }
}
.intro .intro-subtitle {
  font-size: 1.5rem;
  font-weight: 300;
}
@media (max-width: 479px) {
.intro .intro-body p {
    font-size: 1.14rem;
  }
.intro .intro-body h3 {
    font-size: 1.65rem;
  }
  .intro .intro-title {
    font-size: 2.3rem;
  }
}

.intro .intro-subtitle {
  font-size: 1.5rem;
  font-weight: 300;
}

@media (min-width: 768px) {
  .intro .intro-subtitle {
    font-size: 2.5rem;
  }
}

.intro .intro-subtitle.intro-price {
  padding-top: 1rem;
  font-size: 1.2rem;
}

@media (min-width: 576px) {
  .intro .intro-subtitle.intro-price {
    font-size: 1.3rem;
  }
}

@media (min-width: 768px) {
  .intro .intro-subtitle. {
    padding-top: 2rem;
    font-size: 1.5rem;
  }
}

@media (min-width: 992px) {
  .intro .intro-subtitle.intro-price {
    padding-top: 3rem;
  }
}

/*------/ Intro Single /------*/
.intro-single {
  padding: 2.5rem 0 2.3rem!important;
}

.intro-single .title-single-box {
  padding: 1rem 0 1rem 2rem;
}

.intro-single .title-single-box {
  border-left: 3px solid #de0f3f;
}
.intro-single .title-single-box .title-single {
  font-weight: 700;
  font-size: 2.2rem;
}

@media (max-width: 767px) {
  .intro-single {
    padding-top: .7rem!important;
  }
  .intro-single .title-single-box .title-single {
    font-size: 2.1rem;
  }
.intro-single .title-single-box {
  padding: .45rem 0 .45rem 2rem;
}
}
@media (min-width: 768px) {
  .intro-single .title-single-box .title-single {
    font-size: 2.1rem;
  }
}

@media (min-width: 992px) {
  .intro-single .title-single-box .title-single {
    font-size: 2.5rem;
  }
}

.intro-single .breadcrumb-box {
  padding: 1rem 0 0 .5rem;
}

.intro-single .breadcrumb {
  background-color: transparent;
  padding-right: 0;
  padding-left: 0;
}
/*------/ Bg Image /------*/
.bg-image {
  background-image: url("../../home/CA_APIM.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}


/*======================================
//--//-->   BUTTON
======================================*/
.btn.price-a {
  color: #ffffff;
  padding: .8rem 1rem;
  margin-top: 1.5rem;
  border: 2px solid #de0f3f;
  background: #de0f3f;
  border-radius: 6px;
  text-transform: uppercase;
  text-decoration: none!important;
 font-size: 1.2rem;
  font-weight: 600;
cursor: pointer;
}
.btn.price-a:hover {
   background:#ffffff;
	border: 2px solid #de0f3f;
	color:#de0f3f!important;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
} 
.btn {
  transition: .5s ease;
}
.btn.btn-b-n {
  background-color: #666666!important;
  border: 2px solid #666666;
  border-radius: 0.5rem;
  color: #ffffff;
font-weight: 600;
  transition: .5s ease;
  text-shadow: none;
  text-decoration: none;
}

.btn.btn-b-n:hover {
  background-color: #de0f3f!important;
  border: 2px solid #de0f3f;
  color: #ffffff!important;
}
.btn.btn-b-n:visited {
  color: #ffffff;
}
.btn.btn-line {
  background-color: #de0f3f;
  color: #ffffff;
  transition: .5s ease;
text-shadow: none;
}

.btn.btn-line:hover {
  background-color: #666666;
  color: #ffffff;
}
.btn.btn-line:visited {
  color: #ffffff;
}

/*------/ Overlay /------*/
.overlay-a {
  background: linear-gradient(to left, rgba(1, 64, 123, 0) 0%, rgba(1, 34, 66, 0) 14%, rgba(0, 17, 33, 0.75) 95%);
}

.overlay {
  position: absolute;
  top: -10px;
  left: 0px;
  padding: 0;
  height: 100%;
  width: 100%;
}
@media (max-width: 576px)  {
.overlay-a {
  background: linear-gradient(to left, rgba(256, 256, 256, 0) 0%, rgba(11, 27, 42, .8) 0%, rgba(11, 27, 42, 0.35) 90%);
}
}
/*--------------------------------------------------------------
# steps at home
--------------------------------------------------------------*/
.white-content {
	width: 100%; height: 200px; border-radius: .96em;
}
.wraper-steps {margin-bottom: 4.5rem;}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
body {background: #fff;}

.section-footer {
  background: #f2f4f6;
  text-align: center;
  padding: 2em 0 3em 0;
}

.section-footer .copyright-footer {
  border-top: 0px dotted #eee;
  padding-top: 20px;
}

.section-footer a {
  color: #343a40; padding: 6px 0px; text-decoration: underline;
}
.section-footer a:hover {
  color: #de0f3f; text-decoration: underline;
}
.section-footer p.txt-footer {
  font-size: 1.2em;
}
.color-text-a {
  color: #555555;
}
/*------/ Nuestras apis /------*/
.title-ciclo {color: #1a1a1a; font-size: 1.4em; font-weight: 700; text-align: center;}
.icons {
text-decoration: none;
border-bottom: none;
position: relative;
}
.icons:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: bolder;
	text-transform: none !important;
}
.icons > .label {
	display: none;
}
.icons.major {
	background: #de0f3f;
	border-radius: 100%;
	color: #ffffff;
	cursor: default;
	display: inline-block;
	height: 1.55em;
	line-height: 1.4em;
	margin: 0 .2em 0em 0;
	width: 1.55em;
	font-weight: 700;
	font-size: 1.2em;
	text-align: center;
}
.icons.major:before {
	font-size: 1.5em;
}
/*------/ Contenedor /------*/
.content-all {width: 80%;  margin: 0 auto; padding-top: 30px;}
@media (max-width: 479px) {
.content-all {width: 86%;}
}
@media (min-width: 480px) and (max-width: 575.98px){
.content-all {width: 86%;}
}
@media (min-width: 576px)  {
.content-all {width: 86%;}
}
@media (min-width: 768px) {
.content-all {width: 86%;}
}
@media (min-width: 992px) {
.content-all {width: 86%;}
}
@media (min-width: 1200px) {
.content-all {width: 80%;}
}

/*------/ Boton contacto /------*/

.button, .nav{
    position: absolute;
}

#toggle{
    display: none;
}

.button{
    z-index: 999;
    width: 43px;
    height: 43px;
    background: #f28482;
    border-radius: 100%;
    transition: all 0.5s ease-in-out;
    box-shadow: 1px 3px 10px 0 rgba(0,0,0,0.3);
    cursor: pointer;
}

.button:before{
    position: absolute;
    top: 20px;
    left: 9px;
    content: '';
    width: 25px;
    height: 2px;
    background: #fff;
    transform: rotate(90deg);
}

.button:after{
    position: absolute;
    top: 20px;
    left: 9px;
    content: '';
    width: 25px;
    height: 2px;
    background: #fff;
}

.nav{
    transform: translateY(-10%);
    opacity: 0;
    top: 13px;
    left: -50px;
    transition: all 0.5s ease-in-out;
    background: white;
    width: 150px;
    border-radius: 5px;
    transform: translateY(0%);
    box-shadow: 2px 3px 10px 0 rgba(0,0,0,0.1);
}

.nav a{
    text-align: center;
    display: block;
    margin: 20px 0;
    color: #f28482;
    text-decoration: none;
    font-family: sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all 300ms;
}

.nav a:hover{
    color: #5f5f5f;
}

#toggle:checked ~ .nav{
    opacity: 1;
    transform: translateY(10%);
}

#toggle:checked ~ .button{
    transform: rotate(135deg);
    box-shadow: 0 0 0 0 transparent;
}
/*------/ Contenedor respuesta consulta XML /------*/
.respuestaCons {
width: 90%;
overflow:scroll; overflow-x:scroll; overflow-y:scroll;
}
/*---------/ Sinergias /-----------*/
.sinergias p{
font-size:0.9em!important;
}
/*---------/ Alerta /-----------*/
.alert-atencion{color:#004085;background-color:#d8d8d8;border-color:#b8daff}.alert-atencion hr{border-top-color:#9fcdff}.alert-atencion .alert-link{color:#002752}
/*---------/ Nuestras apis /-----------*/

.modal-inner .modaltxt {
	color:#0055a5!important; font-weight:bold;
}
.modal-title {
	color:#de0f3f!important;
}
.btClose {
	width: 70px;
}

/*------/ Bg Image Registration /------*/
.bg-image-box {
background: url(../images/bg-login.jpg) ;
  background-size: cover;  
}
.bg-image-box2 {
background: url(../images/bg-password.jpg) ;
  background-size: cover;  
}
.body-center-bg {
	background-color: white; padding: 2em;
}
.title-registro {
  font-weight: 700;
  font-size: 1.89rem;
}
.required {font-size: .8em; text-align: right;}
.required span{font-size: 1em!important; font-weight: bold;}
@media (max-width: 576px)  {
.body-center {
	width: 100%!important;
}
}
.bg-input {background: #f2f4f6;}
 select.registro {
    background: #f2f4f6;
	 border: 1px solid #d8d8d8;
	 border-radius: 4px;
	 font-family: inherit;
  font-size: inherit;
  line-height: inherit;
	 margin-top: 0.5em;
	 margin-bottom: 1em;
	padding: 0.8em 0.7em;
display: inline-block;
	 width: 100%;
  }
/*------/ texto Cambiar password /------*/
.linkRight {text-align: right;}
.linkRight a:first-child {margin-bottom: 9px;}