section.header-2{
  background-image: url('/img/home/header-adn-home.webp');
  background-repeat: no-repeat;
  padding: 8rem 8rem 1rem 8rem;
  background-size: cover;
  position: relative;
}
section.header-2 h1{
  color: white;
  line-height: 3.7rem;
}
section.header-2 .btn{
  width: 220px;
  height: 45px;
  line-height: 45px;
  font-weight: 500;
  color: #FFFFFF;
  background: #EA6C06;
  background-color: #EA6C06;
  transition: all .3s ease;
  margin: 1rem 0 3rem 1rem;
}
section.header-2 h2{
  font-size: 1rem;
  margin: 1rem 0 0 0;
}
section.header-2 span{
  display: block;
  color: #727171;
}
section.header-2 .btn-mas{
  color: #E86C21;
}
section.header-2 .btn-mas:hover{
  text-decoration: underline;
}
section.header-2 .servicios-linea{
  border-bottom: 1px solid white;
  margin-top: 3rem;
}
section.header-2 .activo{
  border-bottom: 1px solid #EA6C06;
}
section.header-2 .servicios-linea a span{
  color: black;
  text-align: right;
}
#homeMain {
    width: 100%;
    height: auto;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.homeMainLeft {
    width: 60px;
    height: 60px;
    font-size: 30px;
    line-height: 30px;
    background: #ea6c06;
    background-color: #ea6c06;
    transition: all 0.3s ease;
    color: #fff;
    padding: 15px 15px 15px 15px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 5;
    display: none;
}
.homeMainLeft:hover,
.homeMainLeft:active,
.homeMainLeft:focus {
    background: #fff;
    background-color: #fff;
    transition: all 0.3s ease;
    color: #ea6c06;
}
.homeMainRight {
    width: 60px;
    height: 60px;
    font-size: 30px;
    line-height: 30px;
    background: #ea6c06;
    background-color: #ea6c06;
    transition: all 0.3s ease;
    color: #fff;
    padding: 15px 15px 15px 15px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 5;
    display: none;
}
.homeMainRight:hover,
.homeMainRight:active,
.homeMainRight:focus {
    background: #fff;
    background-color: #fff;
    transition: all 0.3s ease;
    color: #ea6c06;
}
.owl-theme .owl-dots .owl-dot {
    margin: 15px;
}
.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: right;
}
.owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 25%;
    margin: auto;
}
.owl-theme .owl-dots .owl-dot span {
    width: inherit;
    height: inherit;
    border-radius: 0;
    padding: 0 5px;
    margin: 5px 2px;
    background-color: transparent;
    background: none;
    position: relative;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.owl-theme .owl-dots .owl-dot span::after {
    content: "";
    width: 99%;
    height: 2px;
    background: #fff;
    background-color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: all 0.3s ease;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: transparent;
    background: none;
    font-weight: 600;
}
.owl-theme .owl-dots .owl-dot.active span::after,
.owl-theme .owl-dots .owl-dot:hover span::after {
    width: 100%;
    background: #ea6c06;
    background-color: #ea6c06;
}
.item {
    width: 100%;
    height: auto;
    position: relative;
}
.itemOutter {
    width: 70%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10%;
}
.itemRight {
    width: 70%;
    height: 100%;
    float: left;
    padding: 0;
}
.itemContent {
    width: 100%;
    height: auto;
    /* padding: 30% 0% 0 0; */
    position: relative;
    color: #fff;
}
.itemContent h2{
  line-height: 2.8rem;
}
.itemContent h3 {
    font-weight: 600;
}
.itemContent p {
    font-size: 15px;
    font-weight: 500;
    color: black;
}
.itemContent a {
    width: 220px;
    height: 45px;
    line-height: 45px;
    font-weight: 300;
    color: #fff;
    background: #ea6c06;
    background-color: #ea6c06;
    transition: all 0.3s ease;
}
.itemContent a:hover,
.itemContent a:focus,
.itemContent a:active {
    font-weight: 500;
    color: #ea6c06;
    background: #fff;
    background-color: #fff;
}
#business_centers {
    width: 100%;
    height: auto;
    background: #fff;
    background-color: #fff;
    padding: 5% 0 5% 0;
    position: relative;
    overflow: hidden;
}
.businessContainer {
    width: 70%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
.businnesHeader {
    width: 90%;
    height: auto;
    margin: 0 auto;
    text-align: left;
}
.businnesHeader h3 {
    color: #000;
    font-weight: 500;
}
.businnesHeader p {
    font-size: 15px;
    color: #727171;
    font-weight: 400;
}
.bussinesLink {
    width: 90%;
    height: auto;
    padding: 10% 0 5% 0;
    margin: 0 auto;
    text-align: left;
}
.bussinesLink a {
    width: 350px;
    height: 45px;
    line-height: 45px;
    font-weight: 300;
    color: #ea6c06;
    background: #fff;
    background-color: #fff;
    transition: all 0.3s ease;
    box-shadow: none;
    pointer-events: none;
    font-weight: 500;
}
.bussinesLink a:hover,
.bussinesLink a:focus,
.bussinesLink a:active {
    color: #ea6c06;
    background: #fff;
    background-color: #fff;
    box-shadow: none;
}
.bussinesSede {
    width: 90%;
    height: auto;
    padding: 4% 0 5% 0;
    margin: 0 auto;
    text-align: left;
}
.bussinesSede h6 {
    font-size: 33px;
    font-weight: 700;
    color: #020202;
    margin: 0;
}
.bussinesSede span {
    font-size: 15px;
    font-weight: 300;
    color: #727171;
}
.bussinesSede a {
    font-size: 15px;
    font-weight: 300;
    color: #ed7e24;
    position: relative;
}
.bussinesSede a::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #ed7e24;
    background-color: #ed7e24;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: auto;
    transition: all 0.3s ease;
}
.bussinesSede a:hover::after {
    width: 0;
}
.businessImage {
    width: 100%;
    height: auto;
    text-align: right;
    padding: 10% 0 0 0;
}
#concepto_oficina {
    width: 100%;
    height: auto;
    padding: 10% 0 5% 0;
    background-image: url(../../img/home/adn_concepto_oficina.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.conceptoHeader {
    width: 30%;
    height: auto;
    padding: 0 0 1% 0;
    margin: 0 auto;
    text-align: center;
}
.conceptoHeader h3 {
    font-size: 50px;
    color: #000;
    font-weight: 500;
}
.conceptoHeader p {
    font-size: 15px;
    color: #727171;
    font-weight: 500;
    padding: 2% 15% 0 15%;
}
.conceptoContainer {
    width: 70%;
    height: auto;
    padding: 0 0 3% 0;
    margin: 0 auto;
}
.conceptoSection {
    width: 100%;
    height: auto;
    padding: 3% 0 0 0;
    position: relative;
}
.brFlex::after {
    content: "";
    width: 1px;
    height: 110%;
    background: #e3e2e2;
    background-color: #e3e2e2;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.3s ease;
}
.brImg::after {
    content: "";
    width: 1px;
    height: 108%;
    background: #e3e2e2;
    background-color: #e3e2e2;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.3s ease;
}
.brAhorro::after {
    content: "";
    width: 1px;
    height: 128%;
    background: #e3e2e2;
    background-color: #e3e2e2;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.3s ease;
}
.conceptoTitle {
    width: 90%;
    height: auto;
    text-align: left;
    margin: 0 auto;
    padding: 0 0 3% 0;
}
.conceptoTitle h3 {
    font-size: 33px;
    color: #000;
    font-weight: 500;
}
.conceptoText {
    width: 90%;
    height: auto;
    text-align: justify;
    margin: 0 auto;
    padding: 0 10% 0 0;
}
.conceptoText p {
    font-size: 15px;
    color: #727171;
    font-weight: 500;
}
.textAlign {
    padding: 11% 10% 0 0;
}
.conceptoBtm {
    width: 70%;
    height: auto;
    text-align: center;
    margin: 0 auto;
}
.conceptoBtm h3 {
    font-size: 33px;
    color: #000;
    font-weight: 500;
}
.conceptoBtm p {
    font-size: 15px;
    color: #727171;
    font-weight: 500;
    padding: 1% 18% 0 18%;
}
.conceptoLink {
    width: 70%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    padding: 3% 0 3% 0;
}
.conceptoLink a {
    width: 220px;
    height: 45px;
    line-height: 45px;
    font-weight: 300;
    color: #fff;
    background: #ea6c06;
    background-color: #ea6c06;
    transition: all 0.3s ease;
    box-shadow: none;
}
.conceptoLink a:hover,
.conceptoLink a:focus,
.conceptoLink a:active {
    font-weight: 500;
    color: #ea6c06;
    background: #fff;
    background-color: #fff;
    box-shadow: none;
}
/* Tipos de Salas */
#salas_section {
    width: 100%;
    height: auto;
    padding: 4% 0 2% 0;
    background: #ffffff;
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
}
.carousel.carousel-slider{
  margin-bottom: 4rem;
}
.entrevistaContainer {
    width: 70%;
    height: auto;
    padding: 0 0 5% 0;
    margin: 0 auto;
}

.entrevistaInfo {
    width: 85%;
    height: auto;
    margin: 0 auto;
    text-align: right;
}

.entrevistaInfo h2 {
    font-size: 45px;
    color: #000000;
    font-weight: 500;
}

.entrevistaInfo p {
    font-size: 15px;
    color: #727171;
    font-weight: 400;
    padding: 5% 0 5% 30%;
}

.entrevistaInfo .btn {
    width: 220px;
    height: 45px;
    line-height: 45px;
    font-weight: 300;
    color: #ffffff;
    background: #ea6c06;
    background-color: #ea6c06;
    transition: all .3s ease;
}

.entrevistaInfo .btn:hover, .entrevistaInfo .btn:focus , .entrevistaInfo .btn:active{
    font-weight: 500;
    color: #ea6c06;
    background: #ffffff;
    background-color: #ffffff;
}

.juntasContainer {
    width: 70%;
    height: auto;
    padding: 0 0 5% 0;
    margin: 0 auto;
}

.juntasInfo {
    width: 85%;
    height: auto;
    margin: 0 auto;
    text-align: left;
}

.juntasInfo h2 {
    font-size: 45px;
    color: #000000;
    font-weight: 500;
}

.juntasInfo p {
    font-size: 15px;
    color: #727171;
    font-weight: 400;
    padding: 5% 20% 5% 0;
}

.juntasInfo .btn {
    width: 240px;
    height: 45px;
    line-height: 45px;
    font-weight: 300;
    color: #ffffff;
    background: #ea6c06;
    background-color: #ea6c06;
    transition: all .3s ease;
}

.juntasInfo .btn:hover, .juntasInfo .btn:focus , .juntasInfo .btn:active{
    font-weight: 300;
    color: #ea6c06;
    background: #ffffff;
    background-color: #ffffff;
}

.capacitacionContainer {
    width: 80%;
    height: auto;
    padding: 0 0 5% 0;
    margin: 0 auto;
}

.capacitacionInfo {
    width: 85%;
    height: auto;
    margin: 0 auto;
    text-align: right;
}

.capacitacionInfo h2 {
    font-size: 45px;
    color: #000000;
    font-weight: 500;
}

.capacitacionInfo p {
    font-size: 15px;
    color: #727171;
    font-weight: 400;
    padding: 5% 0 5% 13%;
}

.capacitacionInfo .btn {
    width: 220px;
    height: 45px;
    line-height: 45px;
    font-weight: 300;
    color: #ffffff;
    background: #ea6c06;
    background-color: #ea6c06;
    transition: all .3s ease;
}

.capacitacionInfo .btn:hover, .capacitacionInfo .btn:focus , .capacitacionInfo .btn:active{
    font-weight: 500;
    color: #ea6c06;
    background: #ffffff;
    background-color: #ffffff;
}
/*  */