.swiper-container.main .fullbleed-wrapper .block-copy {
    margin-left: 20%
}

.swiper-container.main .fullbleed-wrapper .block-copy a {
    color: #fff
}

.swiper-container.main .fullbleed-wrapper .left-tint {
    background: none
}

.swiper-container .arrows {
    position: absolute;
    top: 40%;
    width: 100%;
    z-index: 999
}

.swiper-container .arrows .arrow-right {
    position: absolute;
    right: 0
}

.swiper-container .arrows .arrow-left {
    position: absolute
}

.swiper-container .arrows .bpd-icon {
    font-size: 3.5em;
    color: #fff
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0;
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    float: left
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x
}

.swiper-slide {
    width: 100%;
    height: 100%;
    opacity: 0
}

.swiper-slide-active {
    opacity: 1
}

.swiper-pagination-switch {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #125177;
    box-shadow: 0 1px 1px #555 inset;
    border: 2px solid #fff;
    margin: 0 3px;
    cursor: pointer
}

.swiper-active-switch {
    background: #42b0e3
}

.swiper-pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 50px;
    width: 100%
}

.swiper-pagination-movil .swiper-active-switch {
    background: #fff;
    box-shadow: none
}

.tab-carousel .tabs-slider .fullbleed-wrapper {
    box-shadow: none;
    background-size: cover;
    background-position-y: 50%
}

.tab-carousel .tabs-slider .fullbleed-wrapper .block-copy {
    max-width: 90%
}

.tab-carousel .tabs-controls {
    padding: 40px 0 30px
}

.tab-carousel .tabs-controls h2 {
    margin-top: 0;
    color: #000;
    font-weight: 400;
    text-transform: none;
    font-size: 3.5rem;
    line-height: 3.5rem
}

.tab-carousel .tabs-controls a {
    color: #00c1d5;
    font-size: 1.4rem;
    font-weight: 700;
    word-wrap: normal
}

.tab-carousel .tabs-controls a:hover {
    text-decoration: none
}

.tab-carousel .tabs-controls a.active {
    color: #012169
}

.tab-carousel .tabs-controls a.active:after {
    content: '';
    position: absolute;
    bottom: 0;
    top: 158px;
    left: 50%;
    margin-left: -15px;
    display: block;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #012169
}

.tab-carousel .tabs-controls a .bpd-icon {
    font-size: 6rem;
    line-height: 8rem;
    display: block
}

.tab-carousel .tabs-controls .tabs {
    padding-bottom: 0
}

.tab-carousel .tabs-controls .tab-headline {
    padding-right: 10px
}

@media only screen and (min-width: 1224px) {
    .tab-carousel .tabs-controls .tab-headline {
        padding-left: 0
    }
}

.tab-carousel .tabs-slider {
    background-size: cover;
    height: 450px
}

.tab-carousel .tabs-slider .left-tint {
    opacity: 0
}

.tab-carousel .tabs-slider.documents {
    background-size: cover;
    background-position: 0;
    box-shadow: none
}

.tab-carousel.bundles .tabs-controls {
    background: #37a9df;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX);
    background: -moz-linear-gradient(left, #37a9df 0%, #2589ba 32%, #0a5f86 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #37a9df), color-stop(32%, #2589ba), color-stop(100%, #0a5f86));
    background: -webkit-linear-gradient(left, #37a9df 0%, #2589ba 32%, #0a5f86 100%);
    background: -o-linear-gradient(left, #37a9df 0%, #2589ba 32%, #0a5f86 100%);
    background: -ms-linear-gradient(left, #37a9df 0%, #2589ba 32%, #0a5f86 100%);
    background: linear, to right, #37a9df 0%, #2589ba 32%, #0a5f86 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37a9df', endColorstr='#0a5f86', GradientType=1)
}

.tab-carousel.bundles.basico .tabs-controls {
    background: #37a9df
}

.tab-carousel.bundles.basico .dark-blue {
    background: #0b85bc !important
}

.tab-carousel.bundles.basico .dark-blue .left-tint {
    background: none
}

.tab-carousel.bundles.ultra .dark-blue {
    background: #06587d !important
}

.tab-carousel.bundles.ultra .dark-blue .left-tint {
    background: none
}

.tab-carousel.bundles .tabs {
    margin-top: 35px
}

.tab-carousel.bundles a {
    padding-top: 0;
    background: none;
    color: #012169;
    position: relative
}

.tab-carousel.bundles a.active {
    color: #fff
}

.tab-carousel.bundles a.active h4 {
    color: #fff
}

.tab-carousel.bundles a.active:after {
    content: '';
    position: absolute;
    bottom: 0;
    top: 132px;
    left: 50%;
    margin-left: -15px;
    display: block;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #012169
}

.tab-carousel.bundles .tabs-slider .block-copy {
    margin-top: 0
}

.tab-carousel.bundles h2 {
    margin-bottom: 0;
    color: #012169
}

.tab-carousel.bundles h3 {
    margin-bottom: 10px;
    margin-top: 0
}

.tab-carousel.bundles h4 {
    text-align: center;
    color: #012169
}

.tab-carousel.bundles .block-copy-grid-item p {
    background: none;
    color: #fff;
    -webkit-text-fill-color: initial
}

.tab-carousel.bundles .dark-blue {
    background: #37a9df;
    background: -moz-radial-gradient(center, ellipse cover, #37a9df 56%, #004261 100%);
    background: -webkit-gradient(radial, center center, 0px, left top, 100%, color-stop(56%, #37a9df), color-stop(100%, #004261));
    background: -webkit-radial-gradient(left top, ellipse cover, #37a9df 56%, #004261 100%);
    background: -o-radial-gradient(left top, ellipse cover, #37a9df 56%, #004261 100%);
    background: -ms-radial-gradient(left top, ellipse cover, #37a9df 56%, #004261 100%);
    background: radial, ellipse left top, #37a9df 34%, #004261 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37a9df', endColorstr='#004261', GradientType=1);
    -moz-box-shadow: inset 0 12px 12px -12px #0b6087, inset 0 -20px 40px -20px #000;
    -webkit-box-shadow: inset 0 12px 12px -12px #0b6087, inset 0 -20px 40px -20px #000;
    box-shadow: inset 0 12px 12px -12px #0b6087, inset 0 -20px 40px -20px #000
}

.tab-carousel.bundles .dark-blue .container p {
    color: #fff !important;
    line-height: 1.5rem;
    font-family: "Roboto" !important;
    font-weight: 300;
    font-size: 1.5rem
}

.tab-carousel.bundles .dark-blue .container a {
    color: #fff !important
}

.tab-carousel.bundles .dark-blue .container .block-copy-grid-item div.small {
    font-family: "Roboto" !important;
    font-weight: 300;
    margin-top: 10px;
    line-height: 13px;
    font-size: 12px
}

.tab-carousel.bundles .dark-blue .container .block-copy-grid-item div.small p {
    line-height: 13px;
    font-size: 12px;
    font-family: "Roboto" !important;
    font-weight: 300
}

.tab-carousel.bundles .dark-blue .container .block-copy-grid-item p {
    font-family: "Roboto" !important;
    font-weight: 500
}

.tab-carousel.bundles .swiper-wrapper:first-of-type .dark-blue {
    background: #37a9df;
    background: -moz-radial-gradient(center, ellipse cover, #37a9df 0%, #004261 100%);
    background: -webkit-gradient(radial, center center, 0px, left top, 100%, color-stop(0%, #37a9df), color-stop(100%, #004261));
    background: -webkit-radial-gradient(left top, ellipse cover, #37a9df 0%, #004261 100%);
    background: -o-radial-gradient(left top, ellipse cover, #37a9df 0%, #004261 100%);
    background: -ms-radial-gradient(left top, ellipse cover, #37a9df 0%, #004261 100%);
    background: radial, ellipse left top, #37a9df 0%, #004261 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37a9df', endColorstr='#004261', GradientType=1)
}

.tab-carousel.bundles .left-tint {
    opacity: 1
}

.tab-carousel.bundles .tabs-slider {
    background: none
}

.tab-carousel.miles h2 {
    margin-bottom: 0;
    color: #0a5379
}

.tab-carousel.miles .copy {
    color: #0a5379;
    font-size: 1.5rem;
    margin-top: 15px
}

.tab-carousel.miles .tabs a.active:after {
    content: '';
    position: absolute;
    bottom: 0;
    top: 176px;
    left: 50%;
    margin-left: -15px;
    display: block;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #012169
}

.tab-carousel.products-overview .documents .fullbleed-wrapper {
    padding-bottom: 0
}

.tab-carousel.products-overview .documents .fullbleed-wrapper .block-copy h2 {
    font-family: "Roboto";
    font-weight: 700;
    font-style: normal;
    color: #fff
}

.tab-carousel.products-overview .documents .fullbleed-wrapper .block-copy p {
    font-size: 1.7rem
}

.tab-carousel.products-overview .tabs-controls {
    background: none;
    padding: 0;
    min-height: 100px
}

.tab-carousel.products-overview .tabs-controls a {
    font-family: "Roboto";
    font-weight: 500;
    display: inline-block;
    color: #fff;
    font-size: 1.3rem;
    font-weight: bold;
    padding: 0;
    margin: 0 0 0 10px;
    background: 0;
    line-height: 6rem;
    vertical-align: top;
    height: 50px
}

.tab-carousel.products-overview .tabs-controls a.active {
    color: #fff
}

.tab-carousel.products-overview .tabs-controls a.active .bpd-icon {
    color: orange
}

.tab-carousel.products-overview .tabs-controls .bpd-icon {
    display: inline-block !important;
    font-size: 5rem;
    line-height: 6rem;
    margin-right: 10px;
    color: #fff
}

.tab-carousel.empresarial .tabs a.active:after {
    content: '';
    position: absolute;
    bottom: 0;
    top: 172px;
    left: 50%;
    margin-left: -15px;
    display: block;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #012169
}
  


    .swiper-wrapper {
        height: 650px !important;
    }


    @media(min-width:1200px){
        .hidden-md {
            display: none !important;
        }

        .tabs-slider{
           display:  block;
        }

        
    }

    @media(max-width:1199px) {
        
        .tabs-slider{
           display:  none !important;
        }
        .hidden-md {
            display: block !important;
        }
        .swiper-wrapper {
            height: auto !important;
        }
    }



    @media(min-width:1200px) {
        #tabs-transacciones-y-servicios {
            display: block !important;
        }
    }

    @media(max-width:1199px) {
        #tabs-transacciones-y-servicios {
            display: none !important;
        }
    }