/* CSS - AGÊNCIA TIPO */

.title-font-home h2 {
    font-family: 'Montserrat', sans-serif;
    line-height: 61px;
}
.color-icon {
    color: #0e2d52;
}

/*BOTÃO LATERAL*/

#ssb-container {
    position: fixed;
    top: 40%;
    left: 10px;
    z-index: 1;
}
#ssb-container ul {
    padding: 0;
    margin: 0;
}
#ssb-container.ssb-anim-icons ul li {
    transition: transform 100ms;
}
#ssb-container ul li {
    line-height: 45px;
}
#ssb-container ul li {
    list-style: none;
    margin: 0;
}
#ssb-btn-facebook {
    background: rgba(195, 195, 195, 0.5);
}

#ssb-btn-whatsapp {
    background: rgba(195, 195, 195, 0.5);
}

#ssb-btn-whatsapp .fa-whatsapp:before {
   background: #4fcc5d;
   color: #fff;
   border-radius: 81%;
   padding: 5px 7px;
}

#ssb-container ul li p {
    margin: 0;
}
#ssb-container ul li a {
    /*padding: 0 15px 0 0;*/
    display: block;
    line-height: 45px;
    text-align: left;
    white-space: nowrap;
    text-decoration: none;
    margin-top: 5px;
}
#ssb-btn-facebook a {
    color: #3b5998;
}
#ssb-container ul li {
    list-style: none;
}
#ssb-container.ssb-anim-icons ul li {
    transition: transform 100ms;
}
#ssb-container ul li {
    line-height: 45px;
}
#ssb-container ul li {
    list-style: none;
    margin: 0;
}
#ssb-btn-twitter {
    background: rgba(195, 195, 195, 0.5);
}
#ssb-btn-twitter a {
    color: #00acee;
}
#ssb-btn-linkedin {
    background: rgba(195, 195, 195, 0.5);
}
#ssb-btn-instagram {
    background: rgba(195, 195, 195, 0.5);
}
#ssb-btn-linkedin a {
    color: #0e76a8;
}
#ssb-btn-instagram a {
    color: #d94ec8;
}
#ssb-btn-youtube {
    background: rgba(195, 195, 195, 0.5);
}
#ssb-btn-youtube a {
    color: #c4302b;
}
#ssb-container ul li span {
    line-height: 39px;
    width: 50px;
    text-align: center;
    display: inline-block;
    font-size: 18px;
}
@media only screen and (max-width: 960px) {
    #ssb-container {
        top: 60%;
    }
    #ssb-container ul li span {
        width: 35px;
        font-size: 15px;
    }
}

/* FIM BOTÃO LATERAL*/

.grupo-itw a {
    color: #777;
}
.grupo-itw a:hover {
    color: #0e2d52;
    text-decoration: none;
}
.nossas-solucoes {
    padding: 20px 0 20px 0;
}
.contato a {
    color: #777;
}
.contato a:hover {
    color: #0e2d52;
    text-decoration: #295488;
}
.bg-pages {
    background-color: #f7f7f7;
    margin-top: -46px;
}
.tabela-paletizacao .table .thead .th {
    vertical-align: inherit !important;
}
.bg-integridade {
    background: #00afd7;
}
.bg-respeito {
    background: #0072ce;
}
.bg-crenca {
    background-color: #006298;
}
.bg-partilha-de-risco {
    background: #8a1538;
}
.bg-simplicidade {
    background: #ea7600;
}

/*--------------------------------------------------------------
- Botão de Redes Sociais Conteudo
--------------------------------------------------------------*/

.redes-sociais-conteudo {
    position: relative;
    float: right;
    font-family: 'blank';
}
.redes-sociais-conteudo .facebook,
.redes-sociais-conteudo .twitter {
    min-width: 35px;
    padding: 9px 7px;
    margin: 1px;
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5em;
    color: #FFF;
    font: 14px Arial;
    font-weight: bold;
    font-weight: normal;
    text-align: center;
    transition: all 0.3s ease 0s;
    border: 1px solid transparent;
    z-index: 2;
    border-radius: 50%;
}
.redes-sociais-conteudo .fa-google-plus:before,
.redes-sociais-conteudo .fa-twitter:before {
    color: #FFF;
    font-size: 1em;
}
.redes-sociais-conteudo a.facebook {
    color: #FFF;
    background-color: #3B5998;
}
.redes-sociais-conteudo a.facebook:hover {
    background-color: #fff;
    border: 1px solid #DDD;
}
.redes-sociais-conteudo a.facebook:hover .fa-facebook-f:before {
    color: #3B5998;
}
.redes-sociais-conteudo a.twitter {
    color: #FFF;
    background-color: #00ACED;
}
.redes-sociais-conteudo a.twitter:hover {
    background-color: #FFF;
    border: 1px solid #DDD;
}
.redes-sociais-conteudo a.twitter:hover .fa-twitter:before {
    color: #00ACED;
}

/*--------------------------------------------------------------
- FIM Botão de Redes Sociais Conteudo
--------------------------------------------------------------*/


/*------------------------------------------------------------
- Tabela - ONDE ESTAMOS & DEMAIS ESTADOS
--------------------------------------------------------------*/

.container .tabs {
    width: 100%;
    display: table;
    clear: both;
}
.tab-content {
    border: 1px solid #e5e5e5;
    border-top: none;
    padding: 12px 16px;
}
.tab-content p {
    margin-bottom: 15px;
}
.tab-content p:last-child {
    margin-bottom: 0;
}
.regioes-tabs {
    padding: 0;
    margin: 0;
    display: inline-block;
}
.regioes-tabs li {
    width: 33.333%;
    font-size: 13px;
    float: left;
    list-style-type: none;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.bg-grey {
    color: #f9f9f9;
}

/*------------------------------------------------------------
- FIM Tabela - ONDE ESTAMOS & DEMAIS ESTADOS
--------------------------------------------------------------*/


/*------------------------------------------------------------
- Menu - Mapa do Site
--------------------------------------------------------------*/

.menu-mapa a {
    color: #777;
}
.menu-mapa a:hover {
    color: #0e2d52;
    text-decoration: none;
}
ul.menu-mapa li {
    padding: 5px;
    display: list-item;
    margin: 2px;
    text-decoration: none;
    list-style: none;
}
ul.menu-mapa li:hover {
    background: #f5f5f5;
}
ul.menu-mapa li ul:hover {
    display: list-item;
    background: none;
}
ul.menu-mapa ul {
    margin-left: 30px;
}
.menu-principal {
    font-weight: 700;
}
.palavra-chave h4 {
    font-size: 17px;
    line-height: 21px;
    margin-top: 13px;
}

.kit-acesso-remoto a{
    color: #fff;
}

.kit-acesso-remoto a:hover{
    color: #719dd2;
}

/*img-teste*/

.image-hotspots {
 position:relative
}
.image-hotspot {
 cursor:pointer;
 position:absolute
}
.image-hotspot strong {
 color:#fff;
 z-index:5;
 font-size:.75em;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate3d(-50%,-50%,0);
 font-weight:600!important;
}
.image-hotspot .circle {
 position:absolute;
 left:50%;
 top:50%;
 width:28px;
 height:28px;
 margin:-.666em auto auto -.666em;
 background:#ccc;
 border-radius:50%;
 opacity:.6;
 transform-origin:50% 50%;
 transition:opacity .2s ease-in,transform .1s ease-out;
 color:#fff;
 font-size:1.5em;
 padding:0;
 text-align:center;
 line-height:28px;
 overflow:hidden;
}
.image-hotspot .ring {
 display:block;
 position:absolute;
 top:50%;
 left:50%;
 width:2em;
 height:2em;
 margin:-1em auto auto -1em;
 transform-origin:50% 50%;
 border-radius:50%;
 border:1px solid rgba(204,204,204,.9);
 opacity:0;
 -webkit-animation:hotspot-pulsate 3s ease-out infinite;
 animation:hotspot-pulsate 3s ease-out infinite;
}

html .image-hotspot-primary .ring {
    border-color: rgba(0,136,204,.9);
}

body[data-plugin-page-transition] {
    transition: ease opacity 300ms;
}

.info-btn{
    margin-left: 37%;
    margin-top: -24%;
    width: 400px;
    position: absolute;
    right: 0;
    bottom: 0;
}

html .image-hotspot-primary strong {
 color:#fff!important
}
html .image-hotspot-primary .circle {
 background:#08c!important
}
html .image-hotspot-primary .ring {
 border-color:rgba(0,136,204,.9)
}
html .image-hotspot-secondary strong {
 color:#fff!important
}
html .image-hotspot-secondary .circle {
 background:#e36159!important
}
html .image-hotspot-secondary .ring {
 border-color:rgba(227,97,89,.9)
}
html .image-hotspot-tertiary strong {
 color:#fff!important
}
html .image-hotspot-tertiary .circle {
 background:#2baab1!important
}
html .image-hotspot-tertiary .ring {
 border-color:rgba(43,170,177,.9)
}
html .image-hotspot-quaternary strong {
 color:#fff!important
}
html .image-hotspot-quaternary .circle {
 background:#383f48!important
}
html .image-hotspot-quaternary .ring {
 border-color:rgba(56,63,72,.9)
}
html .image-hotspot-dark strong {
 color:#fff!important
}
html .image-hotspot-dark .circle {
 background:#212529!important
}
html .image-hotspot-dark .ring {
 border-color:rgba(33,37,41,.9)
}
html .image-hotspot-light strong {
 color:#777!important
}
html .image-hotspot-light .circle {
 background:#fff!important
}
html .image-hotspot-light .ring {
 border-color:rgba(255,255,255,.9)
}


.numberimages {
    background: #0f61aa;
    color: #fff;
    padding: 6px 13px;
    border-radius: 20px;
    margin-right: 10px;
}

.info-list ul li{
    line-height: 30px;
    text-decoration: none;
}


/* BREADCRUMB IMAGENS BANNER PGS PORTFOLIO START*/


/*Portfolio Farma Start*/
#breadcrumb-portfolio-farma{
    background-image: url("../img/portfolio-farma.jpg");
}

#breadcrumb-portfolio-farma.page-header.page-header-modern.page-header-background{
    background-size: contain !important;
   background-position: 50% 16%;
   background-repeat: no-repeat;
        
}


@media all and (max-width: 1366px){
#breadcrumb-portfolio-farma.page-header.page-header-modern.page-header-background{
   background-position: 50% 33%;
background-repeat: no-repeat;}
}


@media only screen and (max-width: 960px) {
#breadcrumb-portfolio-farma{
    background-image: url("../img/portfolio-farma-mobile.jpg");
}

#breadcrumb-portfolio-farma.page-header.page-header-modern.page-header-background{
    background-size: contain !important;
    background-position: 50% 22%;
    background-repeat: no-repeat;
}

}
/*Portfolio Farma End*/



/*Portfolio Bebidas Start*/
#breadcrumb-portfolio-bebidas{
    background-image: url("../img/portfolio-bebidas.jpg");
}

#breadcrumb-portfolio-bebidas.page-header.page-header-modern.page-header-background{
    background-size: contain !important;
   background-position: 50% 16%;
   background-repeat: no-repeat;
        
}


@media all and (max-width: 1366px){
#breadcrumb-portfolio-bebidas.page-header.page-header-modern.page-header-background{
   background-position: 50% 33%;
background-repeat: no-repeat;}
}


@media only screen and (max-width: 960px) {
#breadcrumb-portfolio-bebidas{
    background-image: url("../img/portfolio-bebidas-mobile.jpg");
}

#breadcrumb-portfolio-bebidas.page-header.page-header-modern.page-header-background{
    background-size: contain !important;
    background-position: 50% 22%;
    background-repeat: no-repeat;
}

}
/*Portfolio Bebidas End*/



/*Portfolio Alimentos Start*/
#breadcrumb-portfolio-alimentos{
    background-image: url("../img/portfolio-alimentos.jpg");
}

#breadcrumb-portfolio-alimentos.page-header.page-header-modern.page-header-background{
    background-size: contain !important;
   background-position: 50% 16%;
   background-repeat: no-repeat;
        
}


@media all and (max-width: 1366px){
#breadcrumb-portfolio-alimentos.page-header.page-header-modern.page-header-background{
   background-position: 50% 33%;
background-repeat: no-repeat;}
}


@media only screen and (max-width: 960px) {
#breadcrumb-portfolio-alimentos{
    background-image: url("../img/portfolio-alimentos-mobile.jpg");
}

#breadcrumb-portfolio-alimentos.page-header.page-header-modern.page-header-background{
    background-size: contain !important;
    background-position: 50% 22%;
    background-repeat: no-repeat;
}

}
/*Portfolio Alimentos End*/


/*Portfolio Ecommerce Start*/
#breadcrumb-portfolio-ecommerce{
    background-image: url("../img/portfolio-ecommerce.jpg");
}

#breadcrumb-portfolio-ecommerce.page-header.page-header-modern.page-header-background{
    background-size: contain !important;
   background-position: 50% 16%;
   background-repeat: no-repeat;
        
}


@media all and (max-width: 1366px){
#breadcrumb-portfolio-ecommerce.page-header.page-header-modern.page-header-background{
   background-position: 50% 33%;
background-repeat: no-repeat;}
}


@media only screen and (max-width: 960px) {
#breadcrumb-portfolio-ecommerce{
    background-image: url("../img/portfolio-ecommerce-mobile.jpg");
}

#breadcrumb-portfolio-ecommerce.page-header.page-header-modern.page-header-background{
    background-size: contain !important;
    background-position: 50% 22%;
    background-repeat: no-repeat;
}

}
/*Portfolio Ecommerce End*/


/*Portfolio HOME E PERSONAL CARE Start*/
#breadcrumb-portfolio-home-personalcare{
    background-image: url("../img/portfolio-home-personalcare.jpg");
}

#breadcrumb-portfolio-home-personalcare.page-header.page-header-modern.page-header-background{
    background-size: contain !important;
   background-position: 50% 16%;
   background-repeat: no-repeat;
        
}


@media all and (max-width: 1366px){
#breadcrumb-portfolio-home-personalcare.page-header.page-header-modern.page-header-background{
   background-position: 50% 33%;
background-repeat: no-repeat;}
}


@media only screen and (max-width: 960px) {
#breadcrumb-portfolio-home-personalcare{
    background-image: url("../img/portfolio-home-personalcare-mobile.jpg");
}

#breadcrumb-portfolio-home-personalcare.page-header.page-header-modern.page-header-background{
    background-size: contain !important;
    background-position: 50% 22%;
    background-repeat: no-repeat;
}

}
/*Portfolio HOME E PERSONAL CARE End*/




/* BREADCRUMB IMAGENS BANNER PGS PORTFOLIO END*/