@font-face {

    font-family: 'avenir45_book';

    src: url('fonts/avenir/avenir-book-webfont.woff2') format('woff2'),

    url('fonts/avenir/avenir-book-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'avenir_85_heavyregular';

    src: url('fonts/avenir/avenir-heavy-webfont.woff2') format('woff2'),

    url('fonts/avenir/avenir-heavy-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'avenir65_medium';

    src: url('fonts/avenir/avenir-medium-webfont.woff2') format('woff2'),

    url('fonts/avenir/avenir-medium-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



img {

    border: none;

    max-width: 100%

}



hr.separacao {

    padding: 0;

    margin: 5px 0 5px 0

}



.iconlang {

    padding-top: 10px;

}



.iconlang a img {

    max-height: 40px;

}



.wrapper {

    margin-top: 30px

}



.wrapper-home {

    margin-top: 30px;

    margin-bottom: 30px

}



.margin-base {

    margin-bottom: 30px

}



.navbar-toggle {

    border: 0;

    font-size: 20px;

    padding: 2px 15px

}



.navbar-nav {

    margin: 5px 0

}



.navbar-nav > li > .dropdown-menu {

    margin: 0;

    padding: 0;

    min-width: 100%

}



.dropdown-menu > li > a {

    width: 100%;

    line-height: 40px

}



.slugHome h1 {

    font-size: 48px;

    color: #784336;

    margin: 40px 0 30px;

}



.titulo-item-home, .titulo-item-interno, .titulo-item-rodape {

    font-size: 20px;

    font-weight: 700;

    padding-left: 10px;

    margin: 0 -10px 10px -10px

}



.conteudo-item-home {

    height: 200px;

    overflow: hidden;

    margin-bottom: 5px

}



.link-item-home {

    text-align: center;

    padding: 10px 0 10px 0

}



ul {

    list-style-position: inside

}



h1.titulo {

    margin: 15px 0 30px 0;

    text-align: center;

    text-transform: uppercase;

}



h2.title-product {

    font-size: 60px;

    margin-top: 0;

    margin-bottom: 15px;

    color: #784335;

}



.descriptionInternal {

    font-size: 22px;

    color: #784335;

}



.divImgInternal {

    overflow: hidden;

    border-radius: 20px;

    -moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    max-height: 400px;

}



.btn-contact {

    font-size: 28px;

    border-radius: 15px;

    padding: 8px 20px;

    margin: 15px 0 45px;

}



.link-prev {

    color: #634143;

    font-size: 28px;

}



.espaco-bottom {

    margin-bottom: 30px !important

}



.espaco-top {

    margin-top: 20px

}



.img-right {

    float: right;

    margin: 0 0 10px 10px

}



.btn-pesquisa {

    margin-left: 1%;

    background: #1ba400

}



.panel-default .panel-heading {

    padding: 5px 15px;

    border-bottom: none

}



.items-products {

    position: relative;

    display: inline-block;

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

    -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.0);

    -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.0);

    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.0);

    text-align: center;

    padding: 15px;

    /*margin-bottom: 30px;*/
    margin-bottom: 115px;

}



.items-products .items-products-hover {

    position: absolute;

    left: 15px;

    top: 15px;

    width: 89%;

    height: 89%;

    padding: 15px;

    opacity: 0;

    background: rgba(0, 0, 0, 0.4);



    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;



    transition: opacity .5s;

    display: flex;

    align-items: center;

}



.items-products .items-products-hover .mask-container {

    z-index: 5;

    padding: 0px 15px;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    width: 100% !important;

}



.items-products .items-products-hover .mask-container h2 {

    color: #fff;

    font-size: 24px;

    line-height: 24px;

    font-weight: bold;

    margin: 15px 0 15px 0;

    letter-spacing: 2px;

    transform: translateY(15px);

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}



.items-products:hover {

    -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.0);

    -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.0);

    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.0);

}



.items-products:hover .items-products-hover {

    opacity: 1;

}



.items-products:hover .items-products-hover .mask-container h2 {

    transform: translateY(0);

}

.items-title {
    position: absolute;
    width: calc(100% - 15%);
}

.items-title h2 {
    margin: 10px auto 0;
    color: #7d5338;
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
    letter-spacing: 2px;

    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.items-products:hover .items-title h2 {
    color: #88b414;
}



.main_footer {

    position: relative;

    bottom: -10px;

    width: 100%

}



.detail-footer {

    overflow: hidden;

    max-height: 50px;

}



.detail-footer img {

    width: 100%;

    max-height: 50px;

}



.main_footer_admin header h1, .main_footer_fabril header h1, .main_footer_contact header h1 {

    font-size: 28px;

    margin-top: 0;

}



.main_footer_admin p, .main_footer_fabril p, .main_footer_contact p {

    font-size: 21px;

    letter-spacing: 1px;

}



.social-container {

    text-decoration: none

}



.rede_social {

    margin-left: 5px

}



.rodape {

    padding: 10px 0 10px 0

}



.borda-lista {

    overflow: hidden;

    margin: 10px 0;

    padding: 0 15px

}



.titulo_lista {

    padding: 8px 15px;

    margin: 0 -15px 10px;

    font-size: 14px;

    font-weight: 700

}



.img_lista {

    width: 100%;

    float: right;

    margin: 0 0 10px 10px

}



.desc_lista {

    font-size: 13px

}



.btn-lista-home {

    padding: 2px 8px 2px 6px !important;

    margin-top: 30px

}



.borda-galeria {

    margin: 10px 0 15px

}



.tit-galeria {

    height: 48px;

    padding: 0 15px;

    font-size: 14px;

    line-height: 16px;

    font-weight: 700

}



.vertical-center {

    display: table-cell;

    vertical-align: middle;

    height: 48px

}



.img-galeria {

    max-width: 100%;

    height: 195px

}



.img-galeria img {

    max-width: inherit

}



.img-galeria .vertical-center {

    height: 195px

}



.downloadBox {

    height: auto;

    margin: 5px;

    padding: 10px

}



.borda-video {

    margin: 10px 0 15px

}



.tit-video {

    height: 48px;

    padding: 0 15px;

    font-size: 14px;

    line-height: 16px;

    font-weight: 700

}



@media (max-width: 767px) {

    .img-galeria {

        width: 260px

    }

}



.panel-title a {

    display: block

}



.googlemaps {

    display: block;

    text-align: center

}



.contato, .cotacao {

    padding-top: 0

}



.endereco {

    padding: 5px 0px;

    text-align: center;

}



.endereco h2 {

    padding: 5px 0px

}



.titulo-noticia {

    font-size: 16px;

    font-weight: 700;

    margin: 0

}



.titulo-noticias-home {

    font-size: 14px;

    display: table-cell;

    vertical-align: middle;

    height: 55px

}



.titulo-noticias-home a {

    text-decoration: none

}



.titulo-noticias-home a:hover {

    text-decoration: none

}



.titulo-noticia a {

    text-decoration: none

}



.titulo-noticia a:hover {

    text-decoration: none

}



.titulo-noticia-interna {

    font-size: 25px;

    font-weight: 700;

    margin: 0;

    padding: 5px 0

}



.desc-curta-interna {

    font-size: 20px;

    line-height: 100%;

    margin: 0;

    padding: 5px 0

}



.img-noticia {

    max-width: 132px;

    margin: 0 auto 10px

}



.img-noticia-home-1 {

    margin-top: 10px

}



.descricao-noticia {

    font-size: 14px

}



.espaco-noticias {

    margin-bottom: 20px;

    margin-top: 3%

}



.data-noticia {

    font-size: 20px;

    text-align: right;

    height: 55px;

    display: table-cell;

    vertical-align: middle;

    width: 60px

}



.data-ano {

    font-size: 14px;

    text-align: right;

    margin-bottom: -5px;

    font-weight: 700

}



.tags {

    padding: 10px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px

}



.keywords a {

    border: solid 1px #ccc;

    padding: 5px 10px;

    margin: 0 5px 5px 0;

    color: #666;

    font-size: 14px;

    line-height: 37px

}



.keywords a:hover {

    text-decoration: none

}



.espaco-foto {

    margin-bottom: 30px

}



.tarja {

    position: absolute;

    z-index: 2;

    text-align: center;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;

    padding: 8px;

    bottom: 0;

    width: 100%

}



.tarja a {

    color: #fff;

    text-decoration: none

}



.tarja a:hover {

    color: #fff

}



.round-galeria {

    position: relative;

    -webkit-border-radius: 5px 5px;

    border-radius: 5px 5px;

    overflow: hidden;

    height: 180px;

    text-align: center

}



.mascara {

    position: relative;

    max-width: 100%;

    height: 180px;

    margin-top: -180px;

    margin-bottom: 20px;

    background: rgba(255, 255, 255, 0)

}



.mascara:hover {

    position: relative;

    max-width: 100%;

    height: 180px;

    margin-top: -180px;

    background: rgba(255, 255, 255, .3)

}



.link_mascara, .link_mascara:hover {

    display: block;

    width: 100%;

    height: 180px;

    text-decoration: none

}



.img-over {

    max-width: 100%;

    height: 178px;

    overflow: hidden

}



.float {

    float: left;

    width: 50%;

    padding: 10px

}



.container-paginacao {

    margin: 30px;

    text-align: center

}



.paginacao-atual {

    -webkit-border-radius: 50px;

    border-radius: 50px;

    behavior: url(PIE.php);

    background: #ea9a9a;

    font-family: cabinbold;

    color: #fff;

    padding: 5px 10px 5px 10px;

    margin-right: 10px

}



.paginacao-link {

    -webkit-border-radius: 50px;

    border-radius: 50px;

    behavior: url(PIE.php);

    background: #898989;

    font-family: cabinbold;

    color: #fff;

    padding: 5px 10px 5px 10px;

    margin-right: 10px

}



.paginacao-link:hover {

    color: #fff;

    text-decoration: none;

    background: #ea9a9a

}



.container-titulo-album {

    margin-top: 10px;

    margin-bottom: 20px;

    font-family: cabinbold;

    font-size: 16px

}



.marcador {

    border-top: 1px dashed rgba(65, 65, 65, 1);

    margin: 0;

    padding: 0

}



.espaco-videos {

    margin-top: 35px

}



.menor.item, .video.item {

    height: 180px

}



.round-video {

    max-width: 100%;

    -webkit-border-radius: 5px 5px;

    border-radius: 5px 5px;

    overflow: hidden;

    height: 100%

}



.img-video {

    max-width: 100%;

    height: 100%

}



.mascara-video {

    max-width: 100%;

    position: relative;

    height: 150px;

    margin-top: -57%;

    background: rgba(255, 255, 255, 0)

}



.mascara-video:hover {

    max-width: 100%;

    position: relative;

    height: 150px;

    margin-top: -57%;

    background: rgba(255, 255, 255, .3)

}



.link_mascara-video {

    padding: 0 0 127px 250px

}



.active2 {

    border: none

}



.navbar-produtos {

    position: relative;

    z-index: 15

}



.borda_produtos {

    padding: 5px;

    margin-bottom: 10px;

    height: 260px

}



.spanbusca {

    float: right;

    margin: -50px -30px 0 0;

    width: 40%

}



.panel-sub {

    border: 1px solid #ddd;

    background: #ddd

}



.titulo {

    margin: 0 0;

    margin-bottom: 10px

}



.titulo_produtos {

    text-align: center;

    margin-top: -3px

}



.titulo_produtos h4 {

    font-size: 16px

}



.produtos {

    max-width: 100%;

    height: 380px;

    overflow: hidden;

    text-align: center

}



.prod {

    max-width: 100%;

    height: 330px;

    overflow: hidden;

    text-align: center

}



.tarja-prod {

    background: rgba(0, 0, 0, .8);

    position: relative;

    z-index: 19;

    color: #fff;

    margin-top: 0;

    padding: 10px;

    text-align: center;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px

}



.cat-bg {

    height: 32px;

    border-radius: 5px

}



h4.title-cat {

    margin: 0;

    padding-top: 7px

}



.img-over-parceiros {

    max-width: 100%;

    height: 115px;

    overflow: hidden;

    border: 1px solid #ddd;

    text-align: center

}



.img-parceiros {

    max-width: 100%;

    height: 150px;

    margin-bottom: 10px

}



.fundo-agenda-home {

    padding: 20px;

    margin: 15px 0 15px 0;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    behavior: url(PIE.php)

}



.fundo-agenda-interna {

    padding: 20px;

    margin: 15px 0 15px 0;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    behavior: url(PIE.php)

}



.data-destaque {

    width: 64px;

    display: inline-block;

    float: right

}



.dia-destaque {

    width: 64px;

    height: 64px;

    line-height: 64px;

    text-align: center;

    float: left;

    font-size: 30px;

    -webkit-border-radius: 50px;

    border-radius: 50px;

    behavior: url(PIE.php)

}



.dia-destaque-hover {

    width: 64px;

    height: 64px;

    padding-top: 15px;

    line-height: 16px;

    text-align: center;

    float: left;

    font-size: 30px;

    -webkit-border-radius: 50px;

    border-radius: 50px;

    behavior: url(PIE.php)

}



.mes-destaque {

    float: left;

    font-size: 13px;

    padding: 1px 5px 1px 5px;

    margin: 49px 0 0 -45px

}



.mes-destaque-hover {

    display: block;

    margin: 4px;

    font-size: 16px;

    text-transform: uppercase

}



.data-niver {

    width: 64px;

    display: inline-block;

    padding: 20px 0

}



.dia-niver {

    width: 64px;

    height: 64px;

    padding-top: 15px;

    line-height: 16px;

    text-align: center;

    font-size: 30px;

    -webkit-border-radius: 50px;

    border-radius: 50px;

    behavior: url(PIE.php)

}



.dia-niver-hover {

    width: 64px;

    height: 64px;

    padding-top: 15px;

    line-height: 16px;

    text-align: center;

    font-size: 30px;

    -webkit-border-radius: 50px;

    border-radius: 50px;

    behavior: url(PIE.php)

}



.mes-niver {

    display: block;

    margin: 4px;

    font-size: 16px;

    text-transform: uppercase

}



.mes-niver-hover {

    display: block;

    margin: 4px;

    font-size: 16px;

    text-transform: uppercase

}



.img-niver {

    width: 130px;

    height: 115px

}



.dia-jogo {

    width: 65px;

    height: 65px;

    padding-top: 22px;

    line-height: 17px;

    text-align: center;

    float: left;

    font-size: 20px;

    -webkit-border-radius: 50px;

    border-radius: 50px;

    behavior: url(PIE.php)

}



.mes-jogo {

    font-size: 16px;

    text-transform: uppercase

}



.horas-jogo {

    float: left;

    font-size: 16px;

    width: 64px;

    text-align: center;

    margin-top: -12px;

    padding: 1px 5px 1px 5px

}



.dia-pagina {

    width: 80px;

    height: 80px;

    text-align: center;

    line-height: 80px;

    float: left;

    font-size: 38px;

    -webkit-border-radius: 50px;

    border-radius: 50px;

    behavior: url(PIE.php)

}



.mes-pagina {

    float: left;

    font-size: 16px;

    margin: -30px 0 0 29px

}



.titulo-agenda-destaque {

    font-size: 22px;

    float: left;

    margin-top: -5px

}



.subtitulo-agenda-destaque {

    font-size: 18px;

    float: left;

    margin-top: -5px

}



.dias-restantes {

    float: left;

    margin-top: 6px

}



.dias-restantes-interna {

    color: #00ecff;

    float: right;

    margin-top: 6px

}



.data {

    float: left

}



.btn-agenda-destaque {

    font-size: 14px;

    padding-left: 10px;

    padding-right: 10px

}



.mes-agenda {

    -webkit-border-radius: 50px;

    border-radius: 50px;

    behavior: url(PIE.php);

    width: 52px;

    height: 52px;

    padding-top: 15px;

    text-transform: uppercase;

    float: left;

    text-align: center;

    float: left;

    font-size: 15px;

    font-weight: 700

}



.ano-agenda {

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 15px;

    text-align: center

}



.ano-agenda a {

    text-decoration: none;

    font-size: 35px;

    font-weight: 400

}



.titulo_agenda {

    font-size: 18px

}



.local-agenda {

    font-size: 13px;

    font-family: Arial, Helvetica, sans-serif

}



.titulo-agenda-home {

    font-size: 18px;

    margin-top: 10px

}



.titulo-agenda-home a:hover {

    text-decoration: none

}



.titulo-agenda-top {

    font-size: 26px

}



.link-agenda-completa {

    font-size: 16px;

    margin-left: 15px

}



.desc-agenda {

    min-height: 435px

}



.container-agenda {

    height: 100px

}



.titulo-interno {

    color: #fff;

    font-size: 30px;

    padding: 1%;

    text-transform: uppercase

}



.voltar {

    background: url(../img/voltar.gif) no-repeat center left;

    padding: 0 0 0 18px;

    float: left

}



.avancar {

    background: url(../img/avancar.gif) no-repeat center right;

    padding: 0 18px 0 0;

    float: right

}



.voltar a {

    font-size: 14px;

    text-decoration: none

}



.avancar a {

    font-size: 14px;

    text-decoration: none

}



.titulo-lista-home {

    font-size: 24px;

    margin-bottom: -3px

}



.titulo-lista-home a:hover {

    text-decoration: none

}



.desc-lista-home {

    font-size: 13px

}



.btn-lista-home {

    padding: 2px 8px 2px 6px !important;

    margin-top: 30px

}



.menu_lista {

    font-family: 'Open Sans', sans-serif;

    font-size: 17px;

    padding: 10px

}



.menu_lista a {

    text-decoration: none;

    display: block

}



.selecionado {

    text-decoration: none

}



.btn_lista {

    float: right;

    padding-top: 30px

}



.titulo-list {

    font-size: 15px;

    font-weight: 700;

    padding: 5px 0 5px 10px;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px

}



.titulo-controles {

    font-size: 15px;

    font-weight: 700;

    padding: 5px 0 5px 10px;

    height: 50px;

    line-height: 40px

}



.frame-list {

    max-height: 247px;

    overflow: auto

}



.ckeckbox-list {

    margin-bottom: 0 !important;

    margin-top: 0 !important

}



.container-filtros {

    padding: 0 5px 0 5px

}



.titulo-filtros {

    font-size: 13px;

    margin: 10px 0 5px 0;

    padding: 0;

    font-weight: 700

}



.item-filtro {

    padding: 5px;

    float: left;

    margin-right: 5px;

    margin-bottom: 5px

}



.close-filtro {

    border: none;

    padding: 0 2px 0 2px;

    font-size: 15px;

    line-height: 100%;

    float: right;

    margin-left: 5px;

    cursor: pointer

}



.foot-filtros {

    margin: 0 0 10px 0;

    text-align: center;

    border-top: none;

    padding: 10px;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px

}



.list-group-item:first-child {

    border-top-left-radius: inherit;

    border-top-right-radius: inherit

}



.foot-list {

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px

}



.corpo_blog {

    border-radius: 4px;

    padding: 10px 30px

}



.blog a {

    text-decoration: none

}



.blog a:hover {

    text-decoration: none

}



.leia {

    padding: 25px 0

}



.comment {

    padding: 0

}



.comment a {

    text-decoration: none;

    text-transform: uppercase

}



.comentario_itens {

    border-bottom: solid 1px #ccc;

    padding-bottom: 10px

}



.nome {

    background: #ccc;

    padding: 0 4px;

    margin: 0 -4px

}



.contador {

    text-align: right

}



.container_com {

    width: 500px;

    min-height: 315px;

    margin: 0 auto;

    position: relative;

    padding-bottom: 30px;

    overflow: hidden

}



.container_com h1 {

    text-align: center;

    text-shadow: 0 1px #fff;

    color: #02303f

}



.container_com h2 {

    color: #736861;

    margin: 15px 0 5px;

    text-shadow: 0 1px rgba(255, 255, 255, .5)

}



.container_com h6 {

    color: #928566;

    margin: 0

}



.container_com input[type=radio] {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    border: 0;

    clip: rect(0 0 0 0);

    overflow: hidden

}



.container_com label {

    display: block;

    width: 32%;

    border: 4px solid #e0e0e0;

    position: absolute;

    bottom: 5px;

    cursor: pointer;

    transition: border-color .3s linear

}



.container_com label.second {

    left: 34%

}



.container_com label.third {

    left: 68%

}



.quotes {

    position: absolute;

    color: rgba(255, 255, 255, .5);

    font-size: 5em

}



.leftq {

    top: -25px;

    left: 5px

}



.rightq {

    bottom: -10px;

    right: 5px

}



.container_com img {

    float: left;

    margin-right: 20px

}



.slide_com {

    position: absolute;

    left: -100%;

    opacity: 0;

    transition: all .6s ease-in

}



#first:checked ~ label.first {

    border-width: 6px;

    border-color: #db532b

}



#second:checked ~ label.second {

    border-width: 6px;

    border-color: purple

}



#third:checked ~ label.third {

    border: 6px solid #54885f

}



#first:checked ~ div.one {

    left: 0;

    opacity: 1

}



#second:checked ~ div.two {

    left: 0;

    opacity: 1

}



#third:checked ~ div.three {

    left: 0;

    opacity: 1

}



.item {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 20px;

    text-transform: uppercase;

    text-decoration: none;

    margin: 0 0

}



.item a {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;

    text-transform: uppercase;

    text-decoration: none;

    margin: 0 0

}



.item b {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;

    text-transform: uppercase;

    text-decoration: none;

    margin: 0 0

}



.container-multimidia {

    display: inline-block;

    position: relative;

    width: 100%;

    max-width: 160px;

    height: 98px;

    margin: 0 auto 10px;

    overflow: hidden

}



.container-multimidia > img {

    display: inline-block;

    width: 100%;

    max-width: 160px;

    min-height: 98px;

    margin: 0 auto

}



.container-multimidia .icone {

    position: absolute;

    bottom: 4px;

    left: 7px

}



.multimidia .col-lg-6, .multimidia .col-md-6 {

    padding-left: 5px;

    padding-right: 5px

}



.ultimo-post-blog .titulo a {

    font-size: 20px;

    border-style: solid;

    border-width: 0 0 1px;

    display: block;

    padding-bottom: 5px;

    margin-bottom: 12px;

    text-decoration: none !important

}



.ultimo-post-blog .data {

    display: block

}



.jogadores {

    -webkit-border-radius: 10px;

    border-radius: 10px

}



.jogadores p {

    margin-bottom: 4px

}



.jogadores img {

    max-width: 115px;

    max-height: 153px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    -webkit-box-shadow: 0 0 10px #606060;

    -moz-box-shadow: 0 0 10px #606060;

    box-shadow: 0 0 10px #606060

}



.jogadores .col-lg-4, .jogadores .col-md-4, .jogadores .col-sm-4 {

    padding: 0

}



.jogadores .dados .apelido {

    display: block;

    font-family: HelveticaCH;

    font-size: 18px

}



.jogadores .dados span {

    display: block;

    font-size: 12px;

    font-weight: 700

}



.resultado {

    width: 100%;

    margin-top: 3%

}



.margem {

    margin-left: 65px

}



.titulo-servico-interna {

    font-size: 25px;

    margin: 0;

    padding: 0

}



.titulo-service {

    font-size: 18px;

    padding: 10px 0

}



.descricao {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 15px;

    text-align: justify

}



.img-left {

    margin-top: 5%

}



.itens-titulo {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px

}



.img-service {

    border-radius: 5px

}



.link a {

    float: right;

    text-decoration: none

}



.aspas {

    width: 50px

}



.aspas-right {

    width: 50px;

    float: right

}



.text {

    text-align: justify

}



.nome-depo {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    background: #ccc;

    padding: 0 4px;

    margin-top: 10px;

    font-style: italic

}



.conteudo {

    text-align: justify

}



.pasta {

    border-radius: 5px;

    margin: 5px 5px

}



.pasta a {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 15px;

    text-decoration: none;

    text-transform: uppercase

}



.pasta li {

    padding: 0 10px;

    margin-top: -12px

}



.pasta li > a {

    font-size: 14px;

    text-transform: none

}



.detalhe {

    height: 21px;

    margin: 7px 0 4px 0;

    padding: 1px 5px;

    text-decoration: none

}



.down {

    padding: 0 5px;

    width: 280px

}



.back {

    width: 100%

}



.embed {

    margin: 1%;

    width: 98%

}



.img-list {

    max-width: 250px;

    height: 180px

}



#galeria {

    padding-top: 5px

}



#galeria a {

    line-height: 0;

    display: inline-block

}



#galeria img {

    width: 90px;

    height: 60px;

    margin: 2px 2px 4px

}



.img_produtos_interna {

    position: relative

}



.img_produtos_interna .btn {

    position: absolute;

    bottom: 14px;

    left: 0;

    -moz-opacity: .7;

    opacity: .7

}



.img_produtos_interna .btn.right {

    left: auto;

    right: 0

}



@media (max-width: 1024px) {

    .responsa {

        height: 530px

    }



    .font {

        font-size: 13.5px

    }

}



@media screen and (min-width: 600px) and (max-width: 1023px) {

    .responsa {

        display: none

    }

}



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

    .responsa {

        display: none

    }

}



.box-depoimento {

    width: 100%

}



.block-depo {

    font-size: 14px

}



.desc-depo {

    font-size: 14px

}



.titulo-depo {

    font-size: 16px;

    font-style: italic

}



.author-img {

    max-width: 100%;

    text-align: center

}



.img-depo {

    border-radius: 50%;

    height: 100px

}



.none {

    padding: 0

}



#featured {

    width: 100%;

    position: relative;

    margin: 0;

    padding: 0

}



#featured .flexslider {

    padding: 0;

    margin: 0;

    background: #fff;

    position: relative;

    zoom: 0

}



.flex-caption {

    background: 0 0;

    zoom: 1;

    bottom: 35px;

    background-color: rgba(0, 0, 0, .8);

    color: #fff;

    margin: 0;

    padding: 25px 25px 25px 30px;

    position: absolute;

    right: 0;

    width: 295px

}



.flex-caption h3 {

    color: #fff;

    letter-spacing: 1px;

    margin-bottom: 8px;

    text-transform: uppercase

}



.flex-caption p {

    margin: 0 0 15px

}



section.callaction {

    background: #f9f9f9;

    padding: 50px 0 0 0

}



#content {

    position: relative;

    background: #fff;

    padding: 10px 0 40px 0

}



#content img {

    max-width: 100%;

    height: 100%;

    max-height: 160px

}



.cta-text {

    text-align: center;

    margin-top: 10px

}



.big-cta .cta {

    margin-top: 10px

}



.box {

    width: 100%

}



.box-gray {

    background: #f8f8f8;

    padding: 20px 20px 30px

}



.box-gray h4, .box-gray i {

    margin-bottom: 20px

}



.box-bottom {

    padding: 20px 0;

    text-align: center

}



.box-bottom a {

    color: #fff;

    font-weight: 700

}



.box-bottom a:hover {

    color: #eee;

    text-decoration: none

}



#bottom {

    background: #fcfcfc;

    padding: 50px 0 0

}



.btn-theme {

    font-size: 18px;

    font-weight: 500;

    letter-spacing: 2px;

    width: 100%;

    color: #fff;

    background-color: transparent !important;

    border-radius: 25px;

    -moz-border-radius: 25px;

    -webkit-border-radius: 25px;

    border: 3px solid !important

}



@media (min-width: 600px) AND (max-width: 800px) {

    .flex-caption {

        bottom: 0 !important;

        padding: 1px 15px 15px 30px !important

    }



    .menu-interna li a {

        padding-left: 7px !important;

        padding-right: 7px !important

    }

}



@media (max-width: 599px) {

    .container-logo {

        text-align: center

    }

}



.work-nav #filters {

    margin: 0;

    padding: 0;

    list-style: none

}



.work-nav #filters li {

    margin: 0 10px 30px 0;

    padding: 0;

    float: left

}



.work-nav #filters li a {

    color: #7f8289;

    font-size: 16px;

    display: block

}



.work-nav #filters li a.selected {

    color: #de5e60

}



#thumbs {

    margin: 0;

    padding: 0

}



#thumbs li {

    list-style-type: none

}



.item-thumbs {

    position: relative;

    overflow: hidden;

    margin-bottom: 20px;

    cursor: pointer

}



.item-thumbs a + img {

    width: 100%

}



.item-bkg-img {

    border: 2px solid;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    min-height: 200px

}



.item-img {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    min-height: 200px

}



.item-thumbs .hover-wrap {

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    opacity: 0;

    -webkit-transition: all 450ms ease-out 0s;

    -moz-transition: all 450ms ease-out 0s;

    -o-transition: all 450ms ease-out 0s;

    transition: all 450ms ease-out 0s;

    -webkit-transform: rotateY(180deg) scale(.5, .5);

    -moz-transform: rotateY(180deg) scale(.5, .5);

    -ms-transform: rotateY(180deg) scale(.5, .5);

    -o-transform: rotateY(180deg) scale(.5, .5);

    transform: rotateY(180deg) scale(.5, .5)

}



.item-thumbs.active .hover-wrap, .item-thumbs:hover .hover-wrap {

    opacity: 1;

    -webkit-transform: rotateY(0) scale(1, 1);

    -moz-transform: rotateY(0) scale(1, 1);

    -ms-transform: rotateY(0) scale(1, 1);

    -o-transform: rotateY(0) scale(1, 1);

    transform: rotateY(0) scale(1, 1)

}



.item-thumbs .hover-wrap .overlay-img {

    position: absolute;

    width: 50%;

    height: 100%;

    opacity: .8;

    background: #000

}



.item-thumbs .hover-wrap .overlay-img-thumb {

    position: absolute;

    border-radius: 60px;

    top: 50%;

    left: 50%;

    margin: -16px 0 0 -16px;

    color: #fff;

    font-size: 32px;

    line-height: 1em;

    opacity: 1

}



ul.portfolio-categ {

    margin: 10px 0 30px 0;

    padding: 0;

    float: left;

    list-style: none

}



ul.portfolio-categ li {

    margin: 0;

    padding: 0 20px 0 0;

    float: left;

    list-style: none;

    font-size: 13px;

    font-weight: 600

}



ul.portfolio-categ li a {

    display: block;

    padding: 35x 0 35x 0;

    color: #353535

}



ul.portfolio-categ li a:active, ul.portfolio-categ li a:focus, ul.portfolio-categ li a:hover, ul.portfolio-categ li.active a:hover {

    text-decoration: none;

    outline: 0

}



.top-wrapper {

    margin-bottom: 20px

}



form#form-contato input[type=email], form#form-contato input[type=text], form#formContatoHome input[type=email], form#formContatoHome input[type=text] {

    width: 100%;

    border: 1px solid #dedede;

    min-height: 40px;

    padding-left: 20px;

    font-size: 15px;

    padding-right: 20px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0

}



form#form-contato textarea, form#formContatoHome textarea {

    border: 1px solid #dedede;

    width: 100%;

    padding-left: 20px;

    padding-top: 10px;

    font-size: 13px;

    padding-right: 20px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0

}



form#form-contato .validation, form#formContatoHome .validation {

    font-size: 12px

}



form#formContatoHome label {

    font-weight: 400

}



.map {

    position: relative;

    height: 325px

}



.map iframe {

    width: 100%;

    height: 300px;

    border: none

}



.map-grid iframe {

    width: 100%;

    height: 350px;

    border: none;

    margin: 0 0 -5px 0;

    padding: 0

}



#map-canvas {

    height: 300px;

    margin-bottom: 30px

}



#iw_container .iw_title {

    font-size: 16px;

    font-weight: 700;

    padding: 10px;

    margin: 1px;

    border-radius: 2px 2px 0 0

}



.iw_content {

    padding: 10px;

    margin-top: -5%

}



.iw_content h2 {

    font-size: 16px;

    font-weight: 700

}



.gm-style-iw {

    width: 350px !important;

    top: 10px !important;

    left: 0 !important;

    background-color: #fff;

    border-radius: 10px 10px 10px 10px

}



.gm-style .gm-style-iw {

    font-size: 14px

}



.gm-style-iw div {

    width: 100% !important

}



.iw-bottom-gradient {

    position: absolute;

    width: 326px;

    height: 25px;

    bottom: 10px;

    right: 18px;

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);

    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%)

}



#w {

    display: block;

    max-width: 98%;

    min-width: 270px;

    margin: 0 auto;

    padding: 2px 0

}



.crsl-items {

    display: block;

    padding: 5px

}



.crsl-item {

    background: #fff;

    padding: 8px;

    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .4);

    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .4);

    box-shadow: 0 0 3px rgba(0, 0, 0, .4)

}



.crsl-item .thumbnail {

    display: block;

    position: relative;

    margin-bottom: 10px;

    cursor: pointer

}



.crsl-item .thumbnail img {

    display: block;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear

}



.crsl-item .thumbnail:hover img {

    opacity: .8

}



.crsl-item h3 {

    font-family: Oswald, 'Trebuchet MS', Helvetica, sans-serif;

    font-size: 1.35em;

    line-height: 1.25em;

    margin-bottom: 12px

}



.crsl-item h3 a {

    text-decoration: none;

    color: #333

}



.crsl-item h3 a:hover {

    text-decoration: underline

}



.crsl-item .postdate {

    display: block;

    position: absolute;

    bottom: 0;

    right: 0;

    padding: 6px;

    color: #fff;

    text-shadow: 1px 1px 0 rgba(0, 0, 0, .4);

    font-size: 1.2em;

    font-weight: 700;

    background: #4e90da

}



.crsl-item p {

    font-size: 1em;

    line-height: 1.35em;

    margin-bottom: 5px

}



.crsl-item p.readmore a {

    display: block;

    float: right;

    color: #4e90da;

    padding: 3px 5px;

    text-decoration: none;

    font-weight: 700;

    -webkit-border-radius: 3px;

    -moz-border-radius: 4px;

    border-radius: 4px

}



.crsl-item p.readmore a:hover {

    background: #4b6caa;

    color: #fff

}



.slidernav {

    display: block;

    text-align: center;

    margin-bottom: 5px

}



.slidernav a {

    display: inline-block;

    padding: 5px 8px;

    margin-right: 8px;

    font-size: 1.4em;

    background: #fff;

    color: #666;

    text-decoration: none;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, .2);

    -moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, .2);

    box-shadow: 2px 2px 0 rgba(0, 0, 0, .2)

}



.slidernav a:active {

    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);

    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);

    box-shadow: 1px 1px 0 rgba(0, 0, 0, .2)

}



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

    .crsl-item h3 {

        font-size: 1.65em

    }

}



.height-blog {

    height: 73px

}



.nav-categorias {

    display: inline-block;

    overflow: hidden;

    margin: 33px 0 10px;

    padding: 0

}



.nav-categorias li {

    float: left;

    list-style: none

}



.nav-categorias {

    display: inline-block

}



.link-todos, .nav-categorias a {

    display: inline-block;

    padding: 10px 30px;

    margin: 0 10px 0 0;

    font-size: 14px;

    text-decoration: none !important

}



.link-todos:hover, .nav-categorias .ativo a, .nav-categorias a:hover {

    color: #fff

}



.link-todos:focus, .link-todos:hover, .nav-categorias a.ativo, .nav-categorias a:focus, .nav-categorias a:hover {

    color: #fff;

    background: #ffca08

}



.nav-categorias a span {

    margin-left: 10px;

    color: #ffca08

}



.nav-categorias a.ativo span, .nav-categorias a:hover span {

    color: #46a6af

}



.panel-blog {

    padding: 15px 15px !important

}



.leia-mais {

    float: right;

    padding: 0

}



@media (max-width: 674px) {

    .nav-categorias a, .nav-categorias li {

        width: 100%

    }

}



@media (min-width: 320px) AND (max-width: 800px) {

    .height-blog {

        height: auto

    }



    .nav-categorias li {

        padding-bottom: 2px

    }

}



.blog .left-sec {

    margin: 20px 0 0 0

}



.blog .right-sec {

    float: right;

    margin: 20px 0 0 0

}



.blog span.date i {

    margin: 0 5px 0 0

}



.blog a.comment {

    margin: 0 0 0 20px

}



.blog p.post-detail {

    margin: 15px 0 0 0;

    font-size: 16px

}



.blog .blog-post {

    margin: 28px 0

}



.blog .headings {

    margin: 25px 0 0 0

}



.blog .headings h1 {

    margin: 0 !important

}



.blog .headings h2 {

    margin: 0 !important

}



.blog .headings h3 {

    margin: 10px 0 0 0 !important

}



.blog .headings h4 {

    margin: 10px 0 0 0 !important

}



.blog .headings h5 {

    margin: 10px 0 0 0 !important

}



.blog .headings h6 {

    margin: 10px 0 0 0 !important

}



.tags {

    margin: 30px 0 0 0

}



.tags span {

    margin: 10px 10px 0 0;

    float: left

}



.tags a {

    border: solid 1px #ccc;

    padding: 10px 22px;

    margin: 0 5px 5px 0;

    color: #666;

    float: left;

    font-size: 14px !important

}



.comments {

    margin: 25px 0 0 0;

    list-style-type: none;

    padding: 0

}



.comment-sec {

    background: #fff;

    padding: 15px;

    margin: 15px 0 0 0;

    float: left

}



.comment-sec2 {

    margin: 15px 0 0 95px

}



.comments li {

    border: none;

    display: table;

    background: 0 0;

    width: 100%

}



.clear {

    clear: both

}



.even {

    padding: 2px

}



.author {

    border-radius: 100%;

    border: solid 3px #fff;

    box-shadow: 0 0 1px #999;

    float: left

}



.comments span.author-name {

    float: left;

    font-weight: 600;

    font-size: 22px;

    margin: 0

}



.comments a.date {

    margin: 8px 0 0 16px;

    float: left

}



.comment-detail {

    float: right;

    width: 85%

}



.comment-detail p {

    margin: 5px 0 0 0

}



.blog .leave-comment .comment-form {

    margin: 15px 0 0 0

}



.blog .comment-form input[type=text] {

    width: 100%;

    height: 48px;

    margin: 0 0 10px 0;

    padding: 0 7px;

    color: #999;

    border: solid 1px #ccc

}



.blog .comment-form textarea {

    width: 100%;

    height: 250px;

    margin: 0 0 10px 0;

    padding: 10px 7px;

    color: #999;

    border: solid 1px #ccc

}



.blog .comment-form input[type=submit] {

    padding: 11px 38px;

    color: #fff;

    border: none

}



.search {

    width: 100%

}



.search input {

    width: 100%;

    height: 42px;

    margin: 5px 0 10px 0;

    padding: 0 7px;

    color: #999;

    border: solid 1px #ccc;

    font-style: italic

}



.search a.search-bar {

    position: absolute;

    margin: 6px 0 0 -38px;

    padding: 10px;

    color: #999

}



.search a.search-bar:hover {

    color: #06ceed

}



.side-content .recent-post .post {

    margin: 25px 0 0 0

}



.side-content .recent-post .post a {

    font-size: 18px;

    display: block

}



.side-content .recent-post .post a:hover {

    color: #333

}



.side-content .recent-post .post i {

    margin: 0 5px 0 0

}



.blog .about-company {

    margin: 30px 0 0 0

}



.blog .about-company p {

    margin: 15px 0 0 0

}



.blog .tags-cloud {

    margin: 30px 0 0 0

}



.blog .tags-cloud .tags {

    margin: 0

}



.blog .tags-cloud .tags a {

    float: left;

    margin: 0 5px 5px 0

}



.blog .archive {

    margin: 30px 0 0 0

}



.side-content .k2ArchivesBlock a {

    font-size: 18px;

    display: block;

    margin: 15px 0 0 0

}



.side-content .k2ArchivesBlock a:hover, .side-content .k2ArchivesBlock ul li a:hover:before {

    color: #333

}



.side-content .k2ArchivesBlock ul li a:before {

    content: "\f105";

    float: left;

    font-family: fontAweSome;

    padding-right: 10px;

    padding-top: 0;

    color: #428bca

}



.blog .archive i {

    margin: 0 5px 0 0

}



.navbar-default .navbar-nav.blog-nav > .active > a, .navbar-default .navbar-nav.blog-nav > .active > a:focus, .navbar-default .navbar-nav.blog-nav > .active > a:hover {

    color: #ccc !important

}



.navbar-default .navbar-nav.blog-nav2 > .active > a, .navbar-default .navbar-nav.blog-nav2 > .active > a:focus, .navbar-default .navbar-nav.blog-nav2 > .active > a:hover {

    color: #2d2d2d !important

}



div#itemListLinks {

    background: #f7fafe;

    border: 1px solid #ddd;

    margin: 8px 0;

    padding: 8px

}



div.itemContainer {

    float: left

}



div.catItemView {

    padding: 4px

}



div.groupLinks {

    padding: 0;

    margin: 0

}



span.catItemEditLink {

    float: right;

    display: block;

    padding: 4px 0;

    margin: 0;

    width: 120px;

    text-align: right

}



span.catItemEditLink a {

    padding: 2px 12px;

    border: 1px solid #ccc;

    background: #eee;

    text-decoration: none;

    font-size: 11px;

    font-weight: 400

}



span.catItemEditLink a:hover {

    background: #ffc

}



span.catItemDateCreated {

    color: #999;

    font-size: 11px

}



h1.catItemTitle {

    font-size: 24px;

    font-weight: 400;

    margin: 0

}



h1.catItemTitle span sup {

    font-size: 12px;

    color: #cf1919;

    text-decoration: none

}



span.catItemAuthor {

    display: block;

    padding: 0;

    margin: 0

}



.catItemRatingBlock {

    padding: 8px 0

}



.catItemRatingBlock span {

    display: block;

    float: left;

    font-style: normal;

    padding: 0 4px 0 0;

    margin: 0;

    color: #999

}



.catItemBody {

    padding: 8px 0;

    margin: 0

}



.catItemImageBlock {

    padding: 8px;

    margin: 0 0 16px 0

}



span.catItemImage {

    display: block;

    text-align: center;

    margin: 0 0 8px 0

}



span.catItemImage img {

    border: 1px solid #ccc;

    padding: 8px

}



.catItemIntroText {

    font-size: inherit;

    font-weight: 400;

    line-height: inherit;

    padding: 5px 0 15px 0

}



.catItemExtraFields, .genericItemExtraFields {

    margin: 16px 0 0 0;

    padding: 8px 0 0 0;

    border-top: 1px dotted #ddd

}



.catItemExtraFields h4, .genericItemExtraFields h4 {

    margin: 0;

    padding: 0 0 8px 0;

    line-height: normal !important

}



.catItemExtraFields ul, .genericItemExtraFields ul {

    margin: 0;

    padding: 0;

    list-style: none

}



.catItemExtraFields ul li, .genericItemExtraFields ul li {

    display: block

}



.catItemExtraFields ul li span.catItemExtraFieldsLabel, .genericItemExtraFields ul li span.genericItemExtraFieldsLabel {

    display: block;

    float: left;

    font-weight: 700;

    margin: 0 4px 0 0;

    width: 30%

}



div.catItemLinks {

    margin: 0 0 16px 0;

    padding: 0

}



div.catItemHitsBlock {

    padding: 4px;

    border-bottom: 1px dotted #ccc

}



div.catItemCategory {

    padding: 4px;

    border-bottom: 1px dotted #ccc

}



div.catItemCategory span {

    font-weight: 700;

    color: #555;

    padding: 0 4px 0 0

}



div.catItemTagsBlock {

    padding: 4px;

    border-bottom: 1px dotted #ccc

}



div.catItemTagsBlock span {

    font-weight: 700;

    color: #555;

    padding: 0 4px 0 0

}



div.catItemTagsBlock ul.catItemTags {

    list-style: none;

    padding: 0;

    margin: 0;

    display: inline

}



div.catItemTagsBlock ul.catItemTags li {

    display: inline;

    list-style: none;

    padding: 0 4px 0 0;

    margin: 0;

    text-align: center

}



div.catItemAttachmentsBlock {

    padding: 4px;

    border-bottom: 1px dotted #ccc

}



div.catItemAttachmentsBlock span {

    font-weight: 700;

    color: #555;

    padding: 0 4px 0 0

}



div.catItemAttachmentsBlock ul.catItemAttachments {

    list-style: none;

    padding: 0;

    margin: 0;

    display: inline

}



div.catItemAttachmentsBlock ul.catItemAttachments li {

    display: inline;

    list-style: none;

    padding: 0 4px;

    margin: 0;

    text-align: center

}



div.catItemAttachmentsBlock ul.catItemAttachments li span {

    font-size: 10px;

    color: #999;

    font-weight: 400

}



div.catItemVideoBlock {

    margin: 0 0 16px 0;

    padding: 16px;

    background: #010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom

}



div.catItemVideoBlock div.catItemVideoEmbedded {

    text-align: center

}



div.catItemVideoBlock span.catItemVideo {

    display: block

}



div.catItemImageGallery {

    margin: 0 0 16px 0;

    padding: 0

}



div.catItemCommentsLink {

    display: inline;

    margin: 0 8px 0 0;

    padding: 0 8px 0 0;

    border-right: 1px solid #ccc

}



div.catItemReadMore {

    display: inline

}



span.catItemDateModified {

    display: block;

    text-align: right;

    padding: 4px;

    margin: 4px 0;

    color: #999;

    border-top: 1px solid #ddd

}



.main-wrapper.blog .itemListCategoriesBlock {

    display: none

}



.blue-flexslider-blog {

    position: relative

}



.blue-flexslider-blog ul.flex-direction-nav li {

    bottom: 0;

    color: #fff;

    font-size: 20px;

    height: 93px;

    left: 0;

    opacity: .5;

    position: absolute;

    text-align: center;

    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);

    top: 94px;

    width: 48px

}



.blue-flexslider-blog ul.flex-direction-nav li {

    background: #fff url(../images/slider-arrows.jpg) no-repeat scroll 0 0 !important;

    height: 45px;

    margin-top: -22.5px;

    opacity: 1;

    top: 50%;

    width: 45px;

    z-index: 555

}



.blue-flexslider-blog ul.flex-direction-nav li.flex-nav-next {

    background-position: right 0 !important;

    right: 0;

    left: auto

}



.blue-flexslider-blog ul.flex-direction-nav li.flex-nav-prev {

    background: rgba(0, 0, 0, 0) url(../images/spons-left-arrow.png) no-repeat scroll 0 0;

    left: 0;

    right: auto

}



.blue-flexslider-blog ul.flex-direction-nav li.flex-nav-next a {

    right: 0

}



.blog-wrap {

    margin-bottom: 40px

}



.blog-wrap h3.catItemTitle a {

    color: #393939;

    font-style: normal;

    font-weight: 400;

    margin: 0 0 10px 0;

    font-size: 32px;

    transition: color .3s ease-in-out 0s

}



.blog-wrap .post-fulltext {

    margin-top: 20px

}



.blog-wrap .item-readmore {

    width: 100%;

    clear: both

}



.blog-wrap .post-meta a {

    color: #393939;

    transition: color .3s ease-in-out 0s;

    margin: 0 0 0 20px

}



.blog-wrap .post-meta i {

    color: #393939;

    margin: 0 5px 0 0

}



.blog-wrap .post-meta span.author, .blog-wrap .post-meta span.category {

    margin-left: 20px

}



.blog-wrap .blog-media img {

    width: 100%;

    height: auto;

    max-height: 250px

}



#sidebar {

    padding-top: 20px

}



#sidebar .side-content h5 {

    font-style: normal;

    font-weight: 400;

    font-size: 32px

}



#sidebar .side-content {

    margin: 0 0 30px

}



.post-header span.comment {

    margin-left: 20px

}



#comment-form > span#formLog {

    color: red;

    float: left;

    padding: 10px 0;

    width: 100%

}



.itemBackToTop {

    display: none

}



.itemView, div.itemComments {

    background: 0 0;

    border: none;

    padding: 0

}



.single-blog .comment-title h3 {

    font-style: normal;

    font-weight: 300

}



.single-blog div.itemCommentsForm form label {

    display: none !important

}



.single-blog div.itemCommentsForm form textarea.inputbox {

    width: 100%

}



.single-blog div.itemCommentsForm form input#submitCommentButton {

    -moz-user-select: none !important;

    background-image: none !important;

    border: 1px solid transparent !important;

    border-radius: 4px !important;

    cursor: pointer !important;

    display: inline-block !important;

    font-size: 14px !important;

    font-weight: 400 !important;

    line-height: 1.42857 !important;

    margin-bottom: 0 !important;

    padding: 6px 12px !important;

    text-align: center !important;

    vertical-align: middle !important;

    white-space: nowrap !important;

    background: #00cfef !important

}



.pressroom.blog-wrapper .blog-wrap {

    margin: 0

}



.blue-flexslider-vertical ul.carousel-inner {

    display: block

}



.blue-flexslider-vertical ul.carousel-inner li {

    height: 200px

}



div.tp-caption a.button.darkgrey {

    background-color: rgba(0, 0, 0, .56);

    border: 2px solid #fff;

    color: #fff !important;

    cursor: pointer;

    font-size: 24px;

    line-height: 45px !important;

    padding: 14px 48px;

    text-shadow: 0 1px 1px rgba(0, 0, 0, .6) !important;

    font-weight: 400

}



div.tp-caption a.button.darkgrey:hover {

    color: #ffa092

}



div.tp-caption.very_large_text {

    font-size: 80px !important

}



div.tp-caption.small-title {

    font-size: 26px !important;

    font-weight: 400

}



div.tp-caption {

    font-family: Raleway, sans-serif !important

}



div.tp-caption a.button.lightgrey {

    background-color: rgba(0, 0, 0, 0);

    border: 1px solid #fff;

    border-radius: 4px;

    color: #fff !important;

    cursor: pointer;

    font-size: 24px;

    line-height: 45px !important;

    padding: 5px 20px;

    text-shadow: 0 1px 1px rgba(0, 0, 0, .6) !important;

    font-weight: 400;

    text-transform: uppercase

}



div.tp-caption.small_text {

    font-style: normal;

    font-weight: 400;

    font-size: 16px !important

}



.none-tp-bullets .tp-bullets {

    display: none

}



.single-blog div.itemCommentsForm p.itemCommentsFormNotes {

    border: none

}



.subMenu .logo-href img {

    max-width: 155px

}



.bluesubMenu2 #bs-example-navbar-collapse-1, .subMenu2 #bs-example-navbar-collapse-1 {

    width: 80%;

    float: right

}



.bluesubMenu2 .navbar-nav.navbar-nav2, .subMenu2 .navbar-nav.navbar-nav2 {

    width: 100%;

    margin: 0;

    float: right

}



.bluesubMenu2 .navbar-default .navbar-nav > li > a, .subMenu2 .navbar-default .navbar-nav > li > a {

    margin: 0;

    padding: 13px 30px 0;

    text-align: center

}



.navbar-default .navbar-nav > li.active > a {

    background: 0 0 !important

}



.box-section.video {

    margin-bottom: 50px !important

}



.warp .form-horizontal .control-label {

    padding: 10px 0 5px;

    text-align: left

}



ul.dropdown-menu ul.dropdown-menu {

    left: 100%;

    top: 50%

}



.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {

    color: #2d2d2d

}



body.com_search form#searchForm fieldset.phrases .phrases-box label {

    display: inline-block;

    padding-right: 30px;

    line-height: 26px

}



body.com_search form#searchForm input {

    width: auto;

    height: auto

}



body.com_search .main-wrapper {

    padding-top: 90px

}



body.com_search form#searchForm .btn-toolbar .btn-group, body.com_search form#searchForm .btn-toolbar input#search-searchword {

    width: 100%

}



body.com_search .wrapper-content .search {

    padding-top: 33px

}



body.com_search form#searchForm .btn-toolbar {

    display: none

}



body.com_search form#searchForm .ordering-box, body.com_search form#searchForm .phrases-box {

    float: left

}



body.com_search form#searchForm .ordering-box {

    line-height: 25px;

    margin-top: 11px

}



body.com_search form#searchForm fieldset.only label {

    display: inline-block;

    padding-right: 30px

}



body.com_search form#searchForm .form-limit {

    float: left;

    padding-right: 15px;

    width: 100%;

    line-height: 30px

}



body.com_search form#searchForm .form-limit .chzn-container {

    min-width: 100px

}



body.com_search dl.search-results dt.result-title {

    padding-bottom: 5px;

    padding-top: 40px

}



div.k2ArchivesBlock ul, ol {

    margin-bottom: 0;

    padding: 0

}



div.k2ArchivesBlock ul li {

    list-style: none

}



span.date i {

    margin: 0 5px 0 0

}



.comment {

    color: #393939;

    transition: color .3s ease-in-out 0s

}



.blog a.comment {

    margin: 0 0 0 20px

}



.badge-blog {

    display: inline-block;

    min-width: 10px;

    padding: 3px 7px;

    font-size: 14px;

    font-weight: 700;

    line-height: 1;

    color: #fff;

    text-align: center;

    background-color: #0e9543;

    border-radius: 10px;

    float: right

}



#k2Container {

    padding: 0 0 24px 0

}



.post-header {

    margin-top: 3%;

    margin-bottom: 2%

}



.blog-media {

    margin-bottom: 20px

}



.light-home {

    text-align: center

}



.pressroom .left-text {

    text-align: right;

    float: left;

    width: 45%;

    margin: 25px 0 0 0

}



.pressroom .left-text span.title {

    font-weight: 600;

    font-size: 18px;

    text-transform: uppercase

}



.pressroom .left-text p {

    font-size: 16px;

    margin: 0;

    margin: 5px 0 5px 0

}



.pressroom .left-text span {

    color: #9c9c9c;

    font-size: 14px

}



.pressroom .left-text a {

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    margin: 0

}



.pressroom .divider {

    float: left;

    display: inline-block;

    text-align: center;

    width: 10%

}



.pressroom .right-text {

    text-align: left;

    float: right;

    width: 45%;

    margin: 25px 0 0 0

}



.pressroom .press-img {

    float: left

}



.image {

    float: left;

    height: 194px;

    overflow: hidden;

    width: 45%;

    cursor: pointer

}



.press-img img {

    width: 520px;

    height: 194px;

    max-width: none;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -o-transition: all .5s ease;

    -ms-transition: all .5s ease;

    transition: all .5s ease

}



.press-img img:hover {

    max-width: none;

    width: 700px;

    height: 250px;

    margin: -40px 0 -180px -50px

}



.pressroom .right-text span.title {

    font-weight: 600;

    font-size: 18px;

    text-transform: uppercase

}



.pressroom .right-text p {

    font-size: 16px;

    margin: 5px 0 5px 0

}



.pressroom .right-text span {

    color: #9c9c9c;

    font-size: 14px

}



.pressroom .right-text a {

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    margin: 0

}



@media (max-width: 380px) {

    .pressroom {

        padding: 20px 0 0 0 !important

    }



    .pressroom .divider {

        display: none !important

    }



    .pressroom .left-text, .pressroom .right-text {

        text-align: left !important;

        float: left !important;

        margin: 10px 0 0 15px !important;

        width: 97% !important

    }

}



@media only screen and (min-width: 480px) and (max-width: 767px) {

    .pressroom .divider {

        display: none !important

    }

}



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

    .navbar-default .navbar-nav > li {

        margin-left: 2% !important

    }



    .pressroom .divider {

        display: none !important

    }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .navbar-default .navbar-nav > li {

        margin-left: -2% !important

    }



    .pressroom .divider {

        display: none !important

    }

}



div.floating-menu {

    position: fixed;

    left: auto;

    right: 0;

    z-index: 9999;

    background: #fff;

    max-height: 220px

}



div.floating-menu a, div.floating-menu h4 {

    display: -webkit-flex;

    display: flex;

    text-decoration: none

}



.flutuante {

    font-size: 35px

}



.flutuante a.fb {

    color: #38569d;

    padding: 10px

}



.flutuante a.tw {

    color: #578ccd;

    padding: 10px

}



.flutuante a.gp {

    color: #d94826;

    padding: 10px

}



.flutuante a.ig {

    color: #4f7ea7;

    padding: 10px

}



.flutuante a.yt {

    color: #ca2f23;

    padding: 10px

}



.flutuante a.db {

    color: #eb45ab;

    padding: 10px

}



.flutuante a.sk {

    color: #00cfef;

    padding: 10px

}



.flutuante a.li {

    color: #3487cf;

    padding: 10px

}



.link_social a.fb {

    color: #38569d;

    padding: 10px

}



.link_social a.tw {

    color: #578ccd;

    padding: 10px

}



.link_social a.gp {

    color: #d94826;

    padding: 10px

}



.link_social a.ig {

    color: #4f7ea7;

    padding: 10px

}



.link_social a.yt {

    color: #ca2f23;

    padding: 10px

}



.link_social a.db {

    color: #eb45ab;

    padding: 10px

}



.link_social a.sk {

    color: #00cfef;

    padding: 10px

}



.link_social a.li {

    color: #3487cf;

    padding: 10px

}



.link_social a.wt {

    color: #61bf63;

    padding: 10px

}



.btn-noticia {

    border-radius: 0

}



.planilha_table > tbody > tr > td, .planilha_table > tbody > tr > th, .planilha_table > tfoot > tr > td, .planilha_table > tfoot > tr > th, .planilha_table > thead > tr > td, .planilha_table > thead > tr > th {

    padding: 3px;

    border: none

}



.planilha_table > tbody > tr > td > .table-line > p {

    margin-bottom: 0

}



.title-tb {

    font-size: 21px;

    border-radius: 20px;

    padding: 15px;

    margin: 0 0 10px

}



.table-title {

    font-size: 21px;

    border-radius: 15px;

    padding: 15px !important;

    text-align: center

}



.table-line {

    font-size: 18px;

    border-radius: 15px;

    padding: 15px !important;

    text-align: center

}



.featured-info-one h4, .featured-info-one p, .featured-info-three h4, .featured-info-three p, .featured-info-three span, .featured-info-two h3, .featured-info-two p {

    color: #fff

}



.featured-info-three span {

    font-size: 1.3601em

}



.featured-item {

    background-color: #fff;

    border: 3px solid #eee;

    display: block

}



.featured-item:hover {

    border-color: #ddd;

    -webkit-box-shadow: 0 5px 25px 1px rgba(0, 0, 0, .25);

    -moz-box-shadow: 0 5px 25px 1px rgba(0, 0, 0, .25);

    box-shadow: 0 5px 25px 1px rgba(0, 0, 0, .25);

    text-decoration: none

}



.featured-item:hover .people, .featured-item:hover .time, .featured-item:hover .views {

    color: #0095d3;

    text-decoration: none

}



.featured-item figure {

    margin: 0 0 20px 0;

    max-height: 200px;

    -webkit-transition: all .3s ease-in-out 0s;

    -moz-transition: all .3s ease-in-out 0s;

    -ms-transition: all .3s ease-in-out 0s;

    -o-transition: all .3s ease-in-out 0s;

    transition: all .3s ease-in-out 0s;

    filter: grayscale(50%);

    -webkit-filter: grayscale(50%)

}



.featured-item:hover figure {

    transition: all .4s ease-in-out;

    filter: grayscale(0);

    -webkit-filter: grayscale(0)

}



.featured-item h4 {

    color: #ff8204;

    font-weight: 700;

    font-size: 20px !important;

    margin-top: 0;

    margin-bottom: 15px

}



.featured-item p {

    font-size: 16px !important

}



.featured-item .content {

    border-bottom: 1px solid #e4e9ef;

    padding: 10px 20px

}



.featured-item .foot {

    padding: 10px 20px 10px;

    font-weight: 700

}



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

    .featured-info-one {

        width: 100%

    }



    .featured-block-three {

        margin: 20px 0

    }

}



.ct-icon .icon-image {

    position: relative;

    color: #fff;

    z-index: 100;

    background: #ff8204;

    width: 60px;

    height: 60px;

    top: -30px;

    border-radius: 100%;

    right: -145px;

    text-align: center;

    padding: 0

}



.featured-item figure .icon-image {

    filter: grayscale(0) !important;

    -webkit-filter: grayscale(0) !important

}



.ct-icon .icon-image i {

    display: block;

    color: #fff;

    text-align: center;

    margin: 0;

    font-size: 28px;

    padding: 0 0 0;

    line-height: 65px !important

}



#map {

    width: 100% !important;

    min-height: 450px;

    top: 10px

}



#txtEnderecoPartida {

    width: 100%;

    padding: 8px;

    height: 36px;

    float: left;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    border-top-left-radius: 15px;

    -moz-border-radius-topleft: 15px;

    -webkit-border-top-left-radius: 15px;

    border-bottom-left-radius: 15px;

    -moz-border-radius-bottomleft: 15px;

    -webkit-border-bottom-left-radius: 15px;

}



#txtEnderecoPartida:focus {

    background: #fff;

    border-color: #dedede

}



#formMapa .btn {

    font-size: 28px;

    padding: 5px 15px;

    border-top-right-radius: 15px;

    -moz-border-radius-topright: 15px;

    -webkit-border-top-right-radius: 15px;

    border-bottom-right-radius: 15px;

    -moz-border-radius-bottomright: 15px;

    -webkit-border-bottom-right-radius: 15px;

}



#formMapa .btn, #formMapa .btn:active, #formMapa .btn:focus, #formMapa .btn:hover {

    color: #fff !important

}



#formMapa .form-control {

    height: 50px

}



.adp-directions {

    width: 100%

}



.box-effect {

    padding: 0;

    color: #fff;

    background-size: auto 100%;

    background-position: center;

    background-repeat: no-repeat;

    transition: all .5s ease-in-out;

    vertical-align: middle;

    display: table;

    width: 100%;

    margin-top: 30px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    border-radius: 50%

}



.box-effect:hover {

    text-decoration: none;

    background-size: auto 120%

}



.box-effect .be-capa h1 {

    word-wrap: break-word;

    word-break: break-all;

    font-size: 32px

}



.box-effect .be-descricao {

    text-align: center;

    height: inherit;

    padding: 0 15px;

    transition: all .5s ease-in-out;

    vertical-align: middle;

    display: none;

    animation: be-fade-in 1s

}



.box-effect .be-capa {

    height: inherit;

    padding: 0 10px;

    transition: all .5s ease-in-out;

    opacity: 1;

    display: table-cell;

    vertical-align: middle;

    animation: be-fade-in 1s;

    background: rgba(34, 32, 83, .4)

}



.box-effect:hover .be-capa {

    display: none

}



.box-effect:hover .be-descricao {

    background: rgba(0, 0, 0, .6);

    display: table-cell;

    vertical-align: middle

}



.hover-effect:hover, .hover-effect:hover .be-descricao, .hover-effect:hover .be-descricao h4, .hover-effect:hover h3 {

    text-decoration: none

}



@keyframes be-fade-in {

    0% {

        opacity: 0;

        display: table-cell;

        vertical-align: middle

    }

    100% {

        opacity: 1;

        display: table-cell;

        vertical-align: middle

    }

}



@keyframes fade-out {

    0% {

        opacity: 1

    }

    100% {

        opacity: 0

    }

}



.st-service .service-container {

    margin-bottom: 30px;

    position: relative

}



.st-service .service-container .service-image {

    position: relative;

    overflow: hidden

}



.st-service .style-1 {

    padding: 45px 0 0;

    position: relative;

    -webkit-transition: all .35s ease 0s;

    -moz-transition: all .35s ease 0s;

    transition: all .35s ease 0s

}



.st-service .style-1 .service-icon {

    width: 100px;

    height: 100px;

    line-height: 90px;

    background-color: #fff;

    position: absolute;

    left: 9.2em;

    top: -4em;

    overflow: hidden;

    border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    box-shadow: 0 3px 10px rgba(0, 0, 0, .2);

    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .2);

    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .2)

}



.st-service .style-1 .service-icon img {

    padding: 10px

}



.st-service .style-1 .service-icon i {

    font-size: 2em;

    line-height: inherit

}



.st-service .style-1 .service-content {

    padding: 0 6em

}



.st-service .style-1 .service-content h2 {

    font-size: 24px;

    font-weight: 500;

    text-transform: uppercase

}



.st-service .style-1:hover .service-content h4, .st-service .style-1:hover .service-content h4 a, .st-service:hover .service-link a:hover {

    color: inherit;

    text-decoration: none

}



.st-service .style-1 .service-content h3 {

    font-size: 18px;

    font-weight: 400;

    text-align: left;

    color: #404040;

    margin-top: 10px

}



.st-service .style-1 .service-content h3 i {

    font-size: 8px;

    line-height: 18px;

    padding-right: 5px

}



.tab {

    float: left;

    border: 1px solid #ccc;

    background-color: #f1f1f1;

    width: 30%;

    height: 300px

}



.tab button {

    display: block;

    background-color: inherit;

    color: #000;

    padding: 22px 16px;

    width: 100%;

    border: none;

    outline: 0;

    text-align: left;

    cursor: pointer;

    transition: .3s;

    font-size: 17px

}



.tab button:hover {

    background-color: #ddd

}



.tab button.active {

    background-color: #ccc

}



.tabcontent {

    float: left;

    padding: 0 12px;

    border: 1px solid #ccc;

    width: 70%;

    border-left: none;

    height: 300px

}



#testimonial-slider .testimonial {

    margin: 0 20px 20px

}



#testimonial-slider .testimonial .testimonial-content {

    padding: 35px 25px 35px 50px;

    margin-bottom: 25px;

    background: #fff;

    border: 1px solid #f0f0f0;

    position: relative

}



#testimonial-slider .testimonial .testimonial-content:after {

    content: "";

    display: inline-block;

    width: 20px;

    height: 20px;

    background: #fff;

    position: absolute;

    bottom: -10px;

    left: 25px;

    transform: rotate(45deg)

}



#testimonial-slider .testimonial-content .testimonial-icon {

    width: 50px;

    height: 45px;

    background: #ff4242;

    text-align: center;

    color: #fff;

    line-height: 56px;

    position: absolute;

    top: 37px;

    left: -19px

}



#testimonial-slider .testimonial-content .testimonial-icon:before {

    content: "";

    border-bottom: 16px solid #e41212;

    border-left: 18px solid transparent;

    position: absolute;

    top: -16px;

    left: 1px

}



#testimonial-slider .testimonial .description {

    font-size: 15px;

    font-style: italic;

    color: #585858;

    line-height: 24px;

    margin: 0

}



#testimonial-slider .testimonial .title {

    display: block;

    font-size: 18px;

    font-weight: 700;

    color: #525252;

    letter-spacing: 1px

}



#testimonial-slider .testimonial .post {

    display: block;

    font-size: 14px;

    color: #ff4242

}



.owl-theme .owl-controls {

    margin-top: 8px !important

}



.img-hover img {

    border: 5px solid #333 !important;

    -moz-transition: all .4s ease;

    -webkit-transition: all .4s ease;

    -o-transition: all .4s ease;

    transition: all .4s ease

}



.img-hover img:after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #fff !important;

    opacity: 0;

    -moz-transition: all .4s ease;

    -webkit-transition: all .4s ease;

    -o-transition: all .4s ease;

    transition: all .4s ease

}



.img-hover:hover img {

    filter: grayscale(0);

    -webkit-filter: grayscale(0);

    -webkit-transform: scale(1.2) rotate(0);

    -moz-transform: scale(1.2) rotate(0);

    -o-transform: scale(1.2) rotate(0);

    -ms-transform: scale(1.2) rotate(0);

    transform: scale(1.2) rotate(0)

}



.img-hover span {

    display: block;

    overflow: hidden;

    position: relative

}



.img-hover span:after {

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: " ";

    position: absolute;

    -moz-transition: all .4s ease;

    -webkit-transition: all .4s ease;

    -o-transition: all .4s ease;

    transition: all .4s ease;

    border: 5px solid transparent

}



.img-hover:hover span:after {

    background: rgba(255, 203, 8, .5);

    border: 5px solid #ffcb08;

    transition: all .5s ease-in-out

}



.img-hover img, .img-hover span:after {

    transition: all .5s ease-in-out

}



.categories .divCatItem {

    position: relative

}



.categories > .divCatItem > .category-img {

    position: relative;

    background: #1f1f81;

    -webkit-box-shadow: 0 15px 20px -20px rgba(0, 0, 0, .9);

    -moz-box-shadow: 0 15px 20px -20px rgba(0, 0, 0, .9);

    box-shadow: 0 15px 20px -20px rgba(0, 0, 0, .9);

    border-radius: 10px

}



.categories > .divCatItem > .category-img:after {

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: " ";

    position: absolute;

    background: 0 0;

    transition: all .4s ease-in-out;

    border-radius: 10px

}



.categories > .divCatItem:hover > .category-img:after {

    background: rgba(0, 0, 0, .5)

}



.categories > .divCatItem > .category-img ul {

    left: 0;

    top: 45%;

    z-index: 1;

    padding: 0;

    width: 100%;

    height: 36px;

    list-style: none;

    margin-top: -18px;

    text-align: center;

    visibility: hidden;

    position: absolute;

    transition: all .2s ease-in-out

}



.categories > .divCatItem:hover > .category-img ul {

    top: 50%;

    visibility: visible

}



.categories > .divCatItem > .category-img ul li {

    margin: 0 5px;

    text-align: center;

    display: inline-block

}



.categories > .divCatItem > .category-img li i {

    color: #fff;

    border-width: 1px;

    border-color: #fff;

    transition: all .3s ease-in-out

}



.categories > .divCatItem > .category-img li i.fa-plus:hover {

    color: #fff;

    background: #333;

    border-color: #333

}



.categories > .divCatItem > h3 {

    color: #000;

    font-size: 18px;

    line-height: 20px;

    margin: 15px 0 7px;

    text-transform: uppercase

}



.categories > .divCatItem > h4 {

    color: #555;

    font-size: 14px;

    line-height: 16px;

    text-transform: uppercase

}



.categories > .divCatItem > p {

    margin: 20px 0;

    position: relative

}



.categories > .divCatItem > p:before {

    left: 0;

    top: -13px;

    height: 3px;

    width: 40px;

    content: " ";

    position: absolute;

    background: #134684;

    transition: all .4s ease-in-out

}



.categories > .divCatItem:hover > p:before {

    width: 100%;

    background: #ffcb08

}



i.icon-custom {

    color: #555;

    width: 50px;

    height: 50px;

    font-size: 14px;

    line-height: 50px;

    margin-bottom: 5px;

    text-align: center;

    display: inline-block;

    border: solid 1px #555

}



i.icon-sm {

    width: 35px;

    height: 35px;

    font-size: 16px;

    line-height: 35px

}



.imgProd {

    position: relative;

    width: 100%;

    margin: 0 auto 10px;

    border: 1px solid #ddd;

    border-radius: 10px

}



.imgProd a {

    display: block

}



.imgProd img {

    height: auto;

    max-height: 200px

}



.imgProd .icon-details {

    width: 50px;

    height: 50px;

    float: right;

    margin-bottom: 0;

    position: absolute;

    right: 0;

    bottom: 0;

    background: #0000ba;

    color: #fff;

    clip-path: polygon(100% 0, 0 100%, 100% 100%);

    padding: 15px 5px 5px 15px;

    text-align: right

}



.imgProd .icon-details i {

    font-size: 18px;

    line-height: 35px

}



.itemProd .titleProd {

    color: #0000ba;

    font-size: 17px;

    font-weight: 500;

    margin-bottom: 3px

}



.itemProd .codProd {

    color: #8a8a8a

}



.itensList .row {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    -webkit-transition-duration: .5s;

    transition-duration: .5s

}



.itensList .row:hover {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    -webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);

    transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)

}



.itensList .divImgIcon {

    border: 5px solid #e75516;

    padding: 5px;

    border-radius: 20%;

    margin-bottom: 15px

}



.itensList .divTitleList {

    vertical-align: middle;

    display: table-cell;

    height: 105px

}



.social-contact {

    text-align: center

}



.social-contact h2 {

    text-align: center;

    font-size: 18px;

    font-weight: 500;

    color: #5c7516;

    margin-top: 0;

    margin-bottom: 25px

}



.social-contact a {

    border-radius: 100%;

    margin: 5px 0 0 0;

    padding-right: 10px

}



.social-contact a:hover {

    text-decoration: none

}



.social-contact .fb, .social-contact .ig, .social-contact .li, .social-contact .tw, .social-contact .yt {

    font-size: 24px;

    color: transparent

}



.social-contact .fb i.fa-circle, .social-contact .ig i.fa-circle, .social-contact .li i.fa-circle, .social-contact .tw i.fa-circle, .social-contact .yt i.fa-circle {

    border-radius: 100%

}



.social-contact .fb:hover i, .social-contact .ig:hover i, .social-contact .li:hover i, .social-contact .tw:hover i, .social-contact .yt:hover i {

    -moz-transform: rotate(360deg);

    -moz-transition: all .8s ease-in-out 0s;

    -webkit-transform: rotate(360deg);

    -webkit-transition: all .8s ease-in-out 0s;

    -ms-transform: rotate(360deg);

    -ms-transition: all .8s ease-in-out 0s;

    transform: rotate(360deg);

    transition: all .8s ease-in-out 0s;

    text-shadow: none

}



.social-contact .fb i.fa-circle {

    border-radius: 100%;

    color: transparent;

    background: #113595;

    transition: all ease .5s

}



.social-contact .tw i.fa-circle {

    border-radius: 100%;

    color: transparent;

    background: #1089cc;

    transition: all ease .5s

}



.social-contact .li i.fa-circle {

    border-radius: 100%;

    color: transparent;

    background: #25b5fa;

    transition: all ease .5s

}



.social-contact .yt i.fa-circle {

    border-radius: 100%;

    color: transparent;

    background: #ff2b34;

    transition: all ease .5s

}



.social-contact .ig i.fa-circle {

    border-radius: 100%;

    color: transparent;

    background: radial-gradient(circle farthest-corner at 35% 100%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 10% 140%, #feda7e, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e42e66 50%, #fa5332 70%, #ffdc80 100%);

    transition: all ease .5s

}



.social-contact .fa-stack {

    width: 2em

}



@media (max-width: 767px) {

    .clearfix_xs:after, .clearfix_xs:before {

        content: " ";

        display: table

    }



    .clearfix_xs:after {

        clear: both

    }



    .ds-none-sm {

        display: none;

    }

}



@media (min-width: 768px) and (max-width: 991px) {

    .clearfix_sm:after, .clearfix_sm:before {

        content: " ";

        display: table

    }



    .clearfix_sm:after {

        clear: both

    }



    .ds-none-lg {

        display: none;

    }

}



@media (min-width: 992px) and (max-width: 1199px) {

    .clearfix_md:after, .clearfix_md:before {

        content: " ";

        display: table

    }



    .clearfix_md:after {

        clear: both

    }



    .ds-none-lg {

        display: none;

    }

}



@media (min-width: 1200px) {

    .clearfix_lg:after, .clearfix_lg:before {

        content: " ";

        display: table

    }



    .clearfix_lg:after {

        clear: both

    }



    .ds-none-lg {

        display: none;

    }

}