@import url(http://fonts.googleapis.com/css?family=Raleway);

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
}

*{
	font-size:1em;
	line-height:1.3em;
	font-family: 'Raleway', sans-serif;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}


/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

 
@media only screen and (min-width: 640px) {


/* ==========================================================================
   Rodapé Fixo
   ========================================================================== */
 
html, body, #wrap {height: 99.6%; }
body > #wrap {height: auto; min-height: 99.6%; overflow-y:hidden; }

#container-main {
	width:100%;
	height:auto;
	overflow:hidden;
	padding-bottom: 100px;
}
 
#footer {position: relative;
	margin-top: -100px;
	height: 100px;
	clear:both;
	background-image: url('../img/bg-bottom.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
}
 
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}



/* ==========================================================================
   Fim do Rodapé fixo
   ========================================================================== */
   
   
/* ==========================================================================
   Header
   ========================================================================== */   

#container-header{
	width:100%;
	height:55px;
	background: url('../img/bg-pattern.png') repeat-x;
	margin-top:1.5%;
}
   
.logo{
	float:right;
}

/* ==========================================================================
   Final Header
   ========================================================================== */ 
   
 /* ==========================================================================
   Section e Menu
   ========================================================================== */   
#content{
	background-image: url('../img/bg.jpg');
	background-size:cover;
	background-position:center;
}   
   
a:not(.link){
	text-decoration:none;
	color:#666666;
	transition:all .5s;
	padding-bottom:0.8em;
}

a:hover:not(.link){
	color:#ED1B24;
	padding-bottom:0.3em;
	border-bottom:0.2em solid #ED1B24;
}

a:active{
	transform:scale(.9);
}  
   
nav{
	width:80%;
	height:auto;
	margin:0 auto;
}

ul#menu{
	margin:0;
	padding:0;
	list-style:none;
}

ul#menu li{
	display:block;
	float:left;
	padding:1em 1em;
}

section#banner{
	width:100%;
	height:auto;
	padding:2em 0;
}

section#banner img{
	width:100%;
	min-width:900px;
	height:auto;
	margin:0 auto;
}

.btn-menu{
	display:none;
}

section#banner .banner-m{
	display:none;
}

.contato-box-l{
	width:54%;
	height:auto;
	float:left;
}

.contato-box-r{
	width:40%;
	height:auto;
	float:left;
	margin-left:30px;
}

.box-r{
	width:47%;
	float:left;
	height:auto;
}

.box-l{
	margin-right:30px;
	width:47%;
	float:left;
	height:auto;
}

.img-iso{
    border:white solid 17px;
	float:right;
	margin-left:10px;
}

.lista-empresa{
	padding-bottom:0;
}

#video-institucional {
	text-align: center;
}

#video-institucional iframe {
	aspect-ratio: 16/9;
	width: 70%;
	height: 70%;
}

.dropdown-menu li {
	float: none !important;
}

.dropdown-menu {
	position: absolute;
	z-index: 1000;
	display: none;
	padding: 0.5rem 0;
	margin: 0;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0.25rem;
}

li:hover .dropdown-menu {
	display: block;
}

li .dropdown-menu {
	margin-top: .8em;
}

.dropdown-item {
	clear: both;
	text-align: inherit;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}

 /* ==========================================================================
   Final do Section e Menu
   ========================================================================== */

 /* ==========================================================================
   Footer
   ========================================================================== */      

#footer p{
	text-align:center;
	font-size:0.7em;
	padding-top:60px;
}

#footer p a {
	color: #222;
	text-decoration: none;
	font-weight: 500;
}
 /* ==========================================================================
   Final Footer
   ========================================================================== */   

}













 /* ==========================================================================
   ================================MOBILE=====================================
   ========================================================================== */   

   
   
   
   
   
   

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

   
/* ==========================================================================
   Header
   ========================================================================== */   

#container-header{
	width:100%;
	height:55px;
	background: url('../img/bg-pattern.png') repeat-x;
	margin-top:5%;
	padding-bottom:5%;
	border-bottom:0.2em solid #dfdfdf;
}
   
.logo{
	float:right;
}

/* ==========================================================================
   Final Header
   ========================================================================== */ 
   
 /* ==========================================================================
   Section e Menu
   ========================================================================== */   
        
a{
	text-decoration:none;
	color:#666666;
	transition:all .5s;
	padding-bottom:0.8em;
}

a:hover{
	color:#ED1B24;
	padding-bottom:0.3em;
	border-bottom:0.2em solid #ED1B24;
}

a:active{
	transform:scale(.9);
}

nav{
	width:100%;
	height:auto;
	margin:5% auto;
}

ul#menu{
	margin:0;
	padding:0;
	list-style:none;
}

ul#menu li{
	display:block;
	border-bottom:0.1em solid #efefef;
	padding:1em 1em;
}

.menu-shiri-on{
	display:none;
	opacity:0;
	transition:all 1s;
}

.menu-shiri-in{
	display:block;
	opacity:1;
	transition:all 1s;
}

.btn-menu{
	width:8%;
	height:auto;
	cursor:pointer;
	float:right;
	margin: 0.5em 1em 0 0;
	padding-bottom:2em;
}


section#banner{
	width:100%;
	height:auto;
	padding:2em 0;
}

section#banner img{
	width:100%;
	height:auto;
	margin:0 auto;
}

section#banner .banner-d{
	display:none;
}

.contato-box-l{
	width:100%;
	height:auto;
	padding-bottom:30px;
}

.contato-box-r{
	width:100%;
	height:auto;
}

.box-r{
	width:100%;
	height:auto;
	padding-bottom:30px;
}

.box-l{
	width:100%;
	height:auto;
}

.img-iso{
	margin:10px 0 20px 0;
	width:100%;
	height:auto;
}

#video-institucional iframe {
	width: 100%;
	height: 100%;
}

.dropdown-menu {
	position: relative;
	padding: 0;
	margin: .8em 0 0;
	text-align: left;
	list-style: none;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0.25rem;
}

.dropdown-menu li:last-child{
	border-bottom-width: 0!important;
}

#privacidade {
	bottom: 0!important;
	left: 0!important;
	transform: none!important;
}

 /* ==========================================================================
   Final do Section e Menu
   ========================================================================== */

 /* ==========================================================================
   Footer
   ========================================================================== */      

#footer p{
	text-align:center;
	font-size:0.7em;
	padding-top:20px;
	line-height:20px;
}

 /* ==========================================================================
   Final Footer
   ========================================================================== */   

}

 /* ==========================================================================
   SECTION CONTENT
   ========================================================================== */  

#content{
	clear:both;
	width:100%;
	min-height:500px;
	position:relative;
}

.conteudo{
	width:78%;
	margin:0 auto;
	padding-top:3%;
}

form{
	width:100%;
	height:50%;
}

#content b{
	color:#ED1B24;
}
.active:not(.link){
	color:#ED1B24;
	padding-bottom:0.3em;
	border-bottom:0.2em solid #ED1B24;
	transform:scale(.9);	
}

#content p{
	margin:0;
	padding:0 0 8px 0;
	color:#444444;
	line-height:25px;
}

#content ul{
	padding: 0px 0px 15px 15px;
	margin:0;
}

#content ul li{
	color:#444444;
}

form input, textarea{
	width:95%;
	margin-top:10px;
	border:1px solid gray;
	padding:5px;
	border:1px solid #9a9a9a;
}

form input[type='submit']{
	width:100px;
	background-color:#ED1B24;
	color:white;
	clear:both;
	border:1px solid white;
}

form input[type='submit']:hover{
	background-color:#ff3d46;
}

/* ==========================================================================
   LGPD
   ========================================================================== */

#privacidade {
	position: fixed;
	padding: 1rem 1rem;
	bottom: 80px;
	left: 50%;
	transform: translate(-50%, 0);
	border: 1px solid transparent;
	border-radius: 0.25rem;
	background-color: #212529 !important;
	color: #fff !important;
	display: flex;
	flex-direction: row;
	justify-content: left;
	margin: 1rem;
	z-index: 998;
	display: flex;
	align-items: center;
	justify-content: space-between;
	opacity: 0.9;
}

#privacidade.hide {
	display: none !important;
}

#privacidade .show {
	display: block !important;
}

#privacidade small {
	font-size: 0.75em;
}

#privacidade div {
	position: relative;
	display: inline-flex;
	vertical-align: middle;
}

#privacidade small a {
	font-weight: 700;
}

#privacidade small a:visited {
	color: rgb(0, 102, 204);
}

#privacidade button {
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	border-radius: 0.2rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	color: #fff;
	background-color: #198754;
	border-color: #198754;
	white-space: nowrap !important;
	z-index: 1;
}

/* ==========================================================================
   reCAPTCHA
   ========================================================================== */

.g-recaptcha {
    margin-top: 10px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}