/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 15, 2015 */
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold.eot');
    src: url('../fonts/opensans-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bold.woff2') format('woff2'), url('../fonts/opensans-bold.woff') format('woff'), url('../fonts/opensans-bold.ttf') format('truetype'), url('../fonts/opensans-bold.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light.eot');
    src: url('../fonts/opensans-light.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-light.woff2') format('woff2'), url('../fonts/opensans-light.woff') format('woff'), url('../fonts/opensans-light.ttf') format('truetype'), url('../fonts/opensans-light.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular.woff2') format('woff2'), url('../fonts/opensans-regular.woff') format('woff'), url('../fonts/opensans-regular.ttf') format('truetype'), url('../fonts/opensans-regular.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_slabbold';
    src: url('../fonts/robotoslab_bold_macroman/RobotoSlab-Bold-webfont.eot');
    src: url('../fonts/robotoslab_bold_macroman/RobotoSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotoslab_bold_macroman/RobotoSlab-Bold-webfont.woff') format('woff'), url('../fonts/robotoslab_bold_macroman/RobotoSlab-Bold-webfont.ttf') format('truetype'), url('../fonts/robotoslab_bold_macroman/RobotoSlab-Bold-webfont.svg#roboto_slabbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_slablight';
    src: url('../fonts/robotoslab_light_macroman/RobotoSlab-Light-webfont.eot');
    src: url('../fonts/robotoslab_light_macroman/RobotoSlab-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotoslab_light_macroman/RobotoSlab-Light-webfont.woff') format('woff'), url('../fonts/robotoslab_light_macroman/RobotoSlab-Light-webfont.ttf') format('truetype'), url('../fonts/robotoslab_light_macroman/RobotoSlab-Light-webfont.svg#roboto_slablight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_slabregular';
    src: url('../fonts/robotoslab_regular_macroman/RobotoSlab-Regular-webfont.eot');
    src: url('../fonts/robotoslab_regular_macroman/RobotoSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotoslab_regular_macroman/RobotoSlab-Regular-webfont.woff') format('woff'), url('../fonts/robotoslab_regular_macroman/RobotoSlab-Regular-webfont.ttf') format('truetype'), url('../fonts/robotoslab_regular_macroman/RobotoSlab-Regular-webfont.svg#roboto_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_slabthin';
    src: url('../fonts/robotoslab_thin_macroman/RobotoSlab-Thin-webfont.eot');
    src: url('../fonts/robotoslab_thin_macroman/RobotoSlab-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotoslab_thin_macroman/RobotoSlab-Thin-webfont.woff') format('woff'), url('../fonts/robotoslab_thin_macroman/RobotoSlab-Thin-webfont.ttf') format('truetype'), url('../fonts/robotoslab_thin_macroman/RobotoSlab-Thin-webfont.svg#roboto_slabthin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibold-webfont.woff2') format('woff2'), url('../fonts/opensans-semibold-webfont.woff') format('woff'), url('../fonts/opensans-semibold-webfont.ttf') format('truetype'), url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    width: 100%;
    font-family: 'open_sanslight';
}

html {
    width: 100%;
}

.page_full {
    overflow: hidden;
    padding: 0;
}

.gray_color {
    color: gray;
}
.black {
    background-color: #000;
}

.white {
    background-color: #fff;
}

.cyan {
    background-color: #00B2D1;
}

.persian {
    background-color: #009299;
}

.navy {
    background-color: #1C4597;
}

.amber {
    background-color: #FCB72C;
}

.esmerald {
    background-color: #17AB61;
}

.coal {
    background-color: #2A2A2C;
}

.smoke {
    background-color: #868686;
}

.moss {
    background-color: #8DBE38;
}

.fume {
    background-color: #DFDFE2;
}

.blue {
    background-color: #00b3d1;
}

.light-blue {
    background-color: #00BCF2;
}

.dark-blue {
    background-color: #0078D7;
}

.green {
    background-color: #00B262;
}

.dark-green {
    background-color: #008272;
}

.alabaster {
  background-color: #FAFAFA;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'open_sanslight';
}

p {
    margin: 0 0 20px;
    line-height: 1.6em;
}

p.lead {
    font-weight: 600;
}

a {
    color: #28c3ab;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #176e61;
}

.top-nav-collapse {
  background: #FFF;
  height: 0;
}

a, .tp-caption a.btn:hover{
  color: #67b0d1;
}

option{
    color: white;
    background-color: #30c1da;
}

select{
    border: none !important;
    color: white !important;
    background-color: #30c1da !important;
}

.navbar {
    margin-bottom: 0;
    min-height: 67px;
}

.navbar-brand {
    font-weight: 700;
}

.navbar-brand {
    height: 40px;
    /*padding: 5px 15px;*/
    font-size: 18px;
    line-height: 1em;
}

.navbar-brand h1 {
    color: #fff;
    font-size: 20px;
    line-height: 40px;
}

.navbar-brand:focus {
    outline: 0;
}

.navbar-custom.top-nav-collapse .nav.navbar-nav {
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 6px;
}

.navbar-custom ul.nav li a {
    font-size: 12px;
    letter-spacing: 1px;
    color: #444;
    text-transform: uppercase;
    font-weight: 700;
}

.navbar-custom.top-nav-collapse ul.nav li a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff;
}

.navbar-custom ul.nav ul.dropdown-menu {
    border-radius: 0;
}

.navbar-custom ul.nav ul.dropdown-menu li:last-child {
    border-bottom: none;
}

.navbar-custom ul.nav ul.dropdown-menu li a {
    padding: 10px 20px;
}

.navbar-custom ul.nav ul.dropdown-menu li a:hover {
    background: #fefefe;
}

.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {
    color: #666;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    background-color: rgba(255, 255, 255, .2);
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
}

.navbar-toggle {
    padding: 4px 6px;
    font-size: 14px;
    color: #fff;
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}


/* loader */

#preloader {
    background: #ffffff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

@keyframes shadowSpin {
    0% {
        box-shadow: 10px -10px #58595B, -10px 10px #00B3D1;
    }
    25% {
        box-shadow: 10px 10px #58595B, -10px -10px #00B3D1;
    }
    50% {
        box-shadow: -10px 10px #58595B, 10px -10px #00B3D1;
    }
    75% {
        box-shadow: -10px -10px #58595B, 10px 10px #00B3D1;
    }
    100% {
        box-shadow: 10px -10px #58595B, -10px 10px #00B3D1;
    }
}

#load {
    z-index: 9999;
    background-color: #00B262;
    opacity: 0.75;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    margin: -5px auto 0 auto;
    left: 0;
    right: 0;
    border-radius: 0px;
    /*border: 5px solid #FF4136;*/
    border: 5px solid #00B262;
    box-shadow: 10px 0px #39CCCC, 10px 0px #01FF70;
    animation: shadowSpin 1s ease-in-out infinite;
}


/* misc */

hr {
    margin-top: 10px;
}


/* ===========================
--- Intro
============================ */

.intro {
    background: url(../img/bg.jpg) no-repeat center center;
    min-height: 100%;
    background-size: cover;
    z-index: 10;
}

.intro-bottom {
    width: 100%;
    height: 125px;
    position: absolute;
    bottom: 0;
    background: url(../img/gradient_bottom.png) repeat-x;
    z-index: 11;
}

.intro .slogan {
    text-align: left;
}

.bloco {
    width: 100%;
    position: relative;
}

#entretenimento .topo {
    background: url(../img/banner/banner_tvdigital.jpg) no-repeat center center;
    min-height: 100%;
    background-size: cover;
}

#mobilidade .topo {
    background: url(../img/banner/banner_meio_ambiente.jpg) no-repeat center center;
    min-height: 100%;
    background-size: cover;
}

#automacao .topo {
    background: url(../img/banner/banner_conectividade3.jpg) no-repeat center center;
    min-height: 100%;
    background-size: cover;
}

#sustentabilidade .topo {
    background: url(../img/banner/banner_fabrica_digital.jpg) no-repeat center center;
    min-height: 100%;
    background-size: cover;
}

#geracao_energia .topo {
    background: url(../img/banner/banner_tecnologias_emergentes.jpg) no-repeat center center;
    min-height: 100%;
    background-size: cover;
}

#colaboracao .topo {
    background: url(../img/banner/banner_apps_acceleration.jpg) no-repeat center center;
    min-height: 100%;
    background-size: cover;
}

#entretenimento .bottom {
    background: #45b5d0;
}


/*Darlisson - Change start*/


/* DOT NAV - BEGIN */

#cd-vertical-nav {
    position: fixed;
    right: 20px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 888;
}

.inverted {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

#cd-vertical-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#cd-vertical-nav li {
    text-align: right;
    margin-bottom: -5px;
}

#cd-vertical-nav a {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /*-moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -o-backface-visibility:hidden;*/
}

#cd-vertical-nav a:after {
    content: "";
    display: table;
    clear: both;
}

#cd-vertical-nav a span {
    float: right;
    display: inline-block;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

#cd-vertical-nav a:hover span {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

#cd-vertical-nav a:hover .cd-label {
    opacity: 1;
}

#cd-vertical-nav a.active .cd-dot {
    background-color: white;
    /* change to black on section with white background*/
}

#cd-vertical-nav .cd-dot {
    position: relative;
    top: 8px;
    /*mudar se mudar a fonte*/
    height: 11px;
    width: 11px;
    border-radius: 50%;
    background: transparent;
    border: 1.5px solid white;
    /* change to black on section with white background*/
    box-shadow: none;
    -webkit-transition: box-shadow 0.2s linear;
    transition: box-shadow 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
    -moz-transition: -moz-transform 0.2s, background-color 0.5s;
    transition: transform 0.2s, background-color 0.5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

#cd-vertical-nav.dot-black .cd-dot {
    border: 1.5px solid black;
}

#cd-vertical-nav.dot-black a.active .cd-dot {
    background-color: black;
}

#cd-vertical-nav .cd-label {
    position: relative;
    margin-right: 10px;
    padding: .4em .5em;
    font-size: 12px;
    font-family: 'open_sanssemibold';
    /*font-weight : bold;*/
    /*font-size: 0.875rem;*/
    /*Efeito do site referencia remover abaixo*/
    opacity: 0;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}


/*tooltip */

#cd-vertical-nav.dot-black .cd-label {
    color: white;
    background: black;
}

#cd-vertical-nav.dot-black .cd-label:after {
    border-left: 5px solid black;
}

a.tooltips {
    position: relative;
    display: inline;
}

a.tooltips .cd-label {
    position: absolute;
    color: #6B6B6B;
    background: white;
    /*height: 30px;*/
    text-align: right;
    visibility: hidden;
    border-radius: 0px;
    /*border: 1px solid #00B3D1;*/
}

a.tooltips .cd-label:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid white;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

a:hover.tooltips .cd-label {
    visibility: visible;
    opacity: 1;
    right: 10px;
    top: 50%;
    margin-top: 0;
    margin-right: 15px;
    /*z-index: 888;*/
}

.icon-span {
    position: relative;
    left: 2.8px;
}


/*SVG */


/*HOME*/

.icon-home {
    content: url("../img/icons/home_outline.svg");
}

.icon-home:after {
    content: url("../img/icons/home_outline.svg");
}

.icon-home.active {
    content: url("../img/icons/home_filled.svg");
}

.icon-home.active:after {
    content: url("../img/icons/home_filled.svg");
}

.icon-home.dot-black {
    content: url("../img/icons/home_outline_black.svg");
}

.icon-home.dot-black:after {
    content: url("../img/icons/home_outline_black.svg");
}


/*PHONE*/

.icon-phone {
    content: url("../img/icons/phone_outline.svg");
}

.icon-phone.active {
    content: url("../img/icons/phone_filled.svg");
}

.icon-phone.dot-black {
    content: url("../img/icons/phone_outline_black.svg");
}

.icon-phone:after {
    content: url("../img/icons/phone_outline.svg");
}

.icon-phone.active:after {
    content: url("../img/icons/phone_filled.svg");
}

.icon-phone.dot-black:after {
    content: url("../img/icons/phone_outline_black.svg");
}


/* MENU _ BEGIN */


/* SOLUTION ONE - BEGIN */

.indt-menu {
    /*height:50px;*/
    /*margin-top: 20px;*/
    /*margin-right: 10px;*/
    margin-bottom: 100px;
    text-align: right;
}

#closeMenu {
    width: 55px;
    height: 45px;
    z-index: 900;
    position: absolute;
    right: 20px;
    margin-top: 15px;
    cursor: pointer;
}

.indt-menu img {
    /*transform: rotate(-90deg);*/
    cursor: pointer;
}

.cbp-spmenu {
    /*background: #29aecc;*/
    background: rgba(0, 178, 209, 1);
    position: fixed;
    overflow: auto;
}

.cbp-spmenu h3 {
    color: #afdefa;
    font-size: 1.9em;
    padding: 20px;
    margin: 0;
    font-weight: 300;
    background: #0d77b6;
}

.cbp-spmenu a {
    text-align: right;
    display: block;
    color: #fff;
    font-family: 'roboto_slablight';
}

.cbp-spmenu a:hover {
    color: #6aeefe;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}


/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
    width: 320px;
    height: 100%;
    top: 0;
    z-index: 100000;
}

.cbp-spmenu-vertical a {
    padding: 1em;
}


/* Vertical menu that slides from the left or right */


/* overlay begin */


/* Overlay style */

.overlay {
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
}


/* Effects */

.overlay-hugeinc {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-hugeinc.open {
    height: 100%;
    opacity: 1;
    position: fixed;
    z-index: 988;
    visibility: visible;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}


/* overlay end */

.cbp-spmenu-right {
    right: -320px;
    ;
}

.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}


/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


/* SOLUTION ONE - END */


/* SOLUTION TWO - BEGIN */

.sub-menu {
    transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
    -webkit-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    height: 0;
    /*width: 0;*/
    right: 0;
    top: 0;
    width: 100%;
    position: absolute;
    /*background-color: #67b0d1;*/
    border-radius: 50%;
}

.sub-menu li {
    display: block;
    float: none;
    clear: both;
    height: auto;
    /*transition: all 0.8s ease-out;*/
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    /*transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55)!important;*/
    margin-right: -300px;
}

.sub-menu li:first-child {
    -webkit-transition-delay: 0.15s;
    margin-top: 180px;
}

.sub-menu li:nth-child(1) {
    -webkit-transition-delay: 0.25s;
}

.sub-menu li:nth-child(2) {
    -webkit-transition-delay: 0.35s;
}

.sub-menu li:nth-child(3) {
    -webkit-transition-delay: 0.45s;
}

.sub-menu li:nth-child(4) {
    -webkit-transition-delay: 0.55s;
}

.sub-menu li:nth-child(5) {
    -webkit-transition-delay: 0.65s;
}

.sub-menu li:nth-child(6) {
    -webkit-transition-delay: 0.75s;
}

.sub-menu li:nth-child(7) {
    -webkit-transition-delay: 0.85s;
}

.sub-menu li:nth-child(8) {
    -webkit-transition-delay: 0.85s;
}

.sub-menu li:nth-child(9) {
    -webkit-transition-delay: 0.95s;
    margin-top: 50px;
}

.sub-menu-oppenned li {
    margin-right: 0;
}


/* SOLUTION TWO - END */


/* MENU - end */

#formContact-div{
    padding: 20px;
}

#seu_negocio {
    background: #00b2d1 url(../img/watermark_indt.png) no-repeat left center;
    height: 60%;
}

#seu_negocio h3 {
    font-family: 'roboto_slabregular';
    font-size: 34px;
    color: #FFF;
}

#seu_negocio .slogan h2 {
    font-family: 'roboto_slablight';
    font-size: 55px;
    color: #FFF;
}

#seu_negocio .slogan h2 span {
    font-family: 'roboto_slabregular';
}

#seu_negocio .formulario {
    /*margin-top: 96px;*/
    margin-top: 60px;
}

#seu_negocio form {
    font-family: 'open_sanssemibold';
    font-size: 14px;
}

#seu_negocio form input {
    color: #FFF;
    background-color: #30c1da;
    border: 0px none #000;
    margin-bottom: -8px;
}

#seu_negocio form textarea {
    color: #FFF;
    background-color: #30c1da;
    margin-top: -8px;
}

#seu_negocio form button {
    font-family: 'open_sansbold';
    font-size: 12px;
    color: #00b2d0;
    background-color: #FFF;
    padding-left: 40px;
    padding-right: 40px;
	float: left !important;
}

.nopadding {
    margin: 0;
    padding: 0;
}

#mobilidade .bottom {
    background-color: #f7a72e;
}

#automacao .bottom {
    background: #5bd782;
}

#sustentabilidade .bottom {
    background: #5c6ab0;
}

#geracao_energia .bottom {
    background: #ee7e6d;
}

#colaboracao .bottom {
    background: #333;
}

.inovacao {
    background-color: #17AB61;
    height: 100%;
    padding: 0; 
}

.inovacao.azul {
    background-color: #00B2D1;
}

.inovacao .slogan h2 {
    font-size: 32px;
    /*margin-top: 15%;*/
    color: #FFF;
}

.inovacao .slogan p {
    font-size: 32px;
    /*margin-top: 15%;*/
    color: #FFF;
}

.inovacao .slogan {
    text-align: center;
    color: #FFF;
}

#quemsomos {
    font-family: 'roboto_slabregular';
}

#premios_clientes {
    background: #FFF;
    height: 100%;
}

#premios_clientes h3 {
    margin: 0 0 60px 0;
    /*160px 0 30px 0*/
    font-size: 20px;
    letter-spacing: 3px;
    font-family: 'roboto_slabbold';
    padding-bottom: 50px;
}

.images{
    padding-bottom: 50px;
}

.inner{
    padding-bottom: 50px;
    max-height: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: relative;
}

.image_right {   
    padding:20px 10%;
}

.image_left {   
    margin-bottom: 30px;
    padding:0 14%;
}

.topo {
    height: 100%;
    /*70%*/
    padding: 0;
}

.bloco {
    height: 100%;
}

.bloco.menor {
    height: 70%;
}

.bloco .slogan h2 {
    font-family: 'open_sansregular';
    font-size: 60px;
}

.bloco .slogan .menor h2 {
    font-size: 5px;
}

#seu_negocio.bloco .topo {
    padding: 0;
}

.social {
    float: right;
}

.social li {
    margin-top: 7px;
    width: 25px;
    height: 24px;
    display: block;
    float: left;
}

.social-share {
    float: right;
    margin-top: 52px;
}

.social-share li {
    margin-top: 7px;
    width: 25px;
    height: 24px;
    display: block;
    float: left;
}

.social_white {
    background: url('../img/footer_icons_white.png') no-repeat;
}

.social_blue {
    background: url('../img/footer_icons_blue.png') no-repeat;
}

.social_dark {
    background: url('../img/footer_icons_dark.png') no-repeat;
}

.social_dark:hover {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

.face {
    background-position: 0 0;
}

.twitter {
    background-position: 0 -24px;
}

.in {
    background-position: 0 -48px;
}

.youtube {
    background-position: 0 -72px;
}

#footer .left_footer{
    width: 100%;
    height: 100%;
}

#footer .bg_footer {
    position: absolute;
    width: inherit;
    height: 350px;
    background: url(../img/bg_footer.png) no-repeat right bottom;
    background-size: auto 350px;
    bottom: 0;
}

#footer .actived {
    display: inline;
}

#footer .desactive {
    display: none;
}

#footer .row {
    padding: 0;
    top: 73%;
}

#form-content input {
    background-color: #30c1da;
    color: white;
}

#form-content textarea {
    background-color: #30c1da;
    color: white;
}

#form-content button {
    font-family: 'open_sansbold';
    font-size: 12px;
    color: #00b2d0;
    background-color: #FFF;
    padding-left: 40px;
    padding-right: 40px;
}

#form-content .close {
    color: white;
    opacity: 1;
}

#form-content h3 {
    color: white;
}

#footer p {
    margin: 0 0 10px;
}

#footer span.phone {
    font-family: 'open_sanssemibold';
    font-size: 18px;
    color: #00b1d2;
}

#footer span.address {
    font-family: 'open_sansregular';
    font-size: 14px;
    color: #2a2a2c;
}

#footer span.copyright {
    font-family: 'open_sansregular';
    font-size: 12px;
    color: #2a2a2c;
}

#pre-footer {
    height: 40px;
    background-color: #e7f3f5;
    background-color: #DFDFE2;
}

#pre-footer .menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#pre-footer .menu ul li {
    display: block;
    position: relative;
    padding: 10px;
    float: left;
    width: 150px;
    text-align: center;
    font-family: 'open_sansbold';
    font-size: 14px;
    color: #969898;
}

#pre-footer .menu ul li.actived {
    background-color: #FFF;
    margin: 0;
    font-family: 'open_sansbold';
    font-size: 14px;
    color: #2a2a2c;
}

#pre-footer .menu ul li.actived a {
    font-size: 14px;
    color: #2a2a2c;
}

#pre-footer .menu ul li a {
    font-size: 14px;
    color: #999;
}

.bloco .slogan {
    text-align: left;
}

.page-scroll {
    cursor: pointer;
    position: absolute;
    left: 50%;
    bottom: 15px;
    z-index: 12;
}

.page-scroll img {
    height: 25px;
}

.black_page {
    position: absolute;
    width: 100%;
    height: 100%;
    /* 70% */
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.bloco .slogan h1 {
    font-family: 'roboto_slablight';
    font-size: 90px;
    color: #FFF;
}

.bloco .slogan .menor h1 {
    font-size: 90px;
}

.bloco .slogan h2 {
    font-family: 'open_sanslight';
    font-size: 32px;
    color: #FFF;
}

.bloco .bottom .slogan h2 {
    font-size: 32px;
    text-align: center;
}

.bloco .slogan h3 {
    text-align: right;
    font-family: 'roboto_slabregular';
    font-size: 16px;
    line-height: 22px;
    color: #FFF;
}

.bloco .slogan h3 span {
    font-family: 'roboto_slablight';
    font-size: 16px;
}

.intro .slogan h2 {
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.50);
    text-decoration: none;
    border-width: 0px;
    border-color: #000;
    border-style: none;
}

.intro .slogan span {
    font-family: 'roboto_slabregular';
    font-size: 55px;
    margin-bottom: 20px;
    height: 61px;
    color: #2a2a2c;
    padding: 0 25px 0 25px;
    line-height: 61px;
    background-color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
}

.intro .slogan h4 {
    color: #fff;
}


/* ===========================
--- Contact
============================ */

form#contact-form .form-group label {
    text-align: left !important;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}

form#contact-form input,
form#contact-form select,
form#contact-form textarea {
    border-radius: 0;
    border: 1px solid #eee;
    -webkit-box-shadow: none;
    box-shadow: none;
}

form#contact-form input:focus,
form#contact-form select:focus,
form#contact-form textarea:focus {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

form#contact-form-modal .form-group label {
    text-align: left !important;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}

form#contact-form-modal input,
form#contact-form-modal select,
form#contact-form-modal textarea {
    border-radius: 0;
    border: 1px solid #eee;
    -webkit-box-shadow: none;
    box-shadow: none;
}

form#contact-form-modal input:focus,
form#contact-form-modal select:focus,
form#contact-form-modal textarea:focus {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.input-group-addon {
    background-color: #fefefe;
    border: 1px solid #eee;
    border-radius: 0;
}


/* ===========================
--- Elements
============================ */

.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle.btn-dark {
    border: 2px solid #666;
    color: #666;
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255, 255, 255, .1);
}

.btn-circle.btn-dark:hover,
.btn-circle.btn-dark:focus {
    outline: 0;
    color: #999;
    background: #fff;
}

.btn-circle.btn-dark:hover i,
.btn-circle.btn-dark:focus i {
    color: #999;
}

.page-scroll .btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.page-scroll .btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {
    0 {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0 {
        -moz-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

#text {
    color: #fff;
    background: #ffcc00;
}

.btn-skin:hover,
.btn-skin:focus,
.btn-skin:active,
.btn-skin.active {
    color: #fff;
    background-color: #666;
    border-color: #666;
}

.btn-default:hover,
.btn-default:focus {
    border: 1px solid #28c3ab;
    outline: 0;
    color: #000;
    background-color: #28c3ab;
}

.btn-huge {
    padding: 25px;
    font-size: 26px;
}

.banner-social-buttons {
    margin-top: 0;
}


/*----------------------------------
       TABS & ACCORDIONS STYLE
-------------------------------------*/

.panel-heading .nav {
    border: medium none;
    font-size: 13px;
    margin: -15px -15px -15px;
}

.panel-heading.custom-tab {
    padding: 8px 15px;
}

.custom-tab ul > li > a {
    display: block;
    padding: 20px 15px !important;
}

.custom-tab {
    background: #e0e1e7 !important;
    /*border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;*/
    border-radius: 0;
    -webkit-border-radius: 0;
    border-bottom: none;
}

.custom-tab.dark-tab {
    background: #424F63 !important;
}

.custom-tab.turquoise-tab {
    background: #65CEA7 !important;
}

.custom-tab.blue-tab {
    background: #5BC0DE !important;
}

.custom-tab.yellow-tab {
    background: #F0AD4E !important;
}

.custom-tab.dark-tab li a,
.custom-tab.turquoise-tab li a,
.custom-tab.blue-tab li a,
.custom-tab.yellow-tab li a {
    color: #fff !important;
}

.custom-tab.dark-tab li.active a,
.custom-tab.dark-tab li a:hover {
    color: #424F63 !important;
}

.custom-tab.turquoise-tab li a:hover,
.custom-tab.turquoise-tab li.active a {
    color: #65CEA7 !important;
}

.custom-tab.blue-tab li a:hover,
.custom-tab.blue-tab li.active a {
    color: #5BC0DE !important;
}

.custom-tab.yellow-tab li a:hover,
.custom-tab.yellow-tab li.active a {
    color: #F0AD4E !important;
}

.custom-tab li a:hover,
.custom-tab li.active a {
    border-radius: 0 !important;
    background: #fff !important;
    color: #65CEA7 !important;
}

.panel-heading .nav > li > a,
.panel-heading .nav > li.active > a,
.panel-heading .nav > li.active > a:hover,
.panel-heading .nav > li.active > a:focus {
    border-width: 0;
    border-radius: 0;
}

.panel-heading .nav > li > a {
    color: #898989;
}

.panel-heading .nav > li.active > a,
.panel-heading .nav > li > a:hover {
    color: #65CEA7;
    background: #fff;
}

.panel-heading .nav > li:first-child.active > a,
.panel-heading .nav > li:first-child > a:hover {
    /*border-radius: 4px 0 0 0 !important;
    -webkit-border-radius: 4px 0 0 0 !important;*/
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

.tab-right {
    height: 45px;
}

.panel-heading.tab-right .nav > li:first-child.active > a,
.tab-right.panel-heading .nav > li:first-child > a:hover {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

.panel-heading.tab-right .nav > li:last-child.active > a,
.tab-right.panel-heading .nav > li:last-child > a:hover {
    /*border-radius: 0 4px 0 0 !important;
    -webkit-border-radius: 0 4px 0 0 !important;*/
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

.panel-heading.tab-right .nav-tabs > li > a {
    /*margin-left: 1px;*/
    margin-left: 0;
    margin-right: 0;
}

.panel-heading.dark {
    background: #353F4F;
    color: #fff;
}

.panel-heading.dark a:hover,
.panel-heading.dark a:focus {
    color: #fff;
}

#subMenu {
    font-family: 'roboto_slablight' !important;
    font-size: 1.5em !important;
}

#outer {
    height: 100%;
    /*width: 100%;*/
    overflow: hidden;
    position: relative;
    text-align: center;
}

#outer[id] {
    display: table;
    position: static;
}

#middle {
    position: absolute;
    top: 50%;
}


/* for adaptive (quirk) explorer only*/

#middle[id] {
    display: table-cell;
    vertical-align: middle;
    /*width: 100%;*/
    position: static;
}

#inner {
    position: relative;
    top: -50%;
}


/* for adaptive (quirk) explorer only */

button.saiba_mais {
    margin-top: 55px;
    padding: 20px 100px 20px 100px;
    background-color: rgba(255, 255, 255, 0);
    color: #FFF;
    border-style: solid;
    border-color: white;
    font-size: 22px;
    font-family: open_sanssemibold;
    letter-spacing: 4px;
    line-height: 20px;
}

button.saiba_mais:hover, .show_cases:hover {
    background-color: #00B2D1;
    color: #FFF;
}

button.saiba_mais.white:hover {
    background-color: #FFF;
    color: #6B6B6B;
}

button.mais_info,
.mais_info_modal, .show_cases {
    padding: 6px 10px 6px 10px;
    background-color: rgba(0, 0, 0, 0);
    color: #676767;
    border-style: solid;
    border-color: #999;
    font-size: 12px;
    font-family: open_sanssemibold;
}

button.mais_info:hover {
    background-color: #999;
    color: #FFF;
}

button.mais_info.white:hover {
    background-color: #FFF;
    color: #6B6B6B;
}


.form-control:-moz-placeholder {
    color: #FFF;
}

.form-control::-moz-placeholder {
    color: #FFF;
}

.form-control:-ms-input-placeholder {
    color: #FFF;
}

.form-control::-webkit-input-placeholder {
    color: #FFF;
}

.formulario .text-danger {
    color: #58595B;
}

.formulario .text-danger p {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 21px;
}

#leisincentivo .slogan p {
    font-family: roboto_slabregular;
    font-size: 42px;
    line-height: 65px;
}

.msg-sent {
    margin-top: 40%;
}

.msg-sent h3 {
    font-family: 'roboto_slabregular';
    font-size: 30px !important;
}

.msg-sent p {
    font-family: 'roboto_slabregular' !important;
    font-size: 24px !important;
    margin: 0;
    color: white !important;
}

.msg-sent.success h3 {
    color: rgb(72, 255, 0) !important;
}

.msg-sent.error h3 {
    color: rgb(238, 255, 0) !important;
}

.msg-sent2 {
    margin-top: 10%;
}

.msg-sent2 h3 {
    font-family: 'roboto_slabregular';
    font-size: 30px !important;
}

.msg-sent2 p {
    font-family: 'roboto_slabregular' !important;
    font-size: 24px !important;
    margin: 0;
    color: white !important;
}

.msg-sent2.success h3 {
    color: rgb(72, 255, 0) !important;
}

.msg-sent2.error h3 {
    color: rgb(238, 255, 0) !important;
}

button.msg-fb {
    margin-top: 30px;
    font-family: 'open_sansbold';
    font-size: 12px;
    color: #00b2d0;
    background-color: #FFF;
    padding-left: 40px;
    padding-right: 40px;
}

button.msg-fb:hover {
    color: #00b2d0;
}

.screenshots figure {
    position: relative;
    overflow: hidden;
}

.screenshots figure img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.screenshots figure:hover img,
.screenshots figure:focus img {
    /* -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);*/
}

.screenshots figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center;
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.screenshots figcaption a {
    color: #fff
}

.screenshots figcaption a:hover,
.screenshots figcaption a:focus {
    color: white;
}

.screenshots figure:hover figcaption,
.screenshots figure:focus figcaption {
    opacity: 1
}

.visible {
    opacity: 1
}

.screenshots figure.cs-hover figcaption {
    opacity: 1
}

.screenshots figcaption p {
    margin-bottom: 10px;
    font-family: 'roboto_slabregular' !important;
    color: white !important;
    font-size: 20px !important;
    letter-spacing: 2px;
}

.screenshots figcaption .caption-content {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -100px;
    width: 200px;
    -webkit-transform: translate(0px, 15px);
    -ms-transform: translate(0px, 15px);
    transform: translate(0px, 15px);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.screenshots figure:hover figcaption .caption-content,
.screenshots figure:focus figcaption .caption-content {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

#btn-pt.active {
    font-weight: bold;
    font-size: 24px;
}

#btn-en.active {
    font-weight: bold;
    font-size: 24px;
}

#btn-pt-menu.active {
    font-weight: bold;
    font-size: 24px;
}

#btn-en-menu.active {
    font-weight: bold;
    font-size: 24px;
}

.lang-switch {
    margin-top: 12px;
    font-size: 20px;
    color: #FFF;
}

.lang-switch.dot-black {
    color: gray;
}

a:hover,
a:active,
a:focus {
    outline: 0;
}


/*=======*/

@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.arrow {
    z-index: 12;
    position: absolute;
    bottom: 15px;
    left: 50%;
    width: 25px;
    height: 25px;
    background-image: url(../img/nav_arrow_down.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.arrow.dot-black {
    background-image: url(../img/nav_arrow_down_black.png);
}

.my-bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.loading-email {
    background-image: url('../img/loading.gif');
    position: absolute;
    top: 50%;
    left: 70%;
    z-index: 10;
    width: 200px;
    height: 13px;
}

.img_cliente {
    display: none;
}

.slider_clientes {
    display: none;
}

.idioma_menu {
    display: none;
}

.social_menu {
    display: none;
}

#msg_responsiva {
    text-align: center;
    display: none;
}

#msg_responsiva h3 {
    text-align: center !important;
}


/*(CASE EMELENTS)*/


/***> HEADER <***/

#case .header h1,
h2 {
    color: #fff;
    font-family: 'roboto_slabregular';
}

#case .header {
    overflow: hidden;
    position: relative;
    color: #fff;
    z-index: -2;
}

#case .header h1 {
    line-height: 50%;
}

#case .header h2 {
    line-height: 100%;
    margin-bottom: 4%;
}

#case .header h3 {
    font-family: 'open_sansregular';
    letter-spacing: 1px;
}

#case .title {
    position: relative;
}

#case .black_area {
    position: absolute;
    width: 100%;
    height: 705px;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    z-index: -1;
}


/***> VIDEO <***/

#videoPlay {
    position: absolute;
    cursor: pointer;
    width: 250px;
    height: 250px;
    z-index: 100;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}


/***> BENEFITS <***/

#case .benefits img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}


/***> FOOTER NAV <***/

#case .footer_nav h1 {
    font-family: 'roboto_slabregular';
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 40px;
    text-align: center;
    text-transform: none !important;
    letter-spacing: 3px;
}

#case .share {
    height: 80px;
    margin-top: 30px;
}

#case .share span {
    font-family: 'open_sansregular';
    color: #999;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
}

#case .share table {
    margin-top: 6px;
    float: right;
    margin-left: auto;
    margin-right: auto;
}

#case .share .social-share {
    margin-top: 0px;
    padding-left: 10px;
}


/***** MEDIA QUERIES *******/

@media only screen and (min-width: 320px) {
    .div-padding {
        padding: 10%;
    }
    /* cases */
    #case .header {
        height: 450px;
        width: 100%;
    }
    #case .header h1 {
        font-size: 16px;
    }
    #case .header h2 {
        font-size: 28px;
    }
    #case .header h3 {
        font-size: 16px;
        line-height: 20px;
    }
    #case .benefits img {
        width: 50%;
    }
    #case .footer_nav {
        padding: 8%;
    }
    #case .footer_nav .screenshots {
        margin-bottom: 10%;
    }
    .bloco .slogan h1 {
        font-family: 'roboto_slablight';
        font-size: 45px;
        color: #FFF;
        text-align: center;
        margin-bottom: 20px;
    }
    .bloco .slogan.menor h1 {
        font-size: 45px;
    }
    .bloco .slogan h2 {
        font-family: 'open_sanslight';
        font-size: 20px;
        color: #FFF;
        text-align: center;
        margin-bottom: 20px;
        line-height: 130%;
    }
    .navbar-brand #logo-indt {
        width: 110px;
        height: 35px;
        margin-top: 2px;
		margin-bottom: 20px;
    }
	.navbar-brand-embrapii { margin-left: 10px; }
	.navbar-brand-embrapii img {
		width: auto;
		height: 55px;
		margin-top: 5px;
	}
	.navbar-header.pull-left { width: 310px; }
	
    .lang-switch {
        margin-top: 18px;
        font-size: 20px;
        color: #FFF;
    }
    .intro .slogan p {
        margin: 0;
    }
    .intro .slogan span {
        font-family: 'roboto_slabregular';
        font-size: 18px;
        color: #2a2a2c;
        padding: 2px 10px 2px 10px;
        line-height: 32px;
        background-color: rgba(255, 255, 255, 0.85);
        text-decoration: none;
    }
    .inovacao .slogan p {
        font-size: 18px;
    }
    #leisincentivo .slogan p {
        font-family: roboto_slabregular;
        font-size: 20px;
        line-height: 35px;
    }
    button.saiba_mais {
        margin-top: 45px;
        padding: 15px 40px 15px 40px;
        background-color: rgba(255, 255, 255, 0);
        color: #FFF;
        border-style: solid;
        border-color: white;
        font-size: 12px;
        font-family: open_sanssemibold;
        letter-spacing: 4px;
        line-height: 16px;
    }
    #seu_negocio h3 {
        font-family: 'roboto_slabregular';
        font-size: 22px;
        color: #FFF;
    }
    #seu_negocio .slogan h2 {
        font-family: 'roboto_slablight';
        font-size: 35px;
        color: #FFF;
    }
    button.enviar_mensagem {
        margin-top: 45px;
        padding: 15px 40px 15px 40px;
        background-color: rgba(255, 255, 255, 0);
        color: #FFF;
        border-style: solid;
        border-color: white;
        font-size: 12px;
        font-family: open_sanssemibold;
        letter-spacing: 4px;
        line-height: 16px;
    }
    .container>.navbar-header,
    .container>.navbar-collapse {
        margin-right: 15px;
        margin-left: -15px;
    }
}

@media only screen and (min-width: 480px) {
    .intro .slogan {
        text-align: center;
    }
    .intro .slogan span {
        font-family: 'roboto_slabregular';
        font-size: 18px;
        color: #2a2a2c;
        padding: 2px 10px 2px 10px;
        line-height: 32px;
        background-color: rgba(255, 255, 255, 0.85);
        text-decoration: none;
    }
    .inovacao .slogan p {
        font-size: 16px;
    }
    #leisincentivo .slogan p {
        font-family: roboto_slabregular;
        font-size: 22px;
        line-height: 40px;
        margin-top: 20px;
    }
    #seu_negocio h3 {
        font-family: 'roboto_slabregular';
        font-size: 28px;
        color: #FFF;
    }
    #seu_negocio .slogan h2 {
        font-family: 'roboto_slablight';
        font-size: 45px;
        color: #FFF;
    }
    #case .benefits img {
        width: 35%;
    }
}

@media only screen and (min-width: 600px) {
    #case .benefits img {
        width: 30%;
    }
    .bloco .slogan h1 {
        font-family: 'roboto_slablight';
        font-size: 75px;
        color: #FFF;
        text-align: center;
        margin-bottom: 20px;
    }
    .bloco .slogan.menor h1 {
        font-size: 75px;
    }
    .bloco .slogan h2 {
        font-family: 'open_sanslight';
        font-size: 24px;
        color: #FFF;
        text-align: center;
        margin-bottom: 20px;
        line-height: 130%;
    }
    .navbar-brand #logo-indt {
        width: 126px;
        height: 40px;
        margin-top: -1px;
    }
	.navbar-brand-embrapii { margin-left: 30px; }
	.navbar-brand-embrapii img {
		width: auto;
		height: 55px;
		margin-top: 5px;
	}
	.navbar-header.pull-left { width: 310px; }	
	
    .lang-switch {
        margin-top: 20px;
        font-size: 20px;
        color: #FFF;
    }
    .intro .slogan {
        text-align: center;
    }
    .intro .slogan p {
        margin: 0;
    }
    .intro .slogan span {
        font-family: 'roboto_slabregular';
        font-size: 28px;
        color: #2a2a2c;
        padding: 2px 10px 2px 10px;
        line-height: 46px;
        background-color: rgba(255, 255, 255, 0.85);
        text-decoration: none;
    }
    .inovacao .slogan p {
        font-size: 36px;
    }
    #leisincentivo .slogan p {
        font-family: roboto_slabregular;
        font-size: 28px;
        line-height: 55px;
    }
    button.saiba_mais {
        margin-top: 45px;
        padding: 20px 80px 20px 80px;
        background-color: rgba(255, 255, 255, 0);
        color: #FFF;
        border-style: solid;
        border-color: white;
        font-size: 18px;
        font-family: open_sanssemibold;
        letter-spacing: 4px;
        line-height: 20px;
    }
    #seu_negocio h3 {
        font-family: 'roboto_slabregular';
        font-size: 34px;
        color: #FFF;
    }
    #seu_negocio .slogan h2 {
        font-family: 'roboto_slablight';
        font-size: 55px;
        color: #FFF;
    }
}

@media only screen and (min-width: 768px) {
    .div-padding {
        padding: 6%;
    }
    #case .header {
        height: 705px;
        width: 100%;
    }
    #case .header h1 {
        font-size: 30px;
        line-height: 50%;
    }
    #case .header h2 {
        font-size: 50px;
        line-height: 100%;
        margin-bottom: 4%;
    }
    #case .header h3 {
        font-size: 26px;
        letter-spacing: 1px;
        line-height: 40px;
        text-align: center
    }
    #case .benefits img {
        width: 50%;
    }
    .bloco .slogan h1 {
        font-family: 'roboto_slablight';
        font-size: 90px;
        color: #FFF;
        text-align: left;
        margin-bottom: 20px;
    }
    .bloco .slogan.menor h1 {
        font-size: 90px;
    }
    .bloco .slogan h2 {
        font-family: 'open_sanslight';
        font-size: 32px;
        color: #FFF;
        text-align: left;
        margin-bottom: 20px;
        line-height: 130%;
    }
    .navbar-brand #logo-indt {
        width: 146px;
        height: 46px;
    }
	.navbar-brand-embrapii, .navbar-brand { display: inline-block; float: left; }
	.navbar-brand-embrapii { margin-left: 30px; }
	.navbar-brand-embrapii img {
		width: auto;
        height: 90px;
	}
	.navbar-header.pull-left { width: 510px; }	
	
    .lang-switch {
        margin-top: 18px;
        font-size: 20px;
        color: #FFF;
    }
    .intro .slogan {
        text-align: center;
    }
    .intro .slogan p {
        margin: 0;
    }
    .intro .slogan span {
        font-family: 'roboto_slabregular';
        font-size: 38px;
        color: #2a2a2c;
        padding: 2px 10px 2px 10px;
        line-height: 60px;
        background-color: rgba(255, 255, 255, 0.85);
        text-decoration: none;
    }
    .inovacao .slogan p {
        font-size: 26px;
    }
    .container>.navbar-header,
    .container>.navbar-collapse {
        margin-left: 0px;
        margin-right: 0px;
    }
    .bloco .slogan h1 {
        font-family: 'roboto_slablight';
        font-size: 90px;
        color: #FFF;
    }
    .bloco .slogan.menor h1 {
        font-size: 90px;
    }
    .bloco .slogan h2 {
        font-family: 'open_sanslight';
        font-size: 32px;
        color: #FFF;
        margin-bottom: 40px;
    }
	#inovacao2 { margin-top: 20px !important; }	
	#msg_responsiva { display: none !important; }	
}

@media screen and (min-width:769px) {
    .navbar-brand #logo-indt {
        margin-top: -3px;
    }
    .no-padding-right {
        padding-right: 3px;
    }
    .no-padding-left {
        padding-left: 3px;
    }
}

@media screen and (min-width:1024px) {
    .intro .slogan {
        text-align: left;
    }
    .intro .slogan p {
        margin: 0;
    }
    .intro .slogan span {
        font-family: 'roboto_slabregular';
        font-size: 50px;
        margin-bottom: 20px;
        height: 61px;
        color: #2a2a2c;
        padding: 0 25px 0 25px;
        line-height: 72px;
        background-color: rgba(255, 255, 255, 0.85);
        text-decoration: none;
    }
    .inovacao .slogan p {
        font-size: 26px;
    }
    #leisincentivo .slogan p {
        font-family: roboto_slabregular;
        font-size: 40px;
        line-height: 55px;
    }
}

@media screen and (min-width:1200px) {
    .intro .slogan {
        text-align: left;
    }
    .intro .slogan p {
        margin: 0;
    }
    .intro .slogan span {
        font-family: 'roboto_slabregular';
        font-size: 55px;
        margin-bottom: 20px;
        height: 100px;
        color: #2a2a2c;
        padding: 0 25px 0 25px;
        line-height: 82px;
        background-color: rgba(255, 255, 255, 0.85);
        text-decoration: none;
    }
    .inovacao .slogan p {
        font-size: 32px;
    }
}

@media screen and (min-height: 800px) and (min-width: 768px){
    #inovacao{
        margin-top: 30%;
    }
}

/*
    MEDIA QUERIES - MAX
*/

@media only screen and (max-width: 480px) {
    .intro .slogan {
        text-align: center;
    }
    #quemsomos .slogan p {
        font-size: 20px;
    }
    .social_menu {
        display: block;
        text-align: center;
    }
    .social_menu a {
        display: block;
        padding-left: 0;
    }
    .social_menu a.inline {
        display: inline;
    }
    /* Orientation-dependent styles for the content of the menu */
    .cbp-spmenu-vertical {
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 100000;
    }
    /* overlay end */
    .cbp-spmenu-right {
        right: -100%;
    }
    .sub-menu li:first-child {
        -webkit-transition-delay: -1s;
        margin-top: 60px;
        margin-bottom: 20px;
    }
    .sub-menu li:nth-child(1) {
        -webkit-transition-delay: -1s;
    }
    .sub-menu li:nth-child(2) {
        -webkit-transition-delay: -1s;
    }
    .sub-menu li:nth-child(3) {
        -webkit-transition-delay: -1s;
    }
    .sub-menu li:nth-child(4) {
        -webkit-transition-delay: -1s;
    }
    .sub-menu li:nth-child(5) {
        -webkit-transition-delay: -1s;
    }
    .sub-menu li:nth-child(6) {
        -webkit-transition-delay: -1s;
    }
    .sub-menu li:nth-child(7) {
        -webkit-transition-delay: -1s;
    }
    .sub-menu li:nth-child(8) {
        -webkit-transition-delay: -1s;
    }
    .sub-menu li:nth-child(9) {
        -webkit-transition-delay: -1s;
        margin-top: 50px;
    }
    .idioma_menu {
        display: block;
        text-align: center;
        display: block;
        color: #fff;
        font-size: 1.08em;
        font-weight: 300;
        padding: 1em;
    }
    #btn-pt-menu.active {
        font-weight: bold;
        font-size: 18px;
    }
    #btn-en-menu.active {
        font-weight: bold;
        font-size: 18px;
    }
    .cbp-spmenu-vertical a {
        padding: 0.5em;
    }
    .cbp-spmenu a {
        text-align: center;
        display: block;
        color: #fff;
        font-size: 1.08em;
        font-weight: 300;
    }
}

@media only screen and (min-width: 481px) and (max-width: 769px) {
    .social_menu {
        display: block;
        text-align: right;
    }
    .social_menu a {
        display: block;
        padding-left: 0;
    }
    .social_menu a.inline {
        display: inline;
    }
    .idioma_menu {
        display: block;
        text-align: right;
        display: block;
        color: #fff;
        font-size: 1.5em;
        font-weight: 300;
        padding: 1em;
    }
}

@media only screen and (min-width: 600px) and (max-width: 769px) {
    .navbar-brand #logo-indt {
        width: 126px;
        height: 40px;
    }
	.navbar-brand-embrapii { margin-left: 15px; }
	.navbar-brand-embrapii img {
		width: auto;
		height: 55px;
		margin-top: 5px;
	}
	.navbar-header.pull-left { width: 510px; }	
	
    .bloco .slogan h2 {
        font-family: 'open_sanslight';
        font-size: 24px;
        color: #FFF;
        text-align: center;
        margin-bottom: 20px;
        line-height: 130%;
    }
}

@media only screen and (max-width: 600px) {
    .estado {
        display: none;
    }
    #pre-footer .menu ul li {
        display: block;
        position: relative;
        padding-top: 13px;
        padding-bottom: 13px;
        padding-left: 0;
        padding-right: 0;
        float: left;
        text-align: center;
        width: 50%;
        font-family: 'open_sansbold';
        font-size: 12px;
        color: #969898;
    }
    #pre-footer .menu ul li.actived {
        background-color: #FFF;
        margin: 0;
        font-family: 'open_sansbold';
        font-size: 12px;
        color: #2a2a2c;
    }
    #pre-footer .menu ul li.actived a {
        font-size: 12px;
        color: #2a2a2c;
    }
    #pre-footer .menu ul li a {
        font-size: 12px;
        color: #999;
    }
}

@media only screen and (max-width: 767px) {
    .inovacao .slogan p:last-child {
        display: none;
    }
    #formContact-div {
        display: none;
    }
    .loading-email {
        background-image: url('../img/loading.gif');
        position: absolute;
        left: 10% !important;
        z-index: 10;
        width: 200px;
        height: 13px;
    }
}

@media only screen and (max-width: 769px) {
    .page_full {
        padding: 0;
        width: 100%;
        position: relative;
    }
    #case .share table {
        float: none;
    }
    .inovacao .slogan p {
        font-size: 26px;
    }
    .idioma {
        display: none;
    }
    #cd-vertical-nav {
        display: none;
    }
    .page-scroll {
        display: none;
    }
    .arrow {
        display: none;
    }
    .row .col-md-8 {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    p button.saiba_mais {
        display: block;
        margin: 4px auto;
    }
    p button.enviar_mensagem {
        display: block;
        margin: 30px auto;
    }
    .img_cliente {
        display: block;
    }
    .bloco .slogan h1 {
        text-align: center;
    }
    #tv_digital2 {
        display: none;
    }
    #rastreador2 {
        display: none;
    }
    #wifi2 {
        display: none;
    }
    #tecnologia2 {
        display: none;
    }
    #social_footer {
        display: none;
    }
    .bg_footer {
        display: none;
    }
    .row_clientes {
        display: none;
    }
    .slider_clientes {
        display: block;
    }
    #footer {
        /*position: relative;*/
        /*background-color: #FFF;*/
        height: 0%;
        bottom: 65%;
        text-align: left;
    }
}

@media only screen and (min-height: 800px) {
    #seu_negocio {
        height: 70%;
    }
}




/* ==========================================================================
Features Slider
========================================================================== */

.testimonials-slider {
    text-align: center;
}

.testimonials-slider ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.slides {
    position: relative;
}

.testimonials-slider ul li {
    width: 100%;
    list-style: none;
}

.testimonials-slider .flickity-page-dots {
    text-align: center;
    margin-top: 10px;
}

.testimonials-slider .flickity-page-dots .dot {
    margin: 0 12px 0 0;
}

.testimonials-slider .flickity-page-dots .dot {
    width: 10px;
    height: 10px;
    opacity: 1;
    background: transparent;
    border: 1px solid black;
}


/* fill-in selected dot */

.testimonials-slider .flickity-page-dots .dot.is-selected {
    background: black;
}

.testimonials-slider .flickity-viewport {
    min-height: 200px;
    min-width: 150px;
}

.ms {
    padding-top: 20px;
}

.seagate {
    padding-top: 10px;
}

.foxconn {
    padding-top: 36px;
}

.america_movil {
    padding-top: 20px;
}

.uol {
    padding-top: 14px;
}