body{
    overflow-x: hidden;
    overflow-y: scroll;	
}

.container-flex .ban-desk{
   width:100%;
   
}  
 
.navbar{
  background-color:white;
}

.ban-desk{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.svg{
	width:50%;
}
ul.menu-desktop a { 
  color: #990002;
  display: block;
  text-decoration: none;
  padding:8px 8px;
  position: relative;
}
ul.menu-desktop a:before {
  transition: .2s;
  background: #990002;
  bottom: 5px;
  content: '';
  position: absolute;
  left:10px;
  height: 4px;
  opacity: 0;
  width:35px;
}

ul.menu-desktop a:hover:before {
  opacity: 1;
}
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}


.icon{
    position: fixed;
    top: 72%;
    left: 90%;
    padding: 10px;
    z-index: 10000000;
}
.movel{
	display:none;
}
.copy{
	display:none;
}

#home p{
  float:right;
  width: 100%;
  text-align: right;
  font-size: 20px;
  font-weight: bold;
  margin-bottom:0;
  justify-content: space-between;
}
#empresa{
  text-justify: auto;
  margin-left: 10%;
  font-size: 20px;
}

 .dir{
  width: 30%;
  float:right;
  height:auto;
 }
 .esq{
  width: 70%;
  float:left;
 }
 .image{
  -webkit-filter:grayscale(100%);
    }
    .image:hover{
        -webkit-filter:grayscale(0%);
        transition: 1s;
    }
/* formulário de contato */ 

.campo{
    width:100%;
    height:35px;
    border:1px solid #ddd;
    margin-bottom:10px;
}
.btn{
    padding:0 30px;
    height:33px;
    border:1px solid #ddd;
    border-radius:3px;
    background-color:#B30000;
    color:#fff;
    cursor:pointer;
}
.btn.verde{
    background-color:grey;
}
.btn:hover{
    box-shadow: 3px 3px 5px #ccc;
}
.form-contato{
    width:100%;
    height:auto;	

}
.container-form{
    margin:auto;
    width:50%;
    max-width:1400px;
    height:auto;
}

.paragrafo{
	color:#990002;
}



@media (max-width: 500px){	

.movel{
	display:block;
}
.ban-desk{
	display:none;
}

p.copy{
	text-align:center;
}
p.col-md-4{
display:none;
}
.nav-item ul,li{
	font-size:16px;
}
.container-form{
    margin:auto;
    width:100%;
    height:auto;
}

.t{
	display:none;
	}


.loader-wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #DCDCDC;
  display:flex;
  justify-content: center;
  align-items: center;
}

.loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  border: 3px solid rgba(255, 255, 255, 0.549);
  border-radius: 20px;
  animation: loader 2s infinite ease;
}

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: rgba(165, 2, 2, 0.576);
  animation: loader-inner 0.9s infinite ease;
  border-radius: 20px;
}
@keyframes loader {
  0% { transform: rotate(0deg);}
  25% { transform: rotate(180deg);}
  50% { transform: rotate(180deg);}
  75% { transform: rotate(360deg);}
  100% { transform: rotate(360deg);}
}
@keyframes loader-inner {
  0% { height: 10%;}
  25% { height: 25%;}
  50% { height: 50%;}
  75% { height: 75%;}
  100% { height: 100%;}
}
}