@charset "UTF-8";

*{
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
}
body{
    background-color: white;
    margin: 0;
    padding: 0;
    /*    overflow-x: hidden;*/
}
h1, h2, h3, h4, h5, h6, p{
    color: black;
}
h1{
    font-size: 2em;
}
h2{
    font-size: 1em;
}
h3{
    font-size: 1em;
}
h4{
    font-size: 2em;
}
h5{
    font-size: 1em;
}
h6{
    font-size: 1em;
}
p{
    font-size: 1em;
}
img{
    display: block;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
}
a{
    color: deeppink;
    text-decoration: none;
}
a:hover{
    color: royalblue;
}
@font-face {
    font-family: 'FontTitle';
    src: url('../fonts/font1/montserratb-webfont.eot');
    src: url('../fonts/font1/montserratb-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/font1/montserratb-webfont.woff2') format('woff2'),
    url('../fonts/font1/montserratb-webfont.woff') format('woff'),
    url('../fonts/font1/montserratb-webfont.ttf') format('truetype'),
    url('../fonts/font1/montserratb-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FontLi';
    src: url('../fonts/font2/montserratr-webfont.eot');
    src: url('../fonts/font2/montserratr-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/font2/montserratr-webfont.woff2') format('woff2'),
    url('../fonts/font2/montserratr-webfont.woff') format('woff'),
    url('../fonts/font2/montserratr-webfont.ttf') format('truetype'),
    url('../fonts/font2/montserratr-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FontSideOneP';
    src: url('../fonts/font4/opensansr-webfont.eot');
    src: url('../fonts/font4/opensansr-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/font4/opensansr-webfont.woff2') format('woff2'),
    url('../fonts/font4/opensansr-webfont.woff') format('woff'),
    url('../fonts/font4/opensansr-webfont.ttf') format('truetype'),
    url('../fonts/font4/opensansr-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FontSideThreeH';
    src: url('../fonts/font3/montserratsmb-webfont.eot');
    src: url('../fonts/font3/montserratsmb-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/font3/montserratsmb-webfont.woff2') format('woff2'),
    url('../fonts/font3/montserratsmb-webfont.woff') format('woff'),
    url('../fonts/font3/montserratsmb-webfont.ttf') format('truetype'),
    url('../fonts/font3/montserratsmb-webfont.svg#montserratsemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FontSideOneH';
    src: url('../fonts/font5/sourcesansprol-webfont.eot');
    src: url('../fonts/font5/sourcesansprol-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/font5/sourcesansprol-webfont.woff2') format('woff2'),
    url('../fonts/font5/sourcesansprol-webfont.woff') format('woff'),
    url('../fonts/font5/sourcesansprol-webfont.ttf') format('truetype'),
    url('../fonts/font5/sourcesansprol-webfont.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
nav{
    align-items: center;
    background-color: rgba(0,0,0,1);
    border: 1px solid rgba(0,0,0,.8);
    box-shadow: 0 0 10px 1px rgba(0,0,0,.25);
    display: flex;
    height: 12vh;
    justify-content: space-between;
    left: 0;
    right: 0;
    top: 0;
    padding: 0 15px;
    position: fixed;
    z-index: 999;
}
.nav-sj{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 12.2vh;
}
.nav-org{
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1140px;
    width: 100%;
}
.nav-title{
    margin-top: 8px;
    color: white;
    font-family: "FontTitle", sans-serif;
    font-size: 44px;
    z-index: 99999;
}
nav ul{
    display: flex;
    z-index: 9999;
}
nav li{
    font-family: "FontLi", sans-serif;
    font-size: 1em;
}
nav li a{
    color: white;
    cursor: pointer;
    padding: 1.1625em 1.3625em /*1.5625em*/;
    transition: .3s;
}
nav li a:hover{
    color: black;
    background-color: white;
}
nav li a.active{
    color: black;
    background-color: white;
}
#side1 .container{
    text-align: left;
}
#side1 .grid-t{
    width: 454px;
    margin: 0;
}
#side1 .container h1{
    color: white;
    margin: 23vh auto 10vh auto;
    font-family: 'FontSideOneH', sans-serif;
    font-size: 3.375em;
    line-height: 1em;
    text-shadow:
            rgba(55,55,60, .5) 1px -1px 2px,
            rgba(55,55,60, .5) -1px 1px 2px,
            rgba(55,55,60, .5) 1px 1px 2px,
            rgba(55,55,60, .5) -1px -1px 2px;
}
#side1 .container p{
    color: white;
    font-family: "FontSideOneP", sans-serif;
    font-size: 1.25em;
    line-height: normal;
    text-shadow:
            rgba(55,55,60, .5) 1px -1px 2px,
            rgba(55,55,60, .5) -1px 1px 2px,
            rgba(55,55,60, .5) 1px 1px 2px,
            rgba(55,55,60, .5) -1px -1px 2px;
}
#side1 .container p.p1p4{
    margin-top: 10vh;
}
.side2-mn .gm{
    padding-top: 10vh;
    padding-bottom: 10vh;
}
.side2-mn .side2p1{
    background-color: transparent;
}
.side2-mn .side2p1 img{
    background-color: transparent;
    margin-top: 3vh;
    height: 356px;
}
.side2-mn .side2p1 img.side2gmi1{
    background-color: transparent;
    margin-left: -11%;
}
.side2-mn .side2p1 img.side2gmi2{
    bottom: 6px;
    height: 64%;
    margin-right: -7.25%;
    position: absolute;
    right: 0;
    width: 34%;
}
.side2-mn .side2p2{
    line-height: 1.25em;
}
.side2-mn .side2p2 h2{
    font-family: 'FontTitle', sans-serif;
    margin-bottom: 2vh;
    font-weight: normal;
}
.side2-mn .side2p2 h2.p2h2{
    margin-top: 4vh;
}
.side2-mn .side2p2 p{
    font-family: 'FontLi', sans-serif;
    margin-bottom: 1.5vh;
}
#side3{
    background: url(../img/inicio/side3/gradiente2.jpg) top center fixed;
    height: 88.3vh;
    background-size: cover;
}
#side3 .side3-mn{
    height: 86.3vh;
    padding-top: 2.5vh;
    padding-bottom: 2.5vh;
    text-align: center;
}
#side3 h3{
    font-family: 'FontSideThreeH', sans-serif;
    font-size: 1.575em; /* 1.875*/
    text-align: center;
}
#side3 h3 a{
    color: white;
}
#side3 .side3-mn .seo{
    font-size: 3.125em;
    color: white;
}
#side3 .side3-mn .seo.cart{
    margin-left: -7px;
}
#side3 .side3-mn h4{
    font-family: 'FontLi', sans-serif;

    margin-top: 1vh;
    margin-bottom: 1vh;
    font-size: 0.7em;
    color: white;
    line-height: 1.4em;
}
#side3 .side3-mn p{
    font-family: 'FontLi', sans-serif;
    text-align: left;
    font-size: 0.825em;
    line-height: 1.5em;
    color: white;
    margin-top: 0.75vh;
}
#side3 .side3-mn-col{
    margin-top: 2.5vh;
    margin-bottom: 1vh;
}
.talk-btn{
    font-family: 'FontLi', sans-serif;

    color: white;
    font-size: 1.25em;
    border: 3px solid white;
    font-weight: bolder;

    padding-top: 2.5vh;
    padding-bottom: 2.5vh;

    cursor: pointer;
}
.talk-btn:hover{
    color: rgba(0,0,0,.5);
    border: 3px solid rgba(0,0,0,.5);
}
#side4{
    height: 50vh;
}
#side4 .side4-mn{
    padding-top: 5vh;
    height: 40vh;
}
#side4 h1{
    font-family: 'FontLi', sans-serif;

    padding-bottom: 2.5vh;
    text-align: center;
    font-weight: normal;
    font-size: 1.75em;
}
#side4 .item-in{
    font-family: 'FontLi', sans-serif;

    text-align: center;
    border-right: 1px solid rgba(255,255,255,.5);
    overflow: hidden;
}
#side4 .item-in img{
    height: 100%;

    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
}
#side4 .item-in:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    overflow: hidden;
}
#side4 .item-int{
    height: 100%;
    width: 100%;
    overflow: hidden;
}
#side4 .item-int:before{
    z-index: 9;
    position: absolute;
    color: black;
    font-size: 0.9375em;
    content: 'CONSTRUTORA LB';
    font-weight: bolder;
    display: block;
    text-align: left;
    transition: 0.15s;
    height: 100%;
    width: 100%;
    padding: 15px 0 0 15px;
    overflow: hidden;
}
#side4 .item-int-2:before{
    content: 'Case 2';
}
#side4 .item-int-3:before{
    content: 'Case 3';
}
#side4 .item-int:hover:before{
    background: rgba(0,0,0,.75);
    color: white;
}
#side4 .item-int:after{
    text-align: center;
    bottom: 0;
    padding: 8px;
    margin: 0 0 15px 15px;
    position: absolute;
    color: white;
    visibility: hidden;
    font-size: 0.9375em;
    content: 'visite o site';
    z-index: 9;
    font-weight: bolder;
    display: block;
    overflow: hidden;
}
#side4 .item-int:hover:after{
    visibility: visible;
    overflow: hidden;
}
#side5{
    background-color: black;
    height: 88.3vh;
}
#side5 .contact-two{
    background: black;
    height: 88.3vh;
}
#side5 form{
    margin-top: -15vh;
}
#side5 .contact-two .contact-two-mn{
    background-color: black;
    height: 88.3vh;
}
#side5 .contact-two .contact-two-mn h2{
    font-family: 'FontSideThreeH', sans-serif;

    color: white;
    text-align: center;
    font-size: 30px;
}
#side5 .contact-two .contact-two-mn input{

    font-family: 'FontLi', sans-serif;

    font-size: 12px;


    height: 7.5vh;
    margin-bottom: 5vh;
    color: white;
    background: transparent;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid grey;
}
#side5 .contact-two .contact-two-mn textarea{
    font-family: 'FontLi', sans-serif;

    font-size: 12px;
    height: 10vh;
    color: white;
    background: transparent;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid grey;
}
#side5 .contact-two .contact-two-mn input.botao-envio{
    height: 5vh;
    margin-top: 5vh;
    margin-bottom: 0;
    color: white;
    background: royalblue;
    border: none;
}
#side6{
    font-family: 'FontLi', sans-serif;
    text-align: center;
}
#side6 .col-footer{
    margin-top: 5vh;
    margin-bottom: 5vh;
}
#side6 .icon-footer{
    color: grey;
    font-size: 35px;
    margin-bottom: 2.5vh;
}
#side6 .rodape{
    padding-top: 3.5vh;
    padding-bottom: 3.5vh;
    background-color: grey;
}
#side6 .rodape p{
    color: white;
}
/**/
.bc-white{
    position: fixed;
    background-color: white;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999999;
    transition: 1s;
    opacity: 1;
}
/**/
.js [data-anime].an-mn2 {
    opacity: 0;
    z-index: 0;
}
/**/
.js .animal1, .js .animal2, .js .animal3,
.js .animal4, .js .animal5, .js .animal6,
.js .animal7, .js .animal8, .js .animal9{
    opacity: 0;
}
.js [data-anime]{}

.js .animal1{
    transform: translate3d(-5%,0,0);
    transition: .6s;
}
.js .animal2{
    transform: translate3d(-10%,0,0);
    transition: .8s;
}
.js .animal3{
    transform: translate3d(4%,0,0);
    transition: 1s;
}
.js .animal4{
    transform: translate3d(4%,0,0);
    transition: 1.25s;
}
.js .animal5{
    transform: translate3d(0,25%,0);
    transition: 1s;
}
.js .animal6{
    transform: translate3d(0,25%,0);
    transition: 1.25s;
}
.js .animal7{
    transform: translate3d(0,0,0);
    transition: 1s;
}
.js .animal8{
    transform: translate3d(0,0,0);
    transition: 1.5s;
}
.js .animal9{
    transform: translate3d(0,0,0);
    transition: 2s;
}
.js [data-anime].an-mn1 {
    opacity: 1;
    transform: translate3d(0,0,0);
}

@media (min-width: 1367px ) and (min-height: 1081px){
    #side3{
        background: url(../img/inicio/side3/gradiente2.jpg) no-repeat top center scroll;
        height: auto;
    }
    #side3 .side3-mn{
        height: auto;
    }
    #side1 .container{
        text-align: left;
    }
    #side1 .container h1{
        margin: 15vh auto 10vh auto;
    }
    #side1 .container p.p1p4{
        margin-top: 10vh;
    }
}
@media (min-width:992px) and (max-width:1367px) and (min-height:768px) and (max-height:1081px){
    #side4{
        height: 50vh !important;
    }
    #side4 .side4-mn{
        padding-top: 5vh;
        height: 40vh;
    }
}
@media (min-width:1401px) and (max-width:1679px) and (min-height:769px) and (max-height:899px) {
    #side4{
        height: 60vh;
    }
}
@media (max-width: 1280px) and (max-height: 600px) {
    #side3{
        height: auto !important;
    }

    #side3 .side3-mn{
        height: auto;
        padding-top: 5vh;
        padding-bottom: 5vh;
    }

    #side3 .side3-mn h3{
        margin-top: 5vh;
        margin-bottom: 5vh;
    }

    .talk-btn{
        margin-top: 10vh;
        margin-bottom: 5vh;
    }

    #side4 {
        height: 80vh !important;
    }
}
@media(min-height: 1081px){
    nav{
        height: 116px !important; /**/
    }
    .nav-sj{
        height: 116px !important; /**/
    }
}

@media (min-height:921px) and (max-height:1081px){
    #side4{
        height: 60vh !important;
    }
    #side4 .side4-mn{
        padding-top: 10vh !important;
        height: 45vh !important; ;
    }
}

@media(min-height: 600px) and (max-height: 920px){
    #side4{
        height: 70vh !important;
    }
    #side4 .side4-mn{
        padding-top: 10vh !important;
        height: auto !important; ;
    }
}

@media(max-height: 600px) /*and (max-width: 768px)*/ {
    #side4{
        height: 400px !important;
    }
    #side4 .side4-mn{
        padding-top: 30px !important;
        height: 350px !important; ;
    }

    /*****/

    #side5{
        height: 500px !important;
    }
    #side5 .contact-one{
        height: 500px !important;
    }
    #side5 .contact-two{
        height: 500px !important;
    }
    #side5 form{
        margin-top: -50px;
    }
    #side5 .contact-two .contact-two-mn{
        height: 500px !important;
    }
    #side5 .contact-two .contact-two-mn input{
        height: 4em;
        margin-bottom: 2.5em;
        border-bottom: 1px solid grey;
    }
    #side5 .contact-two .contact-two-mn textarea{
        height: 5em;
    }
    #side5 .contact-two .contact-two-mn input.botao-envio{
        height: 2.5em;
        margin-top: 2.5em;
        margin-bottom: 0;
    }
}
@media(max-height: 500px) /*and (max-width: 768px)*/ {
    nav{
        height: 68px !important; /**/
    }
    .nav-sj{
        height: 68px !important; /**/
    }

    #side1{
        height: 500px !important;
    }
    #side1 .container h1{
        margin-top: 100px;
    }
    #side3{
        height: 574px !important;
    }
    #side3 .side3-mn{
        height: 574px;
    }

    #side3 .side3-mn h4{
        margin-top: 1em;
        margin-bottom: 1em;
    }
    #side3 .side3-mn p{
        margin-top: 0.5em;
    }
    #side3 .side3-mn-col{
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }
    .talk-btn{
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0.8em;
        padding-bottom: 0.8em;
    }
}
@media (min-width:1367px) {
    #side1{
        background: url("../img/inicio/side1/1920/apple-1920.jpg") no-repeat top center;
        background-size: cover;
        height: 100vh;
    }
    #side5 .contact-one{
        background: url("../img/inicio/side5/1920/iphone-metade-1920.jpg") no-repeat top center ;
        background-size: cover;
        height: 88.3vh;
    }
}
@media (min-width: 992px) and (max-width:1366px) {
    #side1{
        background: url("../img/inicio/side1/1366/apple-1366.jpg") no-repeat top center;
        background-size: cover;
        height: 100vh;
    }
    #side5 .contact-one{
        background: url("../img/inicio/side5/1366/iphone-metade-1366.jpg") no-repeat top center ;
        background-size: cover;
        height: 88.3vh;
    }
}
@media (max-width:1366px) {
    nav {
        height: 14vh;
    }
    .nav-sj {
        height: 14.2vh;
    }
    #side1 .container {
        text-align: center;
    }
    #side1 .grid-t{
        margin: 0 auto;
    }
    .side2-mn .gm {
        padding-top: 8.5vh;
        padding-bottom: 8.5vh;
    }
    .side2-mn .side2p1 img {
        margin-top: 1.5vh;
    }
    #side3 {
        height: 86.3vh;
    }
    #side4{
        height: 65vh;
    }
    #side4 .side4-mn{
        padding-top: 5vh;
        height: 45vh;
    }

    #side5{
        height: 86.3vh;
    }
    #side5 .contact-one{
        height: 86.3vh;
    }
    #side5 .contact-two{
        height: 86.3vh;
    }
    #side5 .contact-two .contact-two-mn{
        height: 86.3vh;
    }
}

@media (max-width: 991px){
    #side1{
        background: url("../img/inicio/side1/992/apple-992.jpg") no-repeat top center;
        background-size: cover;
        height: 100vh;
    }
    .side2-mn .gm{
        padding-top: 1.75vh;
        padding-bottom: 3.5vh;
    }
    #side3{
        height: auto !important;
    }
    #side3 .side3-mn{
        height: auto;
        padding-top: 5vh;
        padding-bottom: 5vh;
    }
    #side3 .side3-mn p{
        text-align: center;
    }
    #side3 .side3-mn-col{
        margin-top: 5vh;
        margin-bottom: 5vh;
    }
    .talk-btn{
        margin-top: 2.5vh;
    }
    #side4{
        height: auto !important; /***/
    }
    #side4 h1{
     /*margin: 2.5vh auto;*/
    }
    #side4 .side4-mn{
        height: auto !important;
    }
    #side4 .item-in{
        margin-bottom: 10vh;
        height: 455px !important;
    }
    #side5{
        height: auto !important;
    }
    #side5 .contact-one{
        background: url("../img/inicio/side5/1366/iphone-metade-1366.jpg") no-repeat center center;
        background-size: cover;
        height: 325px;
    }
    #side5 .contact-two{
        height: auto !important;
    }
}
@media (max-width: 769px) and (min-height: 1081px) and (max-height: 1366px) {
    .lmb-ntb {
        /*color: red !important;*/
    }

    #side4 .item-in{
        height: 460px !important;
    }
}
@media (max-width: 768px) {
    .lmb-ntb {
        border-top: 4px solid;
        color: white;
        cursor: pointer;
        display: block;
        height: 36px;
        margin: 13px 0 0 0;
        position: relative;
        width: 36px;
        -webkit-backface-visibility: hidden;
        z-index: 99999;
    }
    .lmb-ntb::after, .lmb-ntb::before {
        background: currentColor;
        content: '';
        display: block;
        height: 4px;
        margin-top: 6px;
        position: relative;
        transition: transform .2s ease;
    }
    .lmb-ntb.active {
        border-top-color: transparent;
    }
    .lmb-ntb.active::after {
        margin-top: 0;
        top: 2px;
        transform: rotate(45deg);
    }
    .lmb-ntb.active::before {
        margin-top: 0;
        top: 6px;
        transform: rotate(135deg);
    }
    nav ul.unem-elibom {
        background-color: rgba(0,0,0, 1);
        display: block;
        height: 100vh;
        position: fixed;
        opacity: 0;
        padding: 25vh 0;
        text-align: center;
        transition: 1s;
        transform: translate3d(-100%,0,0);
        visibility: hidden;
        width: 100vw;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    nav ul.unem-elibom li{
        height: 25%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;

        transform: translate3d(-25%,0,0);
        transition: 1s;
    }
    nav ul.unem-elibom li.li1.active{
        transform: translate3d(0,0,0);
        transition: 1.25s;
    }
    nav ul.unem-elibom li.li2.active{
        transform: translate3d(0,0,0);
        transition: 1.5s;
    }
    nav ul.unem-elibom li.li3.active{
        transform: translate3d(0,0,0);
        transition: 1.75s;
    }
    nav ul.unem-elibom li.li4.active{
        transform: translate3d(0,0,0);
        transition: 2s;
    }
    nav ul.unem-elibom li a {
        padding: 0;
        height: 100%;
        width: 75%;

        display: flex;
        align-items: center;
        justify-content: center;
    }
    nav ul.unem-elibom.active {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0,0,0);
    }
    nav li a:hover{
        color: royalblue;
        background-color: transparent;
    }
    nav li a.active{
        color: royalblue;
        background-color: transparent;
    }
    #side1 .grid-t{
        width: 344px;
        margin: 0 auto;
    }
    #side1 .container h1{
        font-size: 2.5em;
    }
    #side1 .container p{
        font-size: 1em;
    }
    .side2-mn .side2p1 img{
        margin-top: 0;
    }
    .side2-mn .side2p1 img.side2gmi2{
        height: 68%;
    }
}
@media (max-width:767px) {
    #side4 .item-in{
        height: 340px !important;
    }
}
@media (max-width:576px) {
    nav li a.active{
        color: white;
        background-color: transparent;
    }
    nav li a.active:hover{
        color: royalblue;
        background-color: transparent;
    }
    #side1 .container h1{
        margin-bottom: 5vh;
    }
    #side1 .container p.p1p4{
        margin-top: 5vh;
    }
    .side2-mn{
        background-color: transparent;
    }
    .side2-mn .side2p1 img{
        height: auto;
    }
    #side4 .item-in{
        height: auto !important;
    }
}
@media (max-width:480px) {
    #side1 .grid-t{
        width: auto;
    }
}