/**
 *
 * Theme: CMS
 * Folha de Estilos Personalizados
 *
 * Author: Infinito AG - Sites, Web & Design
 * Author URI:https://www.infinitoag.com
 *
**/


/*******************************************************
 * FONTES
*******************************************************/
 

/*******************************************************
 * CORPO, ELEMENTOS HTML E TIPOGRAFIA
*******************************************************/
body {
    color: #000000;
	font-size: 18px;
    line-height: 22px;
    font-weight: normal;
    background: #FFF;
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}
img {
    max-width: 100%;
    height: auto;
}
h1{
	font-size: 32px;
	font-family: 'Josefin Sans', sans-serif;
}
h2{
	font-size: 30px;
	font-family: 'Josefin Sans', sans-serif;
} 
h3{
	font-size: 23px;
	font-family: 'Josefin Sans', sans-serif;
}
h4 {
    font-size: 20px;  
	font-family: 'Josefin Sans', sans-serif;
}
a, a:hover {
    transition: 0.3s;
    cursor: pointer;
    text-decoration: none;
} 
button:focus, a:focus{
    outline: 0;
}
 
/*******************************************************
 * FORMULÁRIOS E BOTÕES
*******************************************************/
.btn{ 
    font-size: 24px;
    line-height: 29px;
    font-weight: 500;
    border-radius: 5px;
    padding: 18px 40px; 
    display: inline-block;
}
.btn-default, .btn-default:hover{
	background: #146B70;
    color: white;
    border: 1px solid #146B70; 
} 


/*******************************************************
 * CLASSES E ELEMENTOS PRINCIPAIS
*******************************************************/ 
  
.eight-padding {
    padding: 0 8px !important;
}

/*******************************************************
 * CABECALHO
*******************************************************/
#header {
    transition: .4s ease;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99; 
    background-color: transparent;
    position: fixed;
    padding: 20px 0;
}
.scrolled #header {
    background-color: white;
    padding: 10px 0;
}


#header nav#main-menu {
    margin-top: 15px;
}
#header nav#main-menu ul li.mega-menu-item a.mega-menu-link {
    font-family: 'Josefin Sans', sans-serif !important;
}
#header ul.social {
    margin-top: 21px;
}
#header ul.social li {
    list-style: none;
    display: inline-block;
    margin-left: 5px;
}
 
 


/*******************************************************
 * RODAPE
*******************************************************/
#footer {
    background-color: white;
    font-size: 18px;
    line-height: 24px;
    padding: 20px 0;
}
#footer a{
    color: black;
}


#slider-footer {
    border: 0;
    padding: 0;
    background: transparent;
}
 
#footer .custom-navigation-footer {
    position: absolute;
    width: 100%;
    top: 50px;
    opacity: 0.5;
}
#footer .custom-navigation-footer .flex-prev {
    float: left;
    margin-left: -40px;
}
#footer .custom-navigation-footer .flex-next {
    float: right;
    margin-right: -8px;
}


#footer .texto-footer {
    margin-top: 100px;
}

.scrolled #link-wpp { right: 20px; }
#link-wpp {
    display: block;
    width: 50px;
    position: fixed;
    right: -200px;
    top: 50%;
    margin-top: -25px;
    transition: .4s ease;
}

/*******************************************************
 * PÁGINAS
*******************************************************/ 
 

#home1 .banner {
    height: 840px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
#home1 .banner::before {
    content: '';
    background-color: #EB660A;
    height: 18px;
    width: 53%;
    position: absolute;
    left: 0;
    bottom: 80px;
}
#home1 .banner::after {
    content: '';
    background-color: #EB660A;
    height: 18px;
    width: 53%;
    position: absolute;
    right: 0;
    bottom: 0;
}




#home2 {
    padding: 80px 0 40px 0;
}
#home2 .imagem {
    margin-top: -32px;
}
#home2 .imagem img {
    width: 100%;
    height: auto;
}

#home2 .conteudo {
    margin-top: 30px;
    font-size: 20px;
    line-height: 24px;
}

#home2 .imagem2 {
    margin-top: 40px;
}
#home2 .imagem2 img {
    width: 100%;
    height: auto;
}



#home3 #proposito {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0;
}
#home3 #proposito .conteudo {
    color: white;
    font-size: 21px;
    line-height: 25px;
}
#home3 #proposito .conteudo h2 {
    color: #F6A117;
    font-size: 45px;
    line-height: 54px;
}



#home4 {
    padding: 120px 0 180px 0;
    position: relative;
}
#home4::before{
	content: '';
    background-color: #EB660A;
    height: 18px;
    width: 53%;
    position: absolute;
    left: 0;
    bottom: 70px;
}
#home4::after{
	content: '';
    background-color: #EB660A;
    height: 18px;
    width: 53%;
    position: absolute;
    right: 0;
    bottom: 0;
}


#home4 .titulo h2 {
    color: #EB660A;
    font-size: 52px;
    line-height: 62px;
    margin-bottom: 0;
}
#home4 .titulo img {
    margin-top: -18px;
}

#home4 .conteudo {
    font-size: 22px;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 25px;
}
#home4 .conteudo h3 {
    color: #EB660A;
    font-size: 52px;
    line-height: 62px;
    margin-bottom: 0;
}




#home5 {
    padding: 100px 0;
}
#home5 .titulo {
    margin-bottom: 50px;
}
#home5 .titulo h3{
	color: #EB660A;
    font-size: 52px;
    line-height: 62px;
    margin-bottom: 0;
}
#home5 .titulo img {
    margin-top: -18px;
}

#home5 .conteudo {
    margin-top: 30px;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 30px;
}
#home5 .conteudo h3 {
    color: #EB660A;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 20px;
}


#home5 .imagem-colada {
    width: 260px;
    height: 260px;
    border-radius: 100%;
    display: inline-block;
    border: 1px solid #EB660A;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
 
#home5 .imagem-colada:nth-child(1), #home5 .imagem-colada:nth-child(2) {
    margin-bottom: -4px;
}
#home5 .imagem-colada:nth-child(2), #home5 .imagem-colada:nth-child(4) {
    margin-left: -2px;
}



#home5 .tipos-plastico {
    padding-top: 80px;
	text-align: center;
}



#home5 .tipos-plastico .titulo-plastico {
    position: relative;
    margin-bottom: 50px;
}
#home5 .tipos-plastico .titulo-plastico::before {
    content: '';
    background: #EB660A;
    position: absolute;
    width: 30%;
    height: 1px;
    left: 0;
    bottom: 49%;
}
#home5 .tipos-plastico .titulo-plastico::after {
    content: '';
    background: #EB660A;
    position: absolute;
    width: 30%;
    height: 1px;
    right: 0;
    bottom: 49%;
}



#home5 .tipos-plastico .imagem {
    margin-bottom: 30px;
}
#home5 .tipos-plastico .imagem img {
    width: 100%;
    height: auto;
}




#home6 {
    background-image: linear-gradient(180deg, #eb660a 90%, white 10%);
    color: white;
    padding: 50px 0;
	position: relative;
}
#home6 .conteudo {
    margin-top: 40px;
}
#home6 .conteudo h3 {
    font-size: 40px;
    line-height: 48px;
}


#home6 .imagem-equipamentos {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 380px;
    height: 380px; 
	display: inline-block;
}


#home6 .imagens {
    margin-top: -40px;
} 
#home6 .imagem-equipamentos:nth-child(1) {
    border-top-left-radius: 100%;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    margin-right: -4px;
    margin-bottom: -5px;
}
#home6 .imagem-equipamentos:nth-child(2){
	border-top-right-radius: 100%;
	margin-bottom: -5px;
    border-bottom: 2px solid black;
}
#home6 .imagem-equipamentos:nth-child(3){
	border-bottom-left-radius: 100%;
	margin-right: -4px;
	border-right: 2px solid black;
}
#home6 .imagem-equipamentos:nth-child(4){
	border-bottom-right-radius: 100%;  
}






#home7 {
    padding: 0 0 200px 0;
	position: relative;
}
#home7::before{
	content: '';
    background-color: #EB660A;
    height: 18px;
    width: 53%;
    position: absolute;
    left: 0;
    bottom: 70px;
}
#home7::after{
	content: '';
    background-color: #EB660A;
    height: 18px;
    width: 53%;
    position: absolute;
    right: 0;
    bottom: 0;
}





#home7 .titulo {
    text-align: right;
}
#home7 .imagem {
    margin-top: 40px;
}
#home7 .imagem img {
    width: 100%;
    height: auto;
}




#home8 #parceiros {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0;
}
#home8 h2 {
    color: #EB660A;
    font-size: 45px;
    line-height: 54px;
    margin-bottom: 20px;
}
 
#home8 #slider-parceiros {
    background: transparent;
    border: 0;
    padding: 0 30px 0 60px;
}

#home8 #parceiros .custom-navigation {
    position: absolute;
    top: 100px;
    width: 100%;
}
#home8 #parceiros .custom-navigation .flex-prev {
    float: left;
}
#home8 #parceiros .custom-navigation .flex-next {
    float: right;
}





#home9 #contato {
    padding: 100px 0;
}
#home9 .titulo-conteudo h2 {
    color: #EB660A;
    font-size: 52px;
    line-height: 62px;
}

#home9 .titulo-conteudo ul {
    padding: 0;
    margin-top: 30px;
    display: block;
}
#home9 .titulo-conteudo ul li {
    list-style: none;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
}
#home9 .titulo-conteudo ul li a {
    color: black;
}
#home9 .titulo-conteudo ul li img {
    margin-right: 6px;
    margin-top: 3px;
}



#home9 .formulario {
    margin-top: 50px;
}
#home9 .formulario input {
    color: #878787;
    font-size: 17px;
    line-height: 20px;
    border: 1px solid black;
    padding: 20px;
    margin-top: 15px;
    width: 100%;
}
#home9 .formulario input[type="submit"] {
    background: #EB660A;
    color: white;
    border: 0;
    border-radius: 0;
    width: auto;
    padding: 20px 60px;
}

#home9 .formulario .wpcf7-list-item {
    margin: 0;
}
#home9 .formulario input[type="checkbox"] {
    display: inline-block;
    width: auto;
}



























/*******************************************************
 * AJUSTES RESPONSIVOS
*******************************************************/
@media( min-width: 1600px ) {
	.container {
        max-width: 1540px !important;
    }
}
@media( min-width: 1360px) and (max-width: 1599px) {
	.container {
		max-width: 1240px !important;
	}
}

@media( max-width: 1599px ) {
     
	body {
    	font-size: 16px;
	}
	
	
	#header nav#main-menu ul li a {
    	font-size: 18px !important;
	}

	#home1 .banner {
    	height: 640px;
	}
	
	#home2 .conteudo {
    	margin-top: 0px;
	}

	
	#home4 .titulo {
		margin-bottom: 40px;
	}
	
	
	#home5 .imagem-colada {
		width: 230px;
		height: 230px;
	}
	
	#home5 .imagens-coladas {
		margin-top: 50px;
	}
	
	 
	#home6 {
        background-image: linear-gradient(180deg, #eb660a 100%, #eb660a 100%);
	}
	#home6 .imagem-equipamentos {  
		width: 310px;
		height: 310px; 
	}
	
	#home6 .conteudo h3 {
		font-size: 36px;
		line-height: 42px;
	}

	#home6 .conteudo {
		margin-top: 20px;
	}

	
	#home7 {
		padding: 50px 0 200px 0;
		position: relative;
	}
	
	
	
	#home8 #parceiros .custom-navigation { 
		top: 70px; 
	}
	
	#home2 .conteudo {
		margin-top: 30px;
		font-size: 16px;
		line-height: 22px;
	}
	#home3 #proposito .conteudo {
		color: white;
		font-size: 18px;
		line-height: 24px;
	}
	
	
}

@media( max-width: 1360px ) {
	#header nav#main-menu ul li.mega-menu-item a.mega-menu-link {
		font-size: 16px !important;
	}
	
	#home5 .imagem-colada {
		width: 220px;
		height: 220px;
	}
	
	#home6 .imagem-equipamentos {
		width: 280px;
		height: 280px;
	}
	
	
	
	
	
	
	
	
}
@media( max-width: 1200px ) {
    
	 
	#header nav#main-menu ul li a {
		font-size: 17px !important;
	}
    
	#home5 .imagem-colada {
		width: 200px;
		height: 200px;
	} 
	
	#home5 .conteudo h3 { 
		margin-bottom: 10px;
	}
	
	#home5 .conteudo {
		margin-top: 10px; 
	}
	
	
	#home6 .imagem-equipamentos {
		width: 280px;
		height: 280px;
	}
	
	
	
	
	
	
	
	
	
	
    
    
}
@media( max-width: 1199px ) {
	 
	
	#home4 .imagem img {
		width: 100%;
		height: auto;
	}
	
	#home5 .imagem-colada:nth-child(1), #home5 .imagem-colada:nth-child(2) {
		margin-bottom: 0;
	}
	#home5 .imagem-colada:nth-child(2), #home5 .imagem-colada:nth-child(4) {
		margin-left: 0;
	}
    
    #home6 .imagem-equipamentos {
		width: 400px;
		height: 400px;
	}

	#home6 .imagens {
		margin: -40px auto 0 auto;
		display: block;
		position: relative;
		text-align: center;
	}
	
	#home6 .conteudo {
		margin-top: 20px;
		text-align: center;
	}
	
	#home7 .titulo {
		text-align: right;
		margin-bottom: 30px;
	}
	
	
	
	
	
	
	
	
    
} 
@media( max-width: 1024px ) {
    
    
    
    
    
} 
@media( max-width: 991px ) {
   
	
	#header ul.social {
		margin-top: 23px;
	}
	#header ul.social li { 
		margin-left: 2px;
	}
	
	#home5 .imagem-colada {
		width: 230px;
		height: 230px;
		margin: 0 auto;
		display: inline-block;
	}
	
	#home5 .imagens-coladas {
    	margin-top: 10px;
		text-align: center;
	}
	
	
	
	#home5 .tipos-plastico .titulo-plastico::after,
	#home5 .tipos-plastico .titulo-plastico::before { 
		width: 20%
	}
	
	
	
	
	
	

}
@media( max-width: 768px ) {
    
    #home6 .imagem-equipamentos {
		width: 350px;
		height: 350px;
	}
    
	
    
}
@media( max-width: 767px ) {
	 
    #header ul.social {
		margin-top: 0;
		position: absolute;
		right: 0;
		top: -45px;
	}
    #header nav#main-menu {
		margin-top: 0;
		position: absolute;
		right: 70px;
		top: -52px;
	}
	
	#home3 #proposito { 
		padding: 50px 0;
	}
	#home3 #proposito .conteudo { 
		font-size: 16px; 
	}
	
	
	#home4 {
		padding: 80px 0 120px 0;
		position: relative;
	}
	
	#home6 .imagens {
    	margin: -30px auto 0 auto;
	}
	#home6 .imagem-equipamentos {
		width: 260px;
		height: 260px;
	}
	
	#footer .custom-navigation-footer,
	#home8 #parceiros .custom-navigation {
		display: none;
	}
	
	#home8 #slider-parceiros {
		background: transparent;
		border: 0;
		padding: 0;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
    
} 
@media( max-width: 575px ) {
	   
   
	
	
	#home5 .tipos-plastico .titulo-plastico::after,
	#home5 .tipos-plastico .titulo-plastico::before { 
		display: none;
	}
	
	#home6 .imagens {
		margin: -20px auto 0 auto;
	}
	#home6 .imagem-equipamentos {
		width: 130px;
		height: 130px;
	}
	
}