/*!
 *
 * author: www.naldi.com.br
 * verion: 1.0
 *
 *
 * cores #020873 #021D40 #F2E744 #F2D22E #F21905
 */

@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');


body {
    font-family: 'Open Sans',
        sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans',
        sans-serif;
}

fs-10{
    size: 5rem;
}

header.masthead {
    position: relative;
    background-color: #343a40;
    background: url("../img/bg-masthead.jpg") no-repeat center center;
    background-size: cover;
    padding-top: 8rem;
    padding-bottom: 8rem;
}

header.masthead .overlay {
    position: absolute;
    background-color: #212529;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.3;
}

header.masthead h1 {
    font-size: 2rem;
}


/* ##Device = Desktops - Screen = 1281px to higher resolution desktops*/
@media (min-width: 1281px) {
    .pages {
        padding-top: 5rem;
    }

    .title-page {
        font-size: 2rem;
        font-weight: bold;
        color: #020873;
    }
}

/* ##Device = Laptops, Desktops - Screen = B/w 1025px to 1280px*/
@media (min-width: 1025px) and (max-width: 1280px) {
    .pages {
        padding-top: 5rem;
    }

    .title-page {
        font-size: 2rem;
        font-weight: bold;
        color: #020873;
    }

    .form-nav-search {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: center;
        z-index: 9999;
    }
}

/* ##Device = Tablets, Ipads (portrait) - Screen = B/w 768px to 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
    .pages {
        padding-top: 5rem;
    }

    .title-page {
        font-size: 2rem;
        font-weight: bold;
        color: #020873;
    }

    .form-nav-search {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: center;
        z-index: 9999;
    }
}

/* ##Device = Tablets, Ipads (landscape) - Screen = B/w 768px to 1024px */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    header.masthead {
        padding-top: 12rem;
        padding-bottom: 12rem;
    }

    header.masthead h1 {
        font-size: 3rem;
    }

    .pages {
        padding-top: 5rem;
    }

    .title-page {
        font-size: 2rem;
        font-weight: bold;
        color: #020873;
    }

    .form-nav-search {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: center;
        z-index: 9999;
    }
}

/* ##Device = Low Resolution Tablets, Mobiles (Landscape) - Screen = B/w 481px to 767px */
@media (min-width: 481px) and (max-width: 767px) {
    .showcase .showcase-text {
        padding-top: 7rem;
    }

    .pages {
        padding-top: 5rem;
    }

    .title-page {
        font-size: 2rem;
        font-weight: bold;
        color: #020873;
    }

    .form-nav-search {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: center;
        z-index: 9999;
    }
}

/* ##Device = Most of the Smartphones Mobiles (Portrait) - Screen = B/w 320px to 479px */
@media (min-width: 320px) and (max-width: 480px) {

    .pages {
        padding-top: 5rem;
    }

    .title-page {
        font-size: 2rem;
        font-weight: bold;
        color: #020873;
    }
}

/* ##Device=Most of the Smartphones Mobiles (Portrait) - Screen=B/w 280px to 479px */
@media (min-width: 280px) {

    .pages {
        padding-top: 5rem;
    }

    .title-page {
        font-size: 2rem;
        font-weight: bold;
        color: #020873;
    }
}


.showcase .showcase-text {
    padding: 3rem;
}

.showcase .showcase-img {
    min-height: 30rem;
    background-size: cover;
}


/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .pages {
        padding-top: 5rem;
    }
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .pages {
        padding-top: 5rem;
    }
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .pages {
        padding-top: 5rem;
    }
}


.features-icons {
    padding-top: 7rem;
    padding-bottom: 7rem;
    align-self: center;
}

.features-icons .features-icons-item {
    max-width: 20rem;
}

.features-icons .features-icons-item .features-icons-icon {
    height: 7rem;
}

.features-icons .features-icons-item .features-icons-icon i {
    font-size: 4.5rem;
}

.features-icons .features-icons-item:hover .features-icons-icon i {
    font-size: 5rem;
}

.testimonials {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.testimonials .testimonial-item {
    max-width: 18rem;
}

.testimonials .testimonial-item img {
    max-width: 12rem;
    box-shadow: 0px 5px 5px 0px #adb5bd;
}

.call-to-action {
    position: relative;
    background-color: #343a40;
    background: url("../img/bg-masthead.jpg") no-repeat center center;
    background-size: cover;
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.call-to-action .overlay {
    position: absolute;
    background-color: #212529;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.3;
}

footer.footer {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.navbar-bgcustom {
    background-image: linear-gradient(to bottom, #0a1f70 78%, #0a0d33 100%);
    background-repeat: repeat-x;
    box-shadow: 0px 5px 32px -19px rgba(0, 0, 0, 0.75);
}