@media (min-width:320px){
	
*{margin:0;padding:0}
	
html,body{max-width:100%;margin:0;font-family: 'Chivo', sans-serif;}

article{margin-top:10px}

h1,h2{padding:5px;
font-family: 'Hind Madurai', sans-serif;
letter-spacing: 3px;
box-sizing:border-box;
position:relative;
padding:5px;
font-size:30px;
text-align:center;
color:#fff}

h3,h4{letter-spacing:2px;
font-family: 'Hind Madurai', sans-serif;
box-sizing:border-box;
position:relative;
padding:5px;
font-size:20px}

h1{line-height:50px;}

h4{text-align:center;
width:100%;
font-weight:100}

footer {background-color:#2c5942;
padding-top:10px}

#topo{width:100%;
height:auto;
display:block;
margin-left:auto;
margin-right:auto;
position:relative;
box-sizing:border-box}

.icone-social {position:relative;
box-sizing:border-box;
margin:auto;
width:50px;
height:50px;
padding:6px;}	

#largura{display:none}

#cabecalho{display:flex;
flex-wrap:wrap;
box-sizing:border-box;
position:relative;
margin-left:auto;
margin-right:auto;
width:100%;
height:250px}

.informativo{display:none}

.menu ul li{width:100%;
float:none}

.menu{width:100%;
background-color:#0278AE;
height:324px;
font-family:'Hind Madurai', sans-serif;
z-index:2}

.menu ul{list-style:none;
position:relative;
z-index:2}

.menu ul li{width:100%;
float:none;
position:relative;
z-index:2}

.menu a{padding:15px;
display:block;
text-decoration:none;
text-align:center;
color:#fff;
background-color:#529674;
font-family: 'Hind Madurai',sans-serif;}

.menu ul ul{position:static;
overflow:hidden;
max-height:0;
z-index:9;
transition:all .4s}

.menu ul li:hover ul{visibility:visible;
z-index:9;
height:auto;
max-height:560px}

.menu a:hover{background-color:#2f5944;}

.menu ul ul li{float:none;
border-bottom:solid 2px #fff;
display:inline-block}

.menu ul ul li a{background-color:#069;
color:#fff;
z-index:9}

label[for="nav-toggle"]{padding:5px;
background-color:#fff;
color:#000;
font-family:'Ubuntu',sans-serif;
font-size:35px;
text-align:center}

#nav-toggle{display:none}

.menu{margin-top:-170%;
transition:all 0.4s}

#nav-toggle:checked~.menu{margin-top:0}

.logoum{display:none}

.logodois{width:300px;height:163px;
display:block;
margin-left:auto;
margin-right:auto;
box-sizing:border-box;
position:relative}

#nav-toggle:checked~.logodois{display:none}

#nav-toggle:checked~.logodois{display:none}
	
.cd-background-wrapper{background-color:#001426;
position:relative;
overflow:hidden;
-webkit-perspective:4000px;
perspective:4000px}

#primeira-parte{width:100%;
height:auto;
box-sizing:border-box;
position:relative;
background-color:#fff}

.cd-background-wrapper{background-color:#001426;
position:relative;
overflow:hidden;
-webkit-perspective:4000px;
perspective:4000px}

.cd-floating-background{position:relative;
top:0;
left:0;
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
-webkit-transform:translateZ(0);
-ms-transform:translateZ(0);
transform:translateZ(0)}

.cd-floating-background.is-absolute{position:absolute}

.cd-floating-background img{display:block;
width:100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
background-color:rgba(255,255,255,.01)}

.cd-floating-background img:not(:first-child){position:absolute;
top:0;
left:0}

.titulo-principal{font-family: 'Hind Madurai', sans-serif;
color:#fff;
text-align:center;
width:100%;
z-index:2;
position: absolute;
left: 0;
top: 35%;
width: 100%;
text-align: center;
font-size: 24px;}

.empresa {color:#000000;
width:320px;
display:block;
margin-left:auto;
margin-right:auto;
font-family: 'Chivo', sans-serif;
text-align:justify;
font-size:15px;
box-sizing:border-box;
position:relative;
background-color: #fff;
padding:10px;}

#segunda-parte{width:100%;
height:auto;
box-sizing:border-box;
position:relative;
display:flex;
flex-wrap:wrap;
background-color:#499b71;
margin:auto}

.center{display:flex;
flex-wrap:wrap;
margin:auto;}

.imagem-da-galeria-dois{display:none}

.imagem-da-galeria{position:relative;
box-sizing:border-box;
display:block;
margin:auto;
width:100%;
height:auto;}	

.imagem-da-galeria-um{position:relative;
box-sizing:border-box;
display:block;
margin:auto;
width:100%;
height:auto;}	

.texto-empresa-dois{position:relative;
box-sizing:border-box;

margin:auto;
width:100%;
height:320px;
  display: table-cell;
    vertical-align: middle;
text-align:center;	
font-family: 'Chivo', sans-serif;
padding:5px;
background-color:#499b71;
color:#fff}

.titulo-secundario{width:100%;
text-align:center;
color:#fff;
font-size:20px;
font-family: 'Hind Madurai', sans-serif;}

.paragrafo-empresa{position:relative;
box-sizing:border-box;
width:100%;
height:auto;
padding:5px;
font-family: 'Chivo', sans-serif;
color:#fff;
text-align:center}

.empresa-secundaria {color:#fff;
width:320px;
display:block;
margin-left:auto;
margin-right:auto;
font-family: 'Chivo', sans-serif;
text-align:justify;
font-size:15px;
box-sizing:border-box;
position:relative;
padding:10px}

#terceira-parte{width:100%;
height:auto;
box-sizing:border-box;
position:relative;
background-color:#006a82;
display:flex;
flex-wrap:wrap;}

.contatos-no-site{position:relative;
box-sizing:border-box;
margin:auto;
display:flex;
flex-wrap:wrap;
width:100%;
height:auto}

.telefone-grande, .contato-grande, .email-grande{position:relative;
box-sizing:border-box;
display:block;
margin:auto;
width:100%;
height:auto}	
	
.icone-de-contato{position:relative;
box-sizing:border-box;
width:60px;
width:60px;
padding:5px;
display:block}

.fonte-grande{font-family: 'Hind Madurai', sans-serif;
box-sizing:border-box;
position:relative;
padding:5px;
font-size:15px;
color:#fff}

#quarta-parte{
width:100%;
height:auto;
display:flex;
flex-wrap:wrap;
box-sizing:border-box;
position:relative;
background-color:#fff}

.missao, .visao, .valores {position:relative;
box-sizing:border-box;
margin:auto;
display:block;
width:100%;
height:auto;
color:#fff;
font-family: 'Chivo', sans-serif;
text-align:center;
padding:10px;


}	

.missao{background-color:#cccdce}

.visao{background-color:#499b71}

.valores{background-color:#618773}	

#quinta-parte{position:relative;
box-sizing:border-box;
width:100%;
height:auto;
margin:auto;
display:flex;
flex-wrap:wrap}

.direita, .esquerda{position:relative;
box-sizing:border-box;
margin:auto;
width:100%;
height:auto;}

.certificado{position:relative;
box-sizing:border-box;
width:320px;
height:453px;
margin:auto;
display:block;}

.paragrafo-certificado{color:#000000;
width:320px;
display:block;
margin-left:auto;
margin-right:auto;
font-family: 'Chivo', sans-serif;
text-align:justify;
font-size:15px;
box-sizing:border-box;
position:relative;
background-color: #fff;
padding:20px;}

.map-responsive{overflow:hidden;
padding-bottom:100%;
position:relative;
height:0}

.map-responsive iframe{left:0;
top:0;
height:100%;
width:100%;
position:absolute}

#bloco-footer{position:relative;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
width:100%;
height:auto;}

.icone-social-face, .icone-social-insta {position:relative;
box-sizing:border-box;
margin: 0!important;
display:inline;
width:62px;
height:62px;
padding:6px 6px 0 0;
 transition: 0.3s}

.icone-social-face:hover, .icone-social-insta:hover{filter: brightness(0) invert(1);
 position:relative;
box-sizing:border-box;
margin: 0!important;
display:inline;
width:62px;
height:62px;
padding:6px 6px 0 0;
 transition: 0.3s}

.titulo-social {font-family:'Ubuntu',sans-serif;
color:#fff;
text-align:left;
width:100%;
font-size:16px;
padding:0 0 0 10px}

.bloco-um, .bloco-dois, .bloco-tres, .bloco-tres-meio, .bloco-quatro, .bloco-cinco, .bloco-seis{width:100%;
padding:10px;
position:relative;
height:auto;
box-sizing:border-box;}

 .link-footer{color:#92b7a5;
text-decoration:none;
font-family: 'Ubuntu', sans-serif;}

.link-footer-principal{color:#92b7a5;
text-decoration:none;
font-family: 'Ubuntu', sans-serif;
font-weight:600;}

 .link-footer:hover, .link-footer-principal:hover{color:#fff;}

.bloco-principal{position:relative;
box-sizing:border-box;
width:100%;
height:auto;}

.animated{-webkit-animation-duration:1s;
animation-duration:1s;
animation-delay:.2s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both}

.animated.infinite{-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite}
	
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;}

#bloco-de-imagens{position:relative;
    box-sizing:border-box;
    margin:auto;
    width:100%;
    height:auto;
    display:block;
}

.imagens-de-usinagem{position:relative;
    box-sizing:border-box;
    display:flex;
    flex-wrap:wrap;
    width:auto;
    height:auto;
    padding:10px;
}

.imagem-demonstrativa{position:relative;
    box-sizing:border-box;
    width:320px;
    height:320px;
    display:block;
    margin:0 auto;
}

.bloco{position:relative;
    box-sizing:border-box;
    width:320px;
    height:auto;
    margin:auto;
}

}



@media (min-width:500px){

.titulo-principal{top: 42%;
font-size:32px}

.certificado{padding:20px}

}

@media (min-width:600px){
	
.numero-um, .numero-dois, .numero-tres{width:33.33%;
height:auto}	

.imagem-da-galeria-um{display:none}

.imagem-da-galeria{width:100%;
height:auto}

.imagem-da-galeria-dois{position:relative;
box-sizing:border-box;
display:block;
margin:auto;
width:100%;
height:auto}
	
.empresa-secundaria{width:300px;}

}

@media (min-width:700px){
	
#cabecalho{height:240px;
display:flex;
flex-wrap:wrap;
box-sizing:border-box;
position:relative;
margin-left:auto;
margin-right:auto;
width:100%}

.palavras-topo{font-family: 'Ubuntu', sans-serif;
display:inline-block;
font-size:16px;
color:#fff}

#largura{padding-top:4px;
padding-bottom:4px;
text-align:center;
display:inline-block;
background-color:#437f61;
height:auto;
width:100%;}

.icone-informativo{display:inline-block;
width:16px;
height:16px;
padding-left:2px}

#topo{height:220px;
display:block;
margin-left:auto;
margin-right:auto;
position:relative;
box-sizing:border-box}

.cl-effect-13 ul{display:inline;
text-decoration:none;
list-style-type:none;
width:100%;
height:auto;}

.cl-effect-13{display:inline}

.cl-effect-13 a {-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
font-family: 'exomedium', sans-serif;}

.cl-effect-13 a::before {position: absolute;
top: 100%;
left: 50%;
color: transparent;
content: '•';
text-shadow: 0 0 transparent;
font-size: 1.2em;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-moz-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none;}

.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {color: #ba7700;
text-shadow: 10px 0 #ba7700, -10px 0 #ba7700;}

.cl-effect-13 a:hover,
.cl-effect-13 a:focus {color: #ba7700;}

.cl-effect-13 ul{display:flex;
flex-wrap:wrap;
width:100%;
position:relative;
box-sizing:border-box;
height:auto;}

.cl-effect-13 ul ul{position:absolute;
visibility:hidden;
padding-left:0}

.cl-effect-13 ul li:hover ul{visibility:visible;
z-index:1}

.cl-effect-13 ul ul li{border-bottom:solid 2px #fff;
display:inline-block}

.cl-effect-13 ul ul li a{background-color:#357c21;
color:#fff;
width:120px;
display:flex;
font-size:13px;
text-align:center;
margin-left:auto;
margin-right:auto;
font-family:'Ubuntu',sans-serif;
margin:0!important;
padding:10px;
z-index:2}

.cl-effect-13 ul li ul{margin-left:10px;width:150px}

label[for="nav-toggle"]{display:none}

.menu-servicos{margin-left:360px!important}

.logoum{width:300px;
height:164px;
display:block;
margin-left:auto;
margin-right:auto;
box-sizing:border-box;
position:relative;
padding:10px}

.logodois{display:none}

.hvr-bounce-to-right{display:inline-block!important;
vertical-align:middle!important;
-webkit-transform:perspective(1px) translateZ(0)!important;
transform:perspective(1px) translateZ(0)!important;
box-shadow:0 0 1px rgba(0,0,0,0)!important;
position:relative!important;
-webkit-transition-property:color!important;
transition-property:color!important;
-webkit-transition-duration:0.5s!important;
transition-duration:0.5s!important}

.hvr-bounce-to-right:before{content:"";position:absolute!important;
z-index:-1!important;
top:0!important;
left:0!important;
right:0!important;
bottom:0!important;
background:#096635!important;
-webkit-transform:scaleX(0)!important;
transform:scaleX(0)!important;
-webkit-transform-origin:0 50%!important;
transform-origin:0 50%!important;
-webkit-transition-property:transform!important;
transition-property:transform!important;
-webkit-transition-duration:0.5s!important;
transition-duration:0.5s!important;
-webkit-transition-timing-function:ease-out!important;
transition-timing-function:ease-out!important;
	content: ' '!important;}

.hvr-bounce-to-right:hover,.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:active{color:white!important}

.hvr-bounce-to-right:hover:before,.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:active:before{-webkit-transform:scaleX(1)!important;
transform:scaleX(1)!important;
-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66)!important;
transition-timing-function:cubic-bezier(.52,1.64,.37,.66)!important}

.hvr-bounce-to-bottom:before{content:"";position:absolute!important;
z-index:-1!important;
top:0!important;
left:0!important;
right:0!important;
bottom:0!important;
background:#2098D1!important;
-webkit-transform:scaleY(0)!important;
transform:scaleY(0)!important;
-webkit-transform-origin:50% 0!important;
transform-origin:50% 0!important;
-webkit-transition-property:transform!important;
transition-property:transform!important;
-webkit-transition-duration:0.5s!important;
transition-duration:0.5s!important;
-webkit-transition-timing-function:ease-out!important;
transition-timing-function:ease-out!important}

.menu,.menu a,
.menu a:hover,.menu ul{background-color:#fff}

.menu ul,.menu ul ul li a{margin-right:auto;}

.menu{width:725px;
height:50px;
font-family:'Hind Madurai',sans-serif;
margin-top:0;
display:inline;
text-align:center}

.menu ul{list-style:none;
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:0}

.menu ul li{width:180px!important;
display:inline!important}

.menu a{color:#000;
padding:15px;
display:inline;
text-decoration:none;
text-align:center;
font-size:13px;
width:200px;
font-weight:700;
font-family:'Hind Madurai',sans-serif;}

.menu ul ul{position:absolute;
visibility:hidden;
margin-top:15px;
padding-left:0}

.menu ul li:hover ul{visibility:visible}

.menu ul ul li{color:#000;
border-bottom:solid 2px #fff;
display:inline-block}

.menu ul ul li a{width:130px;
display:block;
font-size:10px;
text-align:center;
margin-left:auto;
margin-right:auto;
font-family:'Hind Madurai',sans-serif;}

.menu ul li ul{margin-left:235px;
width:150px}

label[for=nav-toggle]{display:none}



.contato{margin-top:0}

#topo{width:700px;}

.empresa{margin-top:-80px;
padding:25px;
width:400px!important;
background-color:#78bc9a;
color:#fff}

#quinta-parte{width:700px}

.direita, .esquerda {width:50%;}

.map-responsive{padding-bottom:50%}

}



@media (min-width:799px){
	
.informativo{width:750px}

.menu{margin-left:65px}

.titulo-principal{font-size:50px;
line-height:50px}

.telefone-grande, .contato-grande {position:relative;
box-sizing:border-box;
display:block;
margin:auto;
width:25%;
height:auto}	

.email-grande {position:relative;
box-sizing:border-box;
display:block;
margin:auto;
width:50%;
height:auto}

.cd-background-wrapper{height:400px}

}

@media (min-width:899px){
	


.cd-background-wrapper{height:500px}
	
.center{width:900px;}

.numero-um, .numero-dois, .numero-tres{width:300px;
height:600px}	

.cor{background-color:#006a82}

.imagem-da-galeria-um{display:none}

.imagem-da-galeria{width:300px;
height:300px}

.imagem-da-galeria-dois{width:300px;
height:300px;}	
	
.texto-empresa-dois{height:300px}	
	
.contatos-no-site{width:900px;}	
	


.icone-de-contato{margin:auto;}

.fonte-grande{text-align:center}

}



@media (min-width:999px){
	


.empresa{width:550px!important;}



#bloco-footer{width:900px;
margin-left:auto;margin-right:auto}	
	
.bloco-um{width:210px;}	
	
.bloco-dois, .bloco-tres, .bloco-tres-meio, .bloco-seis {width:110px;}

.bloco-quatro {width:130px}
	
.bloco-cinco{width:260px}

.bloco-principal{width:80%}

}

@media (min-width:1099px){
 
 article{margin-top:25px}

header{height:140px}	

#cabecalho{width:100%;
height:150px}	
	
.logoum{width:220px;
height:94px}

.palavras-topo{padding-right:10px;}

#topo{width:900px;
padding:5px;
height:150px;
display:block;
margin-left:auto;
margin-right:auto;
position:relative;
box-sizing:border-box}

.logoum{float:left;
width:250px;
height:164px;
padding:0;
margin:0}

.cl-effect-13 ul{display:flex;
flex-wrap:wrap;
width:800px;
position:relative;
box-sizing:border-box;
height:auto;}

.menu{padding-top:60px;
float:right;
margin-left:0;
position:relative;
width:700px;}

.menu ul ul li a{font-size:15px}

.menu-produtos{margin-left:-10px!important}

.menu-servicos{margin-left:-10px!important}

.logoum{width:150px;
height:150px}

.menu ul li{width:130px!important}   
    
}   

@media (min-width:1199px){
	
#largura{text-align:right;
padding-right:8px;}

.titulo-principal{font-size:70px;
line-height:70px;}	

.cd-floating-background img{margin-top:-160px;}

.map-responsive{padding-bottom:30%}

#bloco-footer{width:1000px;}	

.bloco-quatro{width:200px;}

}

@media (min-width:1399px){
	
.cd-background-wrapper{height:600px}

}