.top {width: 100%; background-color: #ffffff;}

.top .logo p {text-align: left; padding: 15px 0 27px 150px}

.logo p img {margin-top: -15px}

.top .phone p {font-family: 'Lato', sans-serif; padding: 14px 10px 0 0; font-weight: 700; color: #373f50; font-size: 30px; text-align: right; float: right}

.top .phone a {color: #373f50 !important; text-decoration: none !important; padding-right: 12px}

.top .phone a:hover {color: #373f50 !important; text-decoration: none !important}

.cotizacion-top {background-color: #8ac349; color: #ffffff; right: 0; top: 0;padding: 10px; max-width: 250px; float: right}

.cotizacion-top h4 {font-family: 'Lato', sans-serif; font-size: 24px}

.cotizacion-top h4 a {color: #ffffff; text-decoration: none}

.cotizacion-top h4 a:hover {color: #ffffff; text-decoration: none}



header {background-image: url(../img/header.png); background-position: top right; background-size: cover; background-repeat: no-repeat; margin-top: -30px; padding: 12% 0}

header h1 {font-family: 'Lato', sans-serif; font-size: 48px; padding: 40px 0 0; text-align: center; color: #ffffff; text-transform: uppercase; font-weight: 700; width: 60%; margin: 0 auto}

header h2 {font-family: 'Lato', sans-serif; font-size: 24px; padding: 5px 0 0; text-align: center; color: #ffffff;}

header .botones {text-align: center; margin: 50px 0;}

header .botones .beneficios-btn {font-family: 'Lato', sans-serif; font-size: 22px; text-align: center; width: 200px; height: 45px; color: white; background-color: #8ac349; text-transform: uppercase; border-radius: 10px; margin: 5px;}

header .botones .nosotros-btn {font-family: 'Lato', sans-serif; font-size: 22px; text-align: center; width: 200px; height: 45px; color: white; background-color: #20c1c4; text-transform: uppercase; border-radius: 10px; margin: 5px;}



.beneficios {background-color: #f7f9fd; padding: 60px 0}

.beneficios h2 {font-family: 'Lato', sans-serif; font-size: 32px; text-align: center; text-transform: uppercase; color: #373f50; padding-bottom: 35px}

.beneficios h2::before {content: url(../img/key-left.png); padding-right: 15px}

.beneficios h2::after {content: url(../img/key-right.png); padding-left: 15px}

.beneficios .beneficio-ind {background-color: #ffffff; border: solid 1px #e1e1e1; padding: 55px 10px 25px 25px; height: 280px;}

.beneficios .beneficio-ind h3 {font-family: 'Lato', sans-serif; font-size: 20px; font-weight: 700; color: #373f50;}

.beneficios .beneficio-ind p {font-family: 'Lato', sans-serif; font-size: 16px; color: #373f50;}



.cta {background-image: url(../img/banner-cta.png); background-position: top left; background-size: cover; background-repeat: no-repeat; padding: 35px 0}

.cta h2 {font-family: 'Lato', sans-serif; font-size: 36px; font-weight: 700; color: #ffffff; text-align: left; margin: 0 auto; padding: 10px 0 0;}

.cta h2 span {font-size: 26px}

.cta .btn-cta {text-align: right; margin: 50px 50px 0 0;}

.cta .btn-cta .cta-btn {font-family: 'Lato', sans-serif; font-size: 22px; text-align: right; width: 200px; height: 45px; color: white; background-color: #ff6000; text-transform: uppercase; border-radius: 10px; margin: 5px;}



.nosotros {background-color: #ffffff; padding: 60px 0}

.nosotros h2 {font-family: 'Lato', sans-serif; font-size: 32px; text-align: center; text-transform: uppercase; color: #373f50; padding-bottom: 35px}

.nosotros h2::before {content: url(../img/key-left.png); padding-right: 15px}

.nosotros h2::after {content: url(../img/key-right.png); padding-left: 15px}

.nosotros .office img {margin: 0 auto}

.nosotros .text-nosotros {font-family: 'Lato', sans-serif; font-size: 18px; text-align: left; color: #373f50; line-height: 24px}

.nosotros .contador {padding: 35px 0 0}

.nosotros .contador img {margin: 0 auto}

.nosotros .counter {padding: 20px 0;}

.nosotros .counter p {text-align: center}

.nosotros #shiva {font-family: 'Lato', sans-serif; font-size: 45px; text-align: center; font-weight: 700; color: #373f50;}

.count-title { font-size: 40px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }

.count-text {font-family: 'Lato', sans-serif; font-size: 20px; text-align: center; font-style: italic; color: #373f50;}



.testimonios {background-color: #cccccc; padding: 60px 0}

.testimonios h2 {font-family: 'Lato', sans-serif; font-size: 32px; text-align: center; text-transform: uppercase; color: #373f50; padding-bottom: 35px}

.testimonios h2::before {content: url(../img/key-left.png); padding-right: 15px}

.testimonios h2::after {content: url(../img/key-right.png); padding-left: 15px}

.testimonios .testimonio-ind {padding: 20px 30px}

.testimonios .testimonio-ind .quote {border: 1px solid #f7f9fd; background-color: transparent; position: relative; margin: 0px 0px 20px 0px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; clear: none; background-image: none; padding: 15px; font-size: 15px; font-family: 'Lato', sans-serif; color: #666666; font-style: italic; line-height: 24px;}

.testimonios .testimonio-ind .quote span {font-family: 'Lato', sans-serif; font-size: 20px; text-align: left; color: #373f50; padding-left: 20px}

.carousel-inner {padding-bottom: 30px}



.cotizacion {background-image: url(../img/footer.png); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 60px 0 100px}

.cotizacion h2 {font-family: 'Lato', sans-serif; font-size: 32px; text-align: center; text-transform: uppercase; color: #ffffff; padding-bottom: 35px}

.cotizacion h2::before {content: url(../img/key-w-left.png); padding-right: 15px}

.cotizacion h2::after {content: url(../img/key-w-right.png); padding-left: 15px}

.cotizacion .form {width: 50%; margin: 0 auto}

.cotizacion .form .btn-footer {background-color: #ff6000 !important; font-family: 'Lato', sans-serif; font-size: 20px; text-align: center; text-transform: uppercase; color: #ffffff;}

footer {background-color: #ffffff}

footer .datos-footer {background-color: #20c1c4; margin-top: -70px; height: 130px; padding: 30px 12px}

footer .datos-footer .media-body h4 {font-family: 'Lato', sans-serif; font-size: 20px; color: #ffffff; padding-top: 20px}

footer .datos-footer .media-body h4 a {color: #ffffff; text-decoration: none}

footer .datos-footer .media-body h4 a:hover {color: #ffffff; text-decoration: none}

.piedepagina {text-align: center; margin-top: 15px; border-right: 1px solid; color: #000; font-size: 11px}

.piedepagina2 {text-align: center; margin-top: 15px; padding-top: 10px; padding-bottom: 10px; border-right: 1px solid; color: #000; font-size: 11px; font-weight: bold;}

.piedepagina3 {text-align: center; margin-top: 15px; padding-top: 10px; padding-left: 15px; padding-bottom: 10px; border-right: 0px solid; color: #000; font-size: 11px; font-weight: bold}

.piedepagina3 img {padding-left:10px}


h4.media-heading.tr {padding-top: 0px !important;}

h4.media-heading.pr {padding-top: 0px !important;}

.top .phone {
    display: flex;
    flex-direction: column;
}

.top .phone p {
    font-family: 'Lato', sans-serif;
    padding: 0px;
    font-weight: 700;
    color: #373f50;
    font-size: 18px;
    text-align: right;
    float: right;
    margin: 5px 0px;
}

.top .phone p img {
    width: 25px;
}

@media (max-width: 767px) {

    .cotizacion-top {max-width: 200px;}

    .top .logo p {padding: 7px 0 5px 7px}

    .logo p img {margin-top: 0}

    .top .phone p {font-size: 24px; text-align: right; float: right; padding-top: 20px}

    .top .phone a {padding-right: 0}



    header {background-image: url(../img/header-mobile.png); background-position: center right; margin-top: 0;}

    header h1 {width: 100%; font-size: 30px;}



    .beneficios h2 {font-size: 26px;}



    .cta {background-position: top right;}

    .cta h2 {text-align: center; padding: 10px 45px}

    .cta .btn-cta {text-align: center; margin: 0 auto}



    .nosotros h2 {font-size: 26px;}

    .nosotros .text-nosotros {text-align: center; padding: 20px 0}



    .testimonios h2 {font-size: 26px;}



    .cotizacion h2 {font-size: 23px;}

    .cotizacion .form {width: 100%; margin: 0 auto}



    footer .datos-footer {height: auto; padding: 30px 12px}

    footer .datos-footer .media .media-object img {width: 45px; height: 45px;}



    .piedepagina {border-right: none; font-size: 14px}

    .piedepagina2 {border-right: none; font-size: 14px;}

    .piedepagina3 {border-right: none; font-size: 14px;}

    .piedepagina3 img {padding: 10px 15px}

    .top .phone p {
        font-size: 18px;
        text-align: right;
        float: right;
        margin: 6px 10px;
        padding-top: 2px;
    }

    h4.media-heading.tr {
        padding-top: 12px !important;
    }

}

.logo p img {
    margin-top: -15px;
    height: 44px;
    padding: 8px;
}


.container-fluid {
    align-content: center;
    height: 108px;
}

@media (max-width: 767px) {
    .top .phone p {
        padding-top: 9px!important;
    }    }