@font-face {
    font-family: 'GOTHAM-BLACK';
    src: url('/fonts/GOTHAM-B.TTF') format('truetype');
}

@font-face {
    font-family: 'GOTHAM-Medium';
    src: url('/fonts/GOTHAM-M.TTF') format('truetype');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('/fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'HelveticaNeue-HeavyCond';
    src: url('/fonts/HelveticaNeue-HeavyCond.otf') format('opentype');
}

@font-face {
    font-family: 'HelveticaNeue-Condensed';
    src: url('/fonts/HelveticaNeue-Condensed.ttf') format('truetype');
}

@font-face {
    font-family: 'HelveticaNeue-UltraLigCond';
    src: url('/fonts/HelveticaNeue-UltraLigCond.otf') format('opentype');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('/fonts/Roboto-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('/fonts/MyriadPro-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Lato-Bold';
    src: url('/fonts/Lato-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('/fonts/Lato-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato-Black';
    src: url('/fonts/Lato-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Italic';
    src: url('/fonts/Montserrat-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-LightItalic';
    src: url('/fonts/Montserrat-LightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('/fonts/Montserrat-Bold.ttf') format('truetype');
}

/* #region padrão */
body {
    padding-top: 50px;
    padding: 0;
    padding-bottom: 20px;
    /* background: url('ImagensLayout/Site.png') top center no-repeat; */
}


h1 {
    font-weight: bold;
}

h2 {
    font-size: 14px;
    font-weight: bold;
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

* {
    margin: 0;
    max-width: 100%;
    padding: 0;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
}

/* #endregion padrão */

@media (max-width: 320px) {
    #Geral #BoxCentral {
        width: 100% !important;
    }

    #Geral #Cabecalho #Logo {
        width: 100%;
    }

        #Geral #Cabecalho #Logo img {
            width: 100%;
        }

    #Geral #Cabecalho #Menu {
        width: 100%;
    }
}

@media (max-width:500px) {
    #Geral #BoxCentral {
        width: 100% !important;
    }

    #Geral #Cabecalho #Logo {
        width: 100%;
    }

        #Geral #Cabecalho #Logo img {
            width: 100%;
        }

    #Geral #Cabecalho #Menu {
        width: 100%;
    }

    #Geral #Trabalhos #BoxCentral .nav-tabs li {
        border: unset;
        width: 100%;
        padding-left: 15%;
        padding-top: 10px;
        border-bottom: 1px solid white;
    }

    #Geral .Conteudo #Sobre #BoxCentral #Servicos ul li {
        width: 100%;
    }


    #Geral .Conteudo #Artigos #BoxCentral #ListaArtigos {
        border: unset !important;
    }


    #Geral .Conteudo #Artigos #BoxCentral #ConteudoArtigo #ArtigoAtual h2 {
        width: 100%;
    }

    #Geral #Rodape #BoxCentral #LogoRodape {
        float: left;
    }

    #Geral .Conteudo #Banner #DivBanner #BoxBanner #DescricaoBanner h1 {
        font-size: 5px !important;
        margin-top: 0px !important;
    }

    #Geral .Conteudo #Banner #DivBanner #BoxBanner #DescricaoBanner p {
        font-size: 3px !important;
    }
}

@media (max-width:650px) {
    #Geral #BoxCentral {
        width: 100% !important;
    }

    #Geral #Cabecalho #BoxCentral #Logo {
        width: 100%;
    }

    #Geral #Cabecalho #BoxCentral #Menu {
        width: 100%;
    }

    #Geral #Trabalhos .nav-tabs li {
        border: none !important;
    }

        #Geral #Trabalhos .nav-tabs li .DivConteudoAba p {
            width: 85% !important;
        }


    #Geral .Conteudo #Sobre #BoxCentral #Servicos ul li {
        width: 100%;
    }

    #Geral .Conteudo #Banner #DivBanner #BoxBanner #DescricaoBanner h1 {
        font-size: 5px !important;
        margin-top: 0px !important;
    }

    #Geral .Conteudo #Banner #DivBanner #BoxBanner #DescricaoBanner p {
        font-size: 3px !important;
    }

    #Geral .Conteudo #QuemSomos .row {
        margin: 0;
    }

    #Geral .Conteudo #QuemSomos h1 {
        padding-left: 15px;
    }

    #Geral .Conteudo #QuemSomos #Lista #Coluna {
        padding-bottom: 0 !important;
    }

        #Geral .Conteudo #QuemSomos #Lista #Coluna #Funcionario {
            padding-bottom: 10px;
            padding-top: 10px;
        }

            #Geral .Conteudo #QuemSomos #Lista #Coluna #Funcionario #Funcao {
                padding-top: 10px;
            }

    .Resposta#Case #Banner {
        padding: 5rem 0 !important;
    }

        .Resposta#Case #Banner #Informacoes, .Resposta#Case #Banner #Logo {
            padding: 0 50px !important;
        }

    .Resposta#Case #ListaCases #Capa {
        padding: 15px;
    }

    .Resposta#Case #BotaoSaibaMais {
        padding: 0 15px;
    }

    #Geral #Rodape {
        padding-top: 20px !important;
    }

    #Evento h2 {
        padding-bottom: 2rem;
    }

    #Evento .descricao #tela {
        padding: 2rem 0 !important;
    }

    #Evento .producoes {
        padding: 3.5rem 0;
    }

        #Evento .producoes h2 {
            padding-bottom: 2rem;
        }

        #Evento .producoes #videos {
            margin: 0;
            padding-bottom: 4rem;
        }

            #Evento .producoes #videos .col-md-6 {
                padding-bottom: 3rem;
            }

    #Evento .depoimentos .lista {
        padding: 2rem 0 !important;
    }

        #Evento .depoimentos .lista .row {
            margin: 0;
        }

        #Evento .depoimentos .lista .col-md-3 {
            padding: 2rem !important;
        }

        #Evento .depoimentos .lista img {
            position: unset !important;
        }

        #Evento .depoimentos .lista h5 {
            margin: 2rem 0 !important;
            padding: 0 !important;
        }
}

@media (max-width:768px) {
    #Geral #BoxCentral {
        width: 100% !important;
    }

    #Geral #Cabecalho #Logo {
        width: 100%;
    }

    #Geral #Cabecalho #Menu {
        width: 100%;
    }

    #Geral .Conteudo #Banner #DivBanner #BoxBanner #DescricaoBanner h1 {
        font-size: 17px !important;
        margin-top: 5px !important;
    }

    #Geral .Conteudo #Banner #DivBanner #BoxBanner #DescricaoBanner p {
        font-size: 8px !important;
    }

    #Geral .Conteudo #Sobre #BoxCentral #Servicos ul li {
        width: 100%;
    }

    #Geral .Conteudo #Artigos #BoxCentral #ListaArtigos {
        height: 170px !important;
        border: unset !important;
    }

    #Geral .Conteudo #Artigos #BoxCentral #ConteudoArtigo #ArtigoAtual h2 {
        width: 100%;
    }

    #Geral #Rodape #BoxCentral #LogoRodape {
        float: left;
    }

    #Geral #Trabalhos #BoxCentral {
        padding-left: 15px;
    }

    #Geral #Portifolio #BoxCentral {
        padding-left: 15px;
    }

    #Geral #Artigos #BoxCentral {
        padding-left: 15px;
    }

    #Geral #Rodape h1 {
        padding-left: 15px;
    }

    #Geral #Rodape .row {
        padding-left: 15px !important;
    }

    #Geral #Trabalhos .nav-tabs li a.AbaCriacao {
        background-position: 40px 0 !important;
        padding-left: 40px !important;
    }
}

@media (max-width:1090px) {
    #Geral .Conteudo #Banner #DivBanner #BoxBanner #DescricaoBanner h1 {
        font-size: 10px !important;
        margin-top: 3px !important;
    }

    #Geral .Conteudo #Banner #DivBanner #BoxBanner #DescricaoBanner p {
        font-size: 5px !important;
    }
}

@media (max-width: 1200px) {
    #Geral #BoxCentral {
        width: 100% !important;
    }

    #Geral #Cabecalho #BoxCentral #Logo {
        height: 90px;
        width: 100%;
    }

    #Geral #Cabecalho #BoxCentral #Superior {
        height: 0px !important;
    }

    #Geral #Cabecalho #BoxCentral #Menu {
        height: 75px;
    }

    #Geral .Conteudo #Banner #DivBanner #BoxBanner #DescricaoBanner h1 {
        font-size: 20px;
        margin-top: 5px;
    }

    #Geral .Conteudo #Banner #DivBanner #BoxBanner #DescricaoBanner p {
        font-size: 10px;
    }

    #Geral .Conteudo #Sobre #BoxCentral #Servicos ul li {
        width: 100%;
    }


    #Geral #Rodape #BoxCentral #LogoRodape {
        float: left;
    }
}


/* #region CABEÇALHO */

#Geral {
}

#BoxCentral {
    margin: 0 auto;
    width: 1140px;
}


#Geral #Cabecalho {
    height: 165px;
    width: 100%;
    background-color: #d7dee1;
}

    #Geral #Cabecalho #Superior {
        height: 50px;
    }

    #Geral #Cabecalho #Logo {
        float: left;
        padding-left: 1px;
        border: 0px solid red;
    }

    #Geral #Cabecalho #Menu {
        float: right;
        padding-top: 15px;
    }

        #Geral #Cabecalho #Menu #BoxMenu {
        }

        #Geral #Cabecalho #Menu .container {
            padding-right: 0;
        }

        #Geral #Cabecalho #Menu .navbar-collapse {
            padding-right: 0;
        }

        #Geral #Cabecalho #Menu .navbar {
            border-radius: unset;
            border: unset;
            min-height: 25px;
            border: 0px solid red;
            padding-top: 20px;
        }

        #Geral #Cabecalho #Menu .navbar-inverse {
            background-color: #d7dee1;
        }

        #Geral #Cabecalho #Menu .navbar .container .navbar-nav {
            margin-top: 0px;
            float: left;
        }

        #Geral #Cabecalho #Menu .navbar .container .navbar-header .navbar-toggle {
            margin-right: 0 !important;
        }



        #Geral #Cabecalho #Menu .navbar .container .navbar-nav li {
            border-left: 1px solid #5f6060;
            border-bottom: 1px solid #5f6060;
        }

            #Geral #Cabecalho #Menu .navbar .container .navbar-nav li a {
                color: #000;
                font-family: 'Open Sans', sans-serif;
                background-color: #d7dee1;
                font-weight: 600;
                padding: 10px 20px 5px 20px;
            }

            #Geral #Cabecalho #Menu .navbar .container .navbar-nav li div {
                padding: 0px 0 8px 20px;
            }

                #Geral #Cabecalho #Menu .navbar .container .navbar-nav li div a {
                    padding: 0 3px;
                }

/* #endregion CABEÇALHO */

/* #region BANNER */
#Geral .Conteudo {
    margin: 0 auto;
}

    #Geral .Conteudo #Banner {
        margin: 0 auto;
    }

        #Geral .Conteudo #Banner #BannerPrincipal #DivBanner img {
            width: 100%;
        }

        #Geral .Conteudo #Banner #BannerPrincipal {
            position: relative;
        }

        #Geral .Conteudo #Banner #DivBanner .link-banner {
            color: #fff;
            text-decoration: none;
        }

        #Geral .Conteudo #Banner #DivBanner #BoxBanner {
            position: absolute;
            top: 50%;
            left: 50%;
            height: 28%;
            width: 65%;
            transform: translate(-50%, -50%);
            /* background-color: #088a83;*/
            background-color: rgba(51,153,153,0.9);
        }

            #Geral .Conteudo #Banner #DivBanner #BoxBanner #DescricaoBanner h1 {
                color: white;
                font-size: 35px;
                font-family: 'Open Sans';
            }

            #Geral .Conteudo #Banner #DivBanner #BoxBanner #DescricaoBanner p {
                text-transform: uppercase;
                font-family: 'Open Sans';
                font-size: 16px;
                color: white;
            }

/* #endregion BANNER*/

/* #region Carousel Fade*/
.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}
/* #endregion Fade*/

/* #region Sobre */
#Geral .Conteudo #Sobre {
    border: 0px solid green;
    margin: 0 auto;
    background: #dde2e5;
    padding: 50px 0;
}

    #Geral .Conteudo #Sobre h1 {
        color: #cd472d;
        font-family: 'Roboto Slab', sans-serif, 'Roboto', 'Open Sans';
    }


    #Geral .Conteudo #Sobre #Apresentacao {
        border: 0px solid yellow;
        padding-right: 50px;
        line-height: 1.8;
    }

        #Geral .Conteudo #Sobre #Apresentacao h1 {
            margin-bottom: 35px;
        }

        #Geral .Conteudo #Sobre #Apresentacao p {
            text-transform: uppercase;
            font-family: 'Open Sans';
            font-size: 14px;
        }

    #Geral .Conteudo #Sobre #Servicos {
        font-size: 14px;
    }

        #Geral .Conteudo #Sobre #Servicos h2 {
            color: #231f20;
            font-size: 20px;
            font-weight: bold;
            font-family: 'Open Sans';
            width: 80%;
            line-height: 1.2;
            padding-bottom: 8px;
            border-bottom: 1px solid #100d0c;
            margin-bottom: 25px;
        }

        #Geral .Conteudo #Sobre #Servicos ul {
            list-style: none;
            padding: 0;
            width: 100%;
        }

            #Geral .Conteudo #Sobre #Servicos ul li {
                float: left;
                width: 45%;
                font-family: 'Open Sans';
                font-weight: bold;
                margin-right: 30px;
                height: 60px;
                border: 0px solid black;
                margin-bottom: 10px;
            }

        #Geral .Conteudo #Sobre #Servicos #Planejamento {
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
        }

            #Geral .Conteudo #Sobre #Servicos #Planejamento p {
                border-left: 10px solid #cd472d;
                padding-left: 15px;
            }

        #Geral .Conteudo #Sobre #Servicos .clear {
            padding-top: 25px;
            font-family: 'Roboto Slab', sans-serif, 'Open Sans';
            font-size: 16px;
        }

/* #endregion Sobre */

/* #region PORTIFOLIO*/
#Geral .Conteudo #Portifolio {
    /*background-color: #d7dee1;*/
}

    #Geral .Conteudo #Portifolio h1 {
        font-family: 'Roboto Slab', 'Roboto', 'Open Sans';
    }

    #Geral .Conteudo #Portifolio h3 {
        font-family: 'Open Sans',sans-serif;
        font-weight: 600;
        font-size: 14px;
        text-transform: uppercase;
    }

    #Geral .Conteudo #Portifolio #TipoTrabalho {
        margin: 0;
        padding-bottom: 75px;
    }

        #Geral .Conteudo #Portifolio #TipoTrabalho .col-md-3 {
            padding: 0;
        }

#BoxModal {
    border-radius: 4px;
    margin: 0 15px;
}


    #BoxModal #IconFechar {
        text-align: right;
        padding: 10px 5px;
    }

    #BoxModal #Slides .carousel-control.left,
    #BoxModal #Slides .carousel-control.right {
        background-image: unset !important;
    }

    #BoxModal #Slides #Titulo {
        padding: 0px 5px 5px 5px;
        color: #5e5656;
    }

        #BoxModal #Slides #Titulo h3 {
            font-family: GOTHAM-BLACK;
            font-size: 20px;
            font-weight: bold;
        }

        #BoxModal #Slides #Titulo p {
            font-size: 14px;
            font-family: GOTHAM-Medium;
        }

    #BoxModal #Slides .carousel-control .glyphicon-chevron-left {
        left: 5%;
    }

    #BoxModal #Slides .carousel-control .glyphicon-chevron-right {
        right: 5%;
    }



/* #region MODAL WIDE */
.modal.modal-wide .modal-dialog {
    width: 55%;
}
/* #endregion */


/* #Geral .Conteudo #Portifolio #BoxCentral #ItensPortifolio a {
        color: #000;
        text-decoration: none;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        text-transform: uppercase; 
        padding: 0 15px 0 15px;
        border-left: 1px solid #000000;
        border-radius: 0 0 0 0;
    }

    #Geral .Conteudo #Portifolio #BoxCentral #ItensPortifolio span {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        padding: 0 15px 0 0px;
    }

    #Geral .Conteudo #Portifolio #ItensPortifolio ul {
        list-style-type: none;
        padding: 10px 0;
    }

#Geral .Conteudo #ItensPortifolio ul li {
    float: left;
    border-left: 1px solid #000000;
}

    #Geral .Conteudo #ItensPortifolio ul li:first-child {
        border-left: none;
    }

    #Geral .Conteudo #ItensPortifolio ul li.active a {
        background-color: #d7dee1;
        font-weight: bold !important;
        color: #cd472d !important;
    }
    */
#Geral #ImagensPortifolio {
    padding-top: 5px;
    background-color: #fff;
}

    #Geral #ImagensPortifolio .TrabalhosBox {
        border: 1px solid #000;
        padding: 0;
        height: 135px;
        width: 135px;
    }

/* #endregion PORTIFOLIO*/

/* #region Quem somos */
#Geral .Conteudo #QuemSomos {
    padding-bottom: 35px;
}

    #Geral .Conteudo #QuemSomos h1 {
        font-family: 'Roboto Slab', 'Roboto', 'Open Sans';
    }

    #Geral .Conteudo #QuemSomos #Lista {
        padding: 15px 0;
    }

        #Geral .Conteudo #QuemSomos #Lista #Coluna {
            padding-bottom: 25px;
        }

            #Geral .Conteudo #QuemSomos #Lista #Coluna #Funcionario {
            }

                #Geral .Conteudo #QuemSomos #Lista #Coluna #Funcionario p {
                    font-family: 'Open Sans';
                    margin: 0;
                }

                #Geral .Conteudo #QuemSomos #Lista #Coluna #Funcionario #Foto {
                    background: #f5f5f5;
                }

                    #Geral .Conteudo #QuemSomos #Lista #Coluna #Funcionario #Foto img {
                        width: 100px;
                        float: left;
                        margin: 0px 10px 0 0;
                    }


                #Geral .Conteudo #QuemSomos #Lista #Coluna #Funcionario #Dados {
                    background: #f5f5f5;
                    padding: 10px;
                }

                #Geral .Conteudo #QuemSomos #Lista #Coluna #Funcionario.col-md-4 #Dados {
                    height: 230px;
                }

                #Geral .Conteudo #QuemSomos #Lista #Coluna #Funcionario #Dados .Nome {
                    font-weight: bold;
                    font-size: 15px;
                }

                #Geral .Conteudo #QuemSomos #Lista #Coluna #Funcionario #Dados .Cargo {
                    font-size: 14px;
                    line-height: 1.3;
                }

                    #Geral .Conteudo #QuemSomos #Lista #Coluna #Funcionario #Dados .Cargo span {
                        font-size: 12px;
                    }

                #Geral .Conteudo #QuemSomos #Lista #Coluna #Funcionario #Dados .Curriculo {
                    font-size: 13px;
                    margin-top: 5px;
                }



/* #endregion Quem somos */

/* #region CLIENTES*/
#Geral .Conteudo #Clientes {
    /*color: #FFFFFF;
    background-color: #cd472d;*/
    padding: 0;
}

    #Geral .Conteudo #Clientes #BoxCliente {
    }

    #Geral .Conteudo #Clientes .Linha p {
        color: #000;
        font-size: 17px;
        background-color: #fff;
        width: 125px;
        margin: 0px auto -5px auto !important;
        text-decoration: none;
        font-family: 'Open Sans', sans-serif;
    }


    #Geral .Conteudo #Clientes .Linha {
        border-bottom: 2px solid #cd472d !important;
        width: 100%;
    }

#Geral .Conteudo #NossosClientes #ImagemClientes {
    width: 230px;
    height: 115px;
}



    #Geral .Conteudo #NossosClientes #ImagemClientes img {
        margin: 10px;
    }

#Geral .Conteudo #NossosClientes {
    background-color: #fff;
}


/* #endregion CLIENTES*/

/* #region Artigos */

#Geral .Conteudo #Artigos {
    background: #c5ced3;
    border: 0px solid green;
    font-family: 'Roboto Slab', sans-serif, 'Roboto', 'Open Sans';
    margin: 0 auto;
    color: #231f20;
    padding-top: 20px;
}

    #Geral .Conteudo #Artigos h1 {
        font-family: 'Roboto Slab', 'Roboto', 'Open Sans';
        color: #cd472d;
        margin-top: 0;
        padding-top: 0;
    }

#Geral .Conteudo #BoxCentral #SetaTopo {
    float: right;
}


#Geral .Conteudo #Artigos #ListaArtigos {
    border-right: 1px solid #100d0c;
    height: 600px;
}

    #Geral .Conteudo #Artigos #ListaArtigos ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 80%;
    }

        #Geral .Conteudo #Artigos #ListaArtigos ul li {
            padding: 10px 0;
        }

            #Geral .Conteudo #Artigos #ListaArtigos ul li a {
                color: #231f20;
                font-weight: bold;
            }

#Geral .Conteudo #Artigos #ConteudoArtigo {
    height: 600px;
    /*border-left: 1px solid #100d0c;*/
    padding: 0 30px;
    overflow: auto;
}

    #Geral .Conteudo #Artigos #ConteudoArtigo h2 {
        padding-top: 0;
        margin-top: 0;
        width: 50%;
        font-size: 16px;
        text-transform: uppercase;
    }

    #Geral .Conteudo #Artigos #ConteudoArtigo .Artigo {
        display: none;
    }

/* #endregion Artigos */

/* #region Rodape */

#Geral #Rodape {
    background-color: #eaeeef;
    padding-top: 80px;
    padding-bottom: 50px;
    font-family: 'Open Sans', sans-serif;
}

    #Geral #Rodape h1 {
        color: #898b8e;
        font-family: 'Roboto Slab', sans-serif, 'Roboto', 'Open Sans';
        border-bottom: 5px solid #d1d1d1;
        padding-bottom: 8px;
        margin-bottom: 20px;
    }

    #Geral #Rodape .col-md-6 {
    }

    #Geral #Rodape #LogoRodape {
        /*margin-top:30px;
             margin-left:70px;*/
        padding-top: 45px;
        float: right;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #3c3a3b;
    }

        #Geral #Rodape #LogoRodape a {
            color: #3c3a3b;
            text-decoration: none;
        }

        #Geral #Rodape #LogoRodape img {
            width: 240px;
            margin-bottom: 25px;
        }

    #Geral #Rodape .col-md-6 #Infos {
        float: left;
    }

    #Geral #Rodape #DivPreenchimentoObrigatorio {
        font-family: 'Open Sans';
    }

    #Geral #Rodape p {
        font-family: 'Open Sans';
        padding-top: 10px;
    }

/* #endregion Rodape */

/* #region Trabalhos */
/* Tabs */
#Geral .Conteudo #Trabalhos {
    border: 0px solid green;
    background-color: #cd472d;
    color: #FFFFFF;
    padding: 20px 0 0 0;
}

    #Geral .Conteudo #Trabalhos h1 {
        font-family: 'Roboto Slab', 'Roboto', 'Open Sans';
    }

    #Geral .Conteudo #Trabalhos #BoxCentral h3 {
        font-family: 'Open Sans';
        font-size: 16px;
        font-weight: bold;
    }

    #Geral .Conteudo #Trabalhos #BoxCentral p {
        font-family: 'Open Sans';
    }

    #Geral .Conteudo #Trabalhos #ConteudoTrabalhos {
        margin: 0 auto;
        border: 1px solid #00ff21;
        width: 1140px;
        font-family: 'Open Sans';
        height: 340px;
    }

        #Geral .Conteudo #Trabalhos #ConteudoTrabalhos .col-md-12 {
            margin: 0 auto;
            border: 0px solid blue;
        }

        #Geral .Conteudo #Trabalhos #ConteudoTrabalhos .col-md-4 {
            margin: 0 auto;
            border: 0px solid red;
        }

#Geral #Trabalhos .nav-tabs {
    border: unset;
    margin: 40px 0 0px 0;
    padding: 0;
}

#Geral #Trabalhos #margem {
    border: 20px solid #cd472d;
}

#Geral #Trabalhos .nav-tabs li {
    text-align: left;
    width: 33%;
    margin-right: 0px;
    border-right: 1px solid #FFFFFF;
}

    #Geral #Trabalhos .nav-tabs li:last-child {
        border-right: none;
    }

    #Geral #Trabalhos .nav-tabs li a {
        font-family: 'Open Sans';
        padding: 0;
        font-size: 14px;
        border: unset;
        color: #FFFFFF;
        line-height: 25px;
        font-weight: bold;
        height: 310px;
        padding-top: 135px;
        padding-right: 40px;
        padding-left: 40px;
        width: 309px;
        cursor: default;
    }

        #Geral #Trabalhos .nav-tabs li a.AbaProducao {
            background: url('ImagensLayout/producao.png') no-repeat;
            background-position: 40px 0px;
            /*padding-left: 0px;*/
        }

            #Geral #Trabalhos .nav-tabs li a.AbaProducao:hover,
            #Geral #Trabalhos .nav-tabs > li.active > a.AbaProducao,
            #Geral #Trabalhos .nav-tabs > li.active > a.AbaProducao:hover,
            #Geral #Trabalhos .nav-tabs > li.active > a.AbaProducao:focus {
                background: url('ImagensLayout/producao.png') no-repeat;
                background-position: 40px 0px;
            }

        #Geral #Trabalhos .nav-tabs li a.AbaCriacao {
            background: url('ImagensLayout/criacao.png') no-repeat;
            background-position: 0px 0px;
            padding-left: 0px;
        }

            #Geral #Trabalhos .nav-tabs li a.AbaCriacao:hover,
            #Geral #Trabalhos .nav-tabs > li.active > a.AbaCriacao,
            #Geral #Trabalhos .nav-tabs > li.active > a.AbaCriacao:hover,
            #Geral #Trabalhos .nav-tabs > li.active > a.AbaCriacao:focus {
                background: url('ImagensLayout/criacao.png') no-repeat;
                background-position: 0px 0px;
            }

        #Geral #Trabalhos .nav-tabs li a.AbaInternet {
            background: url('ImagensLayout/Internet.png') no-repeat;
            background-position: 40px 0px;
        }

            #Geral #Trabalhos .nav-tabs li a.AbaInternet:hover,
            #Geral #Trabalhos .nav-tabs > li.active > a.AbaInternet,
            #Geral #Trabalhos .nav-tabs > li.active > a.AbaInternet:hover,
            #Geral #Trabalhos .nav-tabs > li.active > a.AbaInternet:focus {
                background: url('ImagensLayout/Internet.png') no-repeat;
                background-position: 40px 0px;
            }

#Geral #Trabalhos .nav-tabs > li > span {
    position: absolute;
    display: none;
}

#Geral #Trabalhos .nav-tabs li a:hover {
    color: #FFFFFF !important;
    /*background-color: #cf5f49 !important;*/
}

#Geral #Trabalhos .nav-tabs > li > a:hover {
}

#Geral #Trabalhos .nav-tabs > li.active > a,
#Geral #Trabalhos .nav-tabs > li.active > a:hover,
#Geral #Trabalhos .nav-tabs > li.active > a:focus {
    color: #FFFFFF !important;
}

#Geral #Trabalhos .nav-tabs > li.active > span {
    display: block;
}

#Geral #Trabalhos .nav-tabs > li {
    margin-bottom: 0;
}

#Geral #Trabalhos .nav-tabs li.active a {
}

#Geral #Trabalhos .nav-tabs li h3 {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0;
    margin-top: 0;
}

#Geral #Trabalhos .nav-tabs li .DivConteudoAba p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

#Geral #RespostaTrabalhos {
    padding-top: 50px;
    /*margin-bottom: 50px;*/
    background: #d7dee1;
    max-height: 1200px;
    overflow: auto;
}

    #Geral #RespostaTrabalhos .tab-pane {
        padding-bottom: 50px;
        border-bottom: 10px solid #cd472d;
    }

    #Geral #RespostaTrabalhos h1 {
        font-family: 'Roboto Slab';
    }

    #Geral #RespostaTrabalhos p {
        font-family: 'Open Sans';
    }

    #Geral #RespostaTrabalhos #tab1 p {
        margin: 0;
        font-family: 'Open Sans';
    }

    #Geral #RespostaTrabalhos #tab1 img {
        margin-top: 50px;
    }

.clear {
    clear: both;
}

/* #endregion Trabalhos */

/* #region BOTÃO PERSONALIZADO */
.btn-personalizado {
    color: #feffff;
    background-color: #cd472d;
    border-color: #b61e01;
    font-weight: bold;
}

    .btn-personalizado:hover,
    .btn-personalizado:focus,
    .btn-personalizado:active,
    .btn-personalizado.active,
    .open .dropdown-toggle.btn-personalizado {
        color: #feffff;
        background-color: #cf5f49;
        border-color: #b61e01;
    }

#btn-personalizado {
    color: #feffff;
    background-color: #cd472d;
    border-color: #b61e01;
    font-weight: bold;
    padding: 6px 12px;
    margin-bottom: 0;
    border: 1px solid transparent;
    font-size: 14px;
    border-radius: 4px;
}

    #btn-personalizado:hover,
    #btn-personalizado:focus,
    #btn-personalizado:active,
    #btn-personalizado.active,
    .open .dropdown-toggle.btn-personalizado {
        color: #feffff;
        background-color: #cf5f49;
        border-color: #b61e01;
    }
/* #endregion */

/* #region Rolagem Horizontal */

.RolagemHorizontal .Lista {
    position: absolute;
    left: 0px;
    top: 0px;
    min-width: 3000px;
    margin-left: 12px;
    margin-top: 0px;
}

    .RolagemHorizontal .Lista li {
        display: table-cell;
        position: relative;
        text-align: center;
        cursor: grab;
        cursor: -webkit-grab;
        color: #efefef;
        vertical-align: middle;
        width: 155px;
        padding: 0 20px 0 0;
    }

.RolagemHorizontal .scroller {
    text-align: center;
    cursor: pointer;
    padding: 7px;
    padding-top: 50px;
    white-space: no-wrap;
    vertical-align: middle;
    background-color: #fff;
}

.RolagemHorizontal .scroller-right {
    float: right;
}

.RolagemHorizontal .scroller-left {
    float: left;
}

.RolagemHorizontal .wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding: 5px;
    height: 170px;
}

/* #endregion Rolagem Horizontal */

/* #region Cases */
.Resposta#Case {
    padding: 0 0 15rem 0;
}

    .Resposta#Case #Descricao {
        padding: 4rem 3rem;
    }

    .Resposta#Case #ListaCases {
        padding: 1rem 0 10rem 0;
    }

        .Resposta#Case #ListaCases .row {
            margin: 0;
            padding: 15px 0;
        }

        .Resposta#Case #ListaCases #Capa {
            position: relative;
        }

            .Resposta#Case #ListaCases #Capa #Efeito.opacidadeVermelha {
                background-color: #cf282c;
            }

            .Resposta#Case #ListaCases #Capa #Efeito.opacidadeCinza {
                background-color: grey;
            }

            .Resposta#Case #ListaCases #Capa #Imagem {
                height: 350px;
                opacity: 0.3;
            }

            .Resposta#Case #ListaCases #Capa h5 {
                color: #fff;
                font-family: HelveticaNeue-HeavyCond;
                font-size: 30px;
                position: absolute;
                bottom: 10px;
                left: 50px;
                width: 60%;
            }

            .Resposta#Case #ListaCases #Capa #BotaoMais {
                position: absolute;
                bottom: 0;
                right: 15px;
            }

    .Resposta#Case #BotaoSaibaMais {
        text-align: center;
        margin: 0 auto;
    }

        .Resposta#Case #BotaoSaibaMais a {
            font-family: Roboto-Bold;
            font-size: 17px;
            color: #fff;
            padding: 3px 10px;
            border-radius: 20px;
            border: 0;
            width: 500px;
            background: #70736f;
        }

    .Resposta#Case #Descricao h1 {
        color: #000000;
        margin-bottom: 0.5rem;
        font-family: HelveticaNeue-HeavyCond;
        font-size: 44px;
    }


    .Resposta#Case #Descricao h3 {
        font-family: HelveticaNeue-UltraLigCond;
        font-size: 37px;
        margin: 0;
        color: #797979;
    }

    .Resposta#Case h1 {
        margin: 0;
    }

    .Resposta#Case #Banner {
        height: 485px;
        position: relative;
        padding: 10rem 0;
        background-size: cover;
    }

        .Resposta#Case #Banner #Informacoes {
            padding: 0 115px;
            color: #000;
        }

            .Resposta#Case #Banner #Informacoes h3 {
                margin: 0;
            }

            .Resposta#Case #Banner #Informacoes h1 {
                font-family: HelveticaNeue-HeavyCond;
                font-size: 42px;
                margin-bottom: 1.5rem;
            }

            .Resposta#Case #Banner #Informacoes p {
                font-family: HelveticaNeue-Condensed;
                font-size: 18px;
            }

        .Resposta#Case #Banner #Logo {
            padding: 0 75px;
        }

        .Resposta#Case #Banner #IconeDiagrama {
            position: absolute;
            right: 0;
            left: 0;
            bottom: -10%;
            margin: 0 auto;
            text-align: center;
        }

    .Resposta#Case #Texto {
        padding: 10rem 0;
        font-family: HelveticaNeue-Condensed;
        color: #797979;
        font-size: 19px;
    }

        .Resposta#Case #Texto h1 {
            color: #000;
            font-family: HelveticaNeue-HeavyCond;
            font-size: 31px;
            margin-bottom: 3rem;
        }

        .Resposta#Case #Texto .row {
            margin: 0;
        }

            .Resposta#Case #Texto .row .col-md-6 {
                padding: 0 55px;
            }

/* #endregion Trabalhos */

/* #region PÁGINA DE EVENTOS */
#Evento {
    color: #fff;
}

    #Evento .descricao {
        background: url(Imagens/fundo-descricao.jpg) center bottom no-repeat;
        background-size: 100%;
        padding: 3.5rem 0 2.5rem 0;
        background-color: #a59f8f;
    }

        #Evento .descricao .video {
            padding-bottom: 3rem;
        }

        #Evento .descricao h1 {
            font-family: MyriadPro-Regular;
            font-size: 55px;
        }

        #Evento .descricao p {
            font-family: Lato-Regular;
            font-size: 20px;
            line-height: 1.5;
        }

        #Evento .descricao #tela {
            padding: 15rem 0 0 0;
        }

    #Evento .transmissao {
        background: url(Imagens/fundo-transmissao.jpg) center top no-repeat;
        background-size: 100%;
        padding: 3.5rem 0 8.5rem 0;
        background-color: #7a7a7a;
    }

    #Evento h2 {
        font-family: MyriadPro-Regular;
        font-size: 44px;
        padding-bottom: 10rem;
        margin-bottom: 3rem;
    }

    #Evento .transmissao h6 {
        font-size: 22px;
        color: #252525;
        font-family: Lato-Black;
        margin-top: 1rem;
    }

    #Evento .transmissao p {
        font-size: 14px;
        color: #252525;
        font-family: Lato-Black;
        margin-top: 1rem;
    }


    #Evento .transmissao .col-md-2 {
        text-align: center;
    }

        #Evento .transmissao .col-md-2 img {
            height: 65px;
        }

    #Evento .producoes {
        background: url(Imagens/fundo-producoes.jpg) center top no-repeat;
        background-size: 100%;
        padding: 3.5rem 0 5rem 0;
        background-color: #1c1c1c;
    }

        #Evento .producoes h2 {
            padding-top: 3rem !important;
            padding-bottom: 5rem !important;
        }

        #Evento .producoes h6 {
            font-family: Lato-Bold;
            font-size: 20px;
            text-transform: uppercase;
        }

        #Evento .producoes p {
            font-family: Lato-Regular;
            font-size: 20px;
            line-height: 1;
            margin-bottom: 0.25rem;
        }

        #Evento .producoes #videos {
            padding-bottom: 7rem;
        }

            #Evento .producoes #videos a {
                color: #fff;
                text-decoration: none;
                cursor: pointer;
            }

    #Evento .depoimentos {
        padding: 5rem 0 0 0;
    }

        #Evento .depoimentos #BoxCentral {
            width: 1500px;
        }

        #Evento .depoimentos h2 {
            color: #aebbc1;
            padding-bottom: 10rem !important;
        }

        #Evento .depoimentos .lista {
            background: #333d2b;
            padding: 0rem 0 7rem 0;
        }

            #Evento .depoimentos .lista .col-md-4 {
                position: relative;
                padding-top: 8rem;
            }

            #Evento .depoimentos .lista img {
                border-radius: 50%;
                position: absolute;
                top: -7rem;
                right: 0;
                left: 0;
                margin: 0 auto;
                width: 150px;
                height: 150px;
            }

            #Evento .depoimentos .lista .col-md-3 {
                padding: 0 25px;
            }

            #Evento .depoimentos .lista h5 {
                font-size: 18px;
                line-height: 1.8;
                margin-top: 10rem;
                font-family: Montserrat-LightItalic;
            }

            #Evento .depoimentos .lista p {
                font-family: Montserrat-Italic;
                font-size: 13px;
                text-transform: uppercase;
            }

                #Evento .depoimentos .lista p span {
                    font-family: Montserrat-LightItalic;
                    font-size: 10px;
                }

    #Evento .equipe {
        background: url(Imagens/fundo-equipe.jpg) center top no-repeat;
        background-size: 100%;
        padding: 3.5rem 0 11.5rem 0;
        background-color: #a89e92;
    }

        #Evento .equipe h2 {
            padding-top: 3rem;
            padding-bottom: 7rem !important;
        }

        #Evento .equipe .col-md-4 {
            padding: 0 25px;
        }

            #Evento .equipe .col-md-4 img {
                width: 100%;
            }

            #Evento .equipe .col-md-4 p {
                text-align: center;
                background: #fff;
                color: #9196a6;
                font-family: Montserrat-Bold;
                font-size: 15px;
                text-transform: uppercase;
                padding: 2rem;
            }

    #Evento .contato {
        background: url(Imagens/fundo-contato.jpg) center top no-repeat;
        background-size: 100%;
        padding: 3.5rem 0 10rem 0;
        background-color: #7c7c7c;
    }

        #Evento .contato .Whats {
            padding: 4rem 0 0 0;
        }

            #Evento .contato .Whats h3 {
                font-size: 30px;
                font-family: MyriadPro-Regular;
            }

            #Evento .contato .Whats a {
                color: #fff;
                text-decoration: none;
            }

        #Evento .contato h2 {
            padding: 5rem 0 0 0;
        }

        #Evento .contato .form-control {
            background: #b5c8b0;
            border: 1px solid #fff;
            color: #fff !important;
            border-radius: 2rem;
            margin: 0 0 1.5rem 0;
        }

            #Evento .contato .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
                color: #fff !important;
            }

            #Evento .contato .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
                color: #fff !important;
            }

            #Evento .contato .form-control::-ms-input-placeholder { /* Microsoft Edge */
                color: #fff !important;
            }

        #Evento .contato #btn-evento {
            color: #fff;
            font-family: Roboto-Bold;
            width: 100%;
            background: #70736f;
            border-radius: 2rem;
            border: 0;
            padding: 0.5rem;
            border: 1px solid #fff;
        }
/* #endregion PÁGINA DE EVENTOS */

#Autonomy .carousel-control {
    background-image: unset !important;
    opacity: 1 !important;
    font-size: 30px;
}

    #Autonomy .carousel-control.left {
        left: -20px;
    }

    #Autonomy .carousel-control.right {
        right: 10px;
    }

#Autonomy .carousel-inner > .item > img,
#Autonomy .carousel-inner > .item > a > img {
    width: 100%;
}