#snackbar,
.popup {
    left: 50%
}

#popup:after,
#snackbar,
.popup {
    position: fixed
}

body,
html {
    width: 100vw;
    overflow-x: hidden !important;
    font-family: Montserrat !important
}

.footer-section .page-container,
.page-container {
    padding: 0
}

.container-fluid {
    padding-right: 0 !important;
    padding-left: 0 !important
}

#buttonWrapper,
#header,
#loginPanel,
#profileModal,
.contact-us,
.footer-wrapper,
.top-bar {
    display: none !important
}

.first-section {
    background: url('https://storage.googleapis.com/infiflexnew.appspot.com/img/Grupo 82.png') no-repeat padding-box;
    width: 100%;
    padding-top: 6em
}

.first-section .logo-img {
    width: 276px;
    height: 66px
}

.first-section .logo-row,
.footer-section .phoneCall-row {
    margin-top: 2rem
}

.first-section .live-chat-icon,
.first-section .phone-call-icon {
    width: 20px;
    height: 20px;
    opacity: 1
}

.first-section .live-chat-content,
.first-section .number {
    width: 100%;
    font: medium 13px / 16px Montserrat;
    letter-spacing: 0;
    margin-top: -5px;
    color: #333;
    opacity: 1
}

.first-section .number {
    height: 16px;
    text-align: left
}

.first-section .logo-img-style {
    text-align: right
}

.first-section .live-chat-content {
    text-align: left
}

.first-section .content {
    text-align: left;
    letter-spacing: -.67px;
    opacity: 1;
    font-size: 48px;
    margin-top: 1rem;
    line-height: 1px;
    margin-bottom: 30px
}

.first-section .content .first {
    font: 48px/55px Montserrat;
    letter-spacing: -.67px;
    color: #333
}

.first-section .content .second {
    font: 800 48px/55px Montserrat;
    letter-spacing: -.67px;
    color: #7dce82
}

.first-section .form .box,
.popup.form .popup-box {
    width: 90%;
    height: auto;
    border: 1px solid #707070;
    border-radius: 8px;
    opacity: 1;
    background: #f5f5fa;
    margin: 12px auto 15px
}

.first-section .form-control,
.popup.form-control {
    margin-top: 12px;
    margin-bottom: 15px
}

.first-section .form,
.popup.form {
    width: 70%;
    height: auto;
    background: no-repeat padding-box #f5f5fa;
    box-shadow: 0 24px 100px #00000040;
    border-radius: 16px;
    opacity: 1;
    margin-bottom: 10rem
}

.first-section .form .label-name,
.popup.form .popup-label-name {
    text-align: left;
    font: 13px/16px Montserrat;
    letter-spacing: 0;
    color: #807979;
    opacity: 1;
    margin-top: 28px;
    margin-left: 5%
}

.first-section .digital-line {
    width: 84px;
    height: 6px;
    background: no-repeat padding-box #7dce82;
    margin-top: 3rem;
    margin-bottom: 5rem
}

.first-section .form .label-style,
.popup.form .popup-label-style {
    text-align: left;
    font: 13px/16px Montserrat;
    letter-spacing: 0;
    color: #807979;
    opacity: 1;
    margin-left: 5%
}

.first-section .digital-row {
    margin-top: 5rem;
    margin-bottom: 3rem
}

.first-section .form .schedule-box,
.popup.form .popup-schedule-box {
    width: 90%;
    height: 52px;
    background: no-repeat padding-box #7dce82;
    border-radius: 8px;
    opacity: 1;
    border: #fff;
    margin-top: 15px;
    margin-left: 5%;
    margin-bottom: 2rem;
    color: #fff;
    font: 600 16px/19px Montserrat
}

.first-section .form .schedule-box:hover,
.popup.form .popup-schedule-box:hover {
    background: #1e8999
}

.first-section .live-chat-circle {
    position: fixed;
    top: 81%;
    left: 82%;
    width: 80px;
    height: 80px;
    background: no-repeat padding-box #eaf2fa;
    opacity: 1;
    border-radius: 50px;
    z-index: 10000
}

.first-section .live-chat-circle-icon {
    position: absolute;
    top: 15px;
    left: 12px;
    width: 58px;
    height: 50px;
    background: url('https://storage.googleapis.com/infiflexnew.appspot.com/img/Grupo 76.png') no-repeat padding-box;
    opacity: 1
}

.section-boarder .section-boarder-line {
    width: 100%;
    height: 2px;
    background: no-repeat padding-box #1e8999
}

.yellowSchedule a:hover {
    text-decoration: none
}

.round-button {
    width: 51px;
    height: 51px;
    background: 0 0;
    border: none;
    transform: translateY(-2em)
}

.round-button:hover {
    padding-top: 10px;
    padding-bottom: 8px;
    transition: .7s
}

.second-section {
    height: auto
}

.second-section .first-part {
    height: auto;
    background: url('https://storage.googleapis.com/infiflexnew.appspot.com/img/Enmascarar grupo 2.png') no-repeat padding-box
}

.second-section .first-part .scroll {
    text-align: center;
    font: bold 14px/18px Montserrat;
    letter-spacing: 0;
    color: #1e8999;
    margin: 6rem auto
}

.second-section .first-part .line {
    width: 84px;
    height: 6px;
    background: no-repeat padding-box #1e8999;
    margin: 60px auto 0
}

.second-section .first-part .query {
    text-align: center;
    letter-spacing: 0;
    opacity: 1;
    margin: 30px auto;
    font-size: 45px
}

.fifth-section .if-text1,
.fourth-section .key1,
.second-section .first-part .query .q1 {
    font: 600 45px/55px Montserrat;
    color: #333
}

.second-section .first-part .query .q2 {
    font: 800 45px/55px Montserrat;
    color: #1e8999
}

.second-section .first-part .first-part-content {
    text-align: center;
    font: 20px/26px Montserrat;
    letter-spacing: 0;
    color: #333;
    margin: 0 auto
}

.second-section .first-part .first-part-content .heading {
    font: bold 20px/26px Montserrat;
    letter-spacing: 0;
    color: #333
}

.second-section .first-part .first-part-content .middle {
    margin-top: 25px
}

.second-section .first-part .download-btn {
    width: 404px;
    height: 52px;
    background: no-repeat padding-box #1e8999;
    margin: 34px auto;
    border-radius: 8px;
    border: none
}

.second-section .first-part .btn-text {
    height: 19px;
    font: 600 16px/19px Montserrat;
    letter-spacing: 0;
    color: #fff;
    text-align: right
}

.second-section .first-part .download-icon {
    width: 23px;
    height: 23px
}

.third-section {
    height: auto;
    margin-top: 5rem
}

.third-section .first-image,
.third-section .second-image,
.third-section .third-image {
    height: 97px;
    text-align: center
}

.image-text {
    font: 600 20px/24px Montserrat;
    color: #707070;
    text-align: center;
    margin-top: 15px
}

.third-section .last-image {
    height: 98px;
    text-align: center
}

.fourth-section {
    width: 100%;
    transform: matrix(1, 0, 0, 1, 0, 0);
    background: url('https://storage.googleapis.com/infiflexnew.appspot.com/img/Grupo 19.png') no-repeat padding-box
}

.fourth-section .lines {
    width: 84px;
    height: 6px;
    background: no-repeat padding-box #e6c946;
    margin: 45px auto 0
}

.fourth-section .key {
    text-align: center;
    margin-top: 3rem
}

.fourth-section .key2 {
    font: 800 45px/55px Montserrat;
    color: #e6c946
}

.fourth-section .card {
    background: no-repeat padding-box #e6c946;
    border-radius: 8px;
    width: 100%;
    height: 434px
}

.fourth-section .card:hover {
    transition: .5s;
    transform: scale(1.06)
}

.fourth-section .card-section {
    margin-top: 10rem
}

.aboutUs-section .aboutUs-box,
.fourth-section .card-section .card-section-img {
    margin-top: 5rem
}

.fourth-section .card-section .card-section-heading p {
    text-align: center;
    font: bold 23px/28px Montserrat;
    color: #333;
    margin: 2rem auto 0
}

.fourth-section .card-section .card-section-content p {
    text-align: center;
    color: #333;
    font-size: 20px;
    letter-spacing: 0
}

.fourth-section .card-design {
    margin: 0 auto
}

.fourth-section .button-style {
    width: 432px;
    height: 56px;
    background: no-repeat padding-box #1e8999;
    border-radius: 8px;
    border: none;
    margin-top: 8rem;
    margin-bottom: 5rem
}

.fourth-section .button-style-text {
    text-align: center;
    font: 600 16px/19px Montserrat;
    color: #fff;
    margin-bottom: 0
}

.fifth-section {
    width: 100%;
    background: no-repeat padding-box #f3f3f3
}

.fifth-section .lines2 {
    width: 84px;
    height: 6px;
    background: no-repeat padding-box #e6c946;
    margin: 50px auto 0
}

.fifth-section .gray-half,
.fifth-section .green-half,
.fifth-section .red-half,
.fifth-section .yellow-half {
    position: relative;
    width: 254px;
    height: 249px
}

.fifth-section .if-text {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 5rem
}

.fifth-section .if-text2 {
    font: 800 45px/55px Montserrat;
    color: #e6c946;
    margin-top: 5px;
    margin-bottom: 15px
}

.fifth-section .yellow-half {
    background: no-repeat padding-box #e6c946;
    float: right;
    border-radius: 100% 0 0
}

.fifth-section .red-half {
    background: no-repeat padding-box #a22c29;
    border-radius: 0 100% 0 0
}

.fifth-section .gray-half {
    background: no-repeat padding-box #707070;
    float: right;
    border-radius: 0 0 0 100%
}

.fifth-section .green-half {
    background: no-repeat padding-box #7dce82;
    border-radius: 0 0 100%
}

.fifth-section .gray-half-whitecircle,
.fifth-section .green-half-whitecircle,
.fifth-section .red-half-whitecircle,
.fifth-section .yellow-half-whitecircle {
    background-color: #f3f3f3;
    width: 90px;
    height: 90px;
    position: absolute
}

.fifth-section .red-half-whitecircle {
    border-radius: 0 100% 0 0;
    bottom: 0;
    left: 0
}

.fifth-section .yellow-half-whitecircle {
    border-radius: 100% 0 0;
    float: right;
    bottom: 0;
    right: 0
}

.fifth-section .gray-half-whitecircle {
    border-radius: 0 0 0 100%;
    float: right;
    top: 0;
    right: 0
}

.fifth-section .green-half-whitecircle {
    border-radius: 0 0 100%;
    top: 0;
    left: 0
}

.circle-gap {
    padding-right: 5px !important;
    padding-left: 5px !important;
    padding-top: 5px;
    padding-bottom: 5px
}

.fifth-section .infi-logo {
    width: 114px;
    height: 66px
}

.fifth-section .productivity-box {
    width: 180px;
    height: auto;
    background: no-repeat padding-box #e6c946
}

.fifth-section .productivity-heading p {
    text-align: center !important;
    font: 800 24px/37px Montserrat !important;
    letter-spacing: 0 !important;
    color: #fff !important
}

.fifth-section .productivity-content {
    text-align: left;
    color: #333;
    font-size: 17px;
    margin-top: 10px;
    letter-spacing: 0;
    width: 226px
}

.fifth-section .security-box {
    width: 125px;
    height: auto;
    background: no-repeat padding-box #a22c29
}

.fifth-section .business-box {
    width: 210px;
    height: auto;
    background: no-repeat padding-box #707070
}

.fifth-section .demand-box {
    width: 280px;
    height: auto;
    background: no-repeat padding-box #7dce82
}

.fifth-section .productivity-content p {
    margin: 0
}

.productivity-row {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.assesment-btn {
    width: 404px;
    height: 52px;
    background: no-repeat padding-box #e6c946;
    border: none;
    border-radius: 8px;
    margin: 0 auto 5rem
}

.assesment-btn-text {
    text-align: center;
    font: 600 16px/19px Montserrat;
    letter-spacing: 0;
    color: #333;
    margin-top: 6px
}

.business-section {
    width: 100%;
    height: auto;
    background: url('https://storage.googleapis.com/infiflexnew.appspot.com/img/Grupo 48.png') no-repeat padding-box
}

.business-section .red-line {
    width: 84px;
    height: 6px;
    background: no-repeat padding-box #a22c29;
    margin-top: 8rem
}

.business-heading {
    text-align: center;
    letter-spacing: 0;
    margin-top: 2rem
}

.business-heading p {
    margin: 0 0 -5px
}

.business-heading-first {
    text-align: center;
    font: 600 45px/50px Montserrat;
    letter-spacing: 0;
    color: #333
}

.business-heading-second {
    text-align: center;
    font: 800 45px/50px Montserrat;
    letter-spacing: 0;
    color: #a22c29
}

.business-card-row {
    margin-top: 8rem;
    margin-bottom: 5rem
}

.business-card {
    background: no-repeat padding-box #fff;
    box-shadow: 0 3px 23px #00000012;
    border-radius: 8px;
    height: 284px
}

.business-card .red-icon {
    margin-top: 3rem
}

.business-card-heading p {
    text-align: center;
    font: bold 17px/22px Montserrat;
    letter-spacing: 0;
    color: #707070;
    margin-top: 2rem
}

.business-card-heading2 p {
    text-align: center;
    font: 17px/22px Montserrat;
    letter-spacing: 0;
    color: #707070
}

.business-card-content p {
    text-align: center;
    font: 16px/25px Montserrat;
    letter-spacing: 0;
    color: #333
}

.business-card-content .row {
    margin-right: 0;
    margin-left: 0
}

.button-box1 {
    width: 44px;
    height: 44px;
    border: 1px solid #ccc;
    border-radius: 8px;
    float: right
}

.button-box2 {
    width: 44px;
    height: 44px;
    border: 1px solid #ccc;
    border-radius: 8px
}

.aboutUs-section {
    width: 100%;
    background: url('https://storage.googleapis.com/infiflexnew.appspot.com/img/Grupo 83.png') no-repeat padding-box
}

.aboutUs-section .yellow-box {
    width: 459px;
    height: 100%;
    background: no-repeat padding-box #e6c946;
    margin-bottom: 5rem
}

.aboutUs-box .aboutUs-image {
    width: 100%;
    height: 590px
}

.aboutUs-box .aboutUs-imageBox {
    margin: 9rem
}

.aboutUs-line {
    width: 84px;
    height: 6px;
    background: no-repeat padding-box #e6c946;
    margin-top: 23rem
}

.aboutUs-heading {
    text-align: left;
    letter-spacing: 0;
    margin: 2rem 0
}

.aboutUs-heading1 {
    font: 600 45px/55px Montserrat;
    letter-spacing: 0;
    color: #333
}

.aboutUs-heading2 {
    text-align: left;
    font: 800 45px/55px Montserrat;
    letter-spacing: 0;
    color: #e6c946
}

.aboutUs-content,
.aboutUs-content1,
.aboutUs-content2 {
    text-align: left;
    color: #333;
    letter-spacing: 0
}

.button-row {
    margin-bottom: 6rem
}

.aboutUs-content1 {
    font: bold 20px/26px Montserrat
}

.aboutUs-content2 {
    font: 20px/26px Montserrat
}

.footer-section {
    width: 100%;
    background: no-repeat padding-box #333
}

.footer-section .footer-logo {
    width: 236px;
    height: 57px;
    margin-top: 5rem
}

.footer-section .rights {
    text-align: center;
    font: 12px/24px Montserrat;
    letter-spacing: 0;
    color: #707070;
    margin-top: 7rem
}

.footer-section .phoneCall,
.footer-section .placeholder {
    width: 20px;
    height: 20px
}

.footer-section .phoneCall-text,
.footer-section .placeholder-text {
    text-align: left;
    font: medium 13px / 16px Montserrat;
    letter-spacing: 0;
    color: #707070
}

.footer-section .placeholder-row {
    margin-top: 8rem
}

.footer-section .social-media-row {
    margin: 10rem 2rem
}

.footer-section .social-media {
    width: 45px;
    height: 45px
}

.arrow {
    border: solid #ccc;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    margin-top: 13px;
    margin-left: 13px
}

.right-btn {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    z-index: 1;
    top: 30px;
    font-size: 17px
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: .5s fadein, .5s 2.5s fadeout;
    animation: .5s fadein, .5s 2.5s fadeout
}

@-webkit-keyframes fadein {
    from {
        top: 0;
        opacity: 0
    }

    to {
        top: 30px;
        opacity: 1
    }
}

@keyframes fadein {
    from {
        top: 0;
        opacity: 0
    }

    to {
        top: 30px;
        opacity: 1
    }
}

@-webkit-keyframes fadeout {
    from {
        top: 30px;
        opacity: 1
    }

    to {
        top: 0;
        opacity: 0
    }
}

@keyframes fadeout {
    from {
        top: 30px;
        opacity: 1
    }

    to {
        top: 0;
        opacity: 0
    }
}

.popup {
    display: none;
    padding: 10px;
    width: 330px;
    margin-left: -150px;
    height: auto;
    /* top: 50%; */
    top: 35%;
    margin-top: -100px;
    background: #fff;
    z-index: 20;
    text-align: left
}

#recaptcha1 {
    margin-left: 20px;
}

.form-container {
    max-width: 300px;
    padding: 10px;
    background-color: #fff
}

.form-container-label {
    font: 13px/16px Montserrat
}

.form-container input[type=email],
.form-container input[type=text] {
    width: 100%;
    height: auto;
    border: 1px solid #707070;
    border-radius: 8px;
    opacity: 1;
    background: #f5f5fa;
    margin: 0 auto;
    font-size: 12px
}

.form-container-btn {
    width: 100%;
    height: 35px;
    background: no-repeat padding-box #1e8999;
    border-radius: 8px;
    opacity: 1;
    border: #fff;
    margin-top: 15px;
    color: #fff;
    font: 600 12px/19px Montserrat
}

#popup:after {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    z-index: -2
}

#popup:before,
.close {
    position: absolute;
    right: 0
}

#popup:before {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: -1
}

.close {
    cursor: pointer;
    padding: 2px 16px;
    transform: translate(-15%, -35%);
    color: #000;
    opacity: .4
}

.close:hover {
    background: #bbb
}

.submitIcon {
    height: 100px
}

.backStyle {
    height: 40px;
    width: 115px;
    background: #c23737;
    border: none;
    border-radius: 15px;
    color: #fff;
    font-weight: 600;
    font-size: 17px
}

.positionstyle {
    text-align: center;
    padding-top: 8%
}

.thankYoustyle {
    font-size: 6rem;
    font-weight: 600;
    color: #7dce82
}

.submissionStyle {
    font-size: 3rem;
    font-weight: 500;
    color: #337ab7
}

.digital-transformation-button {
    background: no-repeat padding-box #85d189;
    margin: 34px auto;
    border-radius: 8px;
    border: none;
    color: #fff;
    padding: 15px 30px;
    font-weight: 600;
    font-size: 17px
}