@charset "utf-8";
/* CSS Document */

/*---------- NAVEGATION BAR */
#nav-bar{
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0));
    top:0; left:0; right:0;
    z-index:500;
    transition:0.5s;
}
#nav-bar .content{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.logo-nav img{
    width:100%;
}
#main-menu li{
    color: white;
    transition:0.5s;}
#main-menu li:hover{
    color:var(--cor1);
}
#checkbox-menu{display:none;}

#nav-bar.nav-bar-scroll{
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.85) 100%, rgba(0,0,0,0));
}

/*desk menu*/
@media (min-width:850px){
    #nav-bar{
        position:fixed;
        height:150px;
        transition:0.5s;
    }
    #nav-bar .content{
        padding-top:20px;
        transition:0.5s;
    }
    .logo-nav{
        width:160px;
        transition:0.5s;
    }
    #main-menu{
        display: flex;
        justify-content: flex-end;}
    #main-menu li{
        font-size:2.3em;
        padding-left: 40px;
        transition:0.5s;}
    .control-nav{display:none;}
    
    .nav-bar-scroll .logo-nav{width:120px !important;}
    #nav-bar.nav-bar-scroll{height:80px !important;}
    .nav-bar-scroll #main-menu li{
        font-size:2.1em;
        padding-left: 25px;}
    #nav-bar.nav-bar-scroll .content{
        padding-top:10px;
    }
}
/*mobile menu*/
@media (max-width:850px){
    #nav-bar{
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) , rgba(0,0,0,0));
        position: fixed;
        height:80px;}
    #nav-bar .content{padding-top:10px;}
    .logo-nav{
        width:100px;
    }

    .control-nav{
        display:block;
        position: fixed;
        background-color: white;
        border-radius:10px;
        margin:25px 0;
        width:35px; height:6px;
        right:20px; z-index: 552;
        transition:0.3s;}
    .control-nav::before, .control-nav::after{
        content:'';
        display: block;
        position: absolute;
        width:100%; height:100%;
        background-color:white;
        border-radius:10px;
        transition:0.5s;}
    .control-nav::before{transform:translateY(-150%)}
    .control-nav::after{transform:translateY(150%)}
    .control-nav-close{
        position: fixed;
        top:0; right:0; bottom:0;
        width:0%;
        z-index:550;
        background-image: linear-gradient(to left, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.1) );
        transition:0.3s;
    }
    #main-menu{
        background-color: rgba(0,0,0,0.8);
        position: fixed;
        right:0; top:0;
        padding-top: 75px;
        height:600px;
        z-index: 551;
        transition:0.3s;
        transform:translateX(100%)
    }
    #main-menu li{
        font-size:2em;
        padding:10px 20px 10px 50px;
        text-align: right;
    }
    #checkbox-menu:checked ~ #main-menu{
        transform:translateX(0%)}
    #checkbox-menu:checked ~ .control-nav-close{width:100%;}
    #checkbox-menu:checked ~ .control-nav{background-color:rgba(255,255,255,0.00);}
    #checkbox-menu:checked ~ .control-nav::before{transform:translateY(0%) rotateZ(-135deg)}
    #checkbox-menu:checked ~ .control-nav::after{transform:translateY(0%) rotateZ(135deg)}
}

/*---------- HEADER */
#cabecalho-site{
    position: relative;
}
.cabecalho-text{
    width:100%;
    color:#fff;
    position:absolute;
    bottom:35%;
    z-index:50;
}
.cabecalho-text span{
    color:var(--cor1)
}
/*#cabecalho-site .carousel-inner>.item{ height: 720px;}*/

.header-slider-img{
    width: 100%;
}

#header-slider{
    position:relative;
}
#header-slider::after{
    content:''; display:block;
    position:absolute;
    top:0; left:0; bottom:0; right:0;
    background-color:rgba(0,0,0,0.4);
}

@media(min-width:850px){
    .cabecalho-text{font-size:1.2em;}
}
@media(max-width:850px){
    .carousel-indicators{
        bottom:45px !important;
    }
    
}

/*---------- #01 */
#coworking{
    background-color:var(--cor1);
}
@media (min-width:800px){
    #coworking{
        transform:translateY(-80px);
        padding:30px 50px;}
    #espaco{
        margin-top:-50px;
        padding:30px 50px;}
}
@media (max-width:800px){
    #coworking{
        transform:translateY(-40px);
        padding:20px 25px 20px;}
    #espaco{
        margin-top:-30px;
        padding:40px 25px 20px;}
}
#espaco-slider-d .carousel-inner>.item{
    height:550px;
}
#espaco-slider-d .carousel-control{color:var(--cor1)}
.espacoitem{
    width:100%;
    display:flex;
    justify-content: center;
    align-items: flex-start;
    padding:20px 0;
}
.espacoitem-content{
    width:350px; height:500px;
    background-color:white;
    box-shadow:0px 0px 20px rgba(0,0,0,0.4);}
.espacoitem-img{
    width:350px; height:265px;
    position: relative;}
.espacoitem-capa{
    width:100%;}

.espacoitem-txt{
    text-align: justify;
    padding:10px 20px 20px;}
.espacoitem-icon{
    position: absolute;
    height:70px;
    bottom:0; left:15px;
    transform:translateY(50%);
}
.espacoitem-txt h2{
    transform:translateX(25px);
    position: relative;
    margin-bottom:10px;
}
@media(min-width:800px){
    .espacoitem-content{margin:0px 15px;}
    .espacoitem-txt{font-size:0.8em;}
    #espaco-slider-d{display: block;}
    #espaco-slider-m{display: none;}
}
@media(max-width:800px){
    .espacoitem-content{
        width:300px;
        height:450px;}
    .espacoitem-img{width:300px; height:230px;}
    #espaco-slider-d{display: none;}
    #espaco-slider-m{display: block;}
    #espaco-slider-m a.left{
        transform:translateX(-50%);}
    #espaco-slider-m a.right{
        transform:translateX(50%);
    }
}

/*--------------------- SONHO */
#objetivo{
    margin-top:50px;
}
#objetivo .container{
    max-width:1100px;}

.objetivo-header{
    background-image: url(../_img/bg-textura.png), url(../_img/bg-sonho.jpg);
    background-size: 70px , cover;
    background-attachment: fixed, fixed;
    background-position: center center, center center;
    background-repeat: repeat, no-repeat;
    padding:80px 15px;
    margin-bottom: 30px;
    color:white;
    font-size:1.2em
}
.objetivo-header .header-text{
    text-align: center;
}
.objetivo-row:nth-child(2) .objetivo-box-img{position:relative;}
.objetivo-row:nth-child(2) .objetivo-icon{
    position:absolute;
    width:150px;
    bottom:0; right:0;
    transform:translate(-25%,50%)
}
.objetivo-text{
    text-align: justify;
}
.objetivo-img{width:100%}
.objetivo-inovacao{
    background-color:var(--cor1);
    border-radius:20px;
    position: relative;
    padding:40px;
}
.objetivo-inovacao::before, .objetivo-inovacao::after{
    content:''; display:block;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;}
.objetivo-inovacao::before{
    background-image:url(../_img/bg-tinta-1.png);
    width:70px; height:70px;
    top:0; left:50px;
    background-position:bottom center;
    transform:translateY(-95%);}
.objetivo-inovacao::after{
    background-image:url(../_img/bg-tinta-2.png);
    width:100px; height:100px;
    bottom:0; right:50px;
    background-position:top center;
    transform:translateY(95%);
}
.objetivo-inovacao h1.title{position: relative}
.objetivo-inovacao h1.title img{
    position: absolute;
    right:20px; bottom:0;
}

@media (min-width:850px){
    .objetivo-row{
        padding:40px 0 60px;
        display: flex;
    }
    .objetivo-row:nth-child(1) .objetivo-icon{display:none}
    .objetivo-row:nth-child(3){margin-top:20px;}
    .objetivo-row .objetivo-box-img{
        width:49%;}
    .objetivo-row .objetivo-text{
        width:49%;
        padding:0 20px;
    }
    .objetivo-row:nth-child(2n-1){
        flex-direction: row-reverse;}
    .objetivo-row:last-child{
        flex-direction: row;
    }
    .objetivo-inovacao{
        padding:40px !important;
    }
}
@media (max-width:850px){
    #objetivo .container{
        padding:0;
    }
    .objetivo-header{
        padding:50px 15px;
        background-size: 55px , cover;
    }
    .objetivo-row{
        max-width:500px;
        margin: 0 auto 60px;
        display: flex;
        flex-direction: column;    
    }
    .objetivo-row .objetivo-text{
        padding:15px 18px;
    }
    
    .objetivo-row:nth-child(1) .objetivo-box-img{position:relative;}
    .objetivo-row:nth-child(1) .objetivo-icon{
        position:absolute;
        width:40px;
        bottom:0; left:0;
        transform:translate(30%,30%)
    }
    .objetivo-row:nth-child(2) .objetivo-icon{
        width:100px;
    }
    
    .objetivo-inovacao{
        margin-top:20px;
        margin-bottom:80px;
        padding:30px !important;}
    .objetivo-inovacao img{
        width:80px;
        transform:translatex(40px);
    }
}


/*--------------------- PLANOS */
#planos{
    padding:50px 0 150px;
    margin-bottom:-75px;
    background-color:#F7F7F7
}

header.planos{
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    color:var(--cor3);
    justify-content: center;
    position: relative;}
header.planos::before{
    content: ''; display: block;
    width:50px;
    height:2px;
    background-color:var(--cor3);
    position: absolute;
    bottom:15px;
}
.plano-item{
    max-width:400px;
    padding:20px 0px;
    border:1px solid #D2D2D2;
    text-align: center;
    background-color:white;}

.plano-head{
    padding:0px 15px;}
.plano-head p.text{
    margin-bottom:0px;}
.plano-title{
    color:var(--cor3);}
.plano-preco{
    padding-top:10px;
    font-size:2em;}
.plano-preco p.text{
    position: relative;
    font-family: "nexabold", sans-serif;}
.plano-preco p.text::before{
    content: 'R$';
    position: absolute;
    font-size:0.5em;
    font-family: "nexalight", sans-serif;
    transform:translate(-110%,0%);}
.plano-desc-item{
    padding: 10px 15px;
    color:#2C2C2C;
    border-top:1px solid #D2D2D2;}
.plano-desc-item:last-child{
    border-bottom:1px solid #D2D2D2;}
.plano-desc-item:nth-child(2n-1){
    background-color:#F5F5F5;
}

.planos-saibamais{
    max-width:850px;
    margin:30px auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.planos-btn-box{
    display: flex;
    justify-content:space-around;
    padding-bottom: 5px;
}
.planos-btn{
    font-size:2em;
    background-color:var(--cor1);
    color:black;
    border-radius: 50px;
    width:250px;
    padding:15px 5px;
    margin-top:4px;}
.planos-btn:hover{
    border-bottom:4px solid var(--cor3);
    margin-top:0px;}
.planos-btn:active{
    border-bottom:0px;
    margin-top: 4px;
}

@media (min-width:850px){
    .planos-box{
        display:flex;
        flex-direction: row;}
    .plano-item:not(:last-child){
        border-right:none;
    }
    .plano-desc-item{
        font-size:0.7em;
    }
    .planos-btn-box.ocultar{display:none}
    
}
@media (max-width:850px){
    .plano-item{
        margin:0 auto 30px;
        
    }
}


/*--------------------- CONTATO */
#form-contato{
    margin-bottom:-100px;
    position: relative;
}
.foguete{
    background-image:url(../_img/bg-smoke.png);
    background-repeat: repeat-x;
    background-position: bottom;
 plano-itembottom:-2px;
    text-align: right;
    height:80px;
}
.form{
    background-color:var(--cor3);}
.form-row{
    display:flex;
    justify-content: space-between;
    flex-direction:row;
    padding:10px 0;}
.form-collum{
    flex-grow: 1;
    display: flex;
    flex-direction: column;}
.form-label{
    font-size:3.5em;
    font-family: "nexabold", sans-serif;
    margin-bottom:10px;}
.form-input{
    background-color:rgba(255,255,255,0.5);
    color:var(--cor3);
    border:none;
    margin: 0;
    font-family: "nexalight", sans-serif;}
.form-input#msg{
    resize:none;
    height:150px;
}
.form-button-box{
    text-align: center;}
.form-button{
    width:250px;
    color:white;
    background-color:#e94d29;
    padding:20px 0px 15px;
    border:none;
    border-radius:35px;
    font-size:2.5em;
    margin-top:4px;
    font-family: "nexabold", sans-serif;}
.form-button:hover{
    border-bottom:4px solid #C63514;
    margin-top:0;}
.form-button:active{
    border-bottom:0;
    margin-top:4px;
}
@media (min-width:850px){
    .foguete-img{
        padding-right: 150px;
    }
    .form{
        padding:45px;}
    .form-row{
        padding:10px 0;}
    .form-collum{
        padding:10px;
    }
    .form-label{
        font-size:3.5em;}
    .form-input{
        padding:17px 20px 15px;
        font-size:2.5em;}
}
@media (max-width:850px){
    .foguete{
        text-align:center;}
    .foguete-img{
        height:300px;
    }
    .form{
        padding:25px;}
    .form-row{
        padding:5px 0;}
    .form-collum{
        padding:10px 0px;
    }
    .form-row{flex-direction:column}
    .form-label{
        font-size:2.5em;}
    .form-input{
        padding:15px 15px 12px;
        font-size:2em;}
}

/*--------------------- FOOTER */
#footer{
    background-color:#000;
    color:#fff;
    padding-top:200px;
}
#footer .container{
    max-width:1000px;
    position: relative;
}
.dados-contato{
    max-width:400px;
}
.dados-icon{
    position: relative;}
.dados-icon::before{
    content: ''; display: block;
    background-image:url("../_img/icons-contato-footer.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top:0; left:0;}

.redessociais a:not(:last-child){
    margin-right:30px;
}
.icon-redessociais{transition:0.3s}
.icon-redessociais:hover{
    transform:rotatez(-25deg)
}
@media (min-width:800px){
    .dados-icon{
        padding-left:45px;}
    .dados-icon::before{width:30px; height: 30px;}
    .dados-icon:nth-child(1)::before{background-position: center 0px;}
    .dados-icon:nth-child(2)::before{background-position: center -30px;}
    .dados-icon:nth-child(3)::before{background-position: center -60px;}
    .redessociais{
        position:absolute;
        right:20px; bottom:0;
        top:0px;
        display: flex;
        flex-direction: row;
        align-items:center;
    }
    #footer .copyright{
        text-align: center;
        padding:60px 0px 50px;
        font-size:2em;
    }
}
@media (max-width:800px){
    .dados-icon{
        padding-left:40px;}
    .dados-icon::before{width:25px; height: 25px;}
    .dados-icon:nth-child(1)::before{background-position: center 0px;}
    .dados-icon:nth-child(2)::before{background-position: center -25px;}
    .dados-icon:nth-child(3)::before{background-position: center -50px;}
    .redessociais{
        padding:40px 0px 40px;
        text-align: center;
    }
    .icon-redessociais{
        width:50px;
    }
    #footer .copyright{
        text-align: center;
        padding:40px 0px 30px;
        font-size:1.5em;
    }
}

/* CSS END */