@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');


html {
    scroll-behavior: ease-in;

}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

header {
    background: rgba(18, 33, 72, 0.9);
    border-color: #94C83D;
    padding: 5px;
}

.main-banner p.lead {
    font-size: 1.7rem
}

.main-image {
    width: 80%;
}

.navbar {    
    z-index: 1040;
}

.navbar-brand img {
    height: 45px;
}

.navbar-brand img:hover {
    opacity: 0.7;
    transition: all 0.2s ease;
}

.nav-link {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 1rem;
    color: #FFFFFF !important;
    letter-spacing: 1px;
}

.nav-link:hover {
    
    font-weight: 600;
    color: #94C83D !important;
    letter-spacing: 1px;
    
}


button.login {
    font-family: Open Sans;
    font-weight: 400;
    color: white;
    letter-spacing: 1px;
    background-color: transparent;
    border: 2px solid #94C83D;
}

button.login:hover {
    font-family: Open Sans;
    font-weight: 400;
    color: white;
    letter-spacing: 1px;    
    border: 2px solid #94C83D;
    background-color: #94C83D;
    text-shadow: 1px 1px 1em rgb(36, 36, 36);
    transition: all 0.3s ease-in;

}

button.ExperimenteGratis1 {
    width: 80%;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 20px;
    padding: 15px;
    color: white;
    letter-spacing: 1px;
    background-color: transparent;
    border: 2px solid #94C83D;
    text-shadow: 1px 1px 1em rgb(36, 36, 36);
}

button.ExperimenteGratis1:hover {
   
    font-weight: 600;
    font-size: 20px;
    color: white;
    letter-spacing: 2px;
    background-color: #94C83D;
    border: 1px solid #94C83D;
    transition: all 0.5s ease-in;
}

button.ExperimenteGratis2 {
    max-height: 50px;
    width: 60% !important;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 20px;
    padding: 15px;
    color: white;
    letter-spacing: 1px;
    background-color: #94C83D;
    border: 1px solid #94C83D;
    text-shadow: 1px 1px 1em rgb(36, 36, 36);
}

button.ExperimenteGratis2:hover {
  
    font-weight: 600;
    font-size: 20px;
    color: #A5E93C;
    letter-spacing: 2px;
    background-color: #122148;
    border: 1px solid #94C83D;
    transition: all 0.5s ease-in;
}

button.Send-login {
    width: 100%;
    font-family: Open Sans;
    font-weight: 300;
    font-size: 20px;
    color: white;
    letter-spacing: 1px;
    background-color: #94C83D;
    border: 1px solid #ffffff;
}

button.Send-login:hover {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 20px;
    color: white;
    letter-spacing: 1px;
    background-color: #122148;
    border: 1px solid #122148;
    transition: all 0.3s ease-in;

}

button.Send-login:focus {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 20px;
    color: white;
    letter-spacing: 1px;
    background-color: #0a132b;
    border: 1px solid #122148;
    transition: all 0.3s ease-in;

}

button.Send {
    width: 100%;
    font-family: Open Sans;
    font-weight: 300;
    font-size: 20px;
    color: #122148;
    letter-spacing: 1px;
    background-color: transparent;
    border: 1px solid #94C83D;

}

button.Send:hover {
    font-family: Open Sans;
    font-weight: 500;
    font-size: 20px;
    color: white;
    letter-spacing: 1px;
    background-color: #94C83D;
    border: 1px solid #94C83D;
    transition: all 0.3s ease-in;



}

button.Send:focus {
    font-family: Open Sans;
    font-weight: 500;
    font-size: 20px;
    color: white;
    letter-spacing: 1px;
    background-color: #749c2d;
    border: 1px solid #94C83D;
    transition: all 0.3s ease-in;



}

button.SendFale {
    width: 100%;
    font-family: Open Sans;
    font-weight: 300;
    font-size: 20px;
    color: white;
    letter-spacing: 2px;
    background-color: transparent;
    border: 1px solid #94C83D;

}

button.SendFale:hover {
    font-family: Open Sans;
    font-weight: 500;
    font-size: 20px;
    color: white;
    letter-spacing: 1px;
    background-color: #94C83D;
    border: 1px solid #94C83D;
    transition: all 0.3s ease-in;



}

button.SendFale:focus {
    font-family: Open Sans;
    font-weight: 500;
    font-size: 20px;
    color: white;
    letter-spacing: 1px;
    background-color: #749c2d;
    border: 1px solid #94C83D;
    transition: all 0.3s ease-in;



}

button.Close {
    font-family: Open Sans;
    font-weight: 300;
    font-size: 20px;
    color: rgb(0, 0, 0);
    letter-spacing: 1px;
    background-color: transparent;
    border: 1px solid #FF0066;
}

button.Close:hover {
    font-family: Open Sans;
    font-weight: 300;
    font-size: 20px;
    color: #FF0066;
    letter-spacing: 1px;
    background-color: transparent;
    border: 1px solid #7CD0F8;
    transition: all 0.3s ease;
}

.modal-dialog {
    max-width: 750px; 
}

.modal-backdrop {
    z-index: 1020;
}

.modal-content {
    font-family: Open Sans;
    font-weight: 300;
    color: #2e2e2e;
    background: rgba(255, 255, 255, 1.0);
    letter-spacing: 1px;
}

.modal-header {
    font-family: Open Sans;
    font-weight: 300;
    color: #94C83D;
    letter-spacing: 1px;
}

.modal-header.login {
    font-family: Open Sans;
    font-weight: 300;
    color: #94C83D;
    letter-spacing: 1px;
}

.form-label {
    font-weight: 600;
}

.main-banner {
    height: 100vh;
    background-image: url('../../images/Login/banner_01.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

p.lead {
    font-family: Open Sans;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: 1px;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 32%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.horizontal-center {
    margin: 0;
    position: absolute;
    left: 50%;
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
}

.highlights-green {
    font-family: Open Sans;
    font-weight: 600;
    color: #94C83D;
    letter-spacing: 1px;
}

.highlights-white {
    font-family: Open Sans;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 1px;
}

.highlights-white2 {
    font-family: Open Sans;
    font-weight: 300;
    color: #ffffff;
    letter-spacing: 1px;
}

.white-title h2 {
    font-family: Open Sans;
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: 1px;
}

.black-title h2 {
    font-family: Open Sans;
    font-weight: 500;
    color: #000000;
    letter-spacing: 1px;
}



h2 span.highlights-red {
    font-family: Open Sans;
    font-weight: 600;
    color: #FF0066;
    letter-spacing: 1px;
}

h2 span.highlights-blue {
    font-family: Open Sans;
    font-weight: 600;
    color: #94C83D;
    letter-spacing: 1px;
}

h4.subtitle-white {
    font-family: Open Sans;
    font-weight: 300;
    color: #FFFFFF;
    letter-spacing: 1px;

}

h4.subtitle-grey {
    font-family: Open Sans;
    font-weight: 400;
    color: #363636;
    letter-spacing: 1px;
}

h4.subtitle-blue {
    font-family: Open Sans;
    font-weight: 600;
    color: #94C83D;
    letter-spacing: 1px;
}

h4.title-yellow {
    font-family: Open Sans;
    font-weight: 500;
    color: #94C83D;
}

h4.title-blue {
    font-family: Open Sans;
    font-weight: 500;
    color: #36A9E1;
    letter-spacing: 1px;
}


.OqueEntregamos {
    height: 100vh;
    background-image: url('../../images/Login/banner_04.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding-top: 17%
}

.OqueFazemos {
    height: 100vh;
    background-image: url('../../images/Login/banner_02.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding-top: 15%;
}

.Experimente {
    height: 100vh;
    background-image: url('../../images/Login/banner_04.jpg');
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: cover;
    padding-top: 10%;
}

.hightlights {
    background-image: url('../../images/Login/highlight02.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1em black;
}

.hightlights-contact {
    font-family: Open Sans;
    font-weight: 300;
    background-color: rgba(2, 34, 49, 1.0);
    letter-spacing: 1px;
}

.FaleConosco {
    height: 95vh;
    background-image: url('../../images/Login/banner_03.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding-top: 15%
}

.contact-brand img {
    height: 65px;
}



.svg {
    height: 65px;
}

.labelFloating {
    float: left;
}

#submitEsqueciSenha {
    background: #94C83D;
    border-color: #94C83D;
}

    #submitEsqueciSenha:hover {
        background-color: #122148;
        border: 1px solid #122148;
        transition: all 0.3s ease-in;
    }

.input-validation-error {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url('caminho/para/icone/de/erro.svg');
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.field-validation-error {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url('caminho/para/icone/de/erro.svg');
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

@media only screen and (max-width: 1920px) {
    .header {
        padding: 10px;
    }

    .navbar {
        z-index: 1040;
    }

    .navbar-brand img {
        height: 38px;
    }


    .main-banner p.lead {
        font-size: 1em;
    }

    .main-image {
        width: 50%;
    }

    .nav-link {
        font-size: 0.75rem;
        letter-spacing: 1px;
    }

    .hightlights h2 {
        font-size: 1.3rem;
    }

    h4 {
        font-size: 18px;
    }

    .OqueEntregamos {
        height: 100vh;
        padding-top: 17%;
    }

        .OqueEntregamos h2 {
            font-size: 1.3rem;
        }

    .OqueFazemos {
        height: 100vh;
        padding-top: 17%;
    }

        .OqueFazemos h2 {
            font-size: 1.3rem;
        }

    .Experimente {
        height: 100vh;
        padding-top: 10%;
    }

        .Experimente h2 {
            font-size: 1.3rem;
        }

    .FaleConosco {
        height: 100vh;
        padding-top: 17%;
    }

        .FaleConosco h2 {
            font-size: 1.3rem;
        }

    button.ExperimenteGratis1 {
        width: 90%;
    }

    button.ExperimenteGratis2 {
        width: 100%;
    }

    div.depoiment-card-style {
        max-width: 1165px;
    }
}

@media only screen and (max-width: 1366px) {

    .header {
        padding: 10px;
    }

    .navbar {
        z-index: 1040;
    }

    .navbar-brand img {
        height: 38px;
    }


    .main-banner p.lead {
        font-size: 1em;
    }

    .main-image {
        width: 50%;
    }

    .nav-link {
        
        font-size: 0.75rem;
        letter-spacing: 1px;
    }

    .hightlights h2 {
        font-size: 1.3rem;
    }

    h4 {
        font-size: 18px;
    }

    .OqueEntregamos {
        height: 700px;
        padding-top: 12%;

    }

    .OqueEntregamos h2 {
        font-size: 1.3rem;
    }

    .OqueFazemos {
        height: 100vh;
        padding-top: 10%;

    }

    .OqueFazemos h2 {
        font-size: 1.3rem;
    }

    .Experimente {
        height: 100vh;
        padding-top: 10%;

    }

    .Experimente h2 {
        font-size: 1.3rem;
    }

    .FaleConosco {
        height: 100vh;
        padding-top: 10%;

    }

    .FaleConosco h2 {
        font-size: 1.3rem;
    }

    button.ExperimenteGratis1 {
        width: 90%;
    }

    button.ExperimenteGratis2 {
        width: 100%;
    }

    div.depoiment-card-style {
        max-width: 1002px;
    }
}

@media only screen and (max-width: 1024px) {

    .main-banner p.lead {
        font-size: 1.1em;
    }

    .nav-link {
        font-family: Open Sans;
        font-weight: 300;
        font-size: 0.9rem;
        letter-spacing: 2px;
    }

    .hightlights h2 {
        font-size: 1.3rem;
    }

    h4 {
        font-size: 18px;
    }

    .OqueEntregamos {
        height: 100vh;
        background-image: url('../../images/Login/banner_04.jpg');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        padding-top: 10%;
    }

    .OqueFazemos {
        height: 100vh;
        background-image: url('../../images/Login/banner_02.jpg');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        padding-top: 10%;
    }

    .Experimente {
        height: 100vh;
        background-image: url('../../images/Login/banner_04.jpg');
        background-repeat: repeat;
        background-attachment: fixed;
        background-size: cover;
        padding-top: 10%;
    }

    button.ExperimenteGratis1 {
        width: 90%;
    }

    button.ExperimenteGratis1:hover {
  
        font-weight: 600;        
        letter-spacing: 1px;        
        transition: all 0.5s ease-in;
    }

    button.ExperimenteGratis2 {
        width: 100%;

    }

    button.ExperimenteGratis2:hover {
  
        font-weight: 600;        
        letter-spacing: 1px;        
        transition: all 0.5s ease-in;
    }

    .hightlights {
        background-image: url('../../images/Login/highlight02.jpg');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        letter-spacing: 1px;
        text-shadow: 1px 1px 1em black;
    }

    .FaleConosco {
        height: 100vh;
        background-image: url('../../images/Login/banner_03.jpg');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        padding-top: 5%;
    }

    div.depoiment-card-style {
        max-width: 1002px;
    }
}

@media only screen and (max-width: 768px) {

    .main-banner p.lead {
        font-size: 1.1em;
    }

    .nav-link {
        font-family: OpenSans;
        font-weight: 300;
        font-size: 0.9rem;
        letter-spacing: 2px;
    }

    .hightlights h2 {
        font-size: 1.2rem;
    }

    h4 {
        font-size: 18px;
    }

    .OqueEntregamos {
        height: 940px;
        padding-top: 10%;
    }

    .OqueFazemos {
        height: 940px;
        padding-top: 10%;
    }

    .Experimente {
        height: 940px;
        padding-top: 25%;
    }

    button.ExperimenteGratis1 {
        width: 90%;
    }

    button.ExperimenteGratis1:hover {
  
        font-weight: 600;        
        letter-spacing: 1px;        
        transition: all 0.5s ease-in;
    }

    button.ExperimenteGratis2 {
        width: 100%;

    }

    button.ExperimenteGratis2:hover {
  
        font-weight: 600;        
        letter-spacing: 1px;        
        transition: all 0.5s ease-in;
    }


    .FaleConosco {
        height: 940px;
        padding-top: 12%;
    }

    div.depoiment-card-style {
        max-width: 1002px;
    }
}

@media only screen and (max-width: 425px) {

    .main-banner p.lead {
        font-size: 0.9em;
    }

    .main-image {
        width: 70%;
    }


    .nav-link {
        font-family: Open Sans;
        font-weight: 300;
        font-size: 0.9rem;
        letter-spacing: 2px;
    }

    button.ExperimenteGratis1 {
        width: 90%;
    }

    button.ExperimenteGratis1:hover {
  
        font-weight: 600;        
        letter-spacing: 1px;        
        transition: all 0.5s ease-in;
    }

    button.ExperimenteGratis2 {
        width: 100%;

    }

    button.ExperimenteGratis2:hover {
  
        font-weight: 600;        
        letter-spacing: 1px;        
        transition: all 0.5s ease-in;
    }

    .hightlights h2 {
        font-size: 1.2rem;
    }

    h4 {
        font-size: 18px;
    }

    .OqueEntregamos {
        height: 940px;
        padding-top: 17%;
    }

    .OqueFazemos {
        height: 1040px;
        padding-top: 19%;
    }

    .Experimente {
        height: 940px;
        padding-top: 60%;
    }

    .FaleConosco {
        height: 940px;
        padding-top: 35%;
    }

    div.depoiment-card-style {
        max-width: 1002px;
    }
}