/* ============================== HOME =================================== */

body 
{ 
    overflow-y: scroll;
    overflow-x: hidden; 
}

main 
{ 
    line-height: 2.5em; 
    padding-bottom: 50px; 
}

main .texto-destaque 
{
    width: calc(100% - 36%); 
    display: inline-block; 
    vertical-align: top; 
}

.texto-destaque h3, 
.catalogo h3 
{ 
    font-family: 'robotothin', sans-serif; 
    font-size: 30px; 
    padding-bottom: 18px; 
}

main .texto 
{ 
    font-family: 'robotoregular', sans-serif; 
    font-size: 14px; 
    text-align:justify; 
}

.imagem-destaque 
{
	max-width: 250px;
	max-height: 280px;
    width: 100%;
	display: inline-block;
	margin-right: 30px;
	vertical-align: top;
}

.btn.more 
{ 
    margin-top: 30px; 
    padding-top: 10px; 
}

.btn.more img 
{ 
    height: 22px; 
    vertical-align: sub; 
    padding-top: 3px; 
    padding-left: 18px; 
    float: right; 
}

@-moz-document url-prefix() 
{
    .btn 
    { 
        white-space: normal; 
    }
}

.btn:focus, 
.btn:hover 
{ 
    color: #fff!important; 
    background: #a71f1d!important;
}

/* HOME - MEDIA QUERY */

@media screen and (min-width:1920px) {
    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        width: 100%;
    }
}

@media screen and (max-width:1199px) {
    main .texto-destaque 
    { 
        width: 420px; 
    }

    .imagem-destaque 
    { 
        width: 220px; 
        height: 250px; 
    }
}

@media screen and (max-width:991px) {
    main .texto-destaque 
    { 
        width: calc(100% - 36%); 
    }

    .catalogo 
    { 
        padding-top: 50px; 
    }
}

@media screen and (max-width:767px) {
    main .texto-destaque 
    { 
        width: 100%; 
    }

    .imagem-destaque 
    { 
        width: 250px; 
        height: 280px; 
        display: block;
        margin: auto; 
     }
}

/* ============================== CONCEPÇÃO =================================== */

section.concepcao 
{
    width: 100%;
    height: 560px;
    background: url("../../imgs/concepcao.png") no-repeat center top;
    background-size: cover;  
}

section.concepcao .concepcao-circulo 
{ 
    width: calc(100% - 78.95%); 
    position: absolute; 
    top: 29.55%; 
    left: 5.75%;
    z-index: 9999; 
}

section.concepcao .concepcao-cabeca
{ 
    width: calc(100% - 84.95%); 
    position: absolute;
    top: 36.45%; 
    left: 15.05%; 
    z-index: 9999; 
}

section.concepcao .concepcao-camiao 
{ 
    width: calc(100% - 91%); 
    position: absolute; 
    top: 42.12%; 
    left: 25%; 
    z-index: 9999; 
}

section.concepcao .concepcao-bola 
{ 
    width: calc(100% - 91%); 
    position: absolute; 
    top: 44.75%; 
    left: 18.05%; 
    z-index: 9999; 
}

section.concepcao .concepcao-triangulo 
{ 
    width: calc(100% - 88%); 
    position: absolute; 
    top: 41.16%; 
    left: 20.33%; 
    z-index: 9998; 
    display: none; 
    opacity: 0; 
}

section.concepcao .concepcao-fabrica 
{ 
    width: calc(100% - 81.95%); 
    position: absolute;
    top: 35.2%; 
    right: 16.5%; 
    z-index: 9999;      
}

section.concepcao .concepcao-grupo 
{ 
    width: calc(100% - 88%); 
    position: absolute; 
    top: 43.2%; 
    right: 15.35%; 
    z-index: 9999;     
}

section.concepcao .concepcao-varios 
{ 
    width: calc(100% - 88%); 
    position: absolute; 
    top: 43.2%; 
    right: 27.7%; 
    z-index: 9999;    
}

section.concepcao .concepcao-caixa 
{ 
    width: calc(100% - 84.95%); 
    position: absolute; 
    top: 45.8%; 
    right: 33.35%; 
    z-index: 9999; 
}

section.concepcao .concepcao-triangulo2 
{ 
    width: calc(100% - 82%); 
    position: absolute; 
    top: 40.1%; 
    right: 19.6%; 
    z-index: 9998; 
    display: none; 
    opacity: 0; 
}

section.concepcao .concepcao-recta 
{ 
    width: calc(100% - 88%); 
    position: absolute;
    top: 45.3%; 
    right: 30%; 
    z-index: 9998;      
    display: none; 
    opacity: 0; 
} 

section.concepcao .texto 
{ 
    margin-top: 110px; 
    opacity: 1; 
}

section.concepcao .texto h1 
{ 
    font-family: 'robotothin', sans-serif; 
    font-size: 30px; 
}

section.concepcao .texto h1 + p 
{ 
    font-family: 'robotobold', sans-serif; 
    font-size: 14px; 
    margin-top: 30px; 
}

section.concepcao .texto p 
{ 
    font-family: 'robotoregular', sans-serif; 
    font-size: 14px; 
    margin-top: 10px; 
}

section.concepcao .btn.more 
{ 
    margin-top: 40px;
}

/* CONCEPÇÃO - MEDIA QUERY */

@media screen and (max-width:1700px) {
    section.concepcao .concepcao-circulo 
    { 
        left: 0; 
    }

    section.concepcao .concepcao-cabeca 
    { 
        left: 6.05%; 
    }

    section.concepcao .concepcao-camiao 
    { 
        left: 16%; 
    }

    section.concepcao .concepcao-bola 
    { 
        left: 9.05%; 
    }

    section.concepcao .concepcao-triangulo 
    { 
        left: 11.33%; 
    }

    section.concepcao .concepcao-fabrica 
    {
        right: 6.5%; 
    }

    section.concepcao .concepcao-grupo 
    { 
        right: 5.35%; 
    }

    section.concepcao .concepcao-varios 
    { 
        top: 43%; 
        right: 18%; 
    }

    section.concepcao .concepcao-caixa 
    { 
        right: 24%; 
    }

    section.concepcao .concepcao-triangulo2 
    { 
        right: 9.6%; 
    }

    section.concepcao .concepcao-recta 
    { 
        right: 21%; 
    }
}

@media screen and (max-width:1600px) {
    section.concepcao .concepcao-circulo 
    { 
        top: 28.55%; 
    }

    section.concepcao .concepcao-cabeca 
    { 
        top: 35.45%; 
    }

    section.concepcao .concepcao-camiao 
    { 
        top: 41.12%; 
    }

    section.concepcao .concepcao-bola 
    { 
        top: 43.4%; 
    }

    section.concepcao .concepcao-triangulo 
    { 
        top: 40.16%; 
    }

    section.concepcao .concepcao-grupo 
    { 
        top: 43%; 
    }

    section.concepcao .concepcao-varios 
    { 
        top: 42.7%; 
    }

    section.concepcao .concepcao-caixa 
    { 
        top: 45%; 
        right: 24%; 
    }

    section.concepcao .concepcao-triangulo2 
    { 
        top: 40%; 
    }

    section.concepcao .concepcao-recta 
    { 
        top: 44.8%; 
        right: 21%; 
    }
}

@media screen and (max-width:1500px) {
    section.concepcao .concepcao-cabeca 
    { 
        top: 35%; 
    }

    section.concepcao .concepcao-camiao 
    { 
        top: 40.12%; 
    }

    section.concepcao .concepcao-bola 
    { 
        top: 42.5%; 
    }

    section.concepcao .concepcao-triangulo 
    { 
        top: 39.16%; 
    }

    section.concepcao .concepcao-fabrica 
    { 
        top: 35.2%; 
    }

    section.concepcao .concepcao-grupo 
    { 
        top: 42.4%; 
    }

    section.concepcao .concepcao-varios 
    { 
        top: 42.2%; 
    }

    section.concepcao .concepcao-caixa 
    { 
        top: 44.3%; 
        right: 24%; 
    }

    section.concepcao .concepcao-triangulo2 
    { 
        top: 39.5%; 
    }

    section.concepcao .concepcao-recta 
    { 
        top: 43.8%; 
    }
}

@media screen and (max-width:1400px) {
    section.concepcao .concepcao-cabeca 
    { 
        top: 34.5%; 
    }

    section.concepcao .concepcao-camiao 
    { 
        top: 39.5%; 
    }

    section.concepcao .concepcao-bola 
    { 
        top: 41.5%; 
    }

    section.concepcao .concepcao-triangulo 
    { 
        top: 38.5%; 
    }

    section.concepcao .concepcao-grupo 
    { 
        top: 41.9%; 
    }

    section.concepcao .concepcao-varios 
    { 
        top: 42%; 
    }

    section.concepcao .concepcao-caixa 
    { 
        top: 44%; 
    }

    section.concepcao .concepcao-triangulo2 
    { 
        top: 39.5%; 
    }

    section.concepcao .concepcao-recta 
    { 
        top: 43.5%; 
    }
}

@media screen and (max-width:1300px) {
    section.concepcao .concepcao-cabeca 
    { 
        top: 34%; 
    }

    section.concepcao .concepcao-camiao 
    { 
        top: 38.5%; 
    }

    section.concepcao .concepcao-bola 
    { 
        top: 40.7%; 
    }

    section.concepcao .concepcao-triangulo 
    {
        top: 37.8%; 
    }

    section.concepcao .concepcao-fabrica 
    { 
        top: 34.5%; 
    }

    section.concepcao .concepcao-grupo 
    { 
        top: 40.9%; 
    }

    section.concepcao .concepcao-varios 
    { 
        top: 41%; 
    }

    section.concepcao .concepcao-caixa 
    { 
        top: 42.8%; 
    }

    section.concepcao .concepcao-triangulo2 
    {
         top: 38.5%;
    }

    section.concepcao .concepcao-recta 
    { 
        top: 42.2%; 
    }
}

@media screen and (max-width:1200px) {
    section.concepcao .concepcao-circulo 
    { 
        top: 27.55%;
    }

    section.concepcao .concepcao-cabeca 
    { 
        top: 33%; 
    }

    section.concepcao .concepcao-camiao 
    { 
        top: 37.2%; 
    }

    section.concepcao .concepcao-bola 
    { 
        top: 39.5%; 
    }

    section.concepcao .concepcao-triangulo 
    { 
        top: 36.5%; 
    }

    section.concepcao .concepcao-fabrica 
    { 
        top: 34%; 
    }

    section.concepcao .concepcao-grupo 
    { 
        top: 39.9%; 
    }

    section.concepcao .concepcao-varios 
    { 
        top: 40%; 
    }

    section.concepcao .concepcao-caixa 
    { 
        top: 42%; 
    }

    section.concepcao .concepcao-triangulo2 
    { 
        top: 37.9%; 
    }

    section.concepcao .concepcao-recta 
    { 
        top: 41.5%; 
    }
}

@media screen and (max-width:1100px) {
    section.concepcao 
    { 
        height: 350px; 
    }

    section.concepcao .texto 
    { 
        width: 100%; 
        margin-top: 7%; 
    }

    section.concepcao .concepcao-circulo,
    section.concepcao .concepcao-cabeca,
    section.concepcao .concepcao-camiao,
    section.concepcao .concepcao-bola,
    section.concepcao .concepcao-triangulo,
    section.concepcao .concepcao-fabrica,
    section.concepcao .concepcao-grupo,
    section.concepcao .concepcao-varios,
    section.concepcao .concepcao-caixa,
    section.concepcao .concepcao-triangulo2,
    section.concepcao .concepcao-recta
    { 
        display: none!important; 
    }
}

@media screen and (max-width:992px) {
    section.concepcao .texto 
    { 
        margin-top: 10%; 
    }
}

/* ============================== SIM no Mundo =================================== */

section.sim-mundo 
{
    width: 100%;
    height: 735px;
    background: url("../../imgs/sim_mundo.png") no-repeat center top;
    background-size: cover;
}

section.sim-mundo .texto 
{ 
    margin-top: 70px; 
    opacity: 1; 
}

section.sim-mundo .texto h1 
{ 
    font-family: 'robotothin', sans-serif; 
    font-size: 30px; 
    color: #fff; 
    margin-top: 20px; 
}

section.sim-mundo .texto div 
{ 
    padding-top: 20px; 
    padding-bottom: 10px; 
}

section.sim-mundo .texto div > img 
{ 
    padding-right: 15px; 
}

section.sim-mundo .texto p 
{ 
    font-family: 'robotoregular',sans-serif; 
    font-size: 14px; 
    width: 80%; 
    display: inline-block; 
    vertical-align: top; 
    color: #fff; 
    margin-top: 7px;
}

section.sim-mundo .btn.more 
{ 
    margin-top: 10px; 
}

section.sim-mundo .mapa 
{ 
    width: calc(100% - 51.9%); 
    position: absolute; 
    top: 63%;
    left: 28%; 
    z-index: 9999;     
}

section.sim-mundo .marker-sim-left 
{ 
    width: calc(100% - 60%); 
    position: absolute;
    top: 77%; 
    left: -10.5%; 
    z-index: 9999;      
}

section.sim-mundo .marker-sim 
{ 
    width: calc(100% - 86%); 
    position: absolute; 
    top: 79%; 
    left: 75%; 
    z-index: 9999; 
}

section.sim-mundo .marker-sim-right 
{ 
    width: calc(100% - 80%); 
    position: absolute;
    top: 60%; 
    right: 0; 
    z-index: 9999; 
}

/* SIM no Mundo - MEDIA QUERY */

@media screen and (max-width:1100px) {
    section.sim-mundo 
    { 
        height: 350px; 
    }

    section.sim-mundo .mapa,
    section.sim-mundo .marker-sim-left,
    section.sim-mundo .marker-sim,
    section.sim-mundo .marker-sim-right 
    { 
        display: none; 
    }
}

@media screen and (max-width:397px) {
    section.sim-mundo 
    { 
        height: 330px; 
    }

    section.sim-mundo .texto div > img 
    { 
        display: none; 
    }
}