/*  

Theme Name: Cultive3

Theme URI: http://www.cultivemarketing.com.br/

Description: Cultive Marketing

Author: Cultive

*/

*{
    margin:0;
    padding:0;
    list-style: none;
}

html, body{
	margin:0;
	padding:0;
	list-style: none;
	clear: both;
	font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
	background:#fff;
}

header{
    width:94%;
	position:relative;
	display:block;
	clear:both;
	margin: 0 auto;
    padding:20px 0;
    background:#fff;
}

main{
	width:100%;
	position:relative;
	display:block;
	clear:both;
	margin: 0 auto;
}

footer{
    width:100%;
	position:relative;
	display:block;
	clear:both;
	margin: 0 auto;
    padding:100px 0;
    background:#4a365f;
    min-height:500px;
}

a{
	text-decoration: none;
}


/* Tipograficos  ------------------------------*/

p{
  font-size:1.2rem;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  line-height: 170%;
  color:#333333;
}


h1{
  font-size:3.4rem;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  line-height: 100%;
}

h2{
  font-size:2.5rem;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  margin-bottom:20px;
}

h4{
  font-size:1rem;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  margin-bottom:10px;
  text-align:left;    
}


.branco{ color:#fff;}
.verde{  color:#8cc63f;}
.roxo{  color:#4a365f;}
.laranja{  color:#fcbb1e;}

.button{
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 0.9rem;
    line-height: 155%;
    display: block;
    margin: 40px 0;
    width: 60%;
    text-align: center;
    text-decoration: none;
    padding: 20px;
    border-radius: 35px; 
    background:#fcbb1e;
    color:#2c1f39;
    text-transform: uppercase;
}

/* Colunas ---------------------------------------*/

.col1-2{
    width:49%;
    float:left;
    margin-right:2%; 
}

.col2-2{
    width:49%;
    float:left;
    margin:0;
}


/* Areas -----------------------------------------*/

#hero{
    width: 96%;
    margin:0 auto;
    padding:0%;
    background: #594273;
     background-image: url(../img/banner-site-1.jpg);
    /*background: -webkit-linear-gradient(42deg, rgba(89, 66, 115, 1) 0%, rgba(29, 17, 41, 1) 100%);
    background: -o-linear-gradient(42deg, rgba(89, 66, 115, 1) 0%, rgba(29, 17, 41, 1) 100%);
    background: linear-gradient(132deg, rgba(89, 66, 115, 1) 0%, rgba(29, 17, 41, 1) 100%);
    background-size: 250px 250px, cover; 
    background-repeat: repeat, no-repeat; */
    background-size:  cover; 

    /*background:#4a365f url(../img/banner-site-1.jpg) center center no-repeat;
    background-size:cover;*/
    border-radius:40px;
    position:relative;
    clear:both;
}

#quem-somos{
    width: 50%;
    margin:0 auto;
    padding:150px 0;
    background:#fff;
    clear:both;
    text-align:center;
}


#crescimento{
    width: 100%;
    margin:0 auto;
    padding:0%;
    background: #594273;
    background: -webkit-linear-gradient(113deg, rgba(89, 66, 115, 1) 0%, rgba(29, 17, 41, 1) 100%);
    background: -o-linear-gradient(113deg, rgba(89, 66, 115, 1) 0%, rgba(29, 17, 41, 1) 100%);
    background: linear-gradient(203deg, rgba(89, 66, 115, 1) 0%, rgba(29, 17, 41, 1) 100%);
    border-radius:0;
    position:relative;
    clear:both; 
}

#o-que-fazemos{
    width: 100%;
    margin:0 auto;
    padding:0 0 100px 0;
    background: #3B294E;
    background: -webkit-linear-gradient(130deg, rgba(59, 41, 78, 1) 0%, rgba(29, 17, 41, 1) 57%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(130deg, rgba(59, 41, 78, 1) 0%, rgba(29, 17, 41, 1) 57%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(220deg, rgba(59, 41, 78, 1) 0%, rgba(29, 17, 41, 1) 57%, rgba(0, 0, 0, 1) 100%);    
    border-radius:0;
    clear:both;   
}

#clientes{
    width: 80%;
    margin:0 auto;
    padding:150px 0%;
    background:#fff;
    border-radius:0;
    text-align:center;
    clear:both; 
}


#fecha{
    width: 96%;
    margin:0 auto;
    padding:0%;
    background:#4a365f url(../img/banner-site-3.jpg) center center no-repeat;
    background-size:cover;
    border-radius:40px;
    position:relative;
    clear:both;
}

#fale-conosco{
    width: 90%;
    margin:80px 0 auto;
    padding:80px 5% 80px 5%;
    background:#e6e6e6;
    border-radius:0;
    clear:both; 
}

#blog{
    width: 100%;
    margin:0 auto;
    padding:80px 0% 0 0;
    background:#fff;
    border-radius:0;
    text-align:center;
    clear:both; 
}


/* Container ----------------------------------------*/

#hero .img-container{
    width:52%;
    margin:0 auto;
    float:left;
    padding:0;
} 

#hero .img-container img{
    width:100%;
}

#hero .text-container{
    position:absolute;
    top:25%;
    left:55%;
    z-index:100;
    display:block;
}


#crescimento .img-container{
    width:50%;
    margin:0 auto;
    float:left;
    padding:0;
    margin-bottom:-4px;
} 

#crescimento .img-container img{
    width:100%;
}

#crescimento .text-container{
    position:absolute;
    top:25%;
    left:55%;
    z-index:100;
    display:block;
}

#crescimento .text-container .button{
    width:80%;
}

.servicos-container{
    width:80%;
    padding:5%;
    margin:0 auto;
    background:#fff;
    border-radius: 30px;
}


.servicos-container .txt-container{
    width:76%;
    margin-top:60px;
}

.servicos-content li{
    width:41%;
    float:left;
    padding:40px 4%; 
    min-height:190px;
    border-radius:10px;
    margin:5px 0;
}

.servicos-content li p{
    font-size:1rem;
    line-height:150%;
}

.servicos-content li b{
    font-weight:800;
}


.servicos-content .branding, .servicos-content .midias{background:#e6e6e6;}
.servicos-content .conteudo, .servicos-content .conversao{background:#bfbfbf;}
.servicos-content .branding,.servicos-content .conversao{margin-right:2%;}



.clientes-container{
    width:100%;
    margin:20px 0;
    padding:0;
    clear:both;
}

.clientes-container li{
    width:23%;
    margin:10px 1%;
    float:left;
    padding:0;
}

.clientes-container li img{width:100%;}

#fecha .img-container{
    width:55%;
    margin:0 auto;
    float:left;
    padding:0;
    margin-bottom:-4px;
} 

#fecha .img-container img{
    width:100%;
}

#fecha .text-container{
    position:absolute;
    top:25%;
    left:55%;
    z-index:100;
    display:block;
}

#fecha .text-container .button{
    width:80%;
}

#fale-conosco .contato-container{
    width:90%;
    margin:0 auto;
}

#fale-conosco .contato h2{
   text-align:left; 
   line-height: 100%;
}

#fale-conosco .infos{
    margin:40px 0 0 0;    
}

#fale-conosco .infos .ico{
    width:10%;
    float:left;
    margin:0 2% 0 0;
    padding:0;
}

#fale-conosco .infos .ico img{
    width:100%;
}

#fale-conosco .infos .fones{
    width:78%;
    float:left;
    margin:0;
}

#fale-conosco .infos .fones p{
   font-size: 1.4rem;
   color:#4d4d4d;
    text-align: left;
    font-weight:600;
    text-decoration: none; 
}

#fale-conosco .form-container input{
    width: 90%;
    padding: 15px 5%;
    border-radius: 45px;
    background: #bfbfbf;
    border:none;
    margin-bottom:10px;
}

#fale-conosco .form-container input::placeholder{
    color:#4d4d4d;
    /*text-transform: uppercase;*/
    font-size:1rem;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
}

#fale-conosco .form-container .wpcf7-submit{
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 0.9rem;
    line-height: 155%;
    display: block;
    margin: 10px 0;
    width: 60%;
    text-align: center;
    text-decoration: none;
    padding: 20px;
    border-radius: 35px; 
    background:#8cc63f;
    color:#2c1f39;
    text-transform: uppercase;     
}

.materias{
    width:90%;
    padding:40px 5% 150px 5%;
    margin:0 auto;
    background:#fff;
    border-radius: 0px;
}

.m1{
    width:47%;
    float:left;
    margin-right:6%; 
}

.m2{
    width:47%;
    float:left;
    margin-right:0%; 
}

.mat .img-container{
    width:42%;
    float:left;
    margin-right:8%; 
    overflow:hidden;
    border-radius:20px;
}

.mat .img-container img{
    width:100%;
 }

.mat .text-container{
    width:50%;
    float:left;
}

.mat .text-container .title-sec{
  font-size:1.4rem;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  margin-bottom:10px;
  text-align:left; 
  display: block;
  color:#4a365f;
}

.mat .text-container .resumo{
    font-size:1rem;
    line-height:150%;
    text-align:left;
    display: block;
    color:#333333;
}


/*Conteudos ---------------------------------------*/

.artigo{
    width:100%;
    margin:0 auto;
    padding-bottom:60px;
}

.artigo .img-container{
    width:60%;
    margin:0 auto;
    overflow:hidden;
    border-radius:40px;
}


.artigo .img-container img{
    width:100%;
 }

.artigo .txt-container{
    width:60%;
    margin:0 auto;
    padding-top:40px;
}

.artigo .txt-container h1{
    color:#4a365f;
    margin-bottom:20px;
}

.artigo .txt-container h2{
    color:#4a365f;
    margin:40px 0 20px 0;
    font-size:2rem;
}

.artigo .txt-container h3{
    color:#444;
    margin:40px 0 20px 0;
    font-size:1.2rem;
    font-weight:600;
}

.artigo .txt-container p{
    margin-bottom:15px;
    line-height:175%;
}

.artigo .txt-container a{
      font-size:1.2rem;
      font-family: "Montserrat", sans-serif;
      font-optical-sizing: auto;
      font-weight: 600;
      font-style: normal;
      line-height: 170%;
      color:#67933e;
}

.artigo .txt-container ul{
    margin:20px 0;
    width:98%;
    margin-left:2%;
    display: block;
}

.artigo .txt-container li{
    font-size:1.2rem;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 175%;
    color:#333333; 
    list-style: outside;
    list-style-type: disc;  
    margin:0 0 10px 0;
}

.artigo .txt-container figcaption{
    font-size:0.8rem;
    color:#666;
    margin:10px 0 40px 0;
}

.artigo .txt-container .resumo{
    color:#444;
}

.artigo .txt-container .autor{
    font-size:0.8rem;
    color:#666;
    margin:10px 0 40px 0;
}

.artigo .txt-container img{
    width:100%;
}


.footer-container{
    width:90%;
    margin:0 5%;
}
.footer-container p{
    color:#fff;    
}

.footer-container li a{
    font-size:1.8rem;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 175%;
    color:#fff; 
    list-style: outside;
    list-style-type: disc;  
    margin:0 0 10px 0;
}

.footer-container form{
    position: relative;
}


.footer-container input{
    width:93%;
    margin:0 auto;
    z-index:100;
    border:solid 2px #e1e3e6;
    border-radius:35px;
    padding:18px 3%;
    background: #e1e3e6;
}

.footer-container .wpcf7-submit{
    width:120px;
    position:absolute;
    margin:0 auto;
    right:0;
    top:0;
    z-index:100;
    border:none;
    border-radius:0 35px 35px 0;
    padding:20px 20px;
    background: #8cc63f;
    font-family: "Montserrat", sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    color: #fff;
    text-align:left; 
}

#mailnews::placeholder{
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #808080;
  text-align:left; 
}


/* Menu topo -------------------------------------*/

.logo-container{
    width: 251px;
    float:left;
    margin:0 20px 0 0;
}

.logo-container img{width:100%;}

.menu-lista{
    width:auto;
    float:right;
    margin:25px 0 0 0;
}
.menu-lista ul{
    float:right;
}
.menu-lista li{
    float:left;
    margin:0 0 0 25px;
    font-size:1.2rem;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    line-height: 175%;
    color:#4a365f;
    list-style: none; 
}

.menu-lista li:first-child{margin:0 0 0 0px;}

.menu-lista li a{
    font-size:1.2rem;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    line-height: 175%;
    color:#4a365f;
    list-style: none;
    text-decoration: none;
}

.menu-container{
    width:50px;
    float:right;
    display:none;
}

#bt-header{
    position:relative;
    display:block;
    margin-top:20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    font-size:40px;
    cursor:pointer;
    color:#4a365f;
}

/*dropdown menu --------------------------------------*/


.overlay{
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  background-color: #4a365f;
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 20%;
  width: 80%;
  text-align: left;
  margin: 0 auto;
}

.overlay a {
  padding: 10px;
  text-decoration: none;
  font-size: 1.4rem;
  color: #fff;
  display: block;
  transition: 0.3s;
  font-family: "Montserrat", sans-serif;
  font-weight:600;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
  text-decoration: underline;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {

  .overlay a {font-size: 20px}
	
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }

}


/*Mobile -----------------------------------------*/

@media only screen and (max-width: 800px) {
       
    #clientes{
        padding:80px 0%;      
    }

    #blog{
        padding:80px 0% 0 0;        
    }

    #quem-somos{
        padding:80px 0;
        width: 80%;
        text-align:left;
    }
    
    h1{  
        font-size:2.5rem;
    }
    
    #hero{overflow:hidden;}

    #hero .img-container{
        width:100%;
        margin:0 auto;
        float:none;
        margin-top:80px;
    } 

    #hero .text-container{
        position:relative;
        display:block;
        width:80%;    
        top:80px;
        left:auto;
        margin:0 auto;
    }
    
    #hero .text-container .button{
        width:80%;
    }

    #crescimento .img-container{
        width:100%;
        margin:0 auto;
        float:none;
        margin-bottom:-4px;
        margin-top:80px;
    } 

    #crescimento .text-container{
        width:80%;
        position:relative;
        top:80px;
        left:auto;
        margin:0 auto;
        display:block;
    }

    #crescimento .text-container .button{
        width:80%;
    }


    .servicos-container{
        width:80%;
        padding:5%;
        margin:0 auto;
        background:#fff;
        border-radius: 30px;
    }


    .servicos-container .txt-container{
        width:100%;
        margin-top:60px;
    }
    
    .servicos-container .txt-container .button{
        width:80%;
    }
    
    .col1-2{
        width:90%;
        float:none;
        margin:0 auto; 
    }

    .col2-2{
        width:90%;
        float:none;
        margin:0 auto
    }

    .servicos-content li{
        width:92%;
        float:left;
        padding:40px 4%; 
        min-height:auto;
        border-radius:10px;
        margin:10px 0;
    }


    .servicos-content .branding, .servicos-content .conversao{background:#e6e6e6;}
    .servicos-content .midias, .servicos-content .conteudo{background:#bfbfbf;}
    .servicos-content .branding,.servicos-content .conversao{margin-right:0;}



   .clientes-container li{
        width:48%;
        margin:10px 1%;
        float:left;
        padding:0;
    }

    #fecha .img-container{
        width:100%;
        margin:0 auto;
        float:none;
        padding:0;
        margin-bottom:-4px;
        margin-top:60px;
    } 

    #fecha .text-container{
        position:relative;
        width:80%;
        top:80px;
        left:auto;
        margin:0 auto;
        z-index:100;
        display:block;
    }

    #fecha .text-container .button{
        width:80%;
    }
    
    #fale-conosco .form-container{
        margin-top:40px;
    }
    
    #fale-conosco .infos .fones p{
       font-size: 1rem;
       color:inherit;
       text-decoration: none;
    }

    .materias{
        width:80%;
        padding:40px 10% 80px 10%;
        margin:0 auto;
    }

    .m1{
        width:100%;
        float:none;
        margin-right:0%; 
        margin:0 auto;
    }

    .m2{
        width:100%;
        float:none;
        margin:0 auto;
        margin-top:40px;
    }

    .mat .img-container{
        width:100%;
        float:none;
        margin-right:0; 
        margin:0 auto;
        border-radius:20px;
        overflow:hidden;
    }

    .mat .img-container img{
        width:100%;
     }

    .mat .text-container{
        width:100%;
        float:none;
        margin:0 auto;
        margin-top:10px;
    }

    .mat .text-container p{
        font-size:1rem;
        line-height:150%;
        text-align:left;
    }
    
    .artigo .img-container{
        width:86%;
     }
    .artigo .img-container img {
        margin-bottom:-5px;
    }
    .artigo .txt-container{
        width:86%;
        margin:0 auto;
        padding-top:40px;
    }

   .footer-container ul{
        margin:40px 0;
    }
    
    .footer-container li{
        border-bottom:solid 1px #ccc;
        padding-bottom:5px;
    }

    .menu-lista{display:none;}
    
    .menu-container{
    width:50px;
    float:right;
    display:block;
}
    
}


.clear{clear:both;}