body {
    font-family: Calibri, Arial, Helvetica, sans-serif;
}

#clients,
#clients .sb-inner {
    margin-left: 470px;
    background-color: #dedede;
    float: center;
    width: 400px;
    height: 200px;
}

#clientsPad {
    padding: 15px 15px 15px 15px;
}

#clients p.h1 {
    color: #fff;
    padding: 0;
    margin: 0;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 1px;
}

#clientsText {
    margin-left: 0px;
    float: left;
    width: 400px;
    height: 200px;
}


/*#clients, #clients .sb-inner { border:1px solid #d7d7d7; margin: 10px 0 0 10px; background: #dedede; float: left; width: 314px; height: 254px; }
#clientsPad { padding: 10px; }*/

#clients #list {
    margin: 5px 0;
    height: 160px;
    overflow: hidden;
    color: #7d7b7c;
    font-size: 16px;
    text-transform: capitalize
}

#clients #list ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#clients #list ul li {
    height: 30px;
    background: transparent none no-repeat 0 0;
    padding-left: 40px;
    margin: 0 0 20 20px;
}

#informativo {
    background-color: #eaeaea;
    margin-top: 20px;
    padding: 20px 20px;
    font-weight: bold;
    font-size: 15pt;
}

.principais_clientes {
    float: left;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.titulo_categoria {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #fff;
    width: 200px;
    border: 2px solid #256D8C;
    font-size: 22px;
    font-weight: bold;
    padding: 7px 0px;
    background-color: #0076CC;
}

.cliente_categoria {
    border: 2px solid #808080;
    padding: 8px 8px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    background-color: #FFFFFF;
    max-width: 630px;
    float: left;
}

.cliente_categoria img {
    max-width: 70px;
    max-height: 70px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    vertical-align: middle;
    /*-webkit-filter: grayscale(100%); filter: grayscale(100%); */
}

.list_customers {
    margin-top: 20px;
    margin: auto;
    text-align: left;
}

.list_customers a {
    text-decoration: none;
    color: #0074BB;
    font-size: 13pt;
}

.client-list {
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
}

.client-list .client {
    border-radius: 0;
    border-left: 0;
    border-top: 0;
}

a:focus,
a:hover {
    text-decoration: none;
}

@media (max-width: 575px) {
    .cases {
        column-count: 2;
    }
    .cases .card {
        margin-bottom: 10px;
    }
}

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

.esconder {
    display: none;
}

.dropdown-menu.dropdown-menu-lg-right {
    left: 0;
    left: auto;
    text-align: right;
    padding-left: 0px;
}

.card-block {
    padding: 2rem;
    text-align: left;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
}

.badge {
    color: #464a4c;
    font-size: 14px;
    font-weight: 100;
    padding: .4em .6em;
}

.badge-categorias {
    position: absolute;
    right: 2rem;
    margin-top: -5px;
}

.badge-artigo {
    background-color: #E1F5FE;
    color: #436b7d;
}

.badge-case {
    background-color: #DCEDC8;
    color: #59733a;
}

.badge-depoimento {
    background-color: #E0E0E0;
}

a p {
    color: #292b2c;
}

a p:hover {
    color: #636c72;
}

h4 small {
    color: #0275d8;
}

.anchor-link {
    position: absolute;
    right: 5px;
    top: 0px;
    color: #0275d8;
}

.card-block a:hover {
    text-decoration: none;
}

a.dropdown-item {
    line-height: 27px;
}

.fade.in {
    opacity: .9;
}

.modal-dialog {
    max-width: 800px;
    margin: 14rem auto;
}

button.close {
    position: absolute;
    right: 6px;
    top: 3px;
}

.modal-header {
    position: absolute;
    right: -14px;
    top: -12px;
    border-radius: 50%;
    background: #eee;
    padding: 14px;
    opacity: .8;
    z-index: 9999;
}

.grid-item {
    border-radius: 0;
    border: none;
    background: #fff;
    transition: all .2s;
    display: inline-block;
    margin-bottom: 30px !important;
    padding: 35px;
    width: 30%;
}

.dropdown-menu {
    padding: 0 0 .5rem 0;
}

a.dropdown-item.selected:before {
    content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-check fa-w-16 fa-2x"><path fill="green" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" class=""></path></svg>');
    width: 13px;
    height: 13px;
    display: inline-block;
    margin-left: -25px;
    top: 13px;
    margin-right: 12px;
}

a.dropdown-item.selected:active:before {
    content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-check fa-w-16 fa-2x"><path fill="blue" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" class=""></path></svg>');
}

.dropdown-item {
    padding: 3px 1.5rem 3px 2.5rem;
}

a.dropdown-item.selected {
    background: #eee;
}

a.dropdown-item.selected:active {
    color: blue;
}

.client {
    min-width: 171px;
}

/* .client:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.3);
    border: 1px solid #d9e0ea !important;
    z-index: 1;
} */

/* .client .client-name {
    display: none;
} */

.client-img{
    width: 80px;
}

.client-name {
    padding: 0 15px;
    opacity: .7;
}

/* .client:hover .client-name {
    display: inline-block;
    font-size: .6rem;
    bottom: -42px;
    text-align: center;
    position: absolute;
    background: #fff;
    border: 1px solid #d9e0ea;
    border-top: none;
    width: 102%;
    left: -1px;
    padding: 7px 5px;
} */

.client:hover img {
    z-index: 1;
}

button:hover {
    cursor: pointer;
}

.esferas{
    transition: all 0.2s;
}

.container-select.hidden{
    display: none;
}

.container-select.scroll {
    position: fixed;
    width: 100%;
    left: 0;
    top: 100px;
    padding-bottom: 15px;
    background: #1a416f47;
    z-index: 999;
    transition: all 0.2s;
    display: block;
}

.container-select.scroll.hided {
    top:100px;
}

@media (max-width: 1400px) {
    .grid-item {
        width: 47% !important;
    }
}

@media (max-width: 768px) {
    .grid-item {
        width: 100% !important;
    }
}