h1 {
    background-color: chocolate;
    color: white;
}

.painel h4 {
    color: #44c1d4;
    text-align: center;
    margin-bottom: 15px;
}

.painel-item {
    color: white;
    background-color: #44c1d4;
    padding: 14px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 20px;
    min-height: 150px;
}

.painel-item p {
    text-align: center;
}

.span-p {
    font-size: 11px;
    line-height: initial;
    color: #cdebf3;
}

.painel-item .p-h {
    font-weight: bold;
}

.painel-item h5 {
    display: inline-block;
    border-bottom: solid 2px #ffff;
    padding-left: 6px;
    padding-right: 6px;
}

/* Fonte do site */

@font-face {
    font-family: robot;
    src: url('../fonts/Roboto-Light.ttf');
}

body {
    font-family: robot;
}

.xd {
    width: 15px;
    height: 15px;
    border: solid 1px darkblue;
    border-radius: 15px;
}

/* Footer */

.bg {
    background-image: url('../img/Background.jpg');
}

.bg-b {
    background-color: cyan;
}

/* /img/Background.jpg */

/* etc */

/* Fazer com que esse container fique 100% da largura da tela sem os paddings que o bootstrap vem */

.full-container {
    padding-left: 0px;
    padding-right: 0px;
}

body {
    border-top: solid 10px;
    border-color: #44c1d4;
}

.m-top {
    margin-top: 40px;
}

/* Footer */

footer {
    font-size: 90%;
    margin-top: 50px;
    color: white;
    /* bottom: 0px; */
    /* position: fixed; */
    /* position: relative; */
}

/*  */

.fullscreen {
    width: 100%;
}

.c-blue {
    color: #44c1d4;
}

.active a {
    color: crimson;
}

nav {
    color: rebeccapurple;
}

/* Nav-bar-brands */

.clientes {
    border: solid 1px #eeeeee;
    padding: 5px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.img-padrao-brand {
    border: solid 1px #eeeeee;
    margin-bottom: 5px;
}

.painel h4 {
    margin-bottom: 35px;
}

.bg-azul {
    background-color: #03acc5bd;
    color: white;
}

.footer-footer {
    padding-top: 15px;
}

.footer-footer p {
    font-size: 80%;
}

.rr {
    right: 0px;
}

.bg-img {
    background: linear-gradient( #03acc5e0, #03acc5e0), url('../img/Background.jpg') no-repeat center;
}

.footer-img {
    text-align: right;
}

.m-r-30 {
    margin-right: 35px;
}

.normal-p {
    margin-bottom: 0px;
}

.left-p-8 {
    padding-left: 8px;
}

.form-blue {
    border: solid 2px;
    border-color: #00abc5;
}

.mg-b-40 {
    margin-bottom: 40px;
}

/* Placeholder Azul
.form-control::-webkit-input-placeholder {
    color: #19a05c;
}

/* WebKit, Blink, Edge */

/* .form-control:-moz-placeholder {
    color: #19a05c;
} */

/* Mozilla Firefox 4 to 18 */

/* .form-control::-moz-placeholder {
    color: #19a05c;
} */

/* Mozilla Firefox 19+ */

/* .form-control:-ms-input-placeholder {
    color: #19a05c;
} */

/* Internet Explorer 10-11 */

/* .form-control::-ms-input-placeholder {
    color: #19a05c;
} */

.btn-site {
    background-color: #00abc5;
    border-color: #00abc5;
    padding-left: 25px;
    padding-right: 25px;
}

.btn-site:hover {
    background-color: #01889c;
    border-color: #00abc5;
}

/* .site-p{
    color: #626262;
} */

.site-p p {
    color: #626262;
    margin-bottom: 35px;
}

.paragrafo {
    padding-left: 30px;
}

.li-p {
    padding-left: 20px;
}

.li-p p {
    margin-bottom: 5px;
}

/* #00abc5 */

a {
    color: blueviolet;
}

/* Mudar a cor do nav bar para azul */

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #02abc5;
    font-size: 105%;
}

/* Depois mudar */

.carousel-indicators .active {
    background-color: #00879c;
}

.carousel-indicators li {
    background-color: #8b8b8b;
    bottom: -50px;
    width: 7px;
    height: 7px;
    border-radius: 7px;
}

.carousel-indicators.ci-top li {
    background-color: #ffffff;
    bottom: 0px;
    width: 7px;
    height: 7px;
    border-radius: 7px;
}

.carousel-indicators.ci-top .active {
    background-color: #00b4cf;
}

/* kdjfkdk */

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' style='fill: grey;' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' style='fill: grey;' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next {
    right: -40px;
}

.carousel-control-prev {
    left: -40px;
}

.carousel-control-next-icon {
    margin-left: 70%;
}

.carousel-control-prev-icon {
    margin-right: 70%;
}

@media only screen and (max-width: 380px) {
    /* For mobile phones: */
    .carousel-control-prev {
        display: none;
    }
    .carousel-control-next {
        display: none;
    }
}

/* dropdown on mouser :hover */

.dropdown:hover>.dropdown-menu {
    display: block;
}

/* Quadradinho la em cima */

.quadradinho-pai {
    position: relative;
}

.quadradinho-filho1 {
    height: 36px;
    position: absolute;
    right: 8.79rem;
    top: -1rem;
    background-color: #45c1d4;
    width: 20px;
    transform: rotate(-48deg);
}

.quadradinho-filho2 {
    height: 25px;
    position: absolute;
    background-color: #45c1d4;
    width: 120px;
    right: 1.5rem;
    border-radius: 2px;
    top: -.2rem;
    color: white;
    font-size: 14px;
    text-align: center;
    padding: 3px 12px 3px 3px;
    background-color: #45c1d4;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
}

.img-empresa{
    max-height: 450px;
}

.certificados li a{
    color: #626262;
    font-weight: bold;
    font-size: 110%;
}
.certificados li a:hover{
    color: #525561;
}
.certificados li{
    margin-bottom: 10px
}
.link-servico:hover{
    text-decoration: none !important;
}
.voltar-servico{
    color:#44c1d4;
}
.voltar-servico:hover{
    color:#44c1d4 !important;
}