/*geral*/
body {
    overflow-x: hidden;
    padding: 0;
}

.container-fluid {
    padding: 0;
}

header {
    background-image: url("../images/fundo-header.png");
}

    header p {
        font-family: 'Lato';
        font-weight: 700;
        color: #2AAAF9;
        font-size: 12px
    }

    header span {
        font-family: 'Lato';
        font-weight: 700;
        font-size: 14px;
        color: #fff !important;
        text-transform: uppercase;
    }

footer {
    padding-top: 60px;
}

    footer h6 {
        font-family: 'Lato';
        font-weight: 700;
        color: #333;
        font-size: 24px;
        padding-bottom: 20px;
    }

    footer p {
        font-family: 'Lato';
        color: #333;
        font-size: 16px
    }

    footer li {
        font-family: 'Lato';
        color: #333;
        font-size: 16px
    }

        footer li:before {
            content: url("../images/seta-rodape.png");
        }

        footer li a {
            color: #333;
        }

.navbar-toggler {
    border: 1px solid #fff !important;
}

.fa-bars {
    color: #fff
}

.icot {
    float: left;
    margin-top: -10px
}

.navtop {
    background-color: #000;
    border-bottom: 4px solid #2AAAF9;
    border-top: 1px solid #1b1b1b;
}

.navbar {
    background-color: #000 !important;
    height: 64px;
}

.nav-link {
    font-family: 'Lato';
    font-weight: 700;
    font-size: 15px;
    color: #fff !important;
    text-transform: uppercase;
}

.nav-item {
    padding-left: 0px;
    padding-right: 10px;
}

    .nav-item a:hover {
        color: #ddd !important
    }

.ativo {
    color: #2AAAF9 !important
}

.ac {
    background-color: #2AAAF9;
    border-radius: 10px 10px 0 0;
    padding-left: 5px;
    padding-top: 5px;
    margin-bottom: -10px;
    border-bottom: 9px solid #2AAAF9
}

.bl {
    border-left: 1px solid #333;
    margin-bottom: 10px;
    padding-left: 15px
}

.ti {
    text-align: left !important;
}

/*principal*/
.boxtop {
    background-color: #000E2F;
    border-radius: 10px 10px 0 0;
    padding-bottom: 45px;
    padding-top: 10px;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 0% 100%);
}

.boxbot {
    background-color: #FF7E00;
    border-radius: 0 0 10px 10px;
    padding-bottom: 25px;
    padding-top: 25px;
}

.boxbot2 {
    background-color: #2AAAF9;
    border-radius: 0 0 10px 10px;
    padding-bottom: 25px;
    padding-top: 25px;
}

.box {
    background-color: #FF7E00;
    border-radius: 10px 10px 0 0;
    height: 150px
}

.box2 {
    background-color: #2AAAF9;
    border-radius: 10px 10px 0 0;
    height: 150px
}

.voce {
    background-image: url("../images/background-contratar.jpg");
    padding-bottom: 20px;
    padding-top: 20px;
}

    .voce p {
        font-family: 'Lato';
        color: #0b1632;
        font-size: 20px
    }

.form-control {
    font-family: 'Lato';
    color: #333;
    font-size: 14px;
    border-radius: 0;
    height: 48px
}

.form {
    background-color: #fff;
    padding: 55px 35px 55px 35px;
    border-radius: 10px;
    border: 1px solid #ddd;
}

    .form small {
        font-family: 'Lato';
        color: #666;
        font-size: 11px;
    }

.bgrod {
    background-color: #000E30;
    margin-top: 60px
}

    .bgrod p {
        font-family: 'Lato';
        color: #fff;
        font-size: 13px
    }

.icon {
    float: left;
    padding-top: 6px;
    padding-bottom: 15px;
    padding-right: 13px
}

.carousel-caption {
    text-align: left;
    transform: translateY(-45%);
    bottom: 0;
    top: 45%;
}

    .carousel-caption h1 {
        font-family: 'Lato';
        font-weight: 900;
        text-transform: uppercase;
        font-size: 50px
    }

        .carousel-caption h1 span {
            color: #ff8400
        }

    .carousel-caption ul {
        list-style: none;
        padding-left: 0
    }

    .carousel-caption h2 {
        font-family: 'Lato';
        font-size: 30px;
        padding-bottom: 25px
    }

    .carousel-caption li {
        font-family: 'Lato';
        font-size: 19px;
        padding-bottom: 5px
    }

        .carousel-caption li:before {
            content: url("../images/icon.png");
            padding-right: 8px;
            margin-top: 3px;
            float: left;
        }

.btn-warning {
    font-family: 'Lato';
    font-weight: 900;
    text-transform: uppercase;
    font-size: 16px;
    background-color: #ff8400;
    border-color: #ff8400;
    color: #fff;
    border-radius: 25px;
    padding: 12px;
    width: 150px;
    height: 50px
}

    .btn-warning:hover {
        color: #fff;
    }

.btn-w {
    width: 100%;
    border-radius: 8px
}

.carousel-indicators > li {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: transparent;
    border: 1px solid #2AAAF9;
    margin-bottom: 15px
}

.carousel-indicators .active {
    background-color: #2AAAF9;
    border: 0
}

.infonet {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #eeeeee
}

    .infonet h2 {
        font-family: 'Lato';
        font-weight: 700;
        color: #333;
        font-size: 36px;
    }

        .infonet h2:before {
            content: url("../images/traco-titulo.png");
            padding-right: 10px;
        }

        .infonet h2:after {
            content: url("../images/traco-titulo.png");
            padding-left: 10px
        }

    .infonet p {
        font-family: 'Lato';
        color: #777;
        font-size: 18px
    }

    .infonet span {
        color: #2AAAF9
    }

.banda {
    padding-top: 60px;
    padding-bottom: 60px
}

    .banda h2 {
        font-family: 'Lato';
        font-weight: 700;
        color: #333;
        font-size: 36px;
    }

        .banda h2:before {
            content: url("../images/traco-titulo.png");
            padding-right: 10px;
        }

        .banda h2:after {
            content: url("../images/traco-titulo.png");
            padding-left: 10px
        }

    .banda p, small {
        font-family: 'Lato';
        color: #777;
        font-size: 18px
    }

    .banda h3 {
        font-family: 'Lato';
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        font-size: 30px
    }

    .banda small {
        font-family: 'Lato';
        color: #fff;
        font-size: 18px
    }

    .banda h4 {
        font-family: 'Lato';
        font-weight: 900;
        color: #fff;
        font-size: 36px
    }

        .banda h4 span {
            font-size: 24px
        }

.btn-primary {
    font-family: 'Lato';
    font-weight: 900;
    text-transform: uppercase;
    font-size: 16px;
    background-color: #0091E3;
    border-radius: 25px;
    margin-top: 15px;
    padding-top: 11px;
    width: 150px;
    height: 50px
}

.btn-secondary {
    font-family: 'Lato';
    font-weight: 900;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 25px;
    margin-top: 15px;
    background-color: #000E2F;
    border-color: #000E2F;
    padding-top: 11px;
    width: 150px;
    height: 50px
}

.boxtop span {
    font-family: 'Lato';
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #ff7d00
}

.toppag {
    text-align: center;
    background-image: url("../images/top-image.jpg");
    color: #fff;
    font-family: 'Lato';
    font-weight: 900;
    text-transform: uppercase;
    text-shadow: 2px 2px 8px #2AAAF9;
}

.custom-file-input {
    height: 48px;
}

.custom-file-label {
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
}

    .custom-file-label::after {
        height: 46px;
        line-height: 46px;
        border-radius: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .custom-file-label::after {
        content: "Procurar...";
    }


/*font-family: 'Lato';
    color: #333;
    font-size: 14px;
    border-radius: 0;
    height: 48px;*/

/*medias*/
@media (max-width: 1366px) {
}

@media (max-width: 1024px) {
    .nav-link {
        font-size: 14px;
    }

    .carousel-caption h1 {
        font-size: 25px
    }

    .carousel-caption h2 {
        font-size: 17px;
        padding-bottom: 15px
    }

    .carousel-caption li {
        font-size: 16px;
        padding-bottom: 5px
    }

    .btn-warning {
        width: auto;
        height: auto
    }

    .carousel-caption li:before {
        float: none;
    }

    .carousel-caption {
        transform: translateY(0%);
        bottom: 0;
        top: 0%;
    }
}

@media (max-width: 768px) {
    .carousel-caption h1 {
        font-size: 15px
    }

    .carousel-caption h2 {
        font-size: 13px;
        padding-bottom: 0px
    }

    .carousel-caption li {
        font-size: 13px;
        padding-bottom: 0px
    }

    .navtop {
        border-bottom: 0px
    }

    .navbar-toggler {
        margin-bottom: 15px;
    }

    .nav-link {
        text-align: center;
    }

    .bl {
        border-left: 0;
        margin-bottom: 0px;
        padding-left: 0px
    }

    .ac {
        margin-bottom: 0px
    }

    footer p {
        font-size: 12.5px
    }

    footer li {
        font-size: 13px
    }

    .navbar {
        height: auto;
    }

    .carousel-indicators > li {
        display: none;
    }

    .btn-warning {
        font-size: 12px;
        width: auto;
        height: auto;
    }
}

@media (max-width: 767px) {
    .icot {
        float: none;
    }

    .ti {
        text-align: center !important;
    }

    footer p {
        font-size: 14px
    }

    footer li {
        font-size: 14px
    }

    .voce {
        background-image: url("../images/fundo-voce.jpg");
        background-repeat: no-repeat;
        background-color: #0072AC;
        height: auto;
        padding-bottom: 30px;
        padding-top: 30px
    }

    .banda h2 {
        font-size: 28px;
    }

    .infonet h2 {
        font-size: 28px;
    }

    .carousel-indicators > li {
        width: 10px;
        height: 10px;
        margin-bottom: 5px
    }
}

@media (max-width: 430px) {
 th {
       font-size: 12px;
        
    }
    
  }
@media (max-width: 430px) {
    td {
        font-size: 12px;
       
    }
}