/* *
 * Project Name: tiGeo.com.br
 * Version: 1.0
 * URL: http://tigeo.com.br

    LEGENDA
    * sm -> para telas entre 768px e 991px
 */


@font-face{
    font-family: 'DINNextLTPro-Light';
    src: url('../fontes/DINNextLTPro-Light.otf');
}

@font-face{
    font-family: 'DINPro-Bold';
    src: url('../fontes/DINPro-Bold.otf');
}

@font-face{
    font-family: 'DINPro-Black';
    src: url('../fontes/DINPro-Black.otf');
}

@font-face{
    font-family: 'DINPro-Light';
    src: url('../fontes/DINPro-Light.otf');
}

@font-face{
    font-family: 'DINPro-Medium';
    src: url('../fontes/DINPro-Medium.otf');
}

@font-face{
    font-family: 'DINPro-Regular';
    src: url('../fontes/DINPro-Regular.otf');
}


body {
    background-color: #fff;
    font-family: 'Myriad Pro',sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #000;
    margin: 0;
    overflow-x: hidden;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    color: #666666;
}

h1 {
    font-family: 'DINPro-Bold',sans-serif;
    font-size: 43px;
}

h3 {
    color: #666666;
    font-weight: 400;
}

h4 {
    color: #666666;
    font-weight: 400;
    font-size: 20px;
}

/* Paragraph & Typographic */
p {
    color: #666666;
    line-height: 28px;
    margin-bottom: 25px;
    font-size: 16px;
    text-align: justify;
}

.centered {
    text-align: center;
}

/* Links */
a {
    color: #3498db;
    word-wrap: break-word;

    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
    color: #7b7b7b;
    text-decoration: none;
    outline: 0;
}

a:before,
a:after {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}


/* Helpers */

.mt {
    margin-top: 40px;
    margin-bottom: 40px;
}

.form-control {
    height: 42px;
    font-size: 18px;
    width: 280px;
}

i {
    margin: 8px;
    color: #3498db; 
}


/* HeaderWrap */
#headerwrap {
    /* background: url(../img/bg01.jpg) no-repeat center top; */
    background-color: #3498db;
    margin-top: -20px;
    padding-top:200px;
    background-attachment: relative;
    background-position: center center;
    min-height: 650px;
    width: 100%;

    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#headerwrap h1 {
    margin-top: 60px;
    margin-bottom: 15px;
    color: white;
    font-size: 45px;
    font-weight: 300;
    letter-spacing: 1px;
}



/*cabecalho*/
/*Menu*/
.menu-xs{
    position: absolute;
    right: 10%;
    top: 0.7%;
    z-index: 5;
}

.btn-menu-xs{
 color: #fff;   
}

.menu-sm{ 
    font-size: 1.6vw;
    margin-left: -5.3%;
}

.navbar {
    z-index: 1;
    padding-top: 1%;
    position: absolute;
    font-size: 1.3vw;
    width: 100%;
}

.navbar .navbar-nav{
    /*border: 1px red solid;*/
    margin-left: 4%;
}

.navbar .navbar-nav > li {
}

// Botao de login ()
/*.navbar .navbar-nav > li > a {
    border: dashed 1px yellow;
    width: 100px;
}*/

.navbar .navbar-nav > li.active {
    background-color: rgba(0,0,0,0);
    }

.navbar .navbar-nav > li.active > a {
    background-color: rgba(0,0,0,0);
    padding-bottom: 20px;
    border-bottom-style: solid;
    border-bottom-width: 0.5vw;
}

.navbar .navbar-nav > li > a {
    background-color: rgba(0,0,0,0);
    color: #fff;
    font-family: DINPro-Medium;
    letter-spacing: 1px;
}

/*Botao entrar*/
.navbar .navbar-nav > li > a > img {
    width: 6.5vw;
    margin-top: -3%;
}

/*campo de busca*/
.navbar .navbar-nav > li > a > input {
     background-image: url("/imagens/home/form-busca.png");
    background-size: 100% auto;
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0px;
    color: #484b4b;
    width: 75%;
    height: 10%;
}

/*campo de busca sm (ver legenda no início do arquivo)*/
.buscar-sm{
    background-image: url("/imagens/home/form-busca.png");
    background-size: 100% auto;
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0px;
    position: absolute;
    top: 112%;
    right: 7%;
    width: 15%;
    height: auto;
    
}

.navbar .navbar-nav > li > a:hover {
    background-color: rgba(0,0,0,0);
    color: #F3F3F3;
}

/*Para telas sm (ver legenda no inicio do arquivo)*/
.login-sm{
    margin-left: -5%;
}

.busca-container{
    position: absolute;
    width: 15vw;
    height: 3vw;
    left: 111%;
    top: 29.3%;
}

.btn-busca{
    background-image: url("/imagens/home/lupa.png");
    background-size: 100% 100%;
    width: 2vw;
    height: 2vw;
    border: 0px;
    border-radius: 0px;
}

.form-busca{
    background-image: url("/imagens/home/form-busca.png");
    background-size: 100% auto;
    background-color: transparent;
    background-repeat: no-repeat;
    position: relative;
    height: 2vw;
    width: 11vw;
    margin-left: -4px;
    /*margin-top: -30px;*/
    border: 0px;
}

/*Para telas sm (ver legenda no inicio do arquivo)*/
.busca-container-sm{
    position: absolute;
    width: 15vw;
    height: 3vw;
    left: 103%;
    top: 29.3%;
}

.btn-busca-sm{
    background-image: url("/imagens/home/lupa.png");
    background-size: 100% 100%;
    position: relative;
    height: 2.1vw;
    width: 2vw;
    border: 0px;
    border-radius: 0px;
}

.form-busca-sm{
    background-image: url("/imagens/home/form-busca.png");
    background-size: 100% auto;
    background-color: transparent;
    background-repeat: no-repeat;
    position: relative;
    height: 2.1vw;
    width: 11vw;
    margin-left: -4px;
    border: 0px;
}

.linha_menu{
    margin-top: 2.5%;
    margin-left: -4%;
    border-bottom: 1px solid white;
    width: 200%;
}

.logo{
    position: absolute;
    top: 11%;
    margin-left: 0%;
    width: 23%;
    display: block;
}

.logo-menor{
    position: absolute;
    top: 10vw;
    margin-left: 0%;
    width: 20%;
    display: block;
}

.logo-menor-sm{
    position: absolute;
    top: 13vw;
    margin-left: 0%;
    width: 16%;
}

.logo-menor-xs{
    position: absolute;
    top: 1%;
    margin-left: 0%;
    width: 35%;
    display: block;
}


.logo-xs{
    position: absolute;
    top: 5%;
    margin-left: 0%;
    width: 40%;
    display: block;
}

.conteudo{
     z-index: 2;
     margin-top: -30%;
     background-color: #fff;
}

.conteudo-rodape{
    height: 15vw;
}

.texto-saibaMais{
    position: absolute;
    top: 24vw;
    right: 5%;
    text-align: right;
}

.texto-saibaMais > h1{
    color: #fff; 
    font-family: DINPro-Medium; 
    font-size: 4vw;
}

.texto-saibaMais > h2{
    color: #fff; 
    font-family: DINPro-Regular; 
    font-size: 2.6vw; 
    margin-top: -10px;
}

.texto-saibaMais > h1 > span{
    font-family: DINPro-Regular;
}

.texto-saibaMais > a > img{
    margin-top: 5px;
    width: 40%;
}



/*Home (index))*/
/*Serviços*/
.icone-servicos{
    position: absolute;
    top: -50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 16%;
}

.icone-servicos-xs{
    position: absolute;
    top: -50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 25%;
}

.textos-servicos{
    font-size: 20px; 
    color: #484b4b;
}

.espacamento-servicos{
    margin-right: 16%;
}

.img-consultoria{
    width: 75%;
}

.img-geotecnologias{
    width: 57%;
}

.img-software{
    width: 88%;
}

/*Config para telas xs*/
.img-consultoria-xs{
    position: absolute;
    width: 13%;
    right: 75%;
    margin-top: 10%;
}

.texto-consultoria{
    position: absolute;
    right: 73.5%;
    margin-top: 27%;
    font-size: 3vw; 
    color: #484b4b;
}

.img-geotecnologias-xs{
    position: absolute;
    width: 13%;
    right: 50%;
    margin-top: 10%;
    transform: translate(50%);
}

.texto-geotecnologias{
    position: absolute;
    right: 50%;
    transform: translate(50%);
    margin-top: 27%;
    font-size: 3vw; 
    color: #484b4b;
}

.img-software-xs{
    position: absolute;
    width: 13%;
    right: 13%;
    margin-top: 10%;
}

.texto-software{
    position: absolute;
    right: 13.5%;
    margin-top: 27%;
    font-size: 3vw; 
    color: #484b4b;
}


/*Link bdg, Player e Galeria menor para telas sm, md e lg*/
.link-bdg{
    margin-left: -1vw;
    width: 24.3vw;
}

.player{
    /*margin-left: -0.9vw;*/
    margin-top: -1px;
    width: 24.3vw;
    height: 17.3vw;
}

.player-ajuda{
    /*margin-left: -0.9vw;*/
    width: 24.3vw;
    height: 17.3vw;
}

.galeria-menor{
    margin-top: -2px;
    margin-left: 1.2vw;
    width: 24.3vw;
}

.galeria-menor-img{
    width: 24.3vw;
}

.control-a{
    padding-top: 100px;
}

.control-i{
    color: #fff;
}


/*Link bdg, Player e Galeria menor para telas xs*/
.link-bdg-xs{
    width: 100%;
    margin-top: 43%;
}

.player-xs{
    width: 100%;
    height: 100%;
}

.galeria-menor-xs{
    width: 100%;
}

.galeria-menor-img-xs{
    width: 100%;
}

.control-a{
    padding-top: 25%;
}

.control-i{
    color: #fff;
}



/*Rodapé para telas sm, md e lg*/
.faceb-rodape{
    margin-left: -10px;
}

.rodape {
    width: 100%;
    margin-top: 0.2vw;
    background-color: #505076;
    color:  #FFF;
}

.p-rodape {
    font-size: 1.5vw;
    /*padding-top: 30px;*/
    margin-top: 10%;
    color: #fff;
}

.logo-rodape{
    float: right;
    padding-top: 83px;
    width: 50%;
}

.clientes-img{
    width: 15vw;
    height: 13vw;
    margin-bottom: 4vw;
}

/*Rodapé para telas xs*/

.rodape-xs {
    background-color: #505076;
    color:  #FFF;
}

.conteudo-rodape-xs {
    margin-left: 5%;
    font-size: 2.5vw;
}

.logo-rodape-xs{
    float: right;
    width: 38%;
    margin-top: -8%;
    margin-right: 5%;
}


/*Página Contatos*/
.contatos-conteudo{
    font-size: 4vw;
}

.mapa{
    overflow:hidden;
    height:30vw;
    width:30vw;
}

.mapa-canvas{
    height:30vw;
    width:30vw;
}

/*Para telas xs*/
.contatos-conteudo-xs > h1{
    font-size: 5vw;
}
.contatos-conteudo-xs > h2{
    font-size: 4.5vw;    
}
.contatos-conteudo-xs > h3{
    font-size: 4vw;
}
.contatos-conteudo-xs > h4{
    font-size: 3.5vw;
}
.contatos-conteudo-xs > h5{
    font-size: 3vw;
}
.contatos-conteudo-xs > p{
    font-size: 3.5vw;
}

.mapa-xs{
    overflow:hidden;
    height:1vw;
    width:1vw;
}

.mapa-canvas-xs{
    height:1vw;
    width:1vw;
}