/*
FONTES
--------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
/*
COOMONS
--------------------------------------*/
.abs{position: relative}
.ajs{position: relative;top: -130px;}
.color-gray{color: #DDD;font-size: 12px;}
.heigths{min-height: 400px;}
p{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}
h1{
    font-size: 46px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #000
}
h2{
    font-family: 'GothamUltra';
}

h4, h5, strong{
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
}
.pipe-1{
    margin-left:  20px;
    width: 2px;
    border-right: 3px solid #DBDBDB;
}
.pipe-2 {
    margin-left:  5px;
    width: 2px;
    border-right: 2px solid #DBDBDB;
}
.line{
    position: absolute;
    border-bottom: 5px solid #ACD037;
    width: 150px;
    left: -8%;
}
.line-2{
    position: absolute;
    border-bottom: 5px solid #000;
    width: 150px;
    left: -8%;
    z-index: 1;
}
.m-t-10{
    margin-top: 10px;
}

.m-t-20{
    margin-top: 30px;
}

.m-t-40{
    margin-top: 40px;
}
.p-20{padding: 20px;}
.white{color: #FFF;}
.nav li a:hover, .nav li a:active, .nav li a:visited{
    background: none
}
.silver{background: #F4F4F4;}
/*
ESTRUTURA
--------------------------------------*/
.wrapper{
    width: 100%;
    height: 100%;
}
#nav,
#slider,
#about,
#services,
#team,
#footer{
    width: 100%;
}
#about{
    padding: 80px 0;
    position: relative;
}
#footer{
    min-height: 200px;
}

/*
HEADER
------------------------------------------*/
.header-language{
    float: right;
    text-align: right;
    width: 75%;
    font-size: 10px;
    text-transform: uppercase;
    height: 30px;
}

.header-language ul{
    float: right;
    margin-bottom: 10px;
}
.header-language ul li a{
    font-family: 'GothamBlack';
    color: #DBDBDB;
}
.header-language ul li a:hover{
    color: #404040
}

#nav-primary{
    font-family: 'GothamBlack';
    font-size: 14px;
}
#nav-primary a{
    color: #000
}
#nav-primary li a.active{
     background: url('../images/active.png') no-repeat  26px 33px;
}
#nav-primary a:hover{
    background: none;
}
.navbar-brand{
    height: 60px;
}
.navbar{
    margin-bottom: 0;
    border: none;
}

/*
SLIDER
------------------------------------------*/
#slider {
    width:100%;
    
}

#slider .carousel-caption{
    top: 25%;
}

#slider .carousel-indicators .active{
    background: #000;
    border:0;
    width: 10px;
    height: 10px;
}

#slider .carousel-indicators li{
    background: #FFF;
    border:0;
    width: 7px;
    height: 7px;
}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
/***********************************************************************
    ADICIONAR OUTROS SLIDERS
***********************************************************************/
.item{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}



.carousel .item {
    width: 100%;
   height: 618px;
}
/*
SERVICES
------------------------------------------*/
#services{
     min-height: 580px;
}
.services-title{
    position: absolute;
    top: 15%;
    left: 25%;
}
/*
TEAM
------------------------------------------*/
#team{
    background: url('../images/team.jpg') no-repeat center bottom;
    height: 500px
}

.team-7{
    top: 100px !important;
    left: 0;
    position: absolute
}

.team-1{
    top: 80px !important;
    left: 486px !important;
    position: absolute
}
.team-2{
    top: 200px !important;
    left: 800px !important;
    position: absolute
}
.team-3{
    top: 90px !important;
    left: 980px !important;
    position: absolute
}
.team-4{
    top: 150px !important;
    left: 300px !important;
    position: absolute
}
.team-5{
    top: -50px !important;
    left: 30px !important;
    position: absolute
}
.team-6{
    top: 450px !important;
    left: 730px !important;
    position: absolute
}
.team-title{
    padding: 250px 0 0 45px;
}

.team-title .line{
    width: 100px;
    left: -10% !important;
}

/*
FOOTER
------------------------------------------*/
footer{
    background-image: url('../images/contact-bg.png');
    background-repeat: no-repeat;
    background-position-x: center;
    margin-top: 30px;
}
.address{
    background: url('../images/bg-footer-end.jpg') no-repeat ;
    padding: 28px 0 27px;
    height: 140px;
}
footer img{
    margin: 55px auto 0 !important;
    max-height: 40px;
}

.gray{
    background: #e5e5e5;
}
#footer .line-2{
    width: 80px;
    left: 0
}
/*
BUTTONS
------------------------------------------*/
.btn{
    font-family: 'GothamMedium';
    padding: 10px 25px;
    background: none;
}
.btn-slider{
    color: #000;
    border: 2px solid #000;
    font-size: 16px;
}
.btn-slider:hover{
    background: #404040;
    border: 2px solid #404040;
    color: #FFF
}

.btn-default,.btn-default:hover{
    border: 2px solid #ACD037;
    background: none;
}

.bg-about1  {
        background: url(../images/about.png) no-repeat;
    position: absolute;
    right: 50px;
    min-height: 300px;
    width: 100%;
    z-index: -1;
    top: -61px;
}

.bg-about2  {
        background: url(../images/about_en.png) no-repeat;
    position: absolute;
    right: 50px;
    min-height: 300px;
    width: 100%;
    z-index: -1;
    top: -61px;
}

/*
PAGES
------------------------------------------*/
.bg-title  {
    background: url('../images/bg-title.jpg') no-repeat ;
}

.bg-team  {
    background-image: url(../images/bg-team.jpg);
    background-position-x: center;
    background-repeat: repeat-x;
}

.bg-team1  {
    background-image: url(../images/bg-team_en.jpg);
    background-position-x: center;
    background-repeat: repeat-x;
}

.bg-about{
    background-image: url(../images/bg-about.png);
    background-position-x: center;
    background-repeat: repeat-x;
}

.bg-about3{
    background-image: url(../images/bg-about_en.png);
    background-position-x: center;
    background-repeat: repeat-x;
}

.bg-services{
    background-image: url(../images/bg-header-services.png);
    background-repeat: repeat-x;
    background-position-x: center;
}

.bg-services2{
    background-image: url(../images/bg-header-services_en.png);
    background-repeat: repeat-x;
    background-position-x: center;
}

.bg-cases{
    background-image: url(../images/bg-cases.png);
    background-repeat: repeat-x;
    background-position-x: center;
}

.bg-cases1{
    background-image: url(../images/bg-cases_en.png);
    background-repeat: repeat-x;
    background-position-x: center;
}

.estrategia{
    background-image: url(../images/titles/estrategia.png);
    background-repeat: no-repeat;
    background-position-x: left;
}

.aquisicao1{
    background-image: url(../images/titles/aquisicao1.png);
    background-repeat: no-repeat;
    background-position-x: left;
}

.aquisicao2{
    background-image: url(../images/titles/aquisicao2.png);
    background-repeat: no-repeat;
    background-position-x: left;
}

.levantamento{
    background-image: url(../images/titles/levantamento.png);
    background-repeat: no-repeat;
    background-position-x: left;
}

.reestruturacao{
    background-image: url(../images/titles/reestruturacao.png);
    background-repeat: no-repeat;
    background-position-x: left;
}

.bg-contact{
    background-image: url(../images/bg-contact.png);
    background-repeat: no-repeat;
    background-position-x: center;
}

.bg-contact1{
    background-image: url(../images/bg-contact_en.png);
    background-repeat: no-repeat;
    background-position-x: center;
}

.internal-team{
    position: relative;
}

.internal-team a{
    color: #25bdad
}
.title-team{
    position: absolute;
    border-bottom: 1px solid #25bdad;
    top: 35px;
    height: 2px;
    width: 100%;
    z-index: 2
}

.color-x{
    color: #25bdad
}

/*--------------------------------------
CASES
  --------------------------------------*/
  .product-item {
    padding: 25px  15px;
    background: #fff;
    margin-top: 20px;
    position: relative;
    border: 1px solid #acd037;
}
.product-item a, .product-item a:hover{
    text-decoration: none;
    color: #000
}
.sticker {
    position: absolute;
    top: -28px;
    left: 0;
    width: 100px;
    padding: 5px;
    font-size: 12px;
    color: #000;
    text-align: center
}
.sticker-new {
    background: #acd037;
    left: auto;
    right: -1px;
}
.product-item p{
    font-weight: 600
}
.product-item img{
    margin: 15px auto
}

.liststyle1 {
    list-style: none;
    line-height: 28px;
    padding: 0;
}
.liststyle1 strong{
    margin-left:10px;
}

.liststyle1 i{
    color: #d0d0d0;
}

.ball a:hover{text-decoration: none}

.ball .circle {
    border: 3px solid black;
    border-radius: 50%;
    display: block;
    width: 140px;
    height: 140px;
    padding: 5px;
    background: white;
    color: #000;
    font-family: 'GothamUltra';    
}

.ball  .circle span{
    padding-top: 40px;
    display: block;
    text-align: center
}

.ball  .circle:hover,.ball .estrat:hover {
	box-shadow: 0 0 0 0 rgba(255,255,255,0);
	color: #FFF;
    border-style: dash;
    -webkit-animation: swing 2s linear infinite;
	-moz-animation: swing 2s linear infinite;
	animation: swing 2s linear infinite;
    background: #acd037;
    border: 3px solid #acd037;
}

.ball .estrat:hover span{
    color: #FFF
}

.ball .estrat {
    width: 220px;
    height: 220px;
    border: 10px solid #acd037;
}
.ball .estrat span{
    font-size: 28px;
    color: #acd037;
    padding-top: 75px;
}

#elementG {
    position: absolute;
    left: 680px;
    top: -39px;
}

#elementH {
    position: absolute;
    left: 70px;
    top: -15px;
}

#elementI {
    position: absolute;
    left: 190px;
    top: 200px;
}


#elementA {
    position: absolute;
    left: 757px;
    top: 160px;
}

#elementE {
    position: absolute;
    left: 377px;
    top: 45px;
}

.ball b {
    border-bottom: 2px solid black;
    display: block;
    position: absolute;
}

#linkA {
    -moz-transform: rotate(17deg);
    -webkit-transform: rotate(17deg);
    transform: rotate(17deg);
        left: 218px;
    top: 98px;
    width: 170px;
}


#linkL {
    -moz-transform: rotate(-26deg);
    -webkit-transform: rotate(-26deg);
    transform: rotate(-26deg);
    left: 327px;
    top: 214px;
    width: 82px;
}

#linkV {
    -moz-transform: rotate(-31deg);
    -webkit-transform: rotate(-31deg);
    transform: rotate(-31deg);
    left: 546px;
    top: 89px;
    width: 133px;
}

#linkR {
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    left: 546px;
    top: 198px;
    width: 207px;
}

.index-aj{
    position: absolute;
    top: 200px;
    left: 40px;
}

@media (max-width: 992px) {
.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in{
display:block !important;
}
.pipe-1, #nav-primary li a.active,#scene{display: none}

.ball{min-height: 550px !important; margin: 0 auto;}
#elementG {left: 240px;top: 0px;}
#elementA {left: 421px;top: 180px;}
#elementE {left: 200px;top: 140px;}
#elementH {left: 240px;top: 360px;}
#elementI {left: 59px;top: 180px;}
#linkA,#linkL, #linkV ,#linkR{display: none}
.index-aj{height: 550px !important}
.carousel-indicators{bottom: 0%}
#nav-primary, .dropdown-menu, footer{text-align: center}
#services{min-height: 750px;}
#slider .carousel-caption{top:3% !important;}
.index-aj{left:4px}
}

@media (max-width:481px){
.pipe-1, #nav-primary li a.active,#scene{display: none}
.navbar-brand{ height: 80px;}
h1{font-size: 30px;}
h2{ font-size: 24px;}
#nav-primary, .dropdown-menu, footer{text-align: center}
#slider .carousel-caption{top: 10%;; }
.carousel-indicators{bottom: 0%}
.carousel .item{height: 450px}
#services{min-height: 750px}
footer img {margin: 20px auto}

.ball{min-height: 480px !important}
#elementG {left: -40px;top: 0px;}
#elementA {left: 140px;top: 0px;}
#elementE {left: 37px;top: 121px;}
#elementH {left: -40px;top: 280px;}
#elementI {left: 140px;;top: 280px;}
#linkA,#linkL, #linkV ,#linkR{display: none}
.abc{position: relative;left: 35px;}
.index-aj{left:27px}
.ball .circle {width: 120px;height: 120px;}
.ball .circle span{padding-top: 30px;    font-size: 13px;}
.ball .estrat{width: 150px ;height: 150px;}
.ball .estrat span{font-size: 20px;    padding-top: 42px !important;}
}

.scene{position: relative;list-style: none};
.layer{position: absolute !important}