/* Estilo para o modal de vídeo */
.video-trigger {
  cursor: pointer; /* Muda o cursor para indicar que a imagem é clicável */
}

.video-modal {
  border: none;
  background: transparent;
  padding: 0;
  max-width: 90vw; /* Ocupa no máximo 90% da largura da tela */
  width: 800px;   /* Tamanho máximo do vídeo */
}

/* Fundo escuro do modal */
.video-modal::backdrop {
  background-color: rgba(0, 0, 0, 0.75);
}

.video-modal-content {
  position: relative;
  /* Proporção 16:9 para o vídeo */
  padding-bottom: 56.25%; 
  height: 0;
}

.video-modal-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-modal-close-btn {
  position: absolute;
  top: -40px; /* Posição do botão de fechar */
  right: 0;
  background: none;
  border: none;
  color: white;
  font-size: 30px;
  cursor: pointer;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
	/*font: inherit;
	vertical-align: baseline;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
	display: block;
}
body {
	font-family: 'Abel', sans-serif;
	font-size: 20px
}
.bodyIndex{
  background-color: #000;
}

html{
  overflow-x: hidden ;
}

/* Para o Firefox */
::-Moz-selection {
  background-color:#6a1e1e;
  color: #fff;
}


.form-control:focus{
  border-color:#6a1e1e;
  -webkit-box-shadow: inset 0 1px 1px rgba(106,30,30,.075), 0 0 8px rgba(106, 30, 30, .075);
  box-shadow: inset 0 1px 1px rgba(106,30,30,.075), 0 0 8px rgba(106, 30, 30, .075);
}

select option:hover{
  background:#6a1e1e;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.metas{
	margin-top: -40000px;
	position: absolute;

}

/* CSS Document */
a {
	text-decoration:none!important;
  color: #ff0202;
}

a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{
  border-color:#1b6c74
}

.fa-whatsapp{
  color: #00a900;
}
.fa-phone{
  color: #ab0000;
}



address a {
	color:#666 !important;
}
address i {
	color:#ab0000 !important;
}


.clear{
	width:auto;
	float:left;
}

a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{
	border-color:#1b6c74
}

/*INPUTS para exibir validator no select*/
.ls-custom-select {
  overflow: visible;
  border:0;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}
.ls-custom-select select{
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}
.ls-custom-select::after{
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}


/*PAGINAÇÃO*/
#paginacao{
  text-align:center;
  height:30px;
  width:100%
}
#paginacao #prev , #paginacao #next {
  display:inline-table;
  margin-top:3px;
  margin-right:2px;
}
#paginacao span, #paginacao span a.link{
  font-size: 18px;
  color: #AB0000;
  padding: 0 4px;
}
#paginacao span.ativo{
  color:#161415;
}

#paginacao span a.link:hover{
  background:#AB0000;
  color:#fff;
}

#paginacao #resultado{
  margin-top:5px;
}
#resultado span{
  font-size:14px;
  color:#888888;
  background:none;
}
#resultado span:hover{
  background:none;
}



/*LOGAR*/
.logar{
  background-color:#DFDFDF;
  padding:10px;
}
/*mobile*/
@media screen and (max-width: 767px){
  .logar{
   margin-top:15px;
 }
}


@media screen and (min-width: 768px){
  .logar{
   margin-top:10px;
 }
}


@media screen and (min-width: 992px){
  .logar{
   margin-top:0px;
 }
}

@media screen and (min-width: 1200px){
  .logar{
   margin-top:0px;
 }
}



.logar h3{
  background-color: #666;
  width:100%;
  padding:10px;
  color:#fff;
  margin:10px 0px;
  font-size:18px;
}

.logar span{
  padding:10px;
  display:block;
}

.logar .senha{
  padding:0px 10px 10px 10px;
}

.logar hr{
  margin:5px
}

.botWhatsG{
  margin: 0 auto;
}


/*TOPO*/

.fundo_menu{
  background-color:#171616;
}

#topo .midias{
  background: #333;
  color: #fff !important;
  font-size: 15px;
  padding: 10px;
}

#topo .midias a, #topo .midias span{
  color: #fff !important;
}

#topo .midias .contBote{
 float: right;
}


.modal_cliente, .modal_cliente_m{
  float: right;
  padding: 0px 5px;
  color: #fff;
  border-left: solid 2px #fff;
  margin-left: 10px;
}



#topo_center{
  text-align: center;
}

#topo_center>div{
  margin: 0 auto;
  display: inline-block;
  float: none;
}

.navbar-nav {
 margin: 0 auto;
 display: inline-block;
 float: none;
}




/*mobile*/
@media screen and (max-width:765px){

  #topo{
   width:100%;
   border-bottom: solid 10px #ab0000;
   background-color:#171616;
 }
 #topo_center{
   display: flex;
 }
 .mob{
  display: none;
}

#topo .midias{
  font-size: 14px;
}


}

@media screen and (min-width: 768px){
  #topo{
   width:100%;
   border-bottom: solid 1px #ab0000;
   background: 
 }
 #topo_center{
   width: 100%;
 }
}


@media screen and (min-width: 992px){
  #topo_center{
    width:100%;
  }
}


@media screen and (min-width: 1200px){
 #topo_center>div{
  width: 80%;
}
}


#topo_logo hr{
  margin-top: 10px;
  margin-bottom: 2px;
  border-color: #333;
}


/*logo topo*/
/*mobile*/
@media screen and (max-width:765px){
  #topo_logo figure img{
   width:100%;
   margin-top:15px;
 }
 .slogan{
  font-weight: bold;
  color: #ccc;
}

}


@media screen and (min-width: 768px){
  #topo_logo figure img{
   width:100%;
   margin-top:30px;
 }
}



/*menu :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.navbar-inverse{
  margin-top:30px;
  background:none;
  color:#fff;
  border:none;
  z-index: 999;
  cursor: pointer;
}

.navbar-collapse{
  max-height: 400px;
}


@media screen and (max-width: 767px){
  .navbar-inverse{
   background-color: #000;
   margin-top: 5px;
 }

 .navbar-header{
  background-color: #840a0a;
}
}

.navbar-nav>li {
  background:none;
  border:0;
  font-family: 'Fjalla One', sans-serif;
}

.navbar-inverse .navbar-nav>.active>a{
  background-color:#ab0000;
  color: #fff;
}

@media screen and (min-width: 768px){
  .navbar-inverse .navbar-nav>.active>a {
   padding: 10px 5px;
 }
 .nav>li>a , .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>.active>a:hover{
   padding: 10px 5px;
 }
 .navbar-nav>li {
   font-size: 13px;
 }

}


@media screen and (min-width: 992px){
  .navbar-inverse .navbar-nav>.active>a {
   padding: 10px 10px;
 }
 .nav>li>a, .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>.active>a:hover{
   padding: 10px 5px;
 }
 .navbar-nav>li {
  font-size: 20px;
 }

}



@media screen and (min-width: 1200px){
  .navbar-inverse .navbar-nav>.active>a {
   padding: 20px 10px;
 }
 .nav>li>a, .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>.active>a:hover{
   padding: 20px 10px;
 }
 
}



@media screen and (min-width: 1450px){
  .navbar-inverse .navbar-nav>.active>a {
   padding: 20px 10px;
 }
 .nav>li>a, .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>.active>a:hover{
   padding: 20px 10px;
 }

 .navbar-nav>li {
  font-size:18px;
}

}


.navbar-inverse .navbar-nav>li>a{
  color:#fff;
  -webkit-transition: all 0.2s ease-in ;
  -moz-transition: all 0.2s ease-in ;
  -o-transition: all 0.2s ease-in ;
  -ms-transition: all 0.2s ease-in ;
  transition: all 0.2s ease-in;
}


.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>.active>a:hover{
  background-color:#ab0000;
  color: #fff;
}


.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
  background-color:#ab0000;
  color: #fff;
}

.dropdown-menu {
  background-color:#fff;
}

.dropdown-menu>li>a{
  color:#ab0000;
}

.dropdown-menu>li>a:hover {
  color:#fff;
  background-color:#ab0000;
}



/*icones vantagens*/

@media screen and (max-width: 768px){
  .box-icones figure{
    padding:1px !important;
  }

}


/*busca*/
.buscaInput > input[type="submit"] {
  background: url(../images/ico-search.png) no-repeat right transparent;
  border: none;
  height: 27px;
  overflow: hidden;
  right: 0;
  text-indent: 9999px;
  margin-top: 16px;
  right: 2px;
  width:30px;
}

.buscaInput > input[type="text"] {
  margin-left: 10px;
  border-radius: 5px;
  border: solid 1px #b8b8b8;
  margin-top: 10px;
  padding: 5px;
  width: 70px;
  color: #fff;
  width: 80%;
  background-color: #000;
}


#search {
  z-index: 9999;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;

  -webkit-transform: translate(0px, -100%) scale(0, 0);
  -moz-transform: translate(0px, -100%) scale(0, 0);
  -o-transform: translate(0px, -100%) scale(0, 0);
  -ms-transform: translate(0px, -100%) scale(0, 0);
  transform: translate(0px, -100%) scale(0, 0);

  opacity: 0;
}

#search.open {
  -webkit-transform: translate(0px, 0px) scale(1, 1);
  -moz-transform: translate(0px, 0px) scale(1, 1);
  -o-transform: translate(0px, 0px) scale(1, 1);
  -ms-transform: translate(0px, 0px) scale(1, 1);
  transform: translate(0px, 0px) scale(1, 1);
  opacity: 1;
}

#search input[type="search"] {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  color: rgb(255, 255, 255);
  background: rgba(0, 0, 0, 0);
  font-size: 60px;
  font-weight: 300;
  text-align: center;
  border: 0px;
  margin: 0px auto;
  margin-top: -51px;
  padding-left: 30px;
  padding-right: 30px;
  outline: none;
}
#search .btn {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-left: -45px;
 margin-top: 20px;
}
@media screen and (max-width: 767px){
  #search input[type="search"] {
   font-size: 20px;
 }
 #search .btn {
   position: absolute;
   margin-top: 0px;
 }
}


#search .close {
  position: fixed;
  top: 15px;
  right: 15px;
  color: #fff;
  background-color:#ab0000;
  opacity: 1;
  padding: 10px 17px;
  font-size: 27px;
}

/*FIM TOPO*/



/*conteudo*/
.container{
  color:#666;
}


/*TITULOS*/

.titulo{
  color: #000;
  font-size:35px;
  font-family: 'Fjalla One', sans-serif;
  padding: 15px 0 0 50px;
  background-image: url(../images/rei-dos-motores-titulo.png);
  background-position: left;
  background-repeat: no-repeat;
}


@media screen and (max-width: 767px){
  .titulo{
   font-size:25px;
 }
}



.subtitulo{
  color: #333;
  font-size: 20px;
  font-family: 'Roboto Condensed';
  font-weight:bold;
  padding:5px;
}

.btn-mais{
  background-color:#ab0000;
  color:#FFF;
  border-radius: 0;
  margin: 3px;
  font-size: 20px;
  -webkit-transition: all 0.3s ease-in ;
  -moz-transition: all 0.3s ease-in ;
  -o-transition: all 0.3s ease-in ;
  -ms-transition: all 0.3s ease-in ;
  transition: all 0.3s ease-in;
}
.btn-mais:hover{
  background-color:#581919;
  color:#fff;
}

.sobre .btn-mais{
  margin-top:10px
}

.login_index{
  margin-top: 20px;
  background-color:#F1F1F2;
  padding: 20px;
  text-align: center;

}

.login_index h2{
  color: #21219C;
  font-size: 30px;
  padding: 10px;
  font-family: 'Fjalla One', sans-serif;

}

/*silder principal*/

.slide{
  border-bottom: solid 10px #000;
  border-top: solid 3px #000;
}

.slide .carousel-control .glyphicon{
  top: 50%;
}


/*LIGAMOS PRA VC*/

/* Estilo para o Botão Flutuante */
.cta-whatsapp-flutuante {
  position: fixed; /* Fica fixo na tela */
  bottom: 45px;
  right: 45px;
  background: none;
  color: white;
  width: 60px;
  height: 60px;
  border-radius: 50%; /* Círculo perfeito */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  z-index: 1000; /* Garante que ele fique sobre todos os elementos */
}

.cta-whatsapp-flutuante .notificacao {
  position: absolute;
  top: 0;
  right: 0;
  background-color: red;
  color: white;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
}


.atd{
  font-weight: bold;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 9999;

}
@media screen and (max-width: 767px){
  .atd{
    right: 10%;

  }
}

@media screen and (max-width: 767px){
  .ligue{
   background-image: url(../images/fundo-ligamos-pra-voce.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: 0 0 0 -20px;
   margin-left: -5px;
   height:auto;
   padding: 10px;
 }
 .ligue img{
   margin-top:0px;
   transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
 }

 .ligue img:hover{
   margin-top:0px;
   -webkit-transform: scale(1.03);
   -moz-transform: scale(1.03);
   -ms-transform: scale(1.03);
   transform: scale(1.03);
 }
}


@media screen and (min-width: 768px){
  .ligue{
   background-image: url(../images/fundo-ligamos-pra-voce.jpg);
   background-repeat: no-repeat;
   background-size: auto;
   background-position: 0 0 0 -20px;
   margin-left: -5px;
   height: 150px;
 }
 .ligue img{
   margin-top:20px;
   transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
 }

 .ligue img:hover{
   margin-top:20px;
   -webkit-transform: scale(1.03);
   -moz-transform: scale(1.03);
   -ms-transform: scale(1.03);
   transform: scale(1.03);
 }
}

@media screen and (min-width: 992px){
  .ligue{
   background-image: url(../images/fundo-ligamos-pra-voce.jpg);
   background-repeat: no-repeat;
   background-size: auto;
   background-position: 0 0 0 -20px;
   margin-left: -5px;
   height: 250px;
 }
}


@media screen and (min-width: 1200px){
  .ligue{
   background-image: url(../images/fundo-ligamos-pra-voce.jpg);
   background-repeat: no-repeat;
   background-size: auto;
   background-position: 0 0 0 -20px;
   margin-left: -5px;
   height: 280px;
 }
}

.ligue .horario img{
  margin: 0 auto;
  margin-top: 15px;
}


/*SERVIÇOS EM DESTAQUE INDEX*/



/*SERVIÇOS EM DESTAQUE INDEX*/


.busqueMotor{
  background-color:#2B2728;
  padding: 40px;
}

.busqueMotor>div{
  background-color:#930000;
  padding: 10px;
  font-family: 'Fjalla One', sans-serif;
  font-size: 35px;
  color: #fff;
}

.busqueMotor a{
  color: #fff;
  font-family: 'Fjalla One', sans-serif;
  font-size: 35px;
  background: #000;
  padding: 10px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}

@media screen and (max-width: 767px){
  .busqueMotor{
    padding: 10px;
  }
  .busqueMotor a{
    font-size: 20px;
    padding: 2px;
  }
  .busqueMotor>div{
    font-size: 20px;
    margin-top: 10px;
  }
}

.destaque_motores header{
  background-color: #000;
  border-top: solid 5px #ab0000;
}

.destaque_video header{
  background-color: #C52F33;
  padding: 5px
}

.destaque_video header h1{
  background: none;
  color: #fff;
  margin: 0 auto;
  padding: 0px;
  font-size: 30px;
}




@media screen and (max-width: 767px){
  .destaque_motores{
   height:auto;
   padding:20px; 
 }
 .destaque_motores h1{
   color: #fff;
   margin-left:0px;
   font-size: 30px;
 }
 .destaque_motores h2{
   color: #000;
   font-size:20px;
   padding: 5px;
   font-family: 'Fjalla One', sans-serif;
   position: relative;
   text-align: right;
 }
 .destaque_motores .detalhes{
   position: absolute;
   float: right;
   margin: -160px 0 0 40%;
   text-align: center;
 }
 .destaque_motores .detalhes h2{
  margin: 0px 0px 0px 30px;
  font-size: 40px;
}

.destaque_motores hr{
 margin-top:2px;
 margin-bottom:2px;
 border-top: 1px solid #ccc;
 position: relative;
 width: 50%;
 margin-left:30px
}

.destaque_motores figure{
 overflow:hidden;
 margin-top:20px;
}
.destaque_motores figure img{
 width: 100%;
 border: 2px #fff solid;
}
}

@media screen and (max-width: 600px){
 .destaque_motores .detalhes h2{
   margin: 0px 0px 0px 20px;
   font-size: 30px;
 }
}

@media screen and (max-width: 550px){
  .destaque_motores .detalhes h2{
   margin: 0px 0px 0px 25px;
   font-size: 35px;
 }
}

@media screen and (max-width: 500px){
  .destaque_motores .detalhes h2{
    margin: 40px 0px 0px 15px;
    font-size: 30px;
  }
}

@media screen and (max-width: 450px){
  .destaque_motores .detalhes h2{

    font-size: 23px;
  }
}

@media screen and (max-width: 400px){
  .destaque_motores .detalhes h2{

    font-size: 20px;
  }
}

@media screen and (min-width: 768px){
  .destaque_motores{
   height:230px;
 }
 .destaque_motores header{
   margin: 0 auto;
 }
 .destaque_motores h1{
   color: #fff;
 }
 .destaque_motores h2{
   color: #000;
   font-size:25px;
   padding: 5px;
   font-family: 'Fjalla One', sans-serif;
   position: relative;
   text-align: right;
 }
 .destaque_motores .detalhes{
   position: relative;
   float: right;
   margin: 40px 10px 0 0;
   text-align: center;
 }

 .destaque_motores hr{
   margin-top:2px;
   margin-bottom:2px;
   border-top: 1px solid #ccc;
   position: relative;
   width: 50%;
   margin-left:30px
 }

 .destaque_motores figure{
   overflow:hidden;
   position: absolute;
   margin-top:20px;
 }
 .destaque_motores figure img{
   width: 100%;
   transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
 }


 .destaque_motores figure img:hover{
  /*
   -webkit-transform: rotate(5deg) scale(1.2);
   -moz-transform: rotate(5deg) scale(1.2);
   -ms-transform: rotate(5deg) scale(1.2);
   transform: rotate(5deg) scale(1.2);
   */
   -webkit-transform:  scale(1.1);
   -moz-transform:  scale(1.1);
   -ms-transform:  scale(1.1);
   transform:  scale(1.1);
 }


}

@media screen and (min-width: 992px){
  .destaque_motores .detalhes{
   margin: 60px 10px 0 0;
 }

 .destaque_motores{
  height:250px;
}
.destaque_motores h1{
 color: #fff;
}
.destaque_motores h2{
 color: #000;
 font-size:30px;
 padding: 5px;
 font-family: 'Fjalla One', sans-serif;
 position: relative;
 text-align: right;
}

}


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

  .destaque_motores .container{
    width: 80%
  }
  .destaque_motores{
   height:300px;
 }
 .destaque_motores h1{
   color: #fff;
 }
 .destaque_motores .detalhes{
   margin: 30px 0px 0 0;
 }

 .destaque_motores h2{
   color: #000;
   font-size:35px;
   padding: 5px;
   font-family: 'Fjalla One', sans-serif;
   position: relative;
   text-align: right;
 }
}

@media screen and (min-width: 1400px){
  .destaque_motores{
    height:300px;
  }
}

@media screen and (min-width: 1500px){
  .destaque_motores{
    height:400px;
  }
  .destaque_motores h2{
   color: #000;
   font-size:40px;
   padding: 5px;
   font-family: 'Fjalla One', sans-serif;
   position: relative;
   text-align: right;
 }

 .destaque_motores .detalhes{
   position: relative;
   float: right;
   margin: 130px 20px 0 0;
   text-align: center;
 }
}

/*pergunta freqentes*/
.accordion__item button{
  width: 100%;
  padding: 15px;
  text-align: center;
  border: solid 2px #fff;
}

.accordion__item button h1{
  font-size: 20px;
  font-weight: bold;
  color: #595959cc;
}




/*clientes satisfeitos*/

.box-clientes-satisfeitos{
  color:#b9b9b9;
  background: #000;
}
.depoimentos_index{
  background: #000;
}

.box-clientes-satisfeitos .item{
  color: #ababab;
}

.box-clientes-satisfeitos .odometer, .box-clientes-satisfeitos .odometer-auto-theme{
  font-size:40px;
  font-family: 'Fjalla One', sans-serif;
}


.tit {
  background-color: #930000;
  padding: 10px;
  font-family: 'Fjalla One', sans-serif;
  font-size: 35px;
  color: #fff;
  text-align: center;
}

.box-clientes-satisfeitos .btn{
  margin: 2px;
}

.box-clientes-satisfeitos .odometer-auto-theme{
  font-size:40px;
  font-family: 'Fjalla One', sans-serif;
}


@media screen and (max-width: 768px){
  .tit {
    font-size: 25px;
  }
  .box-clientes-satisfeitos .item{
    width: 50%;
  }
  .box-clientes-satisfeitos .odometer, .box-clientes-satisfeitos .odometer-auto-theme{
    font-size:25px;
  }
}

@media screen and (min-width:768px){
  .box-clientes-satisfeitos .container{
    display: flex;
    display: -webkit-flex; /* Safari */
  }
  .box-clientes-satisfeitos .odometer-auto-theme{
    font-size:30px;
  }
}


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

  .box-clientes-satisfeitos .odometer-auto-theme{
    font-size:40px;
  }
}


.box-clientes-satisfeitos .item>div{
  background:#141414;
  padding:10px 10px;
  height: 100%;
}

.box-clientes-satisfeitos img{
  width:100%;
  margin: 0 auto;
}



.envolve{
  display: flex;
  display: -webkit-flex;
  margin: 10px 0px;
}


/*video index*/

.destaque_video{
 background-image: url(../images/fundo_video.webp);
 background-position: center;
 background-repeat: no-repeat;
 background-attachment: fixed;
 margin-top: 10px;
 padding: 10px;
}

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


 .destaque_video .video_index img{
   margin-top: 10px;
 }
 .destaque_video .desc_video_index span{
   font-size:15px;
   margin-top:5px;
   color: #fff;
 }
 .destaque_video .desc_video_index img{
   border: 0;
   margin: 5px 0 0 5px;
   width:20px;
 }
}

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

 .destaque_video .video_index img{
   border: 0;
   margin: 40px 0 0 30px;
 }
 .destaque_video .desc_video_index{
   margin-top: 10px;
 }
 .destaque_video .desc_video_index span{
   font-size:15px;
   margin-top:5px;
   color: #fff;
 }
 .destaque_video .desc_video_index img{
   border: 0;
   margin: 15px 0 0 30px;
   width:25px;
 }
}

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

 .destaque_video .video_index img{
   border: 0;
   margin: 30px 0 0 30px;
 }
 .destaque_video .desc_video_index{
   margin-top: 20px;
 }
 .destaque_video .desc_video_index span{
   font-size: 20px;
   margin-top:10px;
   color: #fff;
 }
 .destaque_video .desc_video_index img{
   border: 0;
   margin: 15px 0 0 30px;
   width:25px;
 }
}

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

 .destaque_video .desc_video_index{
   margin-top: 20px;
 }
 .destaque_video .desc_video_index span{
   font-size: 25px;
   margin-top:10px;
   color: #fff;
 }
 .destaque_video .desc_video_index img{
   border: 0;
   margin: 10px 0 0 30px;
   width: auto;
 }
}



/*box-galeria*/
.section-galeria{
  margin-top: 30px;
  padding: 10px 0px;
}
}

.section-galeria h1{
  color: #fff;
  padding: 10px;
}


.owl-carousel-galeria{
  padding: 0 50px;
}

.owl-carousel-galeria h1{
  font-size: 25px;
  color: #fff;
}
/*mobile*/
@media screen and (max-width:767px){
  .section-galeria h1{
    font-size: 25px;
  }
}


.owl-carousel-galeria img {
  /*transition: all 300ms!important;
  -webkit-transition: all 300ms!important;
  -moz-transition: all 300ms!important;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  /*filter: grayscale(100%);*/
}

.owl-carousel-galeria img:hover {
 /* -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
 /* filter: grayscale(0%);*/
}

.owl-carousel-galeria span{
  position: absolute;
  text-align: center;
  font-size:20px;
  width: 100%;
  z-index: 999;
  color: #fff;
  padding:5px;
  border-bottom: solid #000  2px;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  transition: all 300ms!important;
  -webkit-transition: all 300ms!important;
  -moz-transition: all 300ms!important;

}



.owl-carousel-galeria article:hover span{
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter: alpha(opacity=0.9);
}

/*mobile*/
@media screen and (max-width: 767px){
  .owl-carousel-galeria img {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
  }

  .owl-carousel-galeria h1{
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=0.7);
  }
}



.owl-nav{
  height: 62px;
  left: 0;
  margin-top: -31px;
  position: absolute;
  right: 0;
  top: 50%;
}
.owl-stage-outer{
  z-index:    9
}
.owl-nav .owl-prev , .owl-nav .owl-next {
  height: 62px;
  overflow:hidden;
  text-indent:-666em;
  width: 36px;
}
.owl-nav .owl-prev{
  float:  left;
  background: url(../images/prev.png) center center no-repeat;
}
.owl-nav .owl-next{
  float: right;
  background: url(../images/next.png) center center no-repeat;
}

.owl-carousel-prod-serv .owl-item {
  background: #1A1A1A;
  padding: 5px;
}


.owl-carousel-prod-serv .owl-item img {
  border: solid 2px #999;
  -webkit-transition: all 0.3s ease-in ;
  -moz-transition: all 0.3s ease-in ;
  -o-transition: all 0.3s ease-in ;
  -ms-transition: all 0.3s ease-in ;
  transition: all 0.3s ease-in;
}

.owl-carousel-prod-serv .owl-item img:hover {
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);

}

.owl-carousel-prod-serv .btn {
  margin: 0 auto;
}

/*fim box galeria*/

/*depoimento index*/
.owl-carousel-depoimento{
  padding: 0 50px;
}
.section-depoimento{
  background: #2B2728;
  padding: 20px;
}
.section-depoimento article{
  background: #fff;
  padding: 20px;
}
.section-depoimento article h2{
  color: #930000;
  font-weight: bold;
}
.section-depoimento article p{
  font-size: 12px;
}
.section-depoimento article span{
  font-size: 13px;
  font-weight: bold;
}
.section-depoimento article .stars{
  width: 80%;
  margin: 0 auto;
}


/*depoimentos páginas */

.depoimento article p{
  font-size:30px;
  color: #000;
  padding: 30px;
}

@media screen and (max-width: 767px){
  .depoimento article p{
   font-size:18px;
   color: #000;
   padding:10px;
 }
 .depoimento .nome_depoimento{
   font-size:20px;
   font-weight: bold;
   color: #000;
   padding:5px;
   font-style: italic;
   text-align: right;
   margin-right:10px;
 }
 .depoimento .nome_depoimento span{
   font-size:15px;
   color: #000;
   padding:5px;
   text-align: right;
 }
}

@media screen and (min-width: 768px){
  .depoimento article p{
   font-size:25px;
   color: #000;
   padding:10px;
 }
 .depoimento .nome_depoimento{
   font-size:25px;
   font-weight: bold;
   color: #000;
   padding:5px;
   font-style: italic;
   text-align: right;
   margin-right: 10px;
 }
 .depoimento .nome_depoimento span{
   font-size:15px;
   color: #000;
   padding:5px;
   text-align: right;
 }
}

@media screen and (min-width: 992px){
  .depoimento article p{
   font-size:25px;
   color: #000;
   padding: 30px;
 }
 .depoimento .nome_depoimento{
   font-size:25px;
   font-weight: bold;
   color: #000;
   padding:5px;
   font-style: italic;
   text-align: right;
   margin-right: 10px;
 }
 .depoimento .nome_depoimento span{
   font-size:15px;
   color: #000;
   padding:5px;
   text-align: right;
 }
}


/*responsabilidades*/
@media screen and (max-width: 767px){
  .responsabilidades_quemsomos .abnt{
   background-color:#ddd;
   padding: 10px;
   margin:30px 0 0 0;
   color: #000;
   font-size: 17px;
 }
 .responsabilidades .abnt{
   background-color:#ddd;
   height:300px;
   padding: 10px;
 }

 .responsabilidades .ambiental{
   background-color:#c8c8c8;
   height:300px;
   padding: 10px;
 }
}


@media screen and (min-width: 768px){
  .responsabilidades_quemsomos .abnt{
   background-color:#ddd;
   padding: 10px;
   margin:30px 0 0 0;
   color: #000;
   font-size: 17px;
 }
 .responsabilidades .abnt{
   background-color:#ddd;
   height:250px;
   padding: 10px;
 }

 .responsabilidades .ambiental{
   background-color:#c8c8c8;
   height:250px;
   padding: 10px;
 }
}

@media screen and (min-width: 992px){
  .responsabilidades_quemsomos .abnt{
   background-color:#ddd;
   padding: 10px;
   margin:30px 0 0 0;
   color: #000;
   font-size: 14px;
 }
 .responsabilidades .abnt{
   background-color:#ddd;
   height:155px;
   padding: 10px;
 }

 .responsabilidades .ambiental{
   background-color:#c8c8c8;
   height:155px;
   padding: 10px;
 }
}

@media screen and (min-width: 1200px){
  .responsabilidades_quemsomos .abnt{
   background-color:#ddd;
   padding: 10px;
   margin:30px 0 0 0;
   color: #000;
   font-size: 17px;
 }
 .responsabilidades .abnt{
   background-color:#ddd;
   height:155px;
   padding: 10px;
 }

 .responsabilidades .ambiental{
   background-color:#c8c8c8;
   height:155px;
   padding: 10px;
 }
}

.responsabilidades img{
  margin: 0 auto;
}



/*quem somos página*/
/*responsabilidades*/


@media screen and (min-width: 768px){
  .responsabilidades{
   margin:30px 0;
   color: #000;
   font-size: 17px;
 }
}

@media screen and (min-width: 992px){
  .responsabilidades{
   margin:30px 0;
   color: #000;
   font-size: 15px;
 }
}

@media screen and (min-width: 1200px){
  .responsabilidades{
   margin:30px 0;
   color: #000;
   font-size: 17px;
 }
}


.responsabilidades_quemsomos .ambiental{
  background-color:#c8c8c8;
  padding: 10px;
  margin:0;
  color: #000;
  font-size: 17px;
}

.quemsomos .slide{
  border-radius: 6px;
  border:2px #000 solid;
}


/*categoria produto*/

.topo_categoria_produto{
  background-color: #e5e5e5;
}

.cat_produto .btn-mais{
  margin-bottom: 10px;
}

.filtro select.form-control {
  margin-top:7px;
  width: 100%;
  height:40px; 
  -webkit-appearance: none;  /* Remove estilo padrão do Chrome */
  -moz-appearance: none; /* Remove estilo padrão do FireFox */
  appearance: none; /* Remove estilo padrão do FireFox*/
  background: url(../images/ico-seta-appearance.gif) no-repeat #fff;  /* Imagem de fundo (Seta) */
  background-position: right;  /*Posição da imagem do background*/
}



@media screen and (max-width: 767px) {
  .cat_produto article{
   border: solid #e5e5e5 1px;
   height: auto;
 }
 .cat_produto figure{
   height: auto;
   overflow: hidden;
 }
 .cat_produto img{
   margin: 0 auto;
 }
 .cat_produto .carousel .item{
  height:auto;
}
}



@media screen and (min-width: 768px){
  .topo_categoria_produto h1{
   font-size:30px;
 }
 .topo_categoria_produto h2{
   padding: 5px;
   font-size: 15px;
 }

 .cat_produto article{
   padding: 0;
 }

 .cat_produto article>div{
   margin:2px;
   border: solid #e5e5e5 1px;
 }

 .cat_produto figure{
   height: 120px;
   overflow: hidden;
 }

 .cat_produto .carousel {
   position: relative;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -moz-transition: translateY(-50%);
   -o-transition: translateY(-50%);
   transform: translateY(-50%);
 }

 .cat_produto .carousel .item{
   height: 100px;
 }


}


@media screen and (max-width: 767px) {
  .topo_categoria_produto img{
   margin: 0 auto;
   width: 100%;
   padding: 10px;
 }
}

@media screen and (min-width: 992px){
  .topo_categoria_produto h1{
   font-size:35px;
 }

 .topo_categoria_produto h2{
   padding: 5px;
   font-size:20px;
 }

 .cat_produto article{
   padding: 0;
 }

 .cat_produto article>div{
   margin:2px;
   border: solid #e5e5e5 1px;
 }

 .cat_produto figure{
   height: 120px;
   overflow: hidden;
 }

 .cat_produto img{
  /* position: relative;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -moz-transition: translateY(-50%);
   -o-transition: translateY(-50%);
   transform: translateY(-50%);*/
 }
}



.cat_produto h1{
  color:#000;
  font-weight: bold;
  padding: 5px;
}


.cat_produto .slide {
 border: none;
}

.topo_categoria_produto .carousel-control.right, .topo_categoria_produto .carousel-control.left, .cat_produto .carousel-control.right,.cat_produto .carousel-control.left, .topo_produto .carousel-control.left, .topo_produto .carousel-control.right {
 background: none;
}



/*GALERIA DE PRODUTOS*/

.topo_ld span {
  color: #8c0808;
  font-weight: bold;
  font-size: 25px;
  padding: 5px;
}


.topo_produto{
}

.topo_produto .slide {
 border: none;
}

.topo_produto .proc{
 color: #000;
 font-size: 30px;
 font-family: 'Fjalla One', sans-serif;
}



.topo_produto .vantagens{
 font-size: 18px;
 margin-top:10px;
}

.topo_produto .vantagens img{
  width: 20px;
}



.produtos .solucao{
  background: #000;
  padding: 20px;
  color: #fff;
  font-family: 'Fjalla One', sans-serif;
  font-size: 35px;
}
.produtos .solucao h1{
  color: #fff;
}
.produtos .solucao span{
  color: red;
}





@media screen and (min-width: 768px){
  .topo_produto h1{
   font-size: 30px;
 }
 .topo_produto h2{
   padding: 5px;
   font-size: 15px;
 }
}

@media screen and (min-width: 992px){
  .topo_produto h1{
   font-size:45px;
 }

 .topo_produto h2{
   padding: 5px;
   font-size:18px;
 }
}


@media screen and (max-width: 768px){
  .topo_produto img{
   margin: 0 auto;
 }
 .produto figure{
   height: 250px;
   overflow: hidden;
 }
}



.produto .slide, .topo_categoria_produto .slide{
  border: none;
}
.produto .carousel-control.right,.produto .carousel-control.left {
 background: none;
}


.topo_categoria_produto .slide img{
  margin-top:0px;
}

.topo_categoria_produto .slide{
  margin-top:40px;
}

.produto article{
  font-weight: bold;
}

.produto article header div{
  font-style: italic;
  font-size: 15px;
}


.produto img{
  position: relative;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  margin: 0 auto;
}

.produto img:hover{
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}

.garantias hr{
  display: none;
}

@media screen and (max-width: 767px) {
  .produto article h1{
   text-align: center;
 }

 .produto article p{
   text-align: center;
 }

 .produto figure{
   height: auto;
 }

 .produto img{
   border: solid #e5e5e5 1px;
   position: relative;
 }

 .garantias hr{
   display: block;
 }

}


.produto h1{
  color:#8c0808;
  font-weight: bold;
  font-size:35px;
  padding: 5px;
}

.topo_produto h1{
 color: #000;
 font-family: 'Fjalla One', sans-serif;
}

.produto article hr{
  margin-top: 5px;
  margin-bottom: 5px;
}


.prodDet h1{
  font-weight: normal;
}



.produto .precos a {
  color:#666;
}

.produto .preco_total {
  color:#ab0000;
  font-size: 30px;
  font-family: 'Open Sans Condensed', sans-serif;
}

.produto .preco_total_promo {
  color: #535353;
  font-size: 20px;
  text-decoration: line-through red;
}

.produto .gif {
  margin: 0 auto;
}

.produto .preco_total>span {
  font-size:15px;
}

.produto .preco_parcelado {
  font-size:15px;
  color:#ab0000;
}

.produto .preco_parcelado>span {
  color:#666;
}

.produto .fraseProduto{
  font-size: 20px;
  color: #f00;
}

.produto .btn {
  width: 60%;
  background-color:#4a4848;
  margin: 10px;
}

.produto .btn:hover {
  background-color: #ab0000;
}

.garantia{
  border-left: solid 1px #e5e5e5;
  border-right: solid 1px #e5e5e5;
}

.garantias img{
  margin: 0 auto;
}

.retifica{
  background-color: #e5e5e5;
  padding:10px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.produto .sincr {
  font-size:15px;
} 

@media screen and (max-width: 767px) {
  .produto .sincr {
    font-size:10px;
  } 

  .prodDet h1{
    font-size: 20px;
  }

}
/*como funciona*/
.como_funciona_retifica_de_motor{
  padding: 20px 0px;
}
.como_funciona_retifica_de_motor h1{
  color: #8c0808;
  font-weight: bold;
  font-size: 35px;
  padding: 5px;
}

.como_funciona_retifica_de_motor header a{
  color: #8c0808;
}

.como_funciona_retifica_de_motor figure{
  padding: 10px;
}

.como_funciona_retifica_de_motor .atencao{
  font-size: 15px;
  background-color:#f5f5f5;
  height: auto;
  width: 100%;
  padding: 5px;
  display: block;
}

.como_funciona_retifica_de_motor p{
  padding: 10px;
}

.como_funciona_retifica_de_motor p span{
  color: red;
  font-style: italic;
  font-weight: bold;
}

.como_funciona_retifica_de_motor li{
  list-style: none;
  margin-left: 10px;
  border-bottom: 1px solid #cccc;
  padding: 10px
}

.como_funciona_retifica_de_motor li a{
  font-size: 23px;
  font-weight: bold;
  color: #c30909
}

.pecas h1{
  color: #8c0808;
  font-weight: bold;
  font-size: 35px;
  padding: 5px;
}

.motor-a-base-de-troca img, .como_funciona_retifica_de_motor img,  .destaque_video img{
  margin: 0 auto;
}

.pecas li{
  list-style: none;
  margin-left: 10px;
  font-size: 15px;
}

.pecas article{
  padding: 10px;
}

/*FOTOS ALBUM*/

.realizados article img{
  width: 100%;
}


/* recuperação de blocos*/

.topo_bloco img{
  margin-top:15px;
}

.topo_bloco hr{
  margin: 5px;
}

.recuperacao-de-blocos header{
  padding: 10px;
  background-color: #ccc;
  color: #fff;
}


.recuperacao-de-blocos .slide, .quemsomos .slide{
  border: none;
}



/*retifica*/
.topo_retifica img{
  margin-top:40px;
}
.topo_retifica hr{
 margin:5px; 
}
@media screen and (max-width: 767px){
  .topo_retifica img{
   margin: 0 auto; 
   margin-top:5px;
 }
}

/*cidades*/
.btn_cidade{
  padding:15px;
  font-size: 20px;
}
/*Trabalhe conosco*/

.trabalhe hr{
  display: none;
}

@media screen and (max-width: 767px){
  .trabalhe hr{
   display: block;
 }
}
/*CONTATO*/


address h2{
  font-weight:bold;
  padding:5px;
  font-size:20px
}

address span{
  width: 20px;
}

address span img{
  margin: 0 auto;
}



/* RODAPÉ*/

footer .instafeed{
}
/*contato informações*/

.abnt a {
 font-weight: bold;
}
.box-info{
	font-family: 'Open Sans Condensed', sans-serif;
	background-color: #fff;
	position: fixed;
	bottom: 0;
	width: 100%;
	margin: 0 auto;
	z-index: 9999 !important;
	display: none;
}
.box-info header{
	background:#cf0000;
	border-bottom: solid 4px #930000;
	border-top: solid 4px #000;
}
.box-info header h1{
	background: none;
	color: #fff;
	margin: 0;
	padding:10px 0 0 0;
	font-size:20px
}


.box-info header span{
	font-style: italic;
	font-size:20px;
	color:#fff;
}

.modal-header .close {
	margin-top: -20px;
}


.box-info .inf .meio{
	border-left: solid 2px #cccccc;
	border-right: solid 2px #cccccc;
}

.box-info .canais{
	padding:0px;
	font-size: 12px;
	text-align: right;
}

/*mobile*/
@media screen and (max-width: 767px){
	.box-info{
		text-align: center;
	}
	.box-info {
		text-align: center;
		margin: 0 auto;
	}
	.box-info .icone {
		text-align: center;
	}
	.box-info .inf>div{
		padding: 2px;
	}

	.box-info .inf span{
		font-size: 15px;
		font-weight: bold;
	}

	.box-info .inf i{
		font-size: 35px;
		margin-top: 10px;
	}

	.box-info header h1 span{
		display: none;
	}

	.box-info .meioAtd{
		display: block;
	}
	.box-info .canais{
		padding:0px;
		font-size: 12px;
		text-align: center;
	}

	.box-info header h1{
		font-size:15px
	}
}

@media screen and (min-width: 768px){
	.box-info .inf{
		padding:10px;
		text-align: center;
	}

	.box-info h1 span{
		font-size: 20px;
	}
	.box-info .inf span{
		font-size: 20px;
		font-weight: bold;
	}

	.box-info .inf i{
		font-size: 40px;
	}

	.box-info .canais{
		text-align: left;
	}
	.box-info .canais{
		font-size: 18px;
	}
	.box-info .canais a{
		padding: 10px;
	}
	.box-info .icone {
		text-align: left;
	}
	.box-info .meioAtd{
		float: none;
	}
}


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


	.box-info .inf .icone{
		text-align: right;
	}

	.box-info .inf span{
		font-size: 30px;
		font-weight: bold;
	}

}


footer, footer .clearfix{
	background-color: #000;
}
footer address a{
	color: #fff !important;
}

footer hr {
	border-top: 1px solid #0e0d0d;
}
@media screen and (max-width: 767px){
	footer {
		width: 100%;
		border-top: solid 10px #ab0000;
		margin-top: 20px;
	}
	footer figure {
		margin-top:20px;
	}

	footer .face {
		margin-top: 40px;
	}

	footer .face_like{
		margin-top: -30px;
	}

	footer .fb-like{
		margin-bottom:10px;
	}

	footer address {
		color: #fff;
		margin-top:30px;
		font-size: 18px;
		text-align:left;
	}
}

@media screen and (min-width: 767px){
	footer{
		width: 100%;
		background-color: #000;
		border-top: solid 10px #ab0000;
	}

	footer address {
		color: #fff;
		margin-top:30px;
		font-size: 15px;
		text-align:left;
	}
	footer figure {
		margin-top:40px;
	}

	footer .face {
		margin-top:10px;
	}

	footer .face_like{
		margin-top: -80px;
	}
}

@media screen and (min-width: 992px){
	footer address {
		color: #fff;
		margin-top:30px;
		font-size: 18px;
		text-align:left;
	}
}

.ass a{
  color:#FFF
}

.menu_rodape {
	background-color: #000;
  position: absolute;
  top: -10500px;
}


.menu_rodape ul{
	list-style-type: none;
	font-size: 13px;
	text-align: center;
	background-color: #000;
	/*display: inline-table;*/

}

.menu_rodape li{
	float: left;
	background-color: #000;
}

.menu_rodape ul li  a{
	color: #666;
}

.ass{
	padding: 10px;
	background-color:#ab0000;
	color:#FFF;
}

.modal_mapa{
	display: none;
}

#modal_mapa{
	padding: 20px;
}


.telefonar{
	display: none;
}

#telefonar{
	padding: 20px;
}

#telefonar h3{
	font-size:25px;
	font-weight: bold;
}

.acompanhe-seu-motor{
	display: none;
}

#acompanhe-seu-motor{
	padding: 20px;
}

#acompanhe-seu-motor h3{
	font-size:25px;
	font-weight: bold;
}



/* coocks */
.cookieContainerjr{
  display: none;
}
.cookieConsentContainer{
  z-index:999;
  width:350px;
  min-height:20px;
  box-sizing:border-box;
  padding:10px 30px 10px 10px;
  background: rgba(35, 35, 35, 0.82);
  overflow:hidden;
  position:fixed;
  bottom:10px;
  right:30px;
  display:none
}

.cookieConsentContainer .cookieTitle a{
  font-family:OpenSans,arial,sans-serif;
  color:#ab0000;
  font-size:22px;
  line-height:20px;
  display:block
}

.cookieConsentContainer .cookieDesc p{
  margin:0;
  padding:0;
  font-family:OpenSans,arial,sans-serif;
  color:#fff;
  font-size:13px;
  line-height:20px;
  display:block;
  margin-top:10px
}

.cookieConsentContainer .cookieDesc a{
  font-family:OpenSans,arial,sans-serif;
  text-decoration:underline
}

.cookieConsentContainer .cookieButton a{
  display:inline-block;
  font-family:OpenSans,arial,sans-serif;
  font-size:14px;
  font-weight:700;
  margin-top:14px;
  background:#000;
  box-sizing:border-box;
  padding:15px 24px;
  text-align:center;
  transition:background .3s
}

.cookieConsentContainer .cookieButton a:hover{
  cursor:pointer;background:#cccc
}

@media (max-width:980px){
 .cookieConsentContainer{
  bottom:0!important;
  left:0!important;
  width:100%!important
}
}