.font {
    padding-top: 4.4rem;
    margin: auto;
    width: 100%;
}

.font-img {
    position: relative;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.col-inicio {
    position: absolute;
    color: #fff;
    top: 36%;
    max-width: 27%;
    width: 100%;
    left: 23%;
}

.col-inicio .prins {
    font-size: 3.7vw;
    font-weight: bold;
    font-family: helvetica;
    margin-bottom: -4px;
}

.col-inicio .texto-inicio {
    font-size: 1.7vw;
    font-family: helvetica;
}

.col-inicio .text-plan {
    font-family: helvetica;
    font-size: 1vw;
}

.col-button {
    margin-top: 2rem;
}

.col-button .text-plan {
    padding-left: 23px;
    margin-bottom: 6px;
}

.btn-danger {
    background: #005066;
    border-color: #005066;
    padding: 5px 23px;
    font-size: 1.3vw;
    border-radius: 20px;
    font-family: helvetica;
    font-weight: bold;
}

.btn-danger:hover {
    background: #17a2b8;
    border-color: #17a2b8;
}

@media (max-width:800px) {
    .font-img img {
        min-height: 60vw;
    }
}

@media screen and (max-width:766px) {
    .col-inicio .text-plan {
        font-size: 1.5vw;
    }
    .btn-danger {
        font-size: 1.7vw;
    }
    .col-button {
        margin-top: 1rem;
    }
}

@media (max-width:560px) {
    .col-inicio {
        top: 24%;
        max-width: 30%;
        left: 16%;
    }
    .col-inicio .prins {
        font-size: 4vw;
    }
    .col-inicio .texto-inicio {
        font-size: 1.9vw;
    }
    .col-inicio .text-plan {
        font-size: 2vw;
    }
    .btn-danger {
        font-size: 2.4vw;
    }
}

@media (max-width:450px) {
    .col-inicio {
        top: 20%;
        max-width: 140px;
        left: 20px;
    }
    .col-inicio .prins {
        font-size: 20px;
        margin-bottom: 3px;
    }
    .col-inicio .texto-inicio {
        font-size: 9px;
        display: block;
    }
    .col-inicio .text-plan {
        font-size: 10px;
    }
    .btn-danger {
        font-size: 14px;
    }
}


/* como funcion  */

.container .funcio {
    margin-top: 2rem;
}

.col .iconsf .img {
    /* width: 115px;  */
    padding: 25px;
    margin-top: 30px;
    /* font-size: 4rem; */
    text-align: center;
    color: #fff;
    /* padding-left: 16px; */
    /* padding-bottom: 25px; */
    /* padding-right: 20px;*/
}

.borde-title {
    order: 0;
    border-top: 3px solid #18bfbf;
    width: 100px;
    position: relative;
    margin: auto;
}

.card-img-top {
    max-height: initial !important;
    min-height: auto !important;
}

@media screen and (max-width:991px) {
    .colms {
        flex: 50%;
        max-width: 50%;
    }
    .container {
        max-width: 800px;
    }
}

@media (max-width:900px) {
    .text-title {
        font-size: 18px !important;
    }
}

@media (max-width:550px) {
    .colms {
        flex: 100%;
        max-width: 100%;
    }
}

.title {
    border: 2px solid #13c1dc;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin: auto;
    padding: 20px;
    margin-bottom: 1rem;
}

.text-title {
    /* margin-top: 3rem; */
    text-align: center;
    font-weight: bold;
    color: #005066;
    text-transform: uppercase;
    font-size: 2.3vw;
}

.numero {
    color: #13c1dc !important;
    margin: auto;
    position: relative;
    top: -15px;
    margin-left: -7px;
    align-items: center;
    text-align: center;
}

.card,
.card-body {
    background: none;
}

h2 {
    color: #fff;
    padding-top: 12rem;
    margin-bottom: 4rem;
}

h5 {
    margin-bottom: 1rem;
}

.login {
    padding: 1rem;
}

.card-title {
    color: #000;
    padding: 0;
    margin-bottom: .75rem;
}

.card-text {
    color: #005066;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}


/* que ofrecemos  */

.section {
    background: #eee;
    padding-top: 2rem;
}


/* section cards  */

.card {
    border-radius: none;
    border: none;
}

.icons {
    padding: 10px;
    margin-bottom: 3rem;
}

.row-ofrese {
    margin-top: 2rem;
}

.ofrese-title {
    background: #343a40;
    text-transform: uppercase;
    position: relative;
    float: right;
    padding: 8px 15px 8px 15px;
}

.icons .title-rihgt {
    right: initial;
}

.icons span {
    color: #fff;
    position: absolute;
    right: 10px;
}

.cont-rihgt {
    /* visibility: hidden; */
    background: #005066;
    text-align: center;
    align-items: center;
    width: 170px;
    padding: 2rem 20px;
    position: relative;
    float: right;
}

.texto-ofrese {
    margin: auto;
    color: #fff;
    text-transform: lowercase !important;
    font-family: helvetica;
}

.icons .cont-left {
    right: 10px;
}

.icons .cont-rihgt {
    position: absolute;
    /* z-index: 1; */
    top: 10px;
}

.img-ofrese:hover.icons.cont-rihgt {
    visibility: visible;
}

@media (max-width:767px) {
    .container {
        max-width: 500px;
    }
}


/* end cards */


/* video  */

.section-video {
    position: relative;
}

.section-video .title-video {
    position: absolute;
    left: 22%;
    margin: auto;
}

.section-video .font-video {
    position: absolute;
    top: 5rem;
    left: 19%;
    right: 20%;
}

.diveo {
    /* width: 815px; */
    height: 395px;
}

.diveo .embed-responsive {
    height: 100%;
    border-radius: 23px;
}

@media screen and (max-width:767px) {
    .img-video {
        height: 500px !important;
    }
    .diveo {
        height: 280px;
    }
    .section-video .font-video {
        top: 4rem;
    }
    .section-video .title-video {
        font-size: 3vw !important;
        top: -17px;
        left: 10%;
    }
}

@media (max-width:600px) {
    .img-video {
        height: 330px !important;
    }
    .diveo {
        height: 182px;
    }
    .section-video .font-video {
        top: 2.8rem;
    }
    .diveo .embed-responsive {
        border-radius: 0 !important;
    }
}

@media (max-width:400px) {
    .section-video .title-video {
        font-size: 3.5vw !important;
        top: -25px;
        left: 2%;
    }
    .img-video {
        height: 240px !important;
    }
    .diveo {
        height: 131px;
    }
    .section-video .font-video {
        top: 2.2rem;
    }
}


/* fin section video  */


/* gestion de envios  */

.section-envios {
    background-image: url(../../assets/img/fondodegradado.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.section-envios .gestion {
    position: relative;
    left: 13%;
    flex: initial;
}

.text-gestion {
    margin-bottom: 0;
    color: #fff;
}

.detalle-envio {
    position: relative;
    width: 100%;
    left: 0vw;
}

.img-colm .imgs-envio {
    position: relative;
    text-align: center;
    margin: auto;
}


/* alinear imgs  */

.img-colm .img-left {
    left: 27%;
}

.img-colm .img-right {
    margin: 0 1%;
}

.paquete {
    max-height: 5.5vw;
}


/* alinear texto  */

.subtitle {
    color: #fff;
    font-family: helvetica;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1vw;
}

.textos {
    color: #fff;
    font-family: helvetica;
    font-size: 1vw;
}

.img-colm .text-h {
    position: relative;
    float: right;
    text-align: center;
    margin: auto;
    right: 8%;
}

.imgs-envio {
    width: 30%;
}

.cont-envio {
    position: relative;
    color: #fff;
}

.cont-envio .col {
    /* left: 31%; */
    padding-left: 31%;
}

.envios,
.text-per {
    text-transform: uppercase;
    font-family: helvetica;
    font-weight: bold;
}

.cont-envio .envios {
    font-size: 4.5vw;
}

.cont-envio .text-per {
    font-size: 6vw;
}

.cont-envio .text-tod {
    font-size: 3.5vw;
    text-transform: uppercase;
}

.text-tod {
    position: relative;
    top: 1vw;
}

.envios {
    position: relative;
    margin-bottom: 0;
    top: 2vw;
}

.text-per {
    margin-bottom: 2rem;
}

@media (max-width:1100px) {
    .img-colm .text-h {
        right: 5%;
    }
}

@media (max-width:767px) {
    .section-envios .gestion {
        max-width: 100%;
        margin: 0 60px;
        margin-bottom: 2rem;
        left: 0;
    }
    .section-envios .text-colm {
        max-width: 100%;
        flex: auto;
    }
    .detalle-envio .img-colm {
        width: 100%;
        flex: 0 0 25% !important;
    }
    .img-colm .imgs-envio {
        left: 0;
        margin: initial;
        width: 15vw;
    }
    .paquete {
        max-height: 12vw;
    }
    .subtitle {
        font-size: 3.5vw;
    }
    .textos {
        font-size: 2.8vw;
    }
    .text-h {
        float: none !important;
        right: 8%;
    }
    .cont-envio .col {
        left: 31%;
        padding-left: 0;
    }
    .text-colm .cont-envio {
        position: absolute;
        right: 19vw;
        text-align: center;
        top: 2px;
    }
    .detalle-envio {
        padding-left: 8vw;
    }
}


/* fin envios  */


/* section subcribe  */

.subcrib-card {
    position: relative;
}

.subcrib-card .cont-contacto {
    text-align: center;
    position: absolute;
    background: #005066;
    color: #fff;
    width: 32%;
    float: right;
    right: 11%;
    padding: 3vw;
    padding-top: 12px;
    padding-bottom: 15px;
    top: 5vw;
}

.title-contacto {
    font-size: 1.9vw;
    font-family: helvetica;
    font-weight: bold;
    text-transform: uppercase;
}

.detall-cont {
    margin-top: 12px;
    font-size: 12px;
    font-family: helvetica;
    font-weight: bold;
}

.form-group {
    text-align: left;
    font-size: 1.3vw;
}

.form-group .form-control {
    font-size: 1.5vw;
    padding: 6px 9px;
}

.btn-contacto {
    padding: 2% 3vw;
}

@media (max-width:900px) {
    .subcrib-card .cont-contacto {
        width: 36%;
        margin-top: -2vw;
        right: 4%;
    }
    .detall-cont {
        margin-bottom: 7px;
        margin-top: 2px;
    }
    .btn-contacto {
        font-size: 1.4vw;
    }
}

@media (max-width:740px) {
    .subcrib-card .img-contacto {
        height: 350px;
    }
    .detall-cont {
        font-size: 12px;
    }
    .title-contacto {
        font-size: 14px;
    }
    .subcrib-card .cont-contacto {
        width: 45%;
        margin-top: 1vw;
    }
    .form-group {
        font-size: 15px;
    }
    .form-group .form-control {
        font-size: 13px;
    }
    .btn-contacto {
        font-size: 14px;
    }
}

@media (max-width:440px) {
    .subcrib-card .img-contacto {
        max-height: 300px;
    }
    .subcrib-card .cont-contacto {
        height: 100%;
        width: 100%;
        margin: auto;
        left: 0;
        top: 0;
    }
    .detall-cont {
        font-size: 15px;
    }
    .title-contacto {
        font-size: 17px;
    }
}