@media (min-width:320px){
	
*{margin:0;padding:0}
	
html,body{max-width:100%;margin:0}

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}

video{width:100%;
position:relative;
height:auto;
margin:auto;
box-sizing:border-box}

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}
	
.imagem-produto, .imagem-servico-um{position:relative;
width:100%;
height:auto;
box-sizing:border-box}
	
.imagem-produto-wide, .imagem-servico-dois-wide{position:relative;
width:100%;
height:auto;
box-sizing:border-box}
	
.texto-interno{position:relative;
margin:auto;
width:auto;
height:auto;
display:block;}
	
.imagem-servico-dois{display:none}
	
.cd-background-wrapper{background-color:#001426;
position:relative;
overflow:hidden;
-webkit-perspective:4000px;
perspective:4000px}
	
.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}
	
.button{text-align:center;
width:200px;
height:52px;
margin:20px auto 20px auto}

.hvr-shutter-in-vertical {text-align:center;
width:200px;
height:52px;
margin:20px auto 20px auto;
display:block;
font-family: 'Ubuntu', sans-serif;
box-sizing:border-box;
position:relative;
padding:15px;
font-size:15px;
color:#2c5942;
text-decoration:none;
margin-left:auto;
margin-right:auto;
vertical-align:middle;
-webkit-transform:perspective(1px) translateZ(0);
transform:perspective(1px) translateZ(0);
box-shadow:0 0 1px rgba(0,0,0,0);
position:relative;
background:#2c5942;
border:2px solid #2c5942;
-webkit-transition-property:color;
transition-property:color;
-webkit-transition-duration:0.3s;
transition-duration:0.3s}

.hvr-shutter-in-vertical:before {content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #fff;
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;}

.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, 
.hvr-shutter-in-vertical:active {color: #fff;}

.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, 
.hvr-shutter-in-vertical:active:before {-webkit-transform: scaleY(0);
transform: scaleY(0);}
	
.icone-social {position:relative;
box-sizing:border-box;
margin:auto;
width:50px;
height:50px;
padding:6px;}	

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

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

.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;}

.empresa-secundaria {color:#fff;
width:100%;

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;
      display: block;
  vertical-align: middle; }


#segunda-parte{width:100%;
height:auto;
box-sizing:border-box;
position:relative;
background-color:#78bc9a;
margin-top:15px;
display:flex;
flex-wrap:wrap;}

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


#terceira-parte{width:100%;
height:auto;
display:flex;
flex-wrap:wrap;
box-sizing:border-box;
position:relative;
background-color:#9fbdae;
overflow:hidden}

.politica {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}

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

.simply-scroll-container{position: relative;}

.simply-scroll-clip{position: relative;
overflow: hidden;}

.simply-scroll-list{overflow: hidden;
margin: 0;
padding: 0;
list-style: none;}
	
.simply-scroll-list li {padding: 0;
margin: 0;
list-style: none;}
	
.simply-scroll-list li img{border: none;
display: block;}

.simply-scroll{width: 320px;
height: 80px;
margin-bottom: 1em;}

.simply-scroll .simply-scroll-clip {width: 576px;
height: 80px;}
	
.empresa-parceira{position:relative;
box-sizing:border-box;
margin:auto;
cursor:pointer;
width:310px;
height:53px;}

.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;}

.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;}

.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;}

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

}

@media (min-width:500px){

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

}

@media (min-width:600px){

#bloco-um{width:50%;}

#bloco-dois{width:50%;}

.imagem-servico-dois{position:relative;
width:100%;
height:auto;
box-sizing:border-box;
display:block}
	
.imagem-servico-um{display:none}
	
.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}
	
.map-responsive{padding-bottom:50%}

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

#bloco-geral{margin-top:0}

}



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

.menu{margin-left:65px}

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

}

@media (min-width:899px){
	


}

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

video{margin-top:-50px}
	
.imagem-servico-dois{width:100%}	
	



.empresa-secundaria{padding-top:65px;}



.empresa-principal{width:670px;
padding: 30px 0 30px 0}

.empresa{width:550px!important;}

.imagem-para-celular {display:none}
	
.imagem-para-monitor{display:block;
margin-right:auto;
margin-left:auto;
width:100%;
height:auto;
position:relative;
box-sizing:border-box}

#bloco-geral{width:1000px;
padding:0;
margin:auto;
display:flex;
text-align:center}	

#produtos{height:335px}

#servicos{height:335px}

#bloco-um, #bloco-dois{height:auto;width:50%}
	
#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){
	
	.cd-background-wrapper{height:600px}

video{margin-top:-75px}
	
.map-responsive{padding-bottom:30%}
	
#largura{text-align:right;
padding-right:8px;}

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

.politica{width:600px}

.politica-interna {background-color:#9fbdae;
color:#fff;
width:600px;
display:block;
margin-left:auto;
margin-right:auto;
font-family: 'Chivo', sans-serif;
text-align:justify;
font-size:16px;
box-sizing:border-box;
position:relative;
padding:10px;

margin-bottom:10px;}

#bloco-footer{width:1000px;}	

.bloco-quatro{width:200px;}

	
}