*{margin: 0;
 padding: 0;
 box-sizing: border-box;}


 html,body{height: 100%;}

body{background-color: black;}

 /* CLASSES AUXILIARES--------------------*/



.container{max-width: 1280px;
          margin: 0 auto;
          padding: 0 2%;}

.clear{clear: both;}

.w20{width: 33.3%;
     min-height: 400px;
      border: solid 1px #fef7e9;
     background-color: orange ;
     border-bottom: 2px solid #09e19a;
     float: left;}

.w25{width: 33.3%;
   float:left;
  padding: 15px;}     

.w33{width: 33.3%;
    float: left;
     text-align:center;
     padding-top: 80px;}

.w30{width: 33.3%;
    float: left;}

.w50{width: 50%;
     padding: 5px;
     float: left;}

.w100{width: 100%;
    float: left;
    padding: 10px;}     

.w55{width: 20%;
  float: left;
  text-align: center;}


.w12{width: 12.5%;
    float: left;}
/*--------------------HEADER-----------------*/


header.header1{background-image: url("../imagens/bg_header.png");
               width: 100%;
               background-size: cover;
               background-position: top;
              min-height: 700px;}

h1{font-family: "Montserrat"}


/*-----------------fim---header-----------------------------*/


/*-------------------SESSÃO1 ---------------------*/

section.sessao1{width: 100%;
               min-height: 500px;
               background-size: cover;
               background-attachment: fixed;}


div.geral_i1{width: 100%;}

div.box_i1{width: 100%;}


div.container_i1{width: 800px;
                 height: 300px;
                 border-right: 1px solid #09e19a;
                 border-left: 1px solid #09e19a;
                 border-top: solid 3px #09e19a;
                 background-color: white;
                 border-top-right-radius: 50px;
                 border-top-left-radius:  50px;
                 position: absolute;
                 left: 50%;
                 top: 88%;
                 transform: translate(-50%,-50%);}


h1.text_box1{width: 100%;
            text-align: center;
             font-family: "Open Sans";
            font-size: 24px;
            color:gray;
             padding-top: 20px;
            padding-bottom: 40px;} 

img.icons_box1{width: 120px;}

#bordas{border-right: solid 1px #ccc;
       border-left: solid 1px #ccc;}

p.icons1{font-family: "Open Sans";
       font-size: 17px;}

div.texto_s1{padding-top: 60px;
            padding-right: 20px;
            padding-left: 20px;}

b.s1{color: #7035a3;
            font-weight: bold;}

b.s2{color:#f18ede;
          font-weight: bold;}            

b.s1:hover{border-bottom: 1px solid #f18ede;
           transition: 1s;
           color: #f18ede;}

a{text-decoration: none;}           

h4.texto_h4_1{font-size: 20px;
  font-family: "Open Sans";
  color: white;
  text-align: center;
  font-weight: lighter;}



img.img_s1{width: 100%;
           border-radius: 50px;
           border:solid 5px #8d65b5;
          margin-top: 50px;}

div.vencer{width: 100%;
        text-align: center;
         padding-top: 560px;}

img.vencer{width: 600px;
         text-align: center;}        

img.vencer:hover{width: 620px;
                transition: 1s;}         

div.vencer2{width: 100%;
        text-align: center;
         padding-top: 200px;}

img.vencer2{width: 600px;
         text-align: center;}        

img.vencer2:hover{width: 620px;
                transition: 1s;}   


div.vencer3{width: 100%;
        text-align: center;
         padding-top: 400px;}


img.vencer3{width: 600px;
         text-align: center;}        

img.vencer3:hover{width: 620px;
                transition: 1s;}  


 /*-------------------SESSÃO2 ---------------------*/

 section.sessao2{width: 100%;
                min-height: 650px;
                background-size: cover;}

#fazemos{padding-bottom: 60px;
        background-image: url("../imagens/bg_2.png");
        background-position: center;}

div.descubra{text-align: center;
            padding-bottom: 10px;}
h2.descubra{color: #f18ede;
            font-family: "Montserrat";
            font-size: 18px;}

h4.s12{font-size: 20px;
  font-family: "Open Sans";
  color: white;
  text-align: center;
  font-weight: lighter;}

div.texto_s12{padding-top: 60px;
            padding-right: 20px;
            padding-left: 20px;}

p#select{text-align: center;
         background-color:#7035a3;
         border-radius: 20px;
         margin-bottom: 10px;
        margin-top: 10px;}

p.topicos{color: white;
          font-family: "Montserrat";}

#mark{padding:10px;
     color: #f18ede;}



div.box_fazemos{ height: 80vh;
                  width: 100%;
                position: relative;
               bottom: 30px;}



.box_centro{width: 60%;
             position: absolute;
             top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); }

div.icons{width: 100%;
   text-align: center;
   padding-top: 30px;}

img.icons{width: 100%;}

p.icons{text-align: center;
         font-family: 'Open Sans';
         font-size: 18px;
         padding: 5px;
         color: gray;
         letter-spacing: 1px;
         line-height: 23px;}

#cor1{background-color:white;
       border-radius: 20px;}
#cor2{background-color: white;
           border-radius: 20px;}
#cor3{background-color: white;
       border-radius: 20px;} 

h1.title_icons{color: white;
              font-family: "Assistant";
              text-align: center;
             line-height: 27px;
            font-weight: normal;
            padding-bottom: 40px;}

 /*-------------------SESSÃO3 ---------------------*/


section.sessao3{width: 100%;
                min-height: 600px;
                background-size: cover;
                  background-attachment: fixed;
                background-image: url("../imagens/bg_3.png");}

              div.supere{padding-top: 40px;
              text-align: center;
              font-size: 30px;} 

              div.supere2{padding-top: 40px;
              text-align: center;
              font-size: 30px;} 

              div.supere3{padding-top: 40px;
              text-align: center;
              font-size: 30px;} 

              div.supere4{padding-top: 110px;
              text-align: center;
              font-size: 30px;}               

h1.supere{color: #f18ede;
        font-family: "Montserrat";}              



h1.supere2{color: #f18ede;
        font-family: "Montserrat";
        font-size: 29px;} 


h1.supere3{color: #f18ede;
        font-family: "Montserrat";
        font-size: 29px;}          

h1.supere4{color: #f18ede;
        font-family: "Montserrat";
        font-size: 29px;}          


div.traço4{width:20%;
          display: inline-block;
         height: 3px;
         position: relative;
         bottom: 20px;
         background-color: white;}   

div.traço5{width:80%;
          display: inline-block;
         height: 3px;
         position: relative;
         bottom: 20px;
         background-color: white;} 

div.traço6{width:60%;
          display: inline-block;
         height: 3px;
         position: relative;
         bottom: 20px;
         background-color: white;}          

div.traço7{width:60%;
          display: inline-block;
         height: 3px;
         position: relative;
         bottom: 20px;
         background-color: white;}   


div.mgd1{width: 100%;
        text-align: center;
        padding-top:40px;
        padding-bottom: 40px;}

img.mgd1{width: 200px;
        border-radius: 50%;
       border: solid 5px #7035a3;}

img.videos{width: 100%;
          border-radius: 20px;
          border: solid 5px #7035a3;}       



/*------------------------------sessao4------------------*/

section.sessao4{width: 100%;
                min-height: 500px;
               background-image: url("../imagens/tec.png");
               background-size: cover;
               background-attachment: fixed;}

div.pl{width: 100%;
       text-align: center;
      padding-top: 40px;}

img.pl{width: 600px;
        border-radius: 50px;
        border: solid 5px #7035a3;}

b.white{color: white;}
/*----------------------------sessao5--------------------------*/


section.sessao5{width: 100%;
               min-height: 400px;
               background-image: url("../imagens/tec.png");
               background-size: cover;
               background-attachment: fixed;}

div.site{width: 100%;
        text-align: center;
        padding-top: 0px;}

img.site{width:100%;}


div.texto_dp{width: 100%;
             text-align: center;}


h1.texto_dp{color: white;
            font-family: "Montserrat";
           padding-top: 40px;}

img.depoimentos{width: 300px;
              border-radius: 50px;
              border: solid 5px #7035a3;}

/*---------------------------sessao6---------------------------*/

section.sessao6{width: 100%;
               min-height: 1800px;
               background-image: url("../imagens/tec.png");
               background-size: cover;
               background-attachment: fixed;}


img.w12{width: 130px;}

div.geralw12{padding-top: 40px;}


div.pilares{text-align: center;
            padding-top: 40px;}

h1.pilares{color: white;
          font-family: "Montserrat";}

div.valor1{width: 100%;
          text-align: center;
          padding-top: 250px;}

h1.valor1{color:white;
          font-family: "Open Sans";
         font-weight:bold;}                    

b.vermelho{color: red;
           font-weight: normal;}

div.valorpromo{width: 100%;
              text-align: center;}

h1.valorpromo{color:#00ff00;
             font-family: "Open Sans"}

b.promo{font-weight: normal;
font-size: 30px;}

div.euquero{width: 100%;
          text-align: center;}

img.euquero{width: 600px;
         text-align: center;}             

img.euquero:hover{width: 620px;
                  transition: 1s;}

div.box_geral{width: 100%;}

div.box_conteudo{width: 100%;
                 position: relative;
                 top: 200px;}

div.box_texto{width: 700px;
               height: 300px;
               position: absolute;
               top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);}

p.texto_final{color: white;
              font-family: "Open Sans";
              font-size: 20px;
             font-weight: lighter;
             text-align: center;
                border-radius: 50px;
                padding: 20px;
                border: solid 5px #7035a3;}                          

div.ebook_texto{width: 100%;
              text-align:center;
               padding-top: 400px;}

h1.ebook_texto{color: #70ff00;
              font-family: "Open Sans"}


div.texto_menor{width: 100%;
               text-align:center;
               padding-top: 40px;}

p.texto_menor{color: white;
             font-family: "Montserrat";
             font-weight: lighter;
             font-size: 24px;}               

div.geral_texto_menor2{width: 100%;}

 div.conteudo_texto_menor2{width:100%;
                            position: relative;}

div.texto_menor2{width: 50%;
               padding-top: 500px;
               position: absolute;
              top: 50%;
               left: 55%;
              transform: translate(-50%, -50%);}

p.texto_menor2{color: white;
             font-family: "Open Sans";
             font-weight: lighter;
             display: inline-block;
             text-align: left;
             font-size: 24px;}   

b.lilas{color: #f18ede;}

#alvo2{display: inline-block;
     font-size: 19px;
     color: white;}

#cicle{font-size: 10px;
       color: #622a99;}
/*------------------------sessao7------------------------------*/

section.sessao7{width: 100%;
                min-height: 400px;
               background-image: url("../imagens/tec.png");
               background-size: cover;
               background-attachment: fixed;}

div.title_sou{width: 100%;
              text-align: center;
              padding-top: 40px;}

h1.title_sou{color: #f18ede;
             font-family: "Montserrat";
            }

div#traço{width: 50%;
              height: 3px;
              background-color: white;
              position: relative;
             left: 25%;}

div.quem_sou{width: 100%;
             text-align: center;
             padding-top: 30px;}

p.quem_sou{width: 100%;
           color: white;
           font-family: "Open Sans";
           font-weight:lighter;}             

img.mgd_final{width: 100%;}

div.end{width: 100%;
       text-align: center;
       padding-top: 200px;}

img.pointer{width: 30px;
          display: inline-block;
          position: relative;
         bottom: 0px;}

p.endereço{color: white;
           display: inline-block;
          font-family: "Open Sans";}       

div.phone{width: 100%;
       text-align: center;}                  

img.phone{width: 30px;
          display: inline-block;
          position: relative;
          padding: 2px;
          top: 6px;}

img.sociais{width: 50px;
          display: inline-block;
          position: relative;
          padding: 2px;
          top: 6px;}

div.sociais{width: 100%;
       text-align: center;
       padding-top: 20px;} 

/*-------------------------------botões flutuantes-------------------*/

div.botao-topo{position: fixed;
              bottom: 4%;
              right: 3%;
              width: 150px;
              height: 70px;
              z-index: 100;
              display: none;}   

div.box_bt_zap{width: 100%;}

div.bt_zap{ position: fixed;
             bottom: 6%;
              right: 87%;
              left: 3%;
              width: 150px;
              height: 70px;
              z-index: 90;
              display: block;}   

i#bt_zap{color: white;
          background-color: green;
          padding: 20px;
          border-radius: 50%;
         text-align: left;
         font-size: 40px;}


i#topo{color: #7035a3; 
     float: right;
     font-size: 40px;
     opacity: 0.6;
    cursor: pointer;}

i#topo:hover{opacity: 10;}

div.fim{text-align: center;
        padding: 15px;
        color: white;
        font-weight: lighter;
        font-family: 'Open Sans';
        font-size: 13px;
        letter-spacing: 1px;
        opacity: 0.5}


/*-----------------------animação entre sessões --------------------*/

.ws{opacity: 0;
       transform: translate3d(0,100px,0);
       transition: 1s;}


.ws_start{opacity: 1;
            transform: translate3d(0,0,0);}


/*-----------------------transformação--------------------*/

@media screen and (max-width: 768px){


img.vencer{width: 100%;}

header.header1{width: 100%;
               min-height: 200px;
  background-repeat: no-repeat;
             background-size: contain;}


section.sessao1{min-height: 800px;
                margin-top: 0px;}

img.vencer{width: 100%;}                
img.vencer2{width: 100%;}                
img.vencer3{width: 100%;}

p.topicos{text-align: center;}

div.geral_title{width: 100%;}
h1.title1{text-align: center;
          line-height: 45px;
        font-size: 40px !important;}

div.texto_s1{padding-top: 60px;}
h4.s12{text-align: center;}

h4.texto_h4_1{border-radius: 50px;
  border: solid 5px #622a99;
  padding:10px;}

h1.title4{line-height: 45px;}

div.container_i1{width: 100%;
                min-height: 650px;
                margin-top: 250px;}


#fazemos{width: 100%;
                min-height: 100px; }           

div.box_fazemos{ height: 80vh;
                position: relative;
               top: 450px;}

section.sessao3{min-height:100px;}


div.botao-topo{position: fixed;
              bottom: 2%;
              right: 3%;
              width: 150px;
              height: 70px;
              z-index: 100;
              display: none;} 


i#bt_zap{color: white;
          background-color: green;
          padding: 15px;
          border-radius: 50%;
         text-align: left;
         font-size: 25px;}

div.bt_zap{ position: fixed;
             bottom: 3%;
             opacity: 0.6; 
              right: 87%;
              left: 3%;
              width: 150px;
              height: 70px;
              z-index: 90;
              display: block;}       

div.traço1{width: 80%;
          right: 40px;}      

div.traço2{width: 80%;
          right: 40px;}   


.w50{width: 100%;}
.w33{width: 100%;}
.w12{width: 100%;}
img.w12{width: 100%;}
.w30{width: 100%;}

img.pl{width: 100%;}

div.supere{width: 100%;}
h1.supere{width: 100%;
         font-size: 25px;}

div.title_sou{padding-top: 900px;}
div.texto_menor2{width: 80%;
                 padding-top: 800px;}

img.euquero{width: 100%;}      
div.box_texto{width: 100%;} 
div.ebook_texto{padding-top: 860px;}  
div.end{padding-top: 0px;}

img.pointer{width: 30px;
          display: inline-block;
          position: relative;
         bottom: 0px;}

}