header{
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.circuito{
    background: url(../images/bggray.png) no-repeat bottom/cover;
    padding-top: 15rem;
    text-align: center;
    padding-bottom: 5rem;
}
.circuito h1 img, .digitales h2 img{
    max-width: 1200px;
    width: 100%;
}      
.circuito .lineas img{
    max-width: 66rem;
    width: 100%;
}      
.artistas{
    background: url(../images/bg-gray.jpg)no-repeat center/cover;
    padding-bottom: 12%;
}
.exo2-italica{
    font-family: exo2-italica;
    font-size: 1.4rem;
}
.text-light2{
    color: #eee;
}
.container-panel{
    max-width: 1575px;
}
.imgcamion img{
    max-width: 780px;
    width: 100%;
}
.videokish img{
    max-width: 780px;
    width: 100%;
}
.alianzas-estra{
    padding-bottom: 10%;
}
.artistas{
    position: relative;
    padding-top: 30%;
}
.sipago{
    position: relative;
    padding-top: 35%;
}
.artistas > img, .sipago > img{
    position: absolute;
    top: -10rem;
    left: 0;
}
.sipago ul{
    column-count: 2;
    text-align: left;
}
.sipago li{
    font-family: 'exo2-italica';
    font-size: 2rem;
}
.alianzas{
    padding-bottom: 15rem;
}
.alianzas img{
    max-width: 80%;
}
.innovacion{
    padding-bottom: 12rem;
}
.navbar-light .navbar-toggler{
    background-color: #2b2b2b  !important;
}
.navbar-light .navbar-toggler i{
    color: #efefef !important;
}
.iconworld svg{
    fill: #000 !important;
}

@media (min-width: 1400px){
    .modal-xl{
        max-width: 1300px;
    }
}
@media (max-width: 1400px){
    h2{
        font-size: 1.5rem;
    }
    .circuito h1 img, .digitales h2 img {
        max-width: 53rem;
    }
    .circuito{
        padding-top: 8rem;
        margin-top: -2px;
    }
    .digitruck h2 img.img-fluid{
        max-width: 28rem;
        width: 100%;
    }
    .imgcamion img {
        max-width: 47rem;
        width: 100%;
    }
    .lineas img{
        max-width: 66rem;
        width: 100%;
    }
    .tambo h2 img{
        max-width: 53rem;
        width: 100%;
    }
    .container-cifras{
        max-width: 52rem;
    }
    .container-cifras img{
        max-width: 22rem;
        width: 100%;
    }
    .innovacion h2 img{
        max-width: 76rem;
        width: 100%;
    }
    .container-productos{
        max-width: 53rem;
        width: 100%;
    }
    .alianzas-estra h2 img{
        max-width: 68rem;
        width: 100%;
    }
    .canales img{
        max-width: 55rem;
        width: 100%;
    }
    .tvradio img{
        max-width: 27rem;
        width: 100%;
    }
    .artistas h2 img{
        max-width: 60rem;
        width: 100%;
    }
    .videoartista img{
        max-width: 60rem;
        width: 100%;
    }
    .sipago h2 img, .alianzas h2 img{
        max-width: 30rem;
        width: 100%;
    }
    .sipago li{
        font-size: 1.6rem;
    }
    p.exo2-italica{
        font-size: 1.5rem;
    }
}

header {
    padding-top: 1.5rem;
}
header .logo-kandavu {
text-align: center;
}
.logo-kandavu img {
    width: 213px;
}
header .iso img {
    width: 15%;
}
header .lista {
    margin: 1rem 0;
}
header .lista ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: justify;
}
header .lista ul li {
    display: inline;
    padding: 0 0.5rem;
}
header .lista ul li a {
    color: black;
    font-weight: bold;
font-size: 1.2rem;
}
header .iso {
    display: none;
}
.uno{
    padding-top: 10rem;
}
header .lista ul li a.active_service::after{
    opacity: 1;
    bottom: -1rem;
}
/** mobile header**/
@media (min-width: 769px){
    header {
        display: flex;
        justify-content: space-between;
    }
    header .logo-kandavu {
        width: 50%;
    }
    header .lista {
        line-height: 3;
    }
    header .iso {
        display: inline-flex;
    }
}
.cnt-servicios{
    background: url(../images/elementos/fondo_gris.png);
    background-size: auto;
}
.digital{
    margin-bottom: 5rem;
}
.digital, .kandavu , .kish{
    position: relative;
}
.img-cortada-right {
    position: absolute;
    right: -110px;
    bottom: -45px;
}
.img-cortada-right .imagen-octogono {
    width: 550px;
}
.img-cortada-right .imagen-logo {
    width: 150px;
    position: absolute;
    z-index: 10;
    right: calc(100% + 10px);
    top: calc(50% - 40px);
}
.container-servicios {
    width: 1100px;
    margin: 0 auto;
}
.container-servicios .servicios{
    margin-top: 10rem;
}
.container-servicios .servicios .servicios-descripcion {
    margin-bottom: 40px;
}
.container-servicios .servicios .servicios-ubicaciones {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
}
.container-servicios .servicios .servicios-descripcion h1 , .container-servicios .servicios .servicios-descripcion h2 {
    font-size: 28px;
    color: white;
    font-family: 'exo2-italica';
}
.container-servicios .servicios .servicios-ubicaciones .ubicacion-img {
    width: 10%;
    margin-right: 40px;
}
.container-servicios .servicios .servicios-ubicaciones .ubicacion-content .ubicacion-content-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}
.container-servicios .servicios .servicios-ubicaciones .ubicacion-content .ubicacion-content-row .ubicacion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.container-servicios .servicios .servicios-ubicaciones .ubicacion-content .ubicacion-content-row .ubicacion img {
    width: 30px;
    margin-right: 5px;
}
.container-servicios .servicios .servicios-ubicaciones .ubicacion-content .ubicacion-content-row .ubicacion .ubicacion-info .ubicacion-direccion {
    width: 157px;
}
.container-servicios .servicios .servicios-ubicaciones .ubicacion-content .ubicacion-content-row .ubicacion .ubicacion-info .ubicacion-nombre p {
    font-size: 11px;
    color: red;
    margin-bottom: 0px;
    font-family: 'exo2-light';
}
.container-servicios .servicios .servicios-descripcion h2 {
    font-size: 26px;
    width: 580px;
}   
.container-servicios .servicios .servicios-ubicaciones .ubicacion-content .ubicacion-content-row .ubicacion .ubicacion-info .ubicacion-direccion p {
    font-size: 10px;
    color: white;
    margin-bottom: 0px;
    line-height: 14px;
    font-family: 'exo2-light';
}
.img-cortada-left {
    position: absolute;
    left: -110px;
}
.img-cortada-left .imagen-logo {
    width: 180px;
    position: absolute;
    z-index: 10;
    left: calc(100% - 20px);
    top: calc(50% - 40px);
}
.container-servicios-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.container-servicios-right .descripcion-content-right {
    margin-top: 215px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 40px;
}
.container-servicios-right .descripcion-content-right h2 {
    color: white;
    font-size: 26px;
    width: 690px;
    font-family: 'exo2-italica';
}
.container-servicios-right .fondo-video-content {
    text-align: end;
    margin-bottom: 40px;
}
.container-servicios-right .fondo-video-content img {
    width: 920px;
}
.kandavu .img-cortada-left .imagen-octogono{
    width: 550px;
}
.kandavu{
    margin-bottom: 15rem;
}
.kish .img-cortada-right{
    right: -110px;
    top: -255px;
}
.kish .img-cortada-right .imagen-logo{
    top: calc(50% - -50px);
}
.kish{
    margin-bottom: 20rem;
}
.hoteles {
    position: relative;
    margin-bottom: 20rem;
}
.hoteles .img-cortada-left .imagen-octogono{
    width: 550px;
}
.hoteles .img-cortada-left .imagen-logo{
    left: calc(100% - 0px);
}
@media (max-width: 769px){
    .logo-kandavu{
        text-align: left !important;
        padding-left: 2rem;
    }
    .artistas > img, .sipago > img{
        top: -5rem;
    }
    .container-servicios .servicios {
        margin-top: 2rem;
    }
    .container-servicios .servicios .servicios-ubicaciones{
        display: none;
    }
    .digital{
        display: flex;
        flex-direction: column;
    }
    .digital .img-cortada-right{
        position: static;
        order: 2;
    }
    .container-servicios{
        width: 100%;
    }
    .container-servicios .servicios .servicios-descripcion{
        text-align: center;
        margin: 0;
    }
    .container-servicios .servicios .servicios-descripcion h2{
        width: 100%;
        font-size: 1rem;
    }
    .img-cortada-right .imagen-octogono{
        position: absolute;
        right: -110px;
    }
    .img-cortada-right .imagen-logo{
        width: 30%;
        left: 100px;
        right: 0;
        top: 285%;
    }
    .kandavu .container-servicios-right .fondo-video-content{
        display: none;
    }
    .kandavu{
        display: flex;
        flex-direction: column;
        margin-bottom: 25rem;
    }
    .img-cortada-left{
        position: static;
        order: 2;
        margin-top: 1rem;
    }
    .kandavu .img-cortada-left .imagen-octogono{
        width: 400px;
        position: absolute;
        right: 55%;
    }
    .img-cortada-left .imagen-logo{
        top: 130%;
        left: 45%;
    }
    .container-servicios-right .descripcion-content-right{
        margin: 31rem 0px 0;
    }
    .container-servicios-right .descripcion-content-right h2{
        width: 100%;
        text-align: center;
        font-size: 1rem;
    }
    .kish {
        display: flex;
        flex-direction: column;
    }
    .kish .img-cortada-right{
        position: static;
        order: 2;
    }
    .kish .img-cortada-right .imagen-logo {
        top: calc(50% - -255px);
    }
    .hoteles{
        display: flex;
        flex-direction: column;
    }
    .hoteles .img-cortada-left{
        position: static;
        order: 2;
    }
    .hoteles .container-servicios-right .descripcion-content-right{
        margin-top: 17rem;
    }
    .hoteles .img-cortada-left .imagen-logo{
        top: 145%;
        left: 45%;
    }
    .hoteles .img-cortada-left .imagen-octogono{
        width: 400px;
        position: absolute;
        right: 55%;
    }
    .hoteles{
        margin-bottom: 25rem;
    }
    p.exo2-italica{
        font-size: 1rem;
        padding: 0 .8rem;
    }
    .lineas img{
        padding: 0 10%;
    }
    .digitruck h2 img.img-fluid{
        padding: 0 15%;
    }
    .tambo h2 img{
        padding: 0 7%;
    }
    .innovacion h2 img{
        padding: 0 5%;
    }
    .alianzas-estra h2 img{
        padding: 0 5%;
    }
    .sipago h2 img, .alianzas h2 img{
        max-width: 15rem;
    }
    .artistas{
        padding-top: 24%;
    }
    .sipago ul{
        column-count: 1;
        left: 50%;
        position: relative;
        margin-left: -105px;
    }
    .sipago ul li{
        font-size: 1.2rem;
    }
    .sipago{
        padding-top: 27%;
    }
    .tvradio img{
        max-width: 12rem;
    }
    .alianzas{
        padding-bottom: 5rem;
    }
    .carousel-indicators{
        position: relative;
        margin-top: 2rem;
    }
    .carousel-indicators li{
        width: 15px;
        height: 15px;
        border-radius: 50%;
    }
    .circuito h2{
        font-size: 1rem;
    }
}
@media (max-width: 425px){
    .container-servicios .servicios {
        margin-top: 0;
    }
    .img-cortada-right .imagen-octogono {
        position: absolute;
        right: -55px;
        width: 310px;
    }
    .img-cortada-right .imagen-logo{
        left:0;
        top: 195%;
    }
    .container-servicios-right .descripcion-content-right{
        margin-top: 15rem;
    }
    .kandavu .img-cortada-left .imagen-octogono{
        width: 250px;
        right: 45%;
    }
    .img-cortada-left .imagen-logo{
        width: 30%;
        left: 55%;
    }
    .kandavu{
        margin-bottom: 20rem;
    }
    .kish .img-cortada-right .imagen-logo{
        top: calc(50% - -155px);
    }
    .hoteles .container-servicios-right .descripcion-content-right{
        margin-top: 2rem;
    }
    .hoteles .img-cortada-left .imagen-octogono{
        right: 35%;
        width: 310px;
    }
    .hoteles .img-cortada-left .imagen-logo {
        top: 240%;
        left: 65%;
    }
    .hoteles {
        margin-bottom: 20rem;
    }
}