/*===================================RESET===================================*/
    
    *::selection {
        background: transparent;
        color: #fab900;
    }
    
    *::-moz-selection {
        background: transparent;
        color: #fab900;
    }
    
    *::-webkit-selection {
        background: transparent;
        color: #fab900;
    }
    
    ::-webkit-input-placeholder {
        opacity: 1;
    }
    
    ::-moz-placeholder {
        opacity: 1;
        /* firefox 19+ */
    }
    
    :-ms-input-placeholder {
        opacity: 1;
        /* ie */
    }
    
    input:-moz-placeholder {
        opacity: 1;
    }
    
    button::-moz-focus-inner,
    input[type="reset"]::-moz-focus-inner,
    input[type="button"]::-moz-focus-inner,
    input[type="submit"]::-moz-focus-inner,
    input[type="file"]>input[type="button"]::-moz-focus-inner {
        border: 0px none;
        outline: 0 none!important;
    }
    
    select {
        box-shadow: none!important;
    }
    
    button:focus::-moz-focus-inner,
    input[type="reset"]:focus::-moz-focus-inner,
    input[type="button"]:focus::-moz-focus-inner,
    input[type="submit"]:focus::-moz-focus-inner,
    input[type="file"]>input[type="button"]:focus::-moz-focus-inner {
        border: 0px none;
        outline: 0 none!important;
    }
    
    input[type="button"],
    input[type="submit"],
    input[type="text"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        -webkit-border-radius: 0;
        border-radius: 0;
        appearance: none;
    }
    
    html {
        width: 100%;
        height: 100%;
    }
    
    input,
    textarea,
    button {
        box-shadow: none!important;
        border: 0 none;
        resize: none;
        background-color: transparent;
        outline: 0 none!important;
    }
    
    a {
        color: inherit;
        text-decoration: none; //color:expression(this.parentNode.currentStyle['color']);border: 0px none;outline: 0 none!important;}p{margin:0px;padding:0px;line-height:inherit;line-height:expression(this.parentNode.currentStyle['line-height']);}img{border:0 none;}ul,li{margin:0px;padding:0px;line-height:inherit;//line-height:expression(this.parentNode.currentStyle['line-height']);}
        /*===========================================================================*/
        /*==================================FAT NAV==================================*/
        .fat-nav,
        .hamburger__icon,
        .hamburger__icon:after,
        .hamburger__icon:before {
            -moz-transition-duration: .4s;
            -o-transition-duration: .4s;
            -webkit-transition-duration: .4s
        }
        .hamburger {
            display: none;
            width: auto;
            height: auto;
            position: fixed;
            top: 0;
            right: 0;
            z-index: 10000;
            padding: 12px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
            -ms-touch-action: manipulation;
            touch-action: manipulation
        }
        .hamburger__icon {
            position: relative;
            margin-top: 7px;
            margin-bottom: 7px
        }
        .hamburger__icon,
        .hamburger__icon:after,
        .hamburger__icon:before {
            display: block;
            width: 33px;
            height: 2px;
            background-color: #ffffff;
            -moz-transition-property: background-color, -moz-transform;
            -o-transition-property: background-color, -o-transform;
            -webkit-transition-property: background-color, -webkit-transform;
            transition-property: background-color, transform;
            transition-duration: .4s
        }
        .hamburger__icon:after,
        .hamburger__icon:before {
            position: absolute;
            content: ""
        }
        .hamburger__icon:before {
            top: -7px
        }
        .hamburger__icon:after {
            top: 7px
        }
        .hamburger.active .hamburger__icon {
            background-color: transparent
        }
        .hamburger.active .hamburger__icon:after,
        .hamburger.active .hamburger__icon:before {
            background-color: #fff
        }
        .hamburger.active .hamburger__icon:before {
            -moz-transform: translateY(7px)rotate(45deg);
            -ms-transform: translateY(7px)rotate(45deg);
            -webkit-transform: translateY(7px)rotate(45deg);
            transform: translateY(7px)rotate(45deg)
        }
        .hamburger.active .hamburger__icon:after {
            -moz-transform: translateY(-7px)rotate(-45deg);
            -ms-transform: translateY(-7px)rotate(-45deg);
            -webkit-transform: translateY(-7px)rotate(-45deg);
            transform: translateY(-7px)rotate(-45deg)
        }
        .fat-nav {
            top: 0;
            left: 0;
            z-index: 9999;
            position: fixed;
            display: none;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .9);
            -moz-transform: scale(1.4);
            -ms-transform: scale(1.4);
            -webkit-transform: scale(1.4);
            transform: scale(1.4);
            -moz-transition-property: -moz-transform;
            -o-transition-property: -o-transform;
            -webkit-transition-property: -webkit-transform;
            transition-property: transform;
            transition-duration: .4s;
            overflow-y: auto;
            overflow-x: hidden;
            -webkit-overflow-scrolling: touch
        }
        .fat-nav__wrapper {
            width: 100%;
            height: 100%;
            display: table;
            table-layout: fixed
        }
        .fat-nav.active {
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        .fat-nav ul {
            display: table-cell;
            vertical-align: middle;
            margin: 0;
            padding: 0
        }
        .fat-nav li {
            list-style-type: none;
            text-align: center;
            padding: 0px;
            font-size: 2em
        }
        .fat-nav li,
        .fat-nav li a {
            color: #fff
        }
        .fat-nav li a {
            text-decoration: none
        }
        /*===========================================================================*/
        /*===================================FONTS===================================*/
        @font-face {
            font-family: 'FONT';
            src: url('../fonts/FONT/FONT.eot');
            src: url('../fonts/FONT/FONT.eot?#iefix') format('embedded-opentype'), url('../fonts/FONT/FONT.woff') format('woff'), url('../fonts/FONT/FONT.woff2') format('woff2'), url('../fonts/FONT/FONT.ttf') format('truetype'), url('../fonts/FONT/FONT.otf') format('opentype'), url('../fonts/FONT/FONT.svg#FONT') format('svg');
        }
        @font-face {
            font-family: 'MSBlack';
            /*MontSerrat Black*/
            src: url('../fonts/MSBlack/MSBlack.eot');
            src: url('../fonts/MSBlack/MSBlack.eot?#iefix') format('embedded-opentype'), url('../fonts/MSBlack/MSBlack.woff') format('woff'), url('../fonts/MSBlack/MSBlack.woff2') format('woff2'), url('../fonts/MSBlack/MSBlack.ttf') format('truetype'), url('../fonts/MSBlack/MSBlack.otf') format('opentype'), url('../fonts/MSBlack/MSBlack.svg#MSBlack') format('svg');
        }
        @font-face {
            font-family: 'MSBold';
            /*MontSerrat Bold*/
            src: url('../fonts/MSBold/MSBold.eot');
            src: url('../fonts/MSBold/MSBold.eot?#iefix') format('embedded-opentype'), url('../fonts/MSBold/MSBold.woff') format('woff'), url('../fonts/MSBold/MSBold.woff2') format('woff2'), url('../fonts/MSBold/MSBold.ttf') format('truetype'), url('../fonts/MSBold/MSBold.otf') format('opentype'), url('../fonts/MSBold/MSBold.svg#MSBold') format('svg');
        }
        @font-face {
            font-family: 'MSRegular';
            /*MontSerrat Regular*/
            src: url('../fonts/MSRegular/MSRegular.eot');
            src: url('../fonts/MSRegular/MSRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/MSRegular/MSRegular.woff') format('woff'), url('../fonts/MSRegular/MSRegular.woff2') format('woff2'), url('../fonts/MSRegular/MSRegular.ttf') format('truetype'), url('../fonts/MSRegular/MSRegular.otf') format('opentype'), url('../fonts/MSRegular/MSRegular.svg#MSRegular') format('svg');
        }
        @font-face {
            font-family: 'MSULight';
            /*MontSerrat Ultra Light*/
            src: url('../fonts/MSULight/MSULight.eot');
            src: url('../fonts/MSULight/MSULight.eot?#iefix') format('embedded-opentype'), url('../fonts/MSULight/MSULight.woff') format('woff'), url('../fonts/MSULight/MSULight.woff2') format('woff2'), url('../fonts/MSULight/MSULight.ttf') format('truetype'), url('../fonts/MSULight/MSULight.otf') format('opentype'), url('../fonts/MSULight/MSULight.svg#MSULight') format('svg');
        }
        @font-face {
            font-family: 'MSHLine';
            /*MontSerrat HairLine*/
            src: url('../fonts/MSHLine/MSHLine.eot');
            src: url('../fonts/MSHLine/MSHLine.eot?#iefix') format('embedded-opentype'), url('../fonts/MSHLine/MSHLine.woff') format('woff'), url('../fonts/MSHLine/MSHLine.woff2') format('woff2'), url('../fonts/MSHLine/MSHLine.ttf') format('truetype'), url('../fonts/MSHLine/MSHLine.otf') format('opentype'), url('../fonts/MSHLine/MSHLine.svg#MSHLine') format('svg');
        }
        /*===========================================================================*/
        /*===================================MAIN===================================*/
        /*.container{
	width:970px!important;//habilitar para sites não responsivos
}*/
        header,
        section,
        footer,
        .header,
        .section,
        .footer {
            width: 100%;
            float: left;
        }
        .no-padding-col {
            padding: 0px;
        }
        .div-video {
            width: 100%;
            float: left;
            position: relative;
        }
        video.video-banner {
            width: auto;
            height: auto;
            min-width: 100%;
            min-height: 100%;
            position: fixed;
            top: 0%;
            left: 50%;
            z-index: -1;
            -webkit-transform: translateX(-50%) translateY(-0%);
            -moz-transform: translateX(-50%) translateY(-0%);
            -ms-transform: translateX(-50%) translateY(-0%);
            -o-transform: translateX(-50%) translateY(-0%);
            transform: translateX(-50%) translateY(-0%);
        }
        .div-inicio {
            width: 100%;
            float: left;
            overflow: hidden;
        }
        .div-menu-trabalhos {
            width: 350px;
            height: 100vh;
            float: left;
            background-color: rgba(0, 0, 0, 0.85);
            position: fixed;
            z-index: 200;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }
        .div-logo {
            width: 100%;
            height: 16vh;
            padding-top: 4vh;
            float: left;
            padding-left: 50px;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            position: relative;
        }
        .div-logo a {
            width: 100%;
            height: 100%;
            float: left;
            position: absolute;
            left: 0;
        }
        .div-logo img {
            max-width: 100%;
        }
        .logoInterativaHover {
            display: none;
        }
        ul.lista-trabalhos {
            width: 100%;
            height: 84vh;
            float: left;
            text-align: center;
        }
        ul.lista-trabalhos li {
            width: 100%;
            height: 21vh;
            float: left;
            padding-left: 50px;
            cursor: pointer;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            display: table;
        }
        ul.lista-trabalhos li a:hover,
        ul.lista-trabalhos li a:focus,
        ul.lista-trabalhos li a {
            width: auto;
            text-align: left;
            font-family: 'MSBlack';
            font-size: 55px;
            line-height: 45px;
            color: #ffffff;
            text-decoration: none;
            display: table-cell;
            vertical-align: middle;
        }
        ul.lista-trabalhos li a span {
            display: block;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }
        ul.lista-trabalhos li a div {
            width: 100%;
            float: left;
            text-align: center;
            line-height: 20vh;
            display: none;
        }
        ul.lista-trabalhos li a div:hover,
        ul.lista-trabalhos li a div:focus {
            background-color: #ffffff;
        }
        ul.lista-trabalhos li a div .ico-normal {
            display: inline-block;
        }
        ul.lista-trabalhos li a div .ico-hover {
            display: none;
        }
        .navbar.navbar-default.navbar-menu-principal {
            background-color: transparent;
            border-radius: 0px;
            margin-bottom: 0px;
            padding: 5vh 0px 1vh 45px;
            border: 0px;
            height: 16vh;
        }
        .navbar-default.navbar-menu-principal .navbar-nav>li>a {
            color: #ffffff;
            font-family: 'MSBold';
        }
        .navbar-default.navbar-menu-principal .navbar-nav>li>a:hover,
        .navbar-default.navbar-menu-principal .navbar-nav>li>a:focus {
            color: #000000;
        }
        .navbar-default.navbar-menu-principal .navbar-nav.navbar-right>li>a {
            color: #ffffff;
            font-size: 25px;
            padding: 13px 0px 13px 8px;
        }
        .div-caption {
            width: calc(100% - 350px);
            margin-left: 350px;
            min-height: 100vh;
            float: left;
            background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.75) 0%, rgba(185, 185, 185, 0.9) 100%);
            background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.75) 0%, rgba(185, 185, 185, 0.9) 100%);
            background: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.75) 0%, rgba(185, 185, 185, 0.9) 100%);
            background: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.75) 0%, rgba(185, 185, 185, 0.9) 100%);
            background: linear-gradient(45deg, rgba(0, 0, 0, 0.75) 0%, rgba(185, 185, 185, 0.9) 100%);
            filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1);
        }
        #captionBranding {
            display: none;
        }
        #captionPropaganda {
            display: none;
        }
        #captionDesign {
            display: none;
        }
        #captionDigital {
            display: none;
        }
        .div-fone-news {
            width: 100%;
            height: 100px;
            line-height: 98px;
            float: left;
            padding: 0px 45px;
            text-align: right;
            position: relative;
            z-index: 100;
            margin-top: -100px;
        }
        .div-fone-news a,
        .div-fone-news a:hover,
        .div-fone-news a:focus {
            text-decoration: none;
        }
        .span-fone {
            font-family: 'MSBold';
            color: #ffffff;
            font-size: 18px;
        }
        .span-news {
            font-family: 'MSBold';
            color: #ffffff;
            font-size: 18px;
        }
        .span-news a {
            text-decoration: underline;
            font-family: 'MSRegular';
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            font-size: 15px;
            font-style: italic;
        }
        .span-news a:hover,
        .span-news a:focus {
            text-decoration: underline;
            color: #000;
        }
        .caption-banner {
            width: calc(100% - 210px);
            float: left;
            padding: 4vh 75px 75px 75px;
            position: relative;
            z-index: 1400;
        }
        .caption-banner h3,
        .caption-banner p {
            width: 100%;
            float: left;
            font-family: 'MSHLine';
            font-size: 70px;
            line-height: 70px;
            color: #ffffff;
        }
        .caption-banner h1 strong,
        .caption-banner p strong,
        .caption-banner b {
            width: 100%;
            float: left;
            font-family: 'MSBlack';
            font-size: 70px;
            line-height: 70px;
            color: #ffffff;
        }
        .div-submenus {
            width: 0px;
            height: 84vh;
            float: left;
            padding-left: 0px;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            opacity: 0;
            padding-top: 4vh;
        }
        .div-submenus h3 {
            width: 100%;
            float: left;
            font-family: 'MSBlack';
            font-size: 22px;
            color: #ffffff;
        }
        .div-submenus h3 div {
            width: 100%;
            float: left;
        }
        .div-submenus h3 div span {
            width: 50px;
            height: 2px;
            float: left;
            background-color: #ffffff;
            margin-top: 10px;
        }
        .div-submenus ul {
            width: 100%;
            height: 80vh;
            float: left;
            padding: 25px 0px;
        }
        .div-submenus ul li {
            width: 100%;
            float: left;
            padding: 2vh 0px;
        }
        .div-submenus ul li a {
            width: auto;
            float: left;
            font-family: 'MSBold';
            font-size: 15px;
            color: #ffffff;
            text-decoration: none;
            white-space: nowrap;
        }
        .div-submenus ul li a i {
            font-size: 30px;
            position: absolute;
            margin-top: -5px;
            margin-left: -20px;
            opacity: 0;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }
        .div-submenus ul li a:hover,
        .div-submenus ul li a:focus {
            text-decoration: none;
        }
        .div-submenus ul li a:hover i,
        .div-submenus ul li a:focus i {
            opacity: 1;
        }
        #branding,
        #propaganda,
        #design,
        #digital {
            z-index: 5;
            position: relative;
        }
        .menu-trabalhos-desktop {
            display: block;
        }
        .menu-trabalhos-mobile {
            display: none;
        }
        .section-agencia {
            width: 100%;
            float: left;
        }
        .div-menu-fixo {
            width: 350px;
            height: auto;
            min-height: 1vh;
            float: left;
        }
        .div-menu-fixo-interna {
            width: 200px;
            float: left;
            height: auto;
            min-height: 1vh;
        }
        .div-conteudo-agencia {
            width: calc(100% - 350px);
            min-height: 1vh;
            float: left;
            background-color: #e8e8e8;
            overflow: hidden;
        }
        .div-conteudo-agencia-interna {
            width: calc(100% - 200px);
            float: left;
        }
        .div-dispositivos {
            width: 100%;
            min-height: 100vh;
            float: left;
            background: url(../img/img-dispositivos.png)no-repeat;
            background-position: 100% 100%;
            background-size: cover;
        }
        .div-descricao-agencia {
            width: 100%;
            float: left;
            padding: 50px;
        }
        .div-descricao-agencia h3 {
            width: 100%;
            float: left;
            margin-top: 0px;
            font-family: 'MSBold';
            font-size: 3vw;
            line-height: 3vw;
        }
        .div-descricao-agencia p {
            width: 100%;
            float: left;
            font-family: 'MSULight';
            margin: 15px 0px;
            font-size: 1.3vw;
        }
        .div-descricao-agencia ul {
            width: 100%;
            float: left;
            display: inline-block;
            list-style-type: none;
        }
        .div-descricao-agencia ul li {
            font-family: 'MSBold';
            margin-top: 10px;
            font-size: 1.3vw;
        }
        .div-descricao-agencia ul li i {
            color: #fdac00;
            font-size: 1.3vw;
        }
        .div-galeria-celular {
            width: 346px;
            height: 630px;
            float: left;
            background: url(../img/galeriaCelular.png)no-repeat;
            padding: 100px 45px 74px 44px;
            margin-left: 125px;
            margin-top: -250px;
            transform: rotate(31deg);
        }
        .carousel-inner.inner-celular {
            height: 455px;
        }
        .carousel-indicators.indicators-celular {
            width: 100%;
            bottom: 0px;
            left: 0px;
            margin-left: 0;
        }
        .carousel-indicators.indicators-celular .active {
            width: 15px;
            height: 15px;
            margin: 0px;
            background-color: #fdac00;
            border: 1px solid #fdac00;
        }
        .carousel-indicators.indicators-celular li {
            width: 15px;
            height: 15px;
            margin: 0px;
            background-color: #ffffff;
            border-radius: 50%;
        }
        .section-trabalhos {
            width: 100%;
            float: left;
        }
        .div-conteudo-agencia.conteudo-trabalhos {
            background-color: transparent;
            height: auto;
            z-index: 100;
        }
        .div-item-trabalho {
            width: 100%;
            min-height: 50vh;
            height: 400px;
            float: left;
            padding: 50px;
            background: rgb(253, 161, 0);
            background: -webkit-linear-gradient(45deg, rgba(253, 161, 0, 1) 0%, rgba(244, 190, 41, 1) 100%);
            background: -moz-linear-gradient(45deg, rgba(253, 161, 0, 1) 0%, rgba(244, 190, 41, 1) 100%);
            background: -ms-linear-gradient(45deg, rgba(253, 161, 0, 1) 0%, rgba(244, 190, 41, 1) 100%);
            background: -o-linear-gradient(45deg, rgba(253, 161, 0, 1) 0%, rgba(244, 190, 41, 1) 100%);
            background: linear-gradient(45deg, rgba(253, 161, 0, 1) 0%, rgba(244, 190, 41, 1) 100%);
            position: relative;
            overflow: hidden;
        }
        .div-titulo-trabalho {
            width: 150px;
            float: left;
            position: absolute;
            transform: rotate(-90deg);
            left: 0;
            bottom: 112px;
            font-family: 'MSBold';
            font-size: 1.6vw;
            line-height: 1.6vw;
            color: #ffffff;
            letter-spacing: 2px;
        }
        .div-titulo-trabalho div {
            width: 40px;
            height: 3px;
            background-color: #ffffff;
            margin-top: 15px;
        }
        .div-descricao-trabalho {
            width: 100%;
            height: 100%;
            float: left;
            font-family: 'MSULight';
            font-size: 1.3vw;
            color: #ffffff;
            padding-left: 90px;
            bottom: 50px;
            display: table;
        }
        .div-descricao-trabalho div {
            display: table-cell;
            vertical-align: bottom;
        }
        .div-item-trabalho.item-trabalho-branco {
            background: #ffffff;
        }
        .item-trabalho-branco .div-descricao-trabalho,
        .item-trabalho-branco .div-titulo-trabalho {
            color: #000000;
        }
        .item-trabalho-branco .div-titulo-trabalho div {
            background-color: #000000;
        }
        .section-clientes {
            width: 100%;
            float: left;
        }
        .div-titulo-clientes {
            width: 100%;
            float: left;
            box-shadow: inset 0px 150px 75px -100px rgba(14, 14, 14, 0.2);
            text-align: center;
        }
        .div-titulo-clientes h3 {
            font-family: 'MSBold';
            font-size: 200px;
            color: #c7c8c9;
            letter-spacing: -10px;
            margin-top: -80px;
        }
        .div-logo-cliente {
            width: 100%;
            height: 150px;
            line-height: 150px;
            float: left;
            text-align: center;
            margin: 15px 0px;
        }
        .div-logo-cliente a {
            width: 100%;
            height: auto;
            float: left;
        }
        .div-logo-cliente a img {
            max-width: 200px;
            max-height: 200px;
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }
        .div-logo-cliente a:hover img,
        .div-logo-cliente a:focus img {
            -webkit-filter: grayscale(0%);
            -moz-filter: grayscale(0%);
            -ms-filter: grayscale(0%);
            -o-filter: grayscale(0%);
            filter: grayscale(0%);
        }
        .div-conteudo-agencia.conteudo-clientes {
            background-color: #ffffff;
            padding-bottom: 30px;
        }
        .section-blog {
            width: 100%;
            float: left;
        }
        .div-conteudo-agencia.conteudo-blog {
            background-color: #e8e8e8;
            position: relative;
            min-height: 1vh;
        }
        .ul-lista-blog {
            width: 100%;
            float: left;
            padding: 100px 100px 0px 100px;
        }
        .ul-lista-blog li {
            width: 100%;
            float: left;
            display: table;
        }
        .ul-lista-blog li a {
            display: table-cell;
            vertical-align: middle;
            color: #000000;
            padding: 30px 0px;
            border-top: 1px solid #000000;
            border-bottom: 1px solid #000000;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }
        .ul-lista-blog li:first-child a {
            border-top: 2px solid #000000;
        }
        .ul-lista-blog li:last-child a {
            border-bottom: 2px solid #000000;
        }
        .ul-lista-blog li a:hover,
        .ul-lista-blog li a:focus {
            text-decoration: none;
            color: #a8a8a8;
        }
        .div-titulo-materia {
            width: calc(100% - 300px);
            float: left;
            text-align: left;
            font-family: 'MSBold';
            font-size: 17px;
            line-height: 20px;
        }
        .div-data-e-seta {
            width: 300px;
            float: left;
            text-align: right;
            font-family: 'MSULight';
            font-size: 15px;
            line-height: 15px;
        }
        .div-data-e-seta i {
            margin-left: 50px;
            font-size: 25px;
            line-height: 17px;
        }
        .div-titulo-blog {
            width: 100%;
            float: left;
            text-align: center;
            position: relative;
            bottom: -5vw;
        }
        .div-titulo-blog h3 {
            font-family: 'MSBlack';
            font-size: 22vw;
            color: #ffffff;
            margin: 0px;
        }
        .footer-rodape {
            width: 100%;
            float: left;
        }
        .div-conteudo-agencia.conteudo-rodape {
            background-color: rgba(0, 0, 0, 0.875);
            padding: 50px;
        }
        .div-ajusta-rodape {
            width: 100%;
            float: left;
        }
        .div-titulo-rodape {
            width: 100%;
            float: left;
        }
        .div-titulo-rodape h3 {
            font-family: 'MSBold';
            font-size: 3vw;
            line-height: 3vw;
            color: #ffffff;
            margin: 0px;
        }
        .div-dados-rodape {
            width: 100%;
            float: left;
        }
        .div-dados-rodape address {
            width: auto;
            float: left;
            font-family: 'MSULight';
            font-size: 20px;
            line-height: 20px;
            color: #ffffff;
            margin-top: 10px;
        }
        .div-dados-rodape a b,
        .div-dados-rodape a {
            width: auto;
            float: left;
            font-family: 'MSULight';
            font-size: 20px;
            line-height: 20px;
            color: #fab900;
            margin-top: 5px;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }
        .div-dados-rodape a:hover b,
        .div-dados-rodape a:focus b,
        .div-dados-rodape a:hover,
        .div-dados-rodape a:focus {
            text-decoration: none;
            color: #ffffff;
        }
        .formulario-contato {
            width: 100%;
            float: left;
            padding: 50px 0px 0px 0px;
        }
        .form-control.form-contato {
            width: 100%;
            height: 70px;
            float: left;
            border-radius: 0px;
            background-color: transparent;
            font-family: 'MSRegular';
            font-size: 20px;
            border: 0px;
            border-bottom: 2px solid #ffffff;
            margin-top: 20px;
            padding: 0px;
            letter-spacing: 3px;
            color: #ffffff;
        }
        select.form-control.form-contato option {
            color: #000000;
        }
        .form-control.form-contato::-webkit-input-placeholder {
            color: #ffffff;
        }
        .form-control.form-contato:-moz-placeholder {
            color: #ffffff;
        }
        .form-control.form-contato::-moz-placeholder {
            color: #ffffff;
        }
        .form-control.form-contato:-ms-input-placeholder {
            color: #ffffff;
        }
        textarea.form-control.form-contato {
            margin-top: 40px;
            height: 150px;
        }
        .btn-default.btn-enviar-rodape {
            width: auto;
            float: right;
            background-color: transparent;
            border-radius: 0px;
            border: 0px;
            font-family: 'MSRegular';
            font-size: 18px;
            color: #fab900;
            letter-spacing: 3px;
            padding: 0px;
            margin-top: -40px;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }
        .btn-default.btn-enviar-rodape:hover,
        .btn-default.btn-enviar-rodape:focus {
            background-color: transparent;
            color: #ffffff;
        }
        a.vc-e-fera {
            width: auto;
            float: right;
            font-family: 'MSRegular';
            font-size: 15px;
            color: #fab900;
            margin-top: 15px;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }
        a.vc-e-fera:hover,
        a.vc-e-fera:focus {
            text-decoration: none;
            color: #ffffff;
        }
        .div-spans-rodape {
            width: 100%;
            float: left;
            padding: 20px 0px;
        }
        .span-interativa {
            font-family: 'MSBold';
            font-size: 15px;
            color: #ffffff;
        }
        .span-direitos {
            font-family: 'MSULight';
            font-size: 15px;
            color: #ffffff;
        }
        .div-logo-rodape {
            width: 100%;
            float: left;
            text-align: center;
            padding: 2px 0px;
        }
        .div-logo-rodape img {
            max-width: 100%;
            max-height: 100%;
        }
        .div-ajusta-rodape.ajusta-ultima-div {
            padding: 50px 0px 0px 0px;
        }
        .ul-social-rodape {
            width: 100%;
            float: left;
            text-align: right;
            display: inline-block;
            padding: 18px 0px;
        }
        .ul-social-rodape li {
            display: inline-block;
        }
        .ul-social-rodape li:last-child {
            margin-left: 15px;
        }
        .ul-social-rodape li a {
            color: #ffffff;
            font-size: 22px;
            line-height: 22px;
        }
        .ul-social-rodape li a:hover,
        .ul-social-rodape li a:focus {
            text-decoration: none;
        }
        .ul-social-rodape li a span {
            font-family: 'MSRegular';
            font-size: 18px;
        }
        .ul-social-rodape li a span i {
            margin-left: 5px;
        }
        .fat-nav li a {
            font-family: 'MSBlack';
        }
        .div-menu-trabalhos.menu-trabalhos-desktop-rolagem {
            display: none;
        }
        .div-logo-rolagem {
            width: 100%;
            height: 16vh;
            line-height: 16vh;
            float: left;
            text-align: center;
        }
        .div-logo-rolagem img {
            max-width: 100%;
            max-height: 100%;
        }
        .lista-trabalhos-rolagem li a,
        .lista-trabalhos-rolagem li,
        .lista-trabalhos-rolagem {
            width: 100%;
            float: left;
        }
        .lista-trabalhos-rolagem li {
            padding: 0px!important;
            line-height: 21vh!important;
        }
        .lista-trabalhos-rolagem li a {
            width: 100%!important;
            height: 21vh!important;
            line-height: 21vh!important;
            font-size: inherit!important;
            float: left;
            text-align: center!important;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }
        .lista-trabalhos-rolagem li a .ico-normal {
            display: inline-block;
        }
        .lista-trabalhos-rolagem li a .ico-hover {
            display: none;
        }
        .lista-trabalhos-rolagem li a:hover .ico-normal,
        .lista-trabalhos-rolagem li a:focus .ico-normal {
            display: none;
        }
        .lista-trabalhos-rolagem li a:hover .ico-hover,
        .lista-trabalhos-rolagem li a:focus .ico-hover {
            display: inline-block;
        }
        div.p-item-trabalho p,
        .titulo-item-trabalho,
        .item-lista-trabalho,
        .descricao-item-trabalho,
        .imagem-item-trabalho,
        .section-lista-trabalhos {
            width: 100%;
            float: left;
        }
        .descricao-item-trabalho {
            padding: 75px 25px;
        }
        .imagem-item-trabalho img {
            width: 100%;
            float: left;
        }
        .conteudo-lista-trabalho {
            min-height: 1vh!important;
        }
        .titulo-item-trabalho {
            font-family: 'MSBold';
            font-size: 4vw;
            line-height: 3.4vw;
            color: #000000;
            text-align: right;
            margin: 0px;
            letter-spacing: -2px;
        }
        div.p-item-trabalho p {
            font-family: 'MSULight';
            font-size: 15px;
            color: #000000;
            margin-bottom: 20px;
            padding: 0px;
        }
        .btn-default.btn-item-trabalho {
            width: auto;
            float: left;
            border-radius: 0px;
            background-color: transparent;
            border: 2px solid #fab900;
            color: #fab900;
            font-family: 'MSBold';
            font-size: 15px;
            padding: 12px 17px;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }
        .btn-default.btn-item-trabalho:hover,
        .btn-default.btn-item-trabalho:focus {
            background-color: #ffffff;
            border: 2px solid #000000;
            color: #000000;
        }
        .item-lista-trabalho.item-lista-trabalho-dark {
            background-color: #000000;
        }
        div.p-item-trabalho.p-item-trabalho-dark p,
        .titulo-item-trabalho.titulo-item-trabalho-dark {
            color: #ffffff;
        }
        .section-lista-blog {
            width: 100%;
            float: left;
        }
        .conteudo-lista-blog {
            min-height: 1vh!important;
        }
        .div-img-blog-lista,
        .item-blog-lista {
            width: 100%;
            float: left;
        }
        .div-img-blog-lista {
            overflow: hidden;
        }
        .div-img-blog-lista img {
            width: 100%;
        }
        .descricao-blog-lista {
            width: 100%;
            float: left;
            padding: 75px;
        }
        .descricao-blog-lista p,
        .descricao-blog-lista h3 {
            width: 100%;
            float: left;
        }
        .descricao-blog-lista h3 {
            font-family: 'MSBold';
            font-size: 3vw;
            line-height: 3vw;
            color: #000000;
            letter-spacing: -2px;
            margin: 0px 0px 15px 0px;
        }
        .descricao-blog-lista p {
            font-family: 'MSULight';
            font-size: 15px;
            color: #000000;
            margin: 0px 0px 15px 0px;
        }
        .conteudo-lista-blog .item-blog-lista:nth-child(even) #ajusta-lado-foto {
            float: right;
        }
        .blog-interna-descricao span,
        .blog-interna-descricao h3,
        .blog-interna-descricao p,
        .blog-interna-descricao,
        .section-blog-interna {
            width: 100%;
            float: left;
        }
        .conteudo-blog-interna {
            min-height: 1vh!important;
            background-color: #ffffff;
        }
        .blog-interna-descricao {
            padding: 65px 70px;
        }
        .blog-interna-descricao h3 {
            font-family: 'MSBold';
            font-size: 4vw;
            line-height: 3.3vw;
            color: #000000;
            margin: 0px;
            letter-spacing: -2px;
            margin-bottom: 20px;
        }
        .blog-interna-descricao span,
        .blog-interna-descricao p {
            font-family: 'MSULight';
            font-size: 15px;
            color: #000000;
            margin: 0 !important;
            margin-bottom: 15px;
        }
        .blog-interna-descricao p a {
            font-family: 'MSBold';
            text-decoration: underline;
            color: #606060;
        }
        .blog-interna-descricao p a:hover,
        .blog-interna-descricao p a:focus {
            color: #fab900;
        }
        .galeria-blog-interna {
            width: 100%;
            float: left;
            text-align: center;
            margin: 30px 0px 0px 0px;
            /*background-color:#e8e8e8;*/
        }
        .galeria-blog-interna div {
            width: 100%;
            float: left;
            text-align: center;
        }
        .galeria-blog-interna div img {
            max-width: 100%;
            display: inline-block;
        }
        .fotorama__nav--dots {
            background-color: #d6d6d6;
        }
        .blog-interna-descricao div>a {
            float: left;
            font-family: 'MSBold';
            font-size: 18px;
            line-height: 18px;
            color: #000000;
            padding-top: 60px;
        }
        .blog-interna-descricao div>a i {
            font-size: 20px;
            line-height: 18px;
            margin-left: 5px;
        }
        .blog-interna-descricao div>a:hover,
        .blog-interna-descricao div>a:focus {
            text-decoration: none;
        }
        #input-busca-blog {
            float: right;
        }
        .form-control.form-busca {
            width: 100%;
            height: 50px;
            float: left;
            border-radius: 0px;
            border: 2px solid #fab900;
            background-color: transparent;
            color: #000000;
            font-family: 'MSBold';
            padding-right: 50px;
        }
        .form-control.form-busca::-webkit-input-placeholder {
            color: #000000;
        }
        .form-control.form-busca:-moz-placeholder {
            color: #000000;
        }
        .form-control.form-busca::-moz-placeholder {
            color: #000000;
        }
        .form-control.form-busca:-ms-input-placeholder {
            color: #000000;
        }
        .btn-default.btn-buscar:hover,
        .btn-default.btn-buscar:focus,
        .btn-default.btn-buscar {
            width: 46px;
            height: 46px;
            float: right;
            border-radius: 0px;
            position: relative;
            margin-top: -48px;
            margin-right: 2px;
            border: none;
            background-color: transparent;
            color: #000000;
            font-size: 20px;
        }
        .section-trabalhos-interna {
            width: 100%;
            float: left;
        }
        .conteudo-trabalhos-interna {
            background-color: #ffffff;
            min-height: 1vh!important;
            padding: 65px 50px;
        }
        #titulo-trabalhos-interna,
        .titulo-trabalhos-interna {
            width: 100%;
            float: left;
            font-family: 'MSBold';
            font-size: 3.6vw;
            line-height: 3.2vw;
            color: #000000;
            text-align: right;
            margin: 0px;
        }
        .descricao-trabalhos-interna {
            width: 100%;
            float: left;
        }
        .descricao-trabalhos-interna p {
            font-family: 'MSULight';
            font-size: 16px;
            color: #000000;
            margin-bottom: 15px;
        }
        .descricao-trabalhos-interna a {
            font-family: 'MSBold';
            font-size: 16px;
            color: #606060;
        }
        .descricao-trabalhos-interna a:hover,
        .descricao-trabalhos-interna a:focus {
            color: #fab900;
        }
        .item-imagem-trabalhos-interna {
            width: 100%;
            float: left;
            text-align: center;
        }
        .item-imagem-trabalhos-interna img {
            max-width: 100%;
        }
        #lista-img-trabalhos-interna {
            margin-top: 15px;
        }
        #lista-img-trabalhos-interna .item-imagem-trabalhos-interna:first-child {
            margin-top: 30px;
        }
        .link-trabalho {
            width: auto;
            float: left;
            font-family: 'MSBold';
            font-size: 20px;
            color: #606060;
            margin: 60px 0px 0px 0px;
        }
        .link-trabalho:hover,
        .link-trabalho:focus {
            color: #fab900;
        }
        .voltar-trabalhos:hover,
        .voltar-trabalhos:focus,
        .voltar-trabalhos {
            float: right!important;
            font-family: 'MSBold';
            font-size: 18px;
            line-height: 18px;
            color: #000000;
            margin: 65px 0px 0px 0px;
            text-decoration: none;
        }
        .voltar-trabalhos i {
            font-size: 20px;
            line-height: 18px;
            margin-left: 5px;
        }
        .div-fundo-categoria {
            width: 100%;
            float: left;
        }
        .div-menu-trabalhos-interna {
            width: 200px;
            height: 100vh;
            float: left;
            background-color: rgba(0, 0, 0, 0.875);
            position: fixed;
            z-index: 1500;
        }
        .div-banner-interna {
            width: calc(100% - 200px);
            min-height: 100vh;
            float: left;
            margin-left: 200px;
        }
        .div-logo-interna {
            width: 100%;
            height: 16vh;
            line-height: 16vh;
            float: left;
            text-align: center;
            background: url('../img/logoInterativaHover.png')no-repeat;
            background-position: center center;
            position: relative;
        }
        .div-logo-interna a {
            width: 100%;
            height: 100%;
            float: left;
            position: absolute;
            left: 0;
        }
        ul.menu-interna {
            width: 100%;
            height: 84vh;
            float: left;
        }
        ul.menu-interna li {
            position: relative;
            width: 100%;
            height: 21vh;
            line-height: 21vh;
            float: left;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }
        ul.menu-interna li.menu-branding-internas {
            background: url(../img/icoBranding.png)no-repeat;
            background-position: center center;
        }
        ul.menu-interna li.menu-propaganda-internas {
            background: url(../img/icoPropaganda.png)no-repeat;
            background-position: center center;
        }
        ul.menu-interna li.menu-design-internas {
            background: url(../img/icoDesign.png)no-repeat;
            background-position: center center;
        }
        /*----------*/
        /*.menu-design-internas > a{
	display:none;
}
.menu-design-internas.active > a{
	display:block;
	width:100%;
	height:100%;
	float:left;
}
.menu-digital-internas > a{
	display:none;
}
.menu-digital-internas.active > a{
	display:block;
	width:100%;
	height:100%;
	float:left;
}*/
        /*----------*/
        ul.menu-interna li.menu-digital-internas {
            background: url(../img/icoDigital.png)no-repeat;
            background-position: center center;
        }
        ul.menu-interna li.menu-branding-internas.active,
        ul.menu-interna li.menu-branding-internas:hover,
        ul.menu-interna li.menu-branding-internas:focus {
            background: url(../img/icoBrandingHover.png)no-repeat;
        }
        ul.menu-interna li.menu-propaganda-internas.active,
        ul.menu-interna li.menu-propaganda-internas:hover,
        ul.menu-interna li.menu-propaganda-internas:focus {
            background: url(../img/icoPropagandaHover.png)no-repeat;
        }
        ul.menu-interna li.menu-design-internas.active,
        ul.menu-interna li.menu-design-internas:hover,
        ul.menu-interna li.menu-design-internas:focus {
            background: url(../img/icoDesignHover.png)no-repeat;
        }
        ul.menu-interna li.menu-digital-internas.active,
        ul.menu-interna li.menu-digital-internas:hover,
        ul.menu-interna li.menu-digital-internas:focus {
            background: url(../img/icoDigitalHover.png)no-repeat;
        }
        ul.menu-interna>li.active,
        ul.menu-interna>li:hover,
        ul.menu-interna>li:focus {
            background-position: center center!important;
            background-color: #ffffff!important;
            cursor: pointer;
        }
        ul.menu-interna li ul {
            width: 0px;
            height: 100vh;
            float: left;
            margin-left: 200px;
            background-color: #ffffff;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            opacity: 0;
            position: relative;
            z-index: 1000;
            padding-left: 0px;
            padding-top: 4vh;
            box-shadow: inset -2px 0px 0px 0px black;
        }
        ul.menu-interna li ul li {
            width: 100%;
            float: left;
            height: auto;
            line-height: normal;
            display: none;
        }
        ul.menu-interna li:hover ul li,
        ul.menu-interna li:focus ul li {
            display: block;
        }
        ul.menu-interna li.menu-branding-internas ul.sublista-internas-branding {
            margin-top: -16vh;
        }
        ul.menu-interna li.menu-propaganda-internas ul.sublista-internas-propaganda {
            margin-top: -37vh;
        }
        ul.menu-interna li.menu-design-internas ul.sublista-internas-design {
            margin-top: -58vh;
        }
        ul.menu-interna li.menu-digital-internas ul.sublista-internas-digital {
            margin-top: -79vh;
        }
        ul.menu-interna li.menu-branding-internas:focus ul.sublista-internas-branding,
        ul.menu-interna li.menu-branding-internas:hover ul.sublista-internas-branding,
        ul.menu-interna li.menu-propaganda-internas:focus ul.sublista-internas-propaganda,
        ul.menu-interna li.menu-propaganda-internas:hover ul.sublista-internas-propaganda,
        ul.menu-interna li.menu-design-internas:focus ul.sublista-internas-design,
        ul.menu-interna li.menu-design-internas:hover ul.sublista-internas-design,
        ul.menu-interna li.menu-digital-internas:focus ul.sublista-internas-digital,
        ul.menu-interna li.menu-digital-internas:hover ul.sublista-internas-digital {
            width: 275px;
            opacity: 1;
            z-index: 1500;
            position: fixed;
            padding-left: 50px;
        }
        .dropdown-menu.dropdown-ios li h3,
        ul.menu-interna li.menu-branding-internas ul.sublista-internas-branding li h3,
        ul.menu-interna li.menu-propaganda-internas ul.sublista-internas-propaganda li h3,
        ul.menu-interna li.menu-design-internas ul.sublista-internas-design li h3,
        ul.menu-interna li.menu-digital-internas ul.sublista-internas-digital li h3 {
            width: 100%;
            float: left;
            font-family: 'MSBlack';
            font-size: 22px;
            text-transform: uppercase;
            margin-bottom: 40px;
        }
        ul.menu-interna li.menu-branding-internas ul.sublista-internas-branding li h3 {
            color: #fab900;
        }
        ul.menu-interna li.menu-propaganda-internas ul.sublista-internas-propaganda li h3 {
            color: #bc009b;
        }
        ul.menu-interna li.menu-design-internas ul.sublista-internas-design li h3 {
            color: #0ee779;
        }
        ul.menu-interna li.menu-digital-internas ul.sublista-internas-digital li h3 {
            color: #3094e3;
        }
        ul.menu-interna li ul li h3 div {
            width: 100%;
            float: left;
        }
        .dropdown-menu.dropdown-ios li h3 div span,
        ul.menu-interna li ul li h3 div span {
            width: 50px;
            height: 2px;
            float: left;
            background-color: transparent;
            margin-top: 10px;
        }
        ul.menu-interna li.menu-branding-internas ul.sublista-internas-branding li h3 div span {
            background-color: #fab900;
        }
        ul.menu-interna li.menu-propaganda-internas ul.sublista-internas-propaganda li h3 div span {
            background-color: #bc009b;
        }
        ul.menu-interna li.menu-design-internas ul.sublista-internas-design li h3 div span {
            background-color: #0ee779;
        }
        ul.menu-interna li.menu-digital-internas ul.sublista-internas-digital li h3 div span {
            background-color: #3094e3;
        }
        .navbar-default .navbar-nav .open .dropdown-menu.dropdown-ios li a,
        ul.menu-interna li.menu-branding-internas ul.sublista-internas-branding li a,
        ul.menu-interna li.menu-propaganda-internas ul.sublista-internas-propaganda li a,
        ul.menu-interna li.menu-design-internas ul.sublista-internas-design li a,
        ul.menu-interna li.menu-digital-internas ul.sublista-internas-digital li a {
            width: auto;
            float: left;
            font-family: 'MSBold';
            font-size: 16px;
            color: #ffffff;
            text-decoration: none;
            white-space: nowrap;
            color: #000000;
            padding: 2vh 0px;
            text-transform: uppercase;
        }
        ul.menu-interna li ul li a i {
            position: absolute;
            margin-left: -15px;
            font-size: 28px;
            margin-top: -5px;
            opacity: 0;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }
        ul.menu-interna li ul li a:hover i,
        ul.menu-interna li ul li a:focus i {
            opacity: 1;
        }
        .div-breadcrumb {
            width: 100%;
            float: left;
            padding: 5vh 75px 0px 75px;
        }
        .breadcrumb.breadcrumb-internas {
            background-color: transparent;
            padding: 0px;
        }
        .breadcrumb.breadcrumb-internas>li {
            font-family: 'MSULight';
            font-size: 1.5vw;
            color: #ffffff;
            text-transform: uppercase;
        }
        .breadcrumb.breadcrumb-internas>li+li:before {
            font-family: 'fontawesome';
            content: "\f105";
            padding: 0px 5px 0px 10px;
            color: #ffffff;
        }
        .caption-internas {
            width: 100%;
            float: left;
            padding: 0px 75px;
        }
        .caption-internas div {
            width: 100%;
            float: left;
        }
        .caption-internas#caption-int1 div p,
        .caption-internas#caption-int1 div h3 p {
            width: 85%;
            float: left;
            font-family: 'MSHLine';
            font-size: 4vw;
            line-height: 3.5vw;
            letter-spacing: -1px;
            color: #ffffff;
            margin: 3vw 0px 10px 0px;
        }
        .caption-internas div h1,
        .caption-internas div h1 p,
        .caption-internas div h3 p,
        .caption-internas div h3 {
            width: 85%;
            float: left;
            font-family: 'MSHLine';
            font-size: 7vw;
            line-height: 6.5vw;
            letter-spacing: -1px;
            color: #ffffff;
            margin: 3vw 0px 10px 0px;
        }
        .caption-internas div p {
            width: 60%;
            float: left;
            font-family: 'MSULight';
            font-size: 1.2vw;
            line-height: 1.2vw;
            color: #ffffff;
            margin-top: 20px;
        }
        .div-btn-scroll {
            width: 100%;
            float: left;
            padding: 30px 75px;
            text-align: center;
        }
        .btn-default.btn-scroll-projetos:hover,
        .btn-default.btn-scroll-projetos:focus,
        .btn-default.btn-scroll-projetos {
            width: 50px;
            height: 50px;
            background-color: #ffffff;
            font-family: 'MSBold';
            font-size: 31px;
            color: #000000;
            padding: 0px;
            text-transform: uppercase;
            border: 2px solid #ffffff;
            border-radius: 25px;
            position: absolute;
            bottom: 30px;
            margin-left: -25px;
        }
        .div-menu-trabalhos-interna.menu-trabalhos-scroll {
            display: none;
        }
        .fotorama__wrap--css3 .fotorama__arr:not(:focus),
        .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),
        .fotorama__wrap--css3 .fotorama__video-close:not(:focus),
        .fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
            transform: scale(1.5);
        }
        .div-leia-mais a:hover,
        .div-leia-mais a:focus {
            text-decoration: none;
            color: #ffffff;
        }
        .div-leia-mais {
            width: 100%;
            float: left;
            padding: 15px 75px;
            font-family: 'MSBold';
            font-size: 18px;
            color: #ffffff;
        }
        .div-banner-interna.banner-blog-interna {
            min-height: auto;
        }
        .span-data-blog {
            width: 100%;
            float: left;
            font-family: 'MSBold';
            font-size: 20px;
            color: #ffffff;
            margin-left: 5px;
        }
        .div-btn-scroll.btn-voltar-blog {
            text-align: right;
        }
        .btn-default.btn-scroll-projetos.btn-voltar-blog {
            bottom: 95px;
        }
        .response.bg-success {
            background-color: #8CCE70;
            color: #ffffff;
            text-align: center;
            margin-top: 10px;
        }
        .response.bg-danger {
            background-color: #da2b2b;
            color: #ffffff;
            text-align: center;
            margin-top: 10px;
        }
        .btn-submit {
            opacity: 1;
            visibility: visible;
            position: relative;
            z-index: 300;
        }
        .btn-submit.off {
            opacity: 0;
            visibility: hidden;
        }
        .loader {
            width: auto;
            float: right;
            text-align: right;
            margin-right: 0px;
            margin-top: -65px;
            opacity: 0;
            position: relative;
            z-index: 200;
            color: #fff;
        }
        .loader.on {
            opacity: 1;
            visibility: visible;
        }
        .div-response {
            width: 100%;
            min-height: 50px;
        }
        .response {
            width: auto;
            height: auto;
            float: right;
            padding: 5px 15px;
            border-radius: 5px;
            font-family: 'MSRegular';
            font-size: 17px;
        }
        .menu-branding-internas>a {
            position: absolute;
            width: 200px;
            height: 100%;
            float: left;
            text-align: center;
            opacity: 0;
            font-family: 'MSBold';
            font-size: 23px;
            color: #fab900;
            text-decoration: none;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            /*background-color:#ffffff;*/
        }
        .menu-branding-internas:hover>a {
            opacity: 1;
        }
        .menu-propaganda-internas>a {
            position: absolute;
            width: 200px;
            height: 100%;
            float: left;
            text-align: center;
            opacity: 0;
            font-family: 'MSBold';
            font-size: 23px;
            color: #bc009b;
            text-decoration: none;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            /*background-color:#ffffff;*/
        }
        .menu-propaganda-internas:hover>a {
            opacity: 1;
        }
        .caption-internas div h1 p,
        .caption-internas div h3 p {
            margin: 0px!important;
        }
        .div-controla-geral {
            width: 100%;
            float: left;
        }
        .navbar-default.nav-def-ios {
            width: 75px;
            height: 100vh;
            float: left;
            border: 0px;
            margin-bottom: 0px;
            background-color: transparent;
        }
        .navbar-collapse.collapse-ios {
            padding: 0px;
            border-top: 0px;
        }
        .navbar-collapse.collapse-ios .navbar-nav {
            margin: 0px;
        }
        .navbar-default.nav-def-ios .navbar-nav>li>a {
            width: 100%;
            height: 18vh;
            line-height: 18vh;
            float: left;
            text-align: center;
            padding: 0px;
        }
        .navbar-nav .open .dropdown-menu.dropdown-ios {
            position: absolute;
            width: calc(100vw - 70px);
            height: 100vh;
            margin-left: 75px;
            left: -1px;
            float: left;
            background-color: #ffffff;
            border-radius: 0px;
            margin-top: -1px;
            display: none;
            padding: 50px 25px;
            box-shadow: inset -2px 0px 0px 0px black;
        }
        #iosBranding {
            background: url(../img/icoBranding.png)no-repeat;
            background-position: center center;
            background-size: 30%;
        }
        #iosPropaganda {
            background: url(../img/icoPropaganda.png)no-repeat;
            background-position: center center;
            background-size: 60%;
        }
        #iosDesign {
            background: url(../img/icoDesign.png)no-repeat;
            background-position: center center;
            background-size: 50%;
        }
        #iosDigital {
            background: url(../img/icoDigital.png)no-repeat;
            background-position: center center;
            background-size: 45%;
        }
        .navbar-default .navbar-nav>.open>a#iosBranding {
            background: url(../img/icoBrandingHover.png)no-repeat;
            background-color: #ffffff;
            background-position: center center;
            background-size: 30%;
        }
        .navbar-default .navbar-nav>.open>a#iosPropaganda {
            background: url(../img/icoPropagandaHover.png)no-repeat;
            background-color: #ffffff;
            background-position: center center;
            background-size: 60%;
        }
        .navbar-default .navbar-nav>.open>a#iosDesign {
            background: url(../img/icoDesignHover.png)no-repeat;
            background-color: #ffffff;
            background-position: center center;
            background-size: 50%;
        }
        .navbar-default .navbar-nav>.open>a#iosDigital {
            background: url(../img/icoDigitalHover.png)no-repeat;
            background-color: #ffffff;
            background-position: center center;
            background-size: 45%;
        }
        ._1mf._1mj img {
            max-width: 100%;
            height: auto;
        }
        .youtube object {
            width: 100%;
            height: 400px;
        }
        #body-portifolio {
            background-attachment: fixed!important;
            background-size: cover!important;
        }
        .div-puxe {
            width: 350px;
            height: 100vh;
            float: right;
            right: 0;
            position: fixed;
            background-color: #000000;
            z-index: 20000;
            margin-right: -350px;
            -webkit-transition: 1s;
            -moz-transition: 1s;
            -ms-transition: 1s;
            -o-transition: 1s;
            transition: 1s;
            display: none;
        }
        .div-deslizante {
            width: 170px;
            height: 30px;
            float: left;
            line-height: 30px;
            text-align: center;
            font-family: 'MSBold';
            font-size: 16px;
            color: #ffffff;
            margin-left: -170px;
            background-color: #000000;
            margin-top: calc(5vh + 10px);
            position: relative;
        }
        .div-deslizante:hover,
        .div-deslizante:focus {
            cursor: pointer;
        }
        .div-deslizante div {
            width: 80px;
            height: 30px;
            float: left;
            position: absolute;
        }
        .div-quest-puxe {
            width: 100%;
            float: left;
            padding: 80px 70px 15px 30px;
        }
        .div-quest-puxe form {
            width: 100%;
            float: left;
            position: relative;
        }
        .div-quest-puxe form div p.questGrande {
            font-family: 'MSBlack';
            font-size: 42px;
            line-height: 45px;
            color: #ffffff;
        }
        .div-quest-puxe form div p.questPequeno {
            font-family: 'MSBlack';
            font-size: 25px;
            line-height: 28px;
            color: #ffffff;
        }
        .div-quest-puxe form div p.questPequeno2 {
            font-family: 'MSHLine';
            font-size: 17px;
            line-height: 20px;
            color: #ffffff;
        }
        .div-quest-puxe form div p.questPequeno3 {
            font-family: 'MSHLine';
            font-size: 20px;
            line-height: 23px;
            color: #ffffff;
        }
        .fecha-puxe {
            width: 30px;
            height: 30px;
            float: right;
            background-color: #ffffff;
            line-height: 28px;
            text-align: center;
            font-size: 25px;
            color: #000000;
            position: absolute;
            z-index: 500;
            right: 0;
        }
        .fecha-puxe2 {
            width: 30px;
            height: 30px;
            float: right;
            background-color: #ffffff;
            line-height: 28px;
            text-align: center;
            font-size: 25px;
            color: #000000;
            position: fixed;
            z-index: 600;
            right: 0;
            top: 0;
        }
        .fecha-puxe2:hover,
        .fecha-puxe2:focus,
        .fecha-puxe:hover,
        .fecha-puxe:focus {
            cursor: pointer;
            color: #000000;
        }
        .divPadrao,
        .divPadrao div {
            width: 100%;
            float: left;
            -webkit-transition: 1s;
            -moz-transition: 1s;
            -ms-transition: 1s;
            -o-transition: 1s;
            transition: 1s;
        }
        .divPadrao {
            opacity: 0;
            position: absolute;
            z-index: 100;
        }
        #nomeAleatorioEmail {
            text-transform: lowercase;
        }
        .questAvanca {
            width: auto;
            float: right;
            font-family: 'MSBlack';
            font-size: 17px;
            line-height: 21px;
            padding: 5px 10px;
            color: #ffffff;
            background-color: #f26b1c;
            margin-top: 10px;
            cursor: pointer;
        }
        .questYes,
        .questNo {
            margin: 20px 20px 20px 0px;
            float: left;
            color: #ffffff;
            font-size: 40px;
            line-height: 40px;
            cursor: pointer;
        }
        .form-control.form-news {
            width: 100%;
            float: left;
            border-radius: 0px;
            border: 0px;
            border-bottom: 2px solid #ffffff;
            background-color: transparent;
            font-family: 'MSHLine';
            font-size: 20px;
            color: #ffffff;
            margin-top: 30px;
        }
        .respostaValidaEmail2,
        .respostaValidaEmail,
        .respostaNome {
            width: 100%;
            float: left;
            font-family: 'MSHLine';
            font-size: 18px;
            color: #ffffff;
        }
        .questAvanca2 {
            width: 100%;
            float: left;
        }
        .questAvanca2 span {
            float: left;
            font-family: 'MSBlack';
            font-size: 15px;
            line-height: 18px;
            padding: 5px 10px;
            color: #ffffff;
            background-color: #f26b1c;
            margin-top: 15px;
            cursor: pointer;
        }
        .pUserCookie {
            float: right;
            font-family: 'MSBold';
            font-size: 14px;
            color: #ffffff;
            padding: 15px 0px;
        }
        @media(max-width:1650px) {
            .div-dispositivos {
                background-position: inherit;
            }
        }
        @media(max-width:1600px) {
            ul.lista-trabalhos li a:hover,
            ul.lista-trabalhos li a:focus,
            ul.lista-trabalhos li a {
                font-size: 4vw;
                line-height: 3vw;
            }
            .caption-banner p {
                font-size: 3.5vw;
                line-height: 3.8vw;
            }
            .caption-banner p strong,
            .caption-banner b {
                font-size: 5.4vw;
                line-height: 6.0vw;
            }
            .div-titulo-trabalho {
                font-size: 2vw;
                line-height: 2vw;
            }
            .div-descricao-trabalho {
                font-size: 1.25vw;
            }
            .div-conteudo-agencia {
                min-height: 100vh;
            }
            .div-descricao-agencia p {
                font-size: 15px;
            }
            .div-descricao-agencia ul li {
                font-size: 17px;
            }
            .div-descricao-agencia ul li i {
                font-size: 19px;
            }
        }
        @media(max-width:1500px) {
            .div-dispositivos {
                background-size: inherit;
            }
        }
        @media(max-width:1199px) {
            .div-deslizante {
                width: 140px;
                font-size: 14px;
                margin-left: -140px;
            }
            .descricao-blog-lista p {
                height: 42px;
                overflow: hidden;
            }
            .dropdown-menu.dropdown-ios li h3,
            ul.menu-interna li.menu-branding-internas ul.sublista-internas-branding li h3,
            ul.menu-interna li.menu-propaganda-internas ul.sublista-internas-propaganda li h3,
            ul.menu-interna li.menu-design-internas ul.sublista-internas-design li h3,
            ul.menu-interna li.menu-digital-internas ul.sublista-internas-digital li h3 {
                font-size: 20px;
                margin-bottom: 30px;
            }
            .navbar-default .navbar-nav .open .dropdown-menu.dropdown-ios li a,
            ul.menu-interna li.menu-branding-internas ul.sublista-internas-branding li a,
            ul.menu-interna li.menu-propaganda-internas ul.sublista-internas-propaganda li a,
            ul.menu-interna li.menu-design-internas ul.sublista-internas-design li a,
            ul.menu-interna li.menu-digital-internas ul.sublista-internas-digital li a {
                font-size: 14px;
                padding: 1.5vh 0px;
            }
            .caption-internas div p {
                width: 75%;
                font-size: 18px;
                line-height: 18px;
            }
            .caption-internas div h1 p,
            .caption-internas div h1,
            .caption-internas div h3 p,
            .caption-internas div h3 {
                width: 75%;
                margin: 2vw 0px 0px 0px;
            }
            .breadcrumb.breadcrumb-internas>li {
                font-size: 18px;
            }
            .div-menu-trabalhos {
                width: 300px;
            }
            .div-caption {
                width: calc(100% - 300px);
                margin-left: 300px;
            }
            .navbar-default.navbar-menu-principal .navbar-nav>li>a {
                padding: 15px 0px 15px 15px;
                font-size: 13px;
            }
            .navbar-default.navbar-menu-principal .navbar-nav.navbar-right>li>a {
                font-size: 22px;
                padding: 14px 2px;
            }
            .navbar.navbar-default.navbar-menu-principal div ul.navbar-right {
                margin: 0px 8px;
            }
            .div-submenus h3 {
                font-size: 20px;
            }
            .div-submenus ul li a {
                font-size: 13px;
            }
            .div-submenus ul li a i {
                margin-top: -3px;
                font-size: 24px;
            }
            .div-menu-fixo {
                width: 300px;
            }
            .div-conteudo-agencia {
                width: calc(100% - 300px);
            }
            .div-descricao-agencia ul li {
                font-size: 15px;
            }
            .div-descricao-agencia p {
                font-size: 14px;
            }
            .div-item-trabalho {
                padding: 35px;
            }
            .div-titulo-trabalho {
                width: 107px;
                font-size: 2.3vw;
                line-height: 2.3vw;
                bottom: 75px;
            }
            .div-titulo-trabalho div {
                margin-top: 10px;
            }
            .div-descricao-trabalho {
                font-size: 1.4vw;
                padding-left: 60px;
            }
            .div-titulo-clientes h3 {
                font-size: 150px;
                letter-spacing: -8px;
                margin-top: -60px;
            }
            .div-titulo-clientes {
                box-shadow: inset 0px 120px 65px -90px rgba(14, 14, 14, 0.2);
            }
            .ul-lista-blog {
                padding: 75px 75px 0px 75px;
            }
            .div-conteudo-agencia.conteudo-rodape {
                padding: 45px 30px;
            }
            div.p-item-trabalho p {
                padding: 5px 0px;
            }
            .descricao-item-trabalho {
                padding: 50px 15px;
            }
            .descricao-blog-lista {
                padding: 50px;
            }
            .blog-interna-descricao {
                padding: 65px;
            }
            .descricao-trabalhos-interna p {
                font-size: 15px;
            }
            .descricao-trabalhos-interna a {
                font-size: 15px;
            }
            #titulo-trabalhos-interna,
            .titulo-trabalhos-interna {
                text-align: left;
                margin-bottom: 20px;
            }
            .conteudo-trabalhos-interna {
                padding: 45px 30px;
            }
            .div-conteudo-agencia-interna {
                width: calc(100% - 200px);
            }
        }
        @media(max-width:991px) {
            .div-btn-scroll {
                padding: 15px;
            }
            .btn-default.btn-scroll-projetos:hover,
            .btn-default.btn-scroll-projetos:focus,
            .btn-default.btn-scroll-projetos {
                width: 40px;
                height: 40px;
                font-size: 27px;
                border-radius: 20px;
                bottom: 20px;
                margin-left: -20px;
            }
            .btn-default.btn-scroll-projetos.btn-voltar-blog:hover,
            .btn-default.btn-scroll-projetos.btn-voltar-blog:focus,
            .btn-default.btn-scroll-projetos.btn-voltar-blog {
                width: 40px;
                height: 40px;
                font-size: 27px;
                border-radius: 20px;
                bottom: 15px;
                margin-left: 0px;
                right: 15px;
            }
            .caption-internas div p,
            .caption-internas div h1 p,
            .caption-internas div h1,
            .caption-internas div h3 p,
            .caption-internas div h3 {
                width: 100%;
            }
            .caption-internas {
                padding: 0px 15px;
            }
            .div-breadcrumb {
                padding: 5vh 15px 0px 15px;
            }
            .div-menu-trabalhos {
                width: 250px;
            }
            .div-caption {
                width: calc(100% - 250px);
                margin-left: 250px;
            }
            .navbar.navbar-default.navbar-menu-principal {
                padding: 1vh 0px 1vh 0px;
            }
            .navbar.navbar-default.navbar-menu-principal div ul {
                float: right;
                text-align: right;
            }
            .caption-banner {
                width: calc(100% - 210px);
                padding: 4vh 27px 50px 27px;
            }
            .div-submenus ul li a i {
                margin-left: -12px;
            }
            .navbar.navbar-default.navbar-menu-principal div ul.navbar-right {
                clear: both;
                margin: 0px;
            }
            .navbar-default.navbar-menu-principal .navbar-nav.navbar-right>li>a {
                padding: 2px 0px 2px 5px;
            }
            .div-logo {
                padding-top: 3vh;
                padding-left: 35px;
            }
            ul.lista-trabalhos li {
                padding-left: 35px;
            }
            .div-submenus h3 {
                font-size: 18px;
            }
            .div-submenus ul li a {
                font-size: 12px;
            }
            .div-submenus ul li a i {
                margin-top: -4px;
            }
            .div-menu-fixo {
                width: 250px;
            }
            .div-conteudo-agencia {
                width: calc(100% - 250px);
            }
            .div-galeria-celular {
                margin-left: 0px;
                margin-top: 0px;
                transform: rotate(0deg);
                margin-bottom: 25px;
                margin-left: 25px;
            }
            .div-dispositivos {
                background-attachment: fixed;
                background-position: bottom right;
            }
            .div-item-trabalho {
                height: auto;
            }
            .div-titulo-trabalho {
                width: 100%;
                position: static;
                transform: rotate(0deg);
                margin-bottom: 15px;
                font-size: 22px;
            }
            .div-titulo-trabalho div {
                margin-top: 5px;
            }
            .div-descricao-trabalho {
                padding-left: 0px;
                font-size: 16px;
            }
            #mobile-trabalho-branding {
                background: rgb(253, 161, 0);
                background: -webkit-linear-gradient(45deg, rgba(253, 161, 0, 1) 0%, rgba(244, 190, 41, 1) 100%);
                background: -moz-linear-gradient(45deg, rgba(253, 161, 0, 1) 0%, rgba(244, 190, 41, 1) 100%);
                background: -ms-linear-gradient(45deg, rgba(253, 161, 0, 1) 0%, rgba(244, 190, 41, 1) 100%);
                background: -o-linear-gradient(45deg, rgba(253, 161, 0, 1) 0%, rgba(244, 190, 41, 1) 100%);
                background: linear-gradient(45deg, rgba(253, 161, 0, 1) 0%, rgba(244, 190, 41, 1) 100%);
            }
            #mobile-trabalho-propaganda {
                background: #ffffff;
            }
            #mobile-trabalho-design {
                background: rgb(253, 161, 0);
                background: -webkit-linear-gradient(45deg, rgba(253, 161, 0, 1) 0%, rgba(244, 190, 41, 1) 100%);
                background: -moz-linear-gradient(45deg, rgba(253, 161, 0, 1) 0%, rgba(244, 190, 41, 1) 100%);
                background: -ms-linear-gradient(45deg, rgba(253, 161, 0, 1) 0%, rgba(244, 190, 41, 1) 100%);
                background: -o-linear-gradient(45deg, rgba(253, 161, 0, 1) 0%, rgba(244, 190, 41, 1) 100%);
                background: linear-gradient(45deg, rgba(253, 161, 0, 1) 0%, rgba(244, 190, 41, 1) 100%);
            }
            #mobile-trabalho-digital {
                background: #ffffff;
            }
            #mobile-trabalho-design .div-descricao-trabalho,
            #mobile-trabalho-design .div-titulo-trabalho {
                color: #ffffff;
            }
            #mobile-trabalho-design .div-titulo-trabalho div {
                background-color: #ffffff;
            }
            #mobile-trabalho-digital .div-descricao-trabalho,
            #mobile-trabalho-digital .div-titulo-trabalho {
                color: #000000;
            }
            #mobile-trabalho-digital .div-titulo-trabalho div {
                background-color: #000000;
            }
            .div-titulo-clientes h3 {
                font-size: 120px;
                letter-spacing: -6px;
                margin-top: -45px;
            }
            .ul-lista-blog {
                padding: 75px 40px 0px 40px;
            }
            .ul-lista-blog li a {
                padding: 20px 0px;
            }
            .div-titulo-materia {
                width: calc(100% - 230px);
                font-size: 15px;
                line-height: 18px;
            }
            .div-data-e-seta {
                width: 230px;
                font-size: 14px;
                line-height: 14px;
            }
            .div-data-e-seta i {
                margin-left: 20px;
                font-size: 20px;
                line-height: 15px;
            }
            .div-titulo-rodape {
                text-align: center;
                margin-bottom: 15px;
            }
            .div-titulo-rodape h3 {
                font-size: 35px;
                line-height: 35px;
            }
            .div-dados-rodape {
                text-align: center;
            }
            .div-dados-rodape address {
                float: none;
                font-size: 17px;
                line-height: 17px;
            }
            .div-dados-rodape a b,
            .div-dados-rodape a {
                float: none;
                font-size: 17px;
                line-height: 17px;
            }
            .formulario-contato {
                padding: 30px 0px 0px 0px;
            }
            .form-control.form-contato {
                margin-top: 10px;
                height: 60px;
                font-size: 17px;
            }
            textarea.form-control.form-contato {
                margin-top: 27px;
            }
            .titulo-item-trabalho {
                font-size: 30px;
                line-height: 28px;
                letter-spacing: -1px;
                margin-bottom: 15px;
                text-align: left;
            }
            .descricao-item-trabalho {
                padding: 30px 15px;
            }
            .descricao-blog-lista {
                padding: 25px;
            }
            .descricao-blog-lista h3 {
                font-size: 28px;
                line-height: 26px;
                letter-spacing: -1px;
            }
            .descricao-blog-lista p {
                font-size: 14px;
            }
            .conteudo-lista-blog .item-blog-lista:nth-child(even) #ajusta-lado-foto {
                float: left;
            }
            .blog-interna-descricao {
                padding: 30px 0px;
            }
            .blog-interna-descricao h3 {
                font-size: 35px;
                line-height: 35px;
            }
            .blog-interna-descricao p {
                font-size: 14px;
            }
            .voltar-trabalhos:hover,
            .voltar-trabalhos:focus,
            .voltar-trabalhos,
            .blog-interna-descricao div>a {
                font-size: 16px;
                line-height: 16px;
            }
            #titulo-trabalhos-interna,
            .titulo-trabalhos-interna {
                font-size: 35px;
                line-height: 35px;
            }
            .conteudo-trabalhos-interna {
                padding: 30px 15px;
            }
            .descricao-trabalhos-interna a,
            .descricao-trabalhos-interna p {
                font-size: 14px;
            }
            .link-trabalho {
                font-size: 16px;
            }
            .div-conteudo-agencia-interna {
                width: calc(100% - 200px);
            }
            .descricao-blog-lista p {
                height: auto;
                overflow: visible;
            }
            .div-leia-mais {
                padding: 15px;
                font-size: 16px;
            }
            .div-deslizante {
                margin-top: 60px;
            }
            .div-quest-puxe form div p.questGrande {
                font-size: 33px;
                line-height: 36px;
            }
            .div-quest-puxe form div p.questPequeno {
                font-size: 23px;
                line-height: 26px;
            }
            .div-quest-puxe form div p.questPequeno2 {
                font-size: 15px;
                line-height: 18px;
            }
            .div-quest-puxe form div p.questPequeno3 {
                font-size: 18px;
                line-height: 21px;
            }
            .pUserCookie {
                padding: 0px;
            }
            .div-quest-puxe {
                padding: 40px 40px 15px 15px;
            }
        }
        @media(max-width:767px) {
            .div-deslizante {
                margin-top: 50px;
            }
            .div-puxe {
                width: 250px;
                margin-right: -250px;
            }
            .div-btn-scroll.div-btn-scroll-interna {
                display: none;
            }
            .descricao-blog-lista p {
                display: none;
            }
            .btn-default.btn-item-trabalho {
                border: 1px solid #fab900;
                font-size: 9px;
                padding: 6px 10px;
            }
            div.p-item-trabalho p {
                display: none;
            }
            .navbar-nav .open .dropdown-menu.dropdown-ios {
                display: block;
            }
            .div-controla-geral {
                display: none;
            }
            .menu-branding-internas>a,
            .menu-propaganda-internas>a {
                width: 75px;
                font-size: 17px;
            }
            .div-menu-trabalhos-interna.menu-trabalhos-scroll {
                display: block!important;
            }
            .div-menu-trabalhos.menu-trabalhos-desktop {
                display: none!important;
            }
            ul.menu-interna li.menu-branding-internas ul.sublista-internas-branding,
            ul.menu-interna li.menu-propaganda-internas ul.sublista-internas-propaganda,
            ul.menu-interna li.menu-design-internas ul.sublista-internas-design,
            ul.menu-interna li.menu-digital-internas ul.sublista-internas-digital {
                width: calc(100% - 75px);
                padding-left: 20px!important;
            }
            .btn-default.btn-scroll-projetos:hover,
            .btn-default.btn-scroll-projetos:focus,
            .btn-default.btn-scroll-projetos {
                width: 30px;
                height: 30px;
                font-size: 19px;
                border-radius: 15px;
                bottom: 0px;
                margin-left: -15px;
                position: relative;
            }
            ul.menu-interna li ul {
                padding-top: 10vh;
            }
            .caption-internas#caption-int1 div p,
            .caption-internas#caption-int1 div h1 p,
            .caption-internas div h1 p,
            .caption-internas div h1,
            .caption-internas#caption-int1 div h3 p,
            .caption-internas div h3 p,
            .caption-internas div h3 {
                font-size: 7.5vw!important;
                line-height: 7.5vw!important;
                margin: 50px 0px 0px 0px;
            }
            .caption-internas div p {
                font-size: 15px;
                line-height: 15px;
            }
            .breadcrumb.breadcrumb-internas>li {
                font-size: 15px;
            }
            .div-logo-interna {
                background-size: 55%;
            }
            ul.menu-interna li.menu-branding-internas.active,
            ul.menu-interna li.menu-branding-internas:hover,
            ul.menu-interna li.menu-branding-internas:focus,
            ul.menu-interna li.menu-branding-internas {
                background-size: 30%;
            }
            ul.menu-interna li.menu-propaganda-internas.active,
            ul.menu-interna li.menu-propaganda-internas:hover,
            ul.menu-interna li.menu-propaganda-internas:focus,
            ul.menu-interna li.menu-propaganda-internas {
                background-size: 60%;
            }
            ul.menu-interna li.menu-design-internas.active,
            ul.menu-interna li.menu-design-internas:hover,
            ul.menu-interna li.menu-design-internas:focus,
            ul.menu-interna li.menu-design-internas {
                background-size: 50%;
            }
            ul.menu-interna li.menu-digital-internas.active,
            ul.menu-interna li.menu-digital-internas:hover,
            ul.menu-interna li.menu-digital-internas:focus,
            ul.menu-interna li.menu-digital-internas {
                background-size: 45%;
            }
            .div-menu-trabalhos {
                width: 75px;
            }
            .div-caption {
                width: calc(100% - 75px);
                margin-left: 75px;
                z-index: 300;
                position: relative;
                background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.75) 0%, rgba(185, 185, 185, 0.9) 100%);
                background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.75) 0%, rgba(185, 185, 185, 0.9) 100%);
                background: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.75) 0%, rgba(185, 185, 185, 0.9) 100%);
                background: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.75) 0%, rgba(185, 185, 185, 0.9) 100%);
                background: linear-gradient(45deg, rgba(0, 0, 0, 0.75) 0%, rgba(185, 185, 185, 0.9) 100%);
                filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1);
            }
            .div-logo {
                height: 20vh;
                line-height: 19vh;
                padding-top: 0vh;
                padding-left: 0px;
                text-align: center;
            }
            .div-logo img {
                max-width: 50%;
            }
            ul.lista-trabalhos {
                height: 80vh;
            }
            ul.lista-trabalhos li {
                height: 20vh;
                padding: 0px;
            }
            .menu-trabalhos-desktop {
                display: none;
            }
            .menu-trabalhos-mobile {
                display: block;
            }
            .logoInterativaHover {
                display: inline-block;
            }
            ul.lista-trabalhos li a div {
                display: inline-block;
                line-height: 20vh;
                padding: 0vh 2vh;
            }
            ul.lista-trabalhos li a:hover,
            ul.lista-trabalhos li a:focus,
            ul.lista-trabalhos li a {
                width: 100%;
            }
            ul.lista-trabalhos li a div .ico-normal,
            ul.lista-trabalhos li a div .ico-hover {
                max-width: 45px;
                max-height: 45px;
            }
            .caption-banner p {
                font-size: 7.5vw;
                line-height: 7.5vw;
            }
            .caption-banner p strong,
            .caption-banner b {
                font-size: 6vw;
                line-height: 6.3vw;
            }
            .caption-banner {
                width: 100%;
                height: auto;
                padding: 100px 25px;
            }
            .navbar.navbar-default.navbar-menu-principal,
            .div-submenus ul {
                height: auto;
            }
            .navbar.navbar-default.navbar-menu-principal {
                display: none;
            }
            .div-submenus {
                height: auto;
                min-height: 36vh;
                padding-top: 0px;
            }
            .div-submenus ul li {
                padding: 1vh 0px;
            }
            .div-submenus ul {
                padding: 10px 0px;
            }
            .div-submenus h3 {
                margin-bottom: 0px;
            }
            .div-submenus h3 div span {
                margin-top: 5px;
            }
            ul.lista-trabalhos li a div:hover,
            ul.lista-trabalhos li a div:focus {
                background-color: transparent;
            }
            .div-menu-fixo {
                width: 75px;
            }
            .div-conteudo-agencia {
                width: calc(100% - 75px);
            }
            .div-descricao-agencia h3 {
                font-size: 23px;
                line-height: 23px;
                text-align: center;
            }
            .div-descricao-agencia p {
                text-align: center;
            }
            .div-dispositivos {
                min-height: 1vh;
                background: none;
                text-align: center;
                display: none;
            }
            .div-galeria-celular {
                height: auto;
                max-width: 100%;
                float: none;
                display: inline-block;
                background: none;
                padding: 30px;
                margin-bottom: 0px;
                margin-left: 0px;
            }
            .carousel-inner.inner-celular {
                height: auto;
            }
            .div-descricao-agencia ul li {
                font-size: 13px;
                text-align: center;
            }
            .div-descricao-agencia ul li i {
                width: 100%;
                float: left;
            }
            .carousel-indicators.indicators-celular .active {
                width: 30px;
                height: 30px;
            }
            .carousel-indicators.indicators-celular li {
                width: 30px;
                height: 30px;
            }
            .div-titulo-trabalho div {
                margin-top: 10px;
            }
            .div-conteudo-agencia.conteudo-agencia {
                height: auto;
                min-height: 100vh;
            }
            .div-titulo-clientes h3 {
                font-size: 80px;
                letter-spacing: -4px;
                margin-top: -30px;
            }
            .div-titulo-clientes {
                box-shadow: inset 0px 100px 55px -80px rgba(14, 14, 14, 0.2);
            }
            .div-logo-cliente {
                height: auto;
                line-height: normal;
            }
            .div-titulo-materia {
                width: 100%;
                text-align: center;
            }
            .div-data-e-seta {
                width: 100%;
                text-align: center;
            }
            .div-data-e-seta i {
                width: 100%;
                text-align: center;
                margin-left: 0px;
                margin-top: 10px;
            }
            .ul-lista-blog {
                padding: 50px 15px 0px 15px;
            }
            .ul-lista-blog li a {
                padding: 10px 0px;
            }
            .div-titulo-blog {
                bottom: -7vw;
            }
            .div-spans-rodape {
                text-align: center;
            }
            .ul-social-rodape {
                text-align: center;
            }
            .ul-social-rodape li:last-child {
                margin-left: 0px;
                margin-top: 15px;
            }
            .ul-social-rodape li:last-child {
                width: 100%;
                float: left;
            }
            .ul-social-rodape li a span i {
                margin-left: 0px;
                margin-top: 10px;
                display: none;
            }
            .div-titulo-rodape h3 {
                font-size: 30px;
                line-height: 30px;
            }
            .div-dados-rodape address {
                float: none;
                font-size: 16px;
                line-height: 16px;
            }
            .div-dados-rodape a b,
            .div-dados-rodape a {
                float: none;
                font-size: 16px;
                line-height: 16px;
            }
            .div-conteudo-agencia.conteudo-rodape {
                padding: 30px 0px;
            }
            .hamburger {
                display: block;
                border: 2px solid black;
                background-color: black;
            }
            .descricao-item-trabalho {
                padding: 15px 0px;
            }
            .form-control.form-busca {
                margin-bottom: 20px;
            }
            .btn-default.btn-buscar:hover,
            .btn-default.btn-buscar:focus,
            .btn-default.btn-buscar {
                margin-top: -68px;
            }
            .conteudo-trabalhos-interna,
            .blog-interna-descricao {
                padding: 15px 0px;
            }
            .div-banner-interna {
                width: calc(100% - 75px);
                margin-left: 75px;
            }
            .div-menu-fixo-interna {
                width: 75px;
            }
            .div-menu-trabalhos-interna {
                width: 75px;
            }
            .div-breadcrumb {
                margin-top: 50px;
            }
            ul.menu-interna li ul {
                margin-left: 75px;
            }
        }
        @media(max-width:500px) {
            .div-quest-puxe {
                padding: 40px;
            }
            .div-puxe {
                width: 100vw;
                margin-right: -100vw;
            }
            .btn-default.btn-scroll-projetos.btn-voltar-blog {
                display: none;
            }
            .span-data-blog {
                font-size: 14px;
                margin-left: 0px;
            }
            .div-banner-interna.banner-interna-portfolio {
                min-height: 30vh;
            }
            #body-portifolio {
                background-size: 100% 30vh!important;
            }
        }
        @media(max-width:400px) {
            .btn-default.btn-scroll-projetos .scroll:hover,
            .btn-default.btn-scroll-projetos .scroll:focus,
            .btn-default.btn-scroll-projetos .scroll {
                font-size: 12px!important;
            }
            .div-submenus ul li {
                padding: 3px 0px;
            }
            .div-galeria-celular {
                padding: 0px;
            }
            .div-dispositivos {
                margin-bottom: -5px;
            }
            .div-titulo-clientes h3 {
                font-size: 50px;
                letter-spacing: -3px;
                margin-top: 10px;
            }
            .div-titulo-clientes {
                box-shadow: inset 0px 100px 55px -80px rgba(14, 14, 14, 0.2);
            }
            .div-titulo-rodape h3 {
                font-size: 28px;
                line-height: 28px;
            }
            .div-dados-rodape address,
            .div-dados-rodape a b,
            .div-dados-rodape a {
                font-size: 15px;
                line-height: 15px;
            }
        }
        @media only screen and (max-width: 480px) {
            #recaptcha_challenge_image {
                margin: 0 !important;
                width: 100% !important;
                height: auto !important;
            }
            #recaptcha_response_field {
                margin: 0 !important;
                width: 100% !important;
                height: auto !important;
            }
            .recaptchatable #recaptcha_image {
                margin: 0 !important;
                width: 100% !important;
                height: auto !important;
            }
            .recaptchatable .recaptcha_r1_c1,
            .recaptchatable .recaptcha_r3_c1,
            .recaptchatable .recaptcha_r3_c2,
            .recaptchatable .recaptcha_r7_c1,
            .recaptchatable .recaptcha_r8_c1,
            .recaptchatable .recaptcha_r3_c3,
            .recaptchatable .recaptcha_r2_c1,
            .recaptchatable .recaptcha_r4_c1,
            .recaptchatable .recaptcha_r4_c2,
            .recaptchatable .recaptcha_r4_c4,
            .recaptchatable .recaptcha_image_cell {
                margin: 0 !important;
                width: 100% !important;
                background: none !important;
                height: auto !important;
            }
        }
        /*==========================================================================*/
        .textoEmail {
            height: auto;
            background-color: transparent;
            font-family: 'MSRegular';
            font-size: 18px;
            border: 0px;
            margin-top: 10px;
            padding: 0px;
            letter-spacing: 3px;
            color: #ffffff;
        }
        #textoDivEmail {
            display: none;
            padding: 10px 30px;
        }
        #textoDivEmail .texto {
            border: 5px solid white;
            padding: 10px 30px;
        }
        #textoDivEmail .texto p:first-child {
            text-decoration: underline;
        }
        #selectEmail {
            display: none;
        }
        label.label-form {
            width: 100%;
            float: left;
            border-radius: 0px;
            font-family: 'MSRegular';
            font-size: 20px;
            margin-top: 20px;
            padding: 0px;
            letter-spacing: 3px;
            margin-bottom: 0px;
            color: #ffffff;
        }
        .pagination {
            float: right;
            margin-right: 20px !important;
        }
        .pagination li a {
            color: #000000;
            background-color: #fab900;
            border: 1px solid #000000;
        }
        .activePagina {
            font-weight: bold;
        }
        .divPagination {
            background-color: #e8e8e8 !important;
            margin-top: -74px;
        }
        iframe {
            max-width: 100%;
        }
        b,
        strong {
            font-family: 'MSBold';
        }
        .pagination>li>a:focus,
        .pagination>li>a:hover,
        .pagination>li>span:focus,
        .pagination>li>span:hover {
            color: #fab900;
            background-color: #000;
            border-color: #000;
        }
        ol,
        ul {
            padding-left: 15px !important;
        }
        .blog-interna-descricao img {
            max-width: 100%;
            height: auto !important;
        }
        #certificado {
            margin-top: 20px;
        }
        #certificado a {
            margin-right: 23px;
        }
        #certificado img {
            max-width: 150px;
        }
        .btn-item-funil {
            margin-top: 10px;
            width: auto;
            float: left;
            border-radius: 0px;
            background-color: #fab900;
            border: 2px solid #fab900;
            color: #fff;
            font-family: 'MSBold';
            font-size: 15px;
            padding: 12px 17px;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }
        .btn-item-funil:hover,
        .btn-item-funil:focus {
            background-color: #ffffff;
            border: 2px solid #ffffff;
            color: #000000;
        }
        .whatsapp-2{
            right: 220px !important;
        }
        .whatsapp{
            text-align: center;
            background-color: #18d076;
            position: fixed;
            bottom: 2%;
            right: calc(0% + 100px);
            z-index: 9999;
            border-radius: 10px;
        }
        .whatsapp p{
            color: white;
            font-size: 20px;
        }
        .whatsapp a{
            float: left;
            padding: 7px;
            text-decoration: none;
        }
        .whatsapp span{
            font-size: 16px;
            color: #fff;
        }
        .whatsapp i{
            color: #fff;
        }

        .d-none{
            display: none !important;
        }