@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    
}

input[type="search"],input[type="text"]{
  -webkit-appearance: none;
}

:root {
  --FundosBotoesVarios: #1e90ff;
  --NovaCor: #011f5d;
  --Titulos: #575757;
  --Subtextos: #3d3d3d;
  --fundoHeader: #c4c4c4;
  --caixas: #ebebeb;
  --branco: #fff;
  --novoTitulo: #b4b4b4;
}
.owl-carousel .owl-stage-outer{
  height: unset;
}

.poppesquisamob,.menufullscreenmobile{
  display: none;
}

a{
  color: inherit ;
  text-decoration: none;
}
input:focus {
outline-color: #8ec5fd;
}
input{
  width: 100%;
}
.navfixedbottom{
  display: none;
}
input[type="radio"]{
  width: unset;
  margin-right: 0.3em;
}
textarea:focus {
  outline-color: #8ec5fd;
  }

#valoresidual{
  display: none;
}
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--NovaCor); 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #72ade7;
}
.carousel{
    cursor:grab;
}
p {
  margin-bottom: 0 !important;
}

li{
  list-style: none;
}
.btn{
  transition: all 0.6s ease;
}

.btn:hover{
  color: white;
  background: #1576BA;
}

a{
  text-decoration: none !important; 
  color: var(--NovaCor);
}
#content-slider3{
  display: none;
}

.buttonGeral{
  background-color: var(--NovaCor);
  color: var(--branco);
  border-radius: 0;
  border: unset;
  padding: 0.2em 2em 0.2em 2em;
  text-transform: uppercase;
  transition: all 0.6s ease;
}

.buttonGeral:hover{
  color: white;
  background: #1576BA;
}

.btngeralpecas{
display: inline-block;
padding: 0.5rem 2rem;
}
/* ORGANIZAR OFICINA */

.botaoClick{
  cursor: pointer;
  transition: all 0.6s ease;
}

.botaoClick:hover{
  background-color:#007EC5 !important;
  color: white;
  transform: scale(1.05);
}


.swipermobi.mtopm2,.servicosheadingswiper,.CarateristicasCarroMobile,.liguejacontactos{
  display: none;
}

.show1400{
  display: none;
}
.hide1400{
  display: hide;
}


.dflex{
  display: flex;
}
.flex2{
  display:flex;
  padding-top:2em
}
.flex7{
  display: flex;
    padding-top: 7em;
}
.flex12{
  display:flex;
  padding-top:12em;
  padding-bottom: 12em;
}

.dflexwow{
  display:flex;
  height: 100%;
    align-content: stretch;
    flex-direction: row;
}


.absdire{
  position: absolute; 
    right: 0;
}
.f9{
  background: #f9f9f9;
}

.dflex12{
  display: flex;
  padding-top: 12em;
}
.flexzpos{
  display: flex;
  z-index: 1;
  position: relative;
}

.flexgapx{
  display: flex;
  gap: 1em;
}

.flexleft{
  display: flex;
  justify-content: left;
}

.textobottomx,.mobilemenutop{
  display: none;
}

.buttonGeralServicos{
  background-color: var(--NovaCor);
  color: var(--branco);
  border-radius: 0;
  border: unset;
  letter-spacing: 4px;
  font-weight: 500;
  padding: 0.5em 2em 0.5em 2em;
  text-transform: uppercase;
}

.buttonOficina{
  background-color: var(--NovaCor);
  color: var(--branco);
  border-radius: 0;
  border: unset;
  letter-spacing: 0px;
  font-weight: 500;
  font-size: 1.2rem;
  padding: 0.7em 1em 0.7em 1em;
  text-transform: uppercase;
  transition: background-color 0.6s ease;
}

.buttonOficina:hover{
  color: white;
  background: #1576BA;
}

.enviarxxl{
  background: linear-gradient(135deg, rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
  color: var(--branco);
  border-radius: 0;
  border: unset;
  letter-spacing: 4px;
  padding: 0.5em 2em 0.5em 2em;
  text-transform: uppercase;
  width: 85%;
  text-align: right;
  font-weight: 300;
  font-size: 1.3rem;
}

.enviarxxl:hover{
  letter-spacing: 10px;
  transition: letter-spacing 0.3s ease-in-out;
}

.mobileNoticia{
  display: none;
}

#mb10{
  margin-bottom: 10vh;
}

#mb10x{
  margin-bottom: 10vh;
}

.noticiasunderline{
    position:relative;
}

.noticiasunderline::after{
        content: '';
    display: block;
    width: 7%;
    border-bottom: 5px solid var(--NovaCor);
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
}

.faixaazul{
	background: linear-gradient(135deg, rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
  width: 80%;
  height: 5vh;
  margin-top: -5vh;
}

.ptop1{
  padding-top:1em;
}
.ptop2{
  padding-top:3em;
}
/* MENU */

@media (min-width:1024px){
  #burger{display: none;}
  .main-nav{display: none;}
}

@media (max-width:1023px){
  .navbar-expand-md .navbar-collapse{display: none !important;}
  .logoEmpresa img{width:100%}
  #navbarsExample03{display: none !important;}
}

/* Main menu positionning */
.main-nav {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    background: #FFF;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: all .375s;
}

.main-nav.is-open {
  height: 100vh;
    opacity: 1;
    z-index: 100;
    visibility: visible;
}

/* Yellow band effect */
.main-nav::before {
	 content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -15px;
    background: var(--NovaCor);
    transform-origin: 0 0;
    transform: skew(-14deg) translateX(-120%);
    transition: all .275s .1s;
}

.main-nav.is-open::before {
    transform: skew(-14deg) translateX(0);
}

/* Skewing effect on menu links */
.main-nav ul {
    display: inline-flex;
    flex-direction: column;
    height: 100%;
    align-items: flex-end;
    justify-content: center;
    transform: translateX(-18%) skew(-16deg);
}

.main-nav li {
    display: block;
    margin: .5rem 0;
    text-align: right;
    transform: skew(16deg);
}

/* Apparition effect on links */
.main-nav a {
    opacity: 0;
    transform: translateY(-10px);
}

.main-nav.is-open a {
    opacity: 1;
    transform: translateY(0);
}
.main-nav li:nth-child(1) a {
	transition: all 275ms 175ms
}
.main-nav li:nth-child(2) a {
	transition: all 275ms 225ms
}
.main-nav li:nth-child(3) a {
	transition: all 275ms 275ms
}
.main-nav li:nth-child(4) a {
	transition: all 275ms 325ms
}
.main-nav li:nth-child(5) a {
	transition: all 275ms 375ms
}

/* Decoration */
.main-nav ul,
.main-nav li {
	list-style: none;
	padding: 0;
}
.main-nav a {
	display: block;
	padding: 12px 0;
	color: #FFF;
	font-size: 1.4em;
	text-decoration: none;
	font-weight: bold;
}

/* Burger Style: @see: https://codepen.io/CreativeJuiz/full/oMZNXy */
.open-main-nav {
	position: absolute;
	top: 15px;
	padding-top: 20px;
	right: 15px;
	z-index: 1000;
	background: none;
	border: 0;
	cursor: pointer;
}
.open-main-nav:focus {
	outline: none;
}
.burger {
	position: relative;
	display: block;
	width: 28px;
	height: 4px;
	margin: 0 auto;
	background: white;
	transform: skew(5deg);
	transition: all .275s;
}

.burger:after,
.burger:before {
	content: '';
	display: block;
	height: 100%;
	background: white;
	transition: all .7s;
}

.burger:after {
	transform: translateY(-12px) translateX(-2px) skew(-20deg);
}

.burger:before {
	transform: translateY(-16px) skew(-10deg);
}

/* Toggle State part */
.is-open .burger {
	transform: skew(5deg) translateY(-8px) rotate(-45deg);
}

.is-open .burger:before {
	transform: translateY(0px) skew(-10deg) rotate(75deg);
}

.is-open .burger:after {
	transform: translateY(-12px) translateX(10px) skew(-20deg);
    opacity: 0;
}

/* MENU Text part */

.burger-text {
	display: block;
	font-size: .675rem;
	letter-spacing: .05em;
	margin-top: .5em;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
	color: var(--branco);
}

/* FIM MENU */
.navbar{
    background: transparent;
    transition: background-color 0.5s linear;
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

#navbarsExample03{
    justify-content: flex-end;
}

.navbar-expand-md{
    padding-left: 5%;
    padding-right: 5%;
}

.nav-link{
    font-weight: 600;
    color: white !important;
    letter-spacing: 0.5px !important;
    padding-right: 1em !important;
    padding-left: 1em !important;
    
    font-size: 0.8em !important;
    letter-spacing: 2.5px  !important;
}
.navbar-brand img {width: 100%;}
.logoEmpresa{
  width: 50%;
}

.logoEmpresa img{
width:60%;
}
/* Efeito scroll */
.navbar.scrolled {
	background: linear-gradient(135deg, rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
  }

  .navbar.scrolled .nav-link{
    color:var(--branco) !important;
  }

    .intro{
      /* z-index: -1; */
      /* alterado de 30 para 80*/
      margin-top: 80px;
    }

    #carouselExampleIndicators{
      width: 70%;
    }
    .containintro{
      display: flex;
    }
.FordRating{
  z-index: 999;
  width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: space-around;
    background: #F7F4F4;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
/* margin: 2em; */
}

.innerford{
  text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 3em;
    /* border: 1px solid #D3D0D0;
    margin: 1.5em;
    height: inherit; */
}
.descford p {
  font-weight: bold;
  font-size: 0.9vw;
line-height: 22px;
text-align: center;
letter-spacing: 0.15em;
margin-top: -1em;
text-transform: uppercase;

color: #363636;
}
.fordratingstars h3 {
  font-weight: bold;
  font-size: 1.8vw;
line-height: 44px;
letter-spacing: 0.15em;
text-transform: uppercase;

color: #000000;

}

.fixed-top{
  height: 80px;
}
.fordratingstars p {
  font-weight: bold;
font-size: 1.125rem;
line-height: 22px;
letter-spacing: 0.5em;
text-transform: uppercase;
color: #000000;
margin-bottom: 1em !important;
}
  
.upperford{
  /* margin-bottom: 5em; */
}
.swipemobi{
  display: none;
}
.marcaintro{
font-weight: bold;
font-size: 2.25rem;
line-height: 44px;
letter-spacing: 0.15em;
text-transform: uppercase;

color: #CDCECE;
transition: 0.6s linear;
}

.marcaintro:hover{
  transform: scale(1.1);
}

.topfordvendas img ,.bottomfordservicos img{
  width: 80%;
}

.motosIntro{
  width: 45%;
  background: rgba(196, 196, 196, 0.2);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2em;
  align-content: center;
  PADDING: 1em;
}

.carrosIntro{
  width: 65%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 3em;
  align-content: center;
  PADDING: 1em;
}

.intromarcas{
  display: flex;
}










    .carousel-indicators {
      top: 50% !important;
      text-align: center;
        position: absolute;
        right: 0;
        bottom: unset !important; 
        top: 20em;
            transform: rotate(
90deg
);
        left: unset !important;
        z-index: 5;
        display: flex;
        justify-content: unset !important; 
        padding-left: unse !important; 
         margin-right: unset !important;
         margin-left: unset !important;
        list-style: none;
   }
   .carousel-inner{
    height: 100%;
   }
   .carousel-item img {
       height: auto;
    width: 100%;
    min-width: 100%;
   }
@media (min-width: 1281px) and (max-width: 1441px){

  .TituloCarousel{
    position: absolute;
    bottom: 360px !important;
    left: 100px !important;
    width: 42% !important;
  }
  .TituloCarousel h1{
    font-size: 2.7rem !important;
  }

}

@media (min-width: 1025px) and (max-width: 1280px){
  .TituloCarousel{
    position: absolute;
    bottom: 320px !important;
    left: 100px !important;
    width: 42% !important;
  }
  .TituloCarousel h1{
    font-size: 2.4rem !important;
  }



}

@media (min-width:1440px) and (max-height:799px){

.TituloCarousel{
  bottom: 390px !important;
  left: 120px !important;
  width: 39% !important;

}
.TituloCarousel h1{
  font-size: 3rem !important;
}

}



  /* ############# 
      Segunda Secção 
      ##################
  */
.TituloCarousel {
  position: absolute;
  bottom: 500px;
  left: 150px;
  width: 32%;
}

.TituloCarousel h1{
  font-weight: 700;
color: var(--branco);
letter-spacing: 12px;
  font-size: 3.5rem;
text-transform: uppercase;
}

/* NOVOS */
.Novos{
 margin-top: 5vh;
 margin-bottom: 10vh;
}
.novoscol{

      margin-left: 10vw;
    margin-right: 10vw;
}
.headernovo{
  font-weight: 700;
  color: var(--novoTitulo);
  letter-spacing: 10px;
  max-width: 40%;
}
.headernovo::after{
  content: '';
  display: block;
  width: 7%;
  border-bottom: 5px solid var(--NovaCor);
}
.descrinovo{
  max-width: 25%;
  color: var(--Subtextos);
  letter-spacing: 3px;
  font-weight: 600;
}

  /* .Usados{
    margin-bottom: 9em;
    background: rgb(49,147,255);
    background: -moz-linear-gradient(161deg, var(--FundosBotoesVarios) 46%, rgba(255,255,255,1) 46%);
    background: -webkit-linear-gradient(161deg, var(--FundosBotoesVarios) 46%, rgba(255,255,255,1) 46%);
    background: linear-gradient(161deg, var(--FundosBotoesVarios) 46%, rgba(255,255,255,1) 46%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--FundosBotoesVarios)",endColorstr="#ffffff",GradientType=1);
    position: relative;
    padding-top: 3em;
  } */
  .Usados{
    padding-bottom: 6em;
    background: linear-gradient(135deg, #011f5d 15%, rgba(21,118,186,1) 50%, #011f5d 85%);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
   
    position: relative;
    padding-top: 3em;
  }

  .shapeusados{
    position: absolute;
    left: -150px;
    top: 30px;
  }

  .usadosh1{
    color: var(--branco);
    letter-spacing: 5px;
    padding-left: 5em;
    font-weight: 600;
    text-transform: uppercase;
  }

  .CaixaCarro{
    width: 100%;
    background: gainsboro;
    height: 100%;
  }
  
  .CaixaCarro h1{
    color: black;
    letter-spacing: 1px;
    font-weight: 900;
    text-transform: uppercase;
    padding-left: 1em;
    padding-top: 0.5em;
    margin-bottom: 0;
  }
    
    
    .UsadosVermais{
        display:flex;
        justify-content:flex-end;
    }    
    
  .CaixaCarro .descVeiculo{
    color: black;
    font-weight: 400;
    padding-bottom: 2em;
    padding-left: 2em;
  }

  .carateristicas{
    display: flex;
    padding-left: 2em;
  }
  .carateristicas h5, .carateristicas p{
    text-transform: uppercase;
    margin-bottom: 0px;
  }
  .carateristicas h5{
    color: var(--NovaCor);
    font-weight: 700;
    letter-spacing: 5px;
  }
  .carateristicas p{
    color: black;
    font-weight: 700;
    letter-spacing: 5px;
    font-size: 1.2rem;
    
  }
  .carateristicas div{
    padding-right: 3em;
  }

  .precoButton{
    display: flex;
    justify-content: space-between;
    padding-left: 0;
    margin-top: 5.85em;
    height: 47px;
  }
  .precoButton h2{

    color: var(--NovaCor);
    font-weight: 900;
    margin-bottom: 0px;
    padding: 0.2em;
    padding-left:2em;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(224deg, rgba(255,255,255,1) 79%, var(--FundosBotoesVarios) 79%);
    background: -webkit-linear-gradient(224deg, rgba(255,255,255,1) 79%, var(--FundosBotoesVarios) 79%);
    background: linear-gradient(224deg, rgba(255,255,255,1) 79%, var(--FundosBotoesVarios) 79%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="var(--FundosBotoesVarios)",GradientType=1);
  }
  .precoButton button{
    background-color: var(--NovaCor);
    color: var(--branco);
    border-radius: 0;
    padding-left: 2em;
    padding-right: 2em;
    text-transform: uppercase;
  }


.owl-carousel .grid-container {
    display: grid;
   grid-template-columns: repeat(4,1fr);
    grid-template-rows: 1fr;
    gap: 1em 1em;
    grid-template-areas:
        "Imagem Imagem TextoCarro TextoCarro"
        "Imagem Imagem Foto1 Foto2";
}
  
  .owl-carousel .Imagem { grid-area: Imagem; }
  
  .owl-carousel .TextoCarro { grid-area: TextoCarro; }
  
  .owl-carousel .Foto1 { grid-area: Foto1; }
  
  .owl-carousel .Foto2 { grid-area: Foto2; }
  
  .intro .owl-carousel .item{
        margin-right: unset;
    width: 100%;
  }
  .alturadiv{
      height:4vh;
  }

  @media only screen and (min-width:320px) and (max-width:1440px){
        .alturadiv{
      height:11vh;
  }



  }
  .Imagem .imgDestaque{
    object-fit: cover;
    height: 100%;
  }
.Usados .owl-carousel.owl-loaded.owl-drag{
      padding-left: 2rem;
      margin-top: 2rem;
      transform: scale(0.85);
}

.carateristicas.Mobile {display: none;}

/* .Usados .owl-nav {
    position: absolute;
    bottom: -9%;
   
} */

.Usados .owl-next,.owl-prev:focus{
  outline: none;
}

.Usados .owl-next span{
  color: var(--branco);
  font-size: 5rem;
}

.Usados .owl-prev span{
  color: var(--branco);
  font-size: 5rem;
}

/* .UsadosVermais button {
background-color: var(--NovaCor);
    width: 34%;
    margin-top: -1em;
    border-radius: 0;
    height: 5vh;
    color: var(--branco);
    z-index: 999;
    text-transform: uppercase;
    font-weight: 500;
} */

.UsadosVermais button {
  background-color: var(--NovaCor);
      width: 34%;
      margin-top: -1em;
      border-radius:5;
      height: 5vh;
      border: 1px solid white;
      color: var(--branco);
      z-index: 999;
      text-transform: uppercase;
      font-weight: 500;
      transition: all 0.6s ease;
  }

  .UsadosVermais button:hover{
    background: #1576BA;
    color: white;
  }

  @media (min-width: 1281px) and (max-width: 1441px){


    .carrosIntro{
        gap:2em;
    }
    .Usados{
         height: auto;
    margin-bottom: 6em;
    }


    .owl-carousel.owl-loaded.owl-drag {
      padding-left: 2rem !important;
    }

    .Usados .owl-nav{
      position: absolute;
          bottom: -11%;
    }

    .UsadosVermais button{
          bottom: 5.2%;
    }

    .owl-carousel .owl-stage-outer {
    min-height: 55vh;
    }
    .CaixaCarro h1{
      font-size: 1.7rem;
    }

    .CaixaCarro .descVeiculo{
      padding-bottom: 1.5em;
    }
    .carateristicas div{
      padding-right: 2em;
    }
    .carateristicas h5{
      font-size: 1.2rem;
      letter-spacing: 3px;
    }
    .carateristicas p{
      font-size: 1rem;
      letter-spacing: 4px;
    }
    .precoButton h2{
      font-size: 24px;
    }

    .precoButton {
    margin-top: 3em;
}
    .owl-carousel .item{
      width: 100%;
    }

    .caixanoticiapequena button{
        margin-bottom: 1.1em;
    }
  }

  @media (min-width: 1025px) and (max-width: 1280px){
      .alturadiv {
    height: 11vh;
}
      .owl-carousel .grid-container {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: 1fr;
    gap: 1em 1em;
    grid-template-areas:
        "Imagem Imagem TextoCarro TextoCarro"
        "Imagem Imagem Foto1 Foto2";
}
.owl-carousel.owl-loaded.owl-drag {
  padding-left: 2rem !important;
    transform: scale(1);
}
    .CaixaCarro h1{
      font-size: 24px;
    }
    .CaixaCarro .descVeiculo{
      padding-bottom: 1em;
    }
    .carateristicas div{
      padding-right: 1em;
    }
    .carateristicas h5{
      letter-spacing: 1px;
      font-size: 1rem;
    }
    .carateristicas p{
      font-size: 0.9rem;
      letter-spacing: 2px;
    }
    .precoButton h2{
      font-size: 1.2rem;
    }
    .precoButton{
          margin-top: 2.1em;
          height:unset;
    }
  .intro .owl-carousel .item{
        margin-right: unset;
    width: 100%;
  }
    .Usados{
      min-height: 80vh;
    }
    .owl-carousel .owl-stage-outer {
      min-height: 55vh;
      }



     .Usados .owl-nav {
    position: absolute;
    bottom: -2.5%;
}
  
      .UsadosVermais button {
    bottom: 9%;
}

  }
 
  @media (min-width:1440px) and (max-height:799px){

      .Usados{
              min-height: 85vh;
      }
    .CaixaCarro h1{
      font-size: 31px;
    }
    .Usados .owl-nav {
    position: absolute;
    bottom: -7%;
}
      .UsadosVermais button {
    bottom: 6%;
    right: 0;
}
    .CaixaCarro .descVeiculo {
      padding-bottom: 2em;
      padding-left: 2em;
  }
  .carateristicas{
    padding-bottom:2.65em;
  }
  .carateristicas h5{
    letter-spacing: 2px;
    font-size: 1.1rem;
  }
  .carateristicas p{
    font-size: 1rem;
    letter-spacing: 2px;
  }
  .precoButton{
    height: 39px;
   margin-top: unset;
  }

  .precoButton h2{
    font-size: 25px;
  }

  .precoButton button {
    background-color: var(--NovaCor);
    color: var(--branco);
    border-radius: 0;
    padding-left: 2em;
    padding-right: 2em;
    text-transform: uppercase;
    border: 0;
  }
  .intro .owl-carousel .item{
        margin-right: unset;
    width: 100%;
  }
  
  .owl-carousel .grid-container {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
  .owl-carousel.owl-loaded.owl-drag {
    padding-left: 2em;
}
  
  
  
  
}

  @media (min-width: 320px) and (max-width: 500px) {
      
      /* .sobrenospage .marcassobre > .logomarcas.soparamobile{
          justify-content:center;
      } */
      
    .liguejacontactos{
      display: block;
      margin-top: 120px;
      text-align: center;
    }
    
    .liguejacontactos a {
      font-weight: 500;
      font-size: 2rem;
    }
  .Foto1{display: none;}
  .Foto2{display: none;}
.Usados{height: auto;}
.grid-container {
    display: grid;
    grid-template-columns: 1fr  !important;
    grid-template-rows: 1fr  !important;
    gap: 0px 0px !important;
    grid-template-areas:
        "Imagem"
        "TextoCarro" !important;
}

  .carateristicas.PC {display: none;}

  .owl-carousel .Imagem { grid-area: Imagem; }
  
  .owl-carousel .TextoCarro { grid-area: TextoCarro; }
  
  .owl-carousel .Foto1 { display:none; grid-area: Foto1; }
  
  .owl-carousel .Foto2 { display:none;grid-area: Foto2; }
  
  .owl-carousel .owl-stage-outer{
    height: auto;
   
  }

  .CaixaCarro h1{
    font-size: 1.5rem;
  }
  .CaixaCarro .descVeiculo{
    padding-bottom: 1em;
  }
  .carateristicas div{
    padding-right: 2em;
  }
  .carateristicas h5{
    letter-spacing: 3px;
  }
  .carateristicas p{
    letter-spacing: 3px;
  }
  .precoButton{
    margin-top:2em;
    height: unset;
  }

  .precoButton button{
    margin-right: 0em;
 
  }
  .carateristicas {
    display: block;
  }
  /* .owl-item { width : 480.6px !important; } */
.owl-carousel.owl-loaded.owl-drag{
padding-left: 0;
}

.shapeusados{
  left:-240px;
}

.usadosh1{
  padding-left: 3.5em;
}
.owl-carousel .item {
margin-right: 0;
width: 100%;
}
  /* SECAO NOVO */
  .headernovo {
    font-weight: 700;
    color: var(--novoTitulo);
    letter-spacing: 2px;
    max-width: unset;
}
.descrinovo{
  letter-spacing: 1px;
  max-width: unset;
}
.Novos .marca{
  padding: 1em;
}
.Novos .marca img{
  width: 80px;
  height: 80px;
}
.Novos .logomarcas{
  padding:0;
}
}

  /*################################################################## Terceira Secção #########################################################################################################*/
  .Servicos{
    overflow: hidden;
    height: auto;
    background:rgb(233, 232, 232);
  }
  .mobileservicos{
    display: none;
  }
  .contentor{
    padding: 3em;
    padding-top: 5em;
    padding-bottom: 10em;
  }
  
  .white{
    color: var(--branco);
  }
  .w20{
      width:20%;
  }
  .dark{
    color: var(--Titulos);
  }

.titulosh1{
    font-weight: 900;
    font-size: 1.2rem;
    text-align: left;
    text-transform: uppercase;
}
.block{
  transition:filter 0.6s linear;
}
.grid-container-servicos {
    display: grid;

    justify-content: center;
    grid-template-columns: 260px 390px 250px 400px;
    grid-template-rows: 130px 360px 260px;
    gap: 20px 15px;
    grid-template-areas:
    "tituloServico tituloServico . ."
      "Foto-do-gajo Rent-a-car Oficina Seguros"
      "Foto-do-gajo Centro-distribuição-e-peças Centro-distribuição-e-peças Abate";
      
  }
.grid-container-servicos:hover > .block:hover {
    filter:unset;
}

.grid-container-servicos:hover > .block {
    filter:opacity(0.7)
    
}

  .tituloServico {
      grid-area: tituloServico;
      
  }
  
  .Foto-do-gajo { 
      grid-area: Foto-do-gajo;
      background-image: url('../Media/secaoservicos/1.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      
  }
  
  .Rent-a-car {
      grid-area: Rent-a-car;
      background-image: url('../Media/secaoservicos/2.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      background-position: bottom right;
      position: relative;
      transition: background 0.9s linear;
  }

  .Oficina {
      grid-area: Oficina;
      background-image: url('../Media/secaoservicos/3.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      
  }
  
  .Centro-distribuição-e-peças { 
      grid-area: Centro-distribuição-e-peças;
      background-image: url('../Media/secaoservicos/5.jpg');
      background-repeat: no-repeat;
      background-size: cover; 
      position: relative;
      
  }
  
  .Seguros { 
      grid-area: Seguros;
      background-image: url('../Media/secaoservicos/4.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      
  }
  
  .Abate { 
      grid-area: Abate;
      background-image: url('../Media/secaoservicos/6.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      
  }
  
  .Centro-distribuição-e-peças h1{
      text-align: right;
      
  }
  
  .fotoserv1{
    position:absolute;
    bottom: 0;
    text-align: left;
    padding: 1em;
  }
  
  .fotoserv2{
    position:absolute;
    top: 1em;
    text-align: left;
    padding: 1em;
  }
  
  .fotoserv3{
    position:absolute;
    top: 1em;
    text-align: left;
    padding: 1em;
  }
  
  .fotoserv5{
    position: absolute;
    bottom: 7em;
    right: 0;
    text-align: left;
    padding: 1em;
  }
  
  .fotoserv4{
    position: absolute;
    bottom: 0;
    left: 1.3em;
    text-align: right;
    padding: 1em;
  }
  
  .fotoserv6{
    position:absolute;
    bottom: 0;
    text-align: left;
    padding: 1em;
  }
  
  .headerservicos{
    font-weight: 700;
    color: var(--novoTitulo);
    letter-spacing: 10px;
  }

  .headerservicos::after{
    content: '';
    display: block;
    width: 7%;
    border-bottom: 5px solid var(--NovaCor);
  }
  .descriservico{
    color: var(--Subtextos);
    letter-spacing: 3px;
    font-weight: 600;
    max-width: 60%;
    text-transform: uppercase;
  }
  
  @media only screen and (max-width: 500px){
    .grid-container-servicos {
        grid-template-columns: auto;
        grid-template-areas:
            "tituloServico"
            "Foto-do-gajo "
            "Rent-a-car"
            "Seguros"
            "Oficina "
            "Centro-distribuição-e-peças"
            "Abate";
        grid-template-rows: repeat(7,1fr);
      }
  
      .tituloServico,.Foto-do-gajo,.Rent-a-car,.Oficina,.Centro-distribuição-e-peças,.Seguros,.Abate{
        height:20vh;
      }
      .fotoserv5{
        bottom: 0;
      }
      .contentor{
        padding: 5em 0 10em 0em;
      }
    }
@media (min-width: 1025px) and (max-width: 1280px){


}
@media (min-width: 1281px) and (max-width: 1441px){
 
}





/*#################################### Pagina carros #################################### */

.gridCartoes{
  display: grid;
  gap:2em;
  grid-template-columns: auto auto auto;
}

.CardCarro{
  position: relative;
      height: 100%;
}
.imgcarrogrid{
  position: relative;

}
.imgcarrogrid::after {
  background: linear-gradient( 
    180deg
    ,rgba(220,221,224,0) 74%, rgba(14,15,17,0.8127626050420168) 93%);
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
  z-index: 1;
}
.contentcarlist{
  position: relative;
  z-index: 3;
}

.gridcarrosusados{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2em;
}
.cardusadocarro{
  width: 100%;
  position: relative;
}

.imgcarrousadoHOVER{
  opacity: 0;
  visibility: hidden;
  background: rgba(40,57,113,1);
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.6s linear;
  z-index: 999;
}

.cardusadocarro:hover .imgcarrousadoHOVER{
  opacity: 0.3;
  visibility: visible;

}

.gridcarro-nome{
  margin: 0;
  color: #011F5D;
  font-size: 1.5rem;
  position: relative;
  font-weight: 800;
line-height: 29px;
letter-spacing: 0.06em;
text-transform: uppercase;
}

.gridcarro-nomeHome{
  margin: 0;
  color: white;
  font-size: 1.5rem;
  position: relative;
  font-weight: 800;
line-height: 29px;
letter-spacing: 0.06em;
text-transform: uppercase;
}



.gridcarro-modelo{
  font-weight: 600;
font-size: 1rem;
line-height: 20px;
color: #3985DF;
}

.imagemcarrousado{
  position:relative;
}

.gridcarro-preco{
  position: absolute;
  bottom: 0;
  right: 0;
  background: linear-gradient(135deg, rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
  color: white;
  font-weight: 900;
  font-size: 1.5rem;
  padding: 0.3em;
}



.gridcarro-novidade{
  background: linear-gradient(135deg, rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
  color: white;
  line-height: 29px;
letter-spacing: 0.315em;
text-transform: uppercase;
font-size: 1rem;
    width: fit-content;
    position: absolute;
    top: 2%;
    left: 2%;
   padding:0em 0.5em 0em 0.5em;
    font-weight: 500;
}


.gridcarro-vendido{
  background: linear-gradient(135deg, rgb(113, 59, 40) 15%, rgb(186, 21, 21) 50%, rgb(113, 59, 40) 85%);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
  color: white;
  line-height: 29px;
letter-spacing: 0.315em;
text-transform: uppercase;
font-size: 1rem;
    width: fit-content;
    position: absolute;
    top: 2%;
    left: 2%;
   padding:0em 0.5em 0em 0.5em;
    font-weight: 500;
}

.gridcarro-campanha{
  background: linear-gradient(135deg, rgb(148, 153, 47) 15%, rgb(155, 211, 25) 50%, rgb(148, 153, 47) 85%);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
  color: white;
  line-height: 29px;
letter-spacing: 0.315em;
text-transform: uppercase;
font-size: 1rem;
    width: fit-content;
    position: absolute;
    top: 2%;
    left: 2%;
   padding:0em 0.5em 0em 0.5em;
    font-weight: 500;
}
.nodecor{
  text-decoration: none;
  color: inherit;
}

.nodecor:hover{
  text-decoration: none;
  color: inherit;
}

.imagemcarrousado img {
  width: 100%;
  object-fit: cover;
  height: 305px;
}




.CardCarro img{
  display: block;
  width: 100%;
  object-fit: cover;
  height: 300px;
}

  .CardCarro .TituloCarro{
    position: absolute;
    font-weight: 600;
    color: var(--branco);
    right: 10px;
    bottom: 0px;
    font-size: 20px;
  }

  .CardCarro .kilometros{
    position: absolute;
    font-weight: 400;
    color: var(--branco);
    right: 10px;
    bottom: 22px;
    font-size: 17px;
  }

  .CardCarro .combustivel{
    position: absolute;
    font-weight: 400;
    color: var(--branco);
    right: 145px;
    bottom: 22px;
    font-size: 17px;
  }

 .conteudoCarro{
  place-items: center;
  display: flex;
  padding-right: 0.5em;
  justify-content: space-between;
  background: linear-gradient(135deg, rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
  }

  .conteudoCarro a{
    text-decoration: none;
    color: var(--branco);
    padding-left: 1em;
    font-weight: 600;
    font-size: 18px;
  }

  .precocarro{
    color: var(--branco);
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 30px;
  } 


/* #################################### fim carros ####################################  */
/* ####################################  LINHA DE APOIO ####################################  */
.LinhadeApoio{
  /* height: 50vh; */
    display: flex;
    width: 100%;
    margin-top: 11em;
    margin-bottom: 6em;
    position: relative;
}
.LinhadeApoio .titleapoio{
  position: absolute;
  left: 565px;
  letter-spacing: 12px;
  top: -40px;
  text-transform: uppercase;
  font-weight: 700;
}

.LinhadeApoio .titleapoio::before{
  content: '';
  display: block;
  position: absolute;
  width: 11%;
  top: -25%;
  border-top: 5px solid var(--NovaCor);
}
.DivImagemApoio{
  width: 35%;
  z-index: 1;
  position: relative;
}
.DivImagemApoio img{
  float: right;
  width: 82%;
  height:auto;
}

.DivImagemApoio .Apoiolinha-azul{
  height: 3vh;
  background-color: var(--NovaCor);
  /* background: linear-gradient(135deg, rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%); */
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 6666;
  width: 97.5%;
}

/* #########################################################  Formulário de Contacto ############################################################ */

    .login-box h2 {
      margin: 0 0 30px;
      padding: 0;
      color: #fff;
      text-align: center;
    }
    
    .login-box .user-box {
      position: relative;
    }
    
    .login-box .user-box input {
      width: 100%;
      padding: 10px 0;
      font-size: 16px;
      color: #fff;
      margin-bottom: 30px;
      border: none;
      border-bottom: 1px solid #fff;
      outline: none;
      background: transparent;
    }
    .login-box .user-box label {
      letter-spacing: 2px;
    font-weight: 500;

      position: absolute;
      top:0;
      left: 0;
      padding: 10px 0;
      font-size: 18px;
      color: #fff;
      pointer-events: none;
      transition: .5s;
    }
    
    .login-box .user-box input:focus ~ label,
    .login-box .user-box input:valid ~ label {
      top: -20px;
      left: 0;
      color: #03e9f4;
      font-size: 12px;
    }
    
    .login-box form a {
      position: relative;
      display: inline-block;
      padding: 10px 20px;
      color: #03e9f4;
      font-size: 16px;
      text-decoration: none;
      text-transform: uppercase;
      overflow: hidden;
      transition: .5s;
      letter-spacing: 4px
    }
    
    /* .login-box a:hover {
      background: var(--NovaCor);
      color: #fff;
      border-radius: 5px;
      box-shadow: 0 0 5px #03e9f4,
                  0 0 25px #03e9f4,
                  0 0 50px #03e9f4,
                  0 0 100px #03e9f4;
    }
    
    .login-box a span {
      position: absolute;
      display: block;
    }
    
    .login-box a span:nth-child(1) {
      top: 0;
      left: -100%;
      width: 100%;
      height: 2px;
      background: linear-gradient(90deg, transparent, #03e9f4);
      animation: btn-anim1 1s linear infinite;
    }
    
    @keyframes btn-anim1 {
      0% {
        left: -100%;
      }
      50%,100% {
        left: 100%;
      }
    }
    
    .login-box a span:nth-child(2) {
      top: -100%;
      right: 0;
      width: 2px;
      height: 100%;
      background: linear-gradient(180deg, transparent, #03e9f4);
      animation: btn-anim2 1s linear infinite;
      animation-delay: .25s
    }
    
    @keyframes btn-anim2 {
      0% {
        top: -100%;
      }
      50%,100% {
        top: 100%;
      }
    }
    
    .login-box a span:nth-child(3) {
      bottom: 0;
      right: -100%;
      width: 100%;
      height: 2px;
      background: linear-gradient(270deg, transparent, #03e9f4);
      animation: btn-anim3 1s linear infinite;
      animation-delay: .5s
    }
    
    @keyframes btn-anim3 {
      0% {
        right: -100%;
      }
      50%,100% {
        right: 100%;
      }
    }
    
    .login-box a span:nth-child(4) {
      bottom: -100%;
      left: 0;
      width: 2px;
      height: 100%;
      background: linear-gradient(360deg, transparent, #03e9f4);
      animation: btn-anim4 1s linear infinite;
      animation-delay: .75s
    }
    
    @keyframes btn-anim4 {
      0% {
        bottom: -100%;
      }
      50%,100% {
        bottom: 100%;
      }
    } */

    .ApoioForm {
      padding-top: 1em;
    }
/* ##################### FIM Formulário de Contacto ######################## */



    .divForm{
      width: 30%;
      /* background: linear-gradient(135deg, rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%); */
      background-size: 400% 400%;
      animation: gradient 15s ease infinite;
      padding:2em;
      margin-left: -1%;
      padding-right: 3em;
      padding-left: 3em;
      background-color: var(--NovaCor);
    }

    .apoioTexto{
      color: var(--branco);
      text-align: left;
      font-size: 1rem;
      letter-spacing: 2px;
      text-transform: none;
    }

    .apoioTexto span{
      font-weight:900;
      font-size:20px;
    }

    .ApoioContactenos{
      font-size: 1rem;
      color: var(--branco);
      letter-spacing: 5px;
      padding-top: 2em;
      max-width: 100%;
    }

    .ApoioContactenos span{
      font-size: 2rem;
      letter-spacing: 15px;
      font-weight: 700;
    }


    .testedrive{
      position: relative;
      width: 36%;
      background-color: #ebebeb;
    }
    .testedrive img {
      width: 100%;
      height:auto;
    }
    /* .testedrive button{
      bottom: 0;
      position: absolute;
      right: 0;
    } */
    .testedrive .btn{
      background-color: var(--NovaCor);
      color: var(--branco);
      border-radius: 0;
      padding-left: 2em;
      padding-right: 2em;
      text-transform: uppercase;
    }
    .testedrive .btn:hover{
      color: white;
      background: #1576BA;
    }

    @media (min-width: 1025px) and (max-width: 1280px) {
      .divForm{
        padding-right: 2em; 
        padding-left: 2em;
        width: 33%;
        padding-bottom:0;
        padding-top: 1em;
      }
      .DivImagemApoio{
        width: 33%;
      }
      .testedrive{
        width: 36%;
      }
      .ApoioContactenos{
        padding-top: 1em;
        letter-spacing: 1px;
      }

      .ApoioContactenos span{
        font-size: 2.3rem;
        letter-spacing: 10px;
      }
      .login-box .user-box input{margin-bottom: 1em;}


      .LinhadeApoio .titleapoio {
        left: 326px;
      }
      .DivImagemApoio img{
        width: 100%;
        height:auto;
      }


    }

    @media (min-width: 1281px) and (max-width: 1441px) {
  
      .LinhadeApoio .titleapoio {
        left: 412px;
      }
      .apoioTexto{
        font-size: 14px;
      }
      .ApoioContactenos {
        padding-top: 1em;
        font-size: 18px;
        letter-spacing: 1px;
      }
      .ApoioContactenos span {
        font-size: 2rem;
        letter-spacing: 10px;
      }
      .login-box .user-box input{
        margin-bottom: 1em;
      }
      .divForm{
        padding: 1em;
        padding-right: 2em;
        padding-left: 2em;
      }
    }

    @media (min-width:1440px) and (max-height:799px){
      .LinhadeApoio .titleapoio{
        left: 443px;
      }
    }
/* ######################################################################################################################################################################################################################### */
  /* #####################################################  Secção Noticias #################################### ###################*/
/* ########################################################################################################################################################################################## */
  .Noticias{
    height: 50vh;
    width: 100%;
    display: flex;
    /* margin-bottom: 8em; */
  }
  .Noticias .imagemNoticias{
    width: 25%;
    height: 50vh;
  }
  .Noticias .imagemNoticias img{
    margin-left: -8em;
    width: 100%;
    height: 100%;
    /* object-fit: contain; */
  }
  .Noticias .contentorTitulo {
    text-align: left;
    transform: rotate( 
-90deg
 );
    transform-origin: left;
    margin-left: 21vw;
    margin-top: -4.7vh;
  }
  .contentorTitulo h1{
    letter-spacing: 13px;
    font-weight: 700;
    font-size: 4.5rem;
    color: #575757;
  }

  .NoticiaGrande::before {
      width: 15%;
      content: "";
      left: -3.5vw;
      z-index: -1;
      top: 4.1vh;
      height: 4vh;
      position: absolute;
      transform: rotate(90deg);
      background-color: var(--NovaCor);
  }

  .NoticiaGrande{
    width: 40%;
    height: 50vh;
    position: relative;
  }

  .NoticiaGrande img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
}

.NoticiaGrande::after {
  background: linear-gradient( 
    180deg
     , rgba(220,221,224,0) 0%, rgb(14 15 17 / 63%) 74%);
        content: '';
        display: block;
        z-index: 0;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 28%;
}
  .NoticiaGrande .caixanoticia{
    display: flex;
    justify-content: space-between;
  }

  .caixanoticia h4{
    position: absolute;
    bottom: 0;
    width: 70%;
    color: var(--branco);
    font-weight: 600;
    z-index: 2;
    padding-left: 1em;
    padding-bottom: 0.5em;
  }

  .caixanoticia button {
    z-index: 2;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: var(--NovaCor);
    color: var(--branco);
    border-radius: 0;
    padding: 0.3em 1.3em 0.3em 1.3em;
    text-transform: uppercase;
    margin-bottom: 1em;
    margin-right: 1em;
    transition: all 0.6s ease;
}

.caixanoticia button:hover{
  background: #1576BA;
    color: var(--branco);
}
.caixanoticiapequena button:hover{
  background: #1576BA;
    color: var(--branco);
}

  .NoticiasPequenas{
    width: 25%;
    margin-left: 1em;
    position: relative;
  }

  .noticiapeq1{
    position: relative;
    height: 24vh;
    
  }

  .noticiapeq1::before{
    background: linear-gradient( 
      180deg
       , rgba(220,221,224,0) 0%, rgb(14 15 17 / 63%) 74%);
          content: '';
          display: block;
          z-index: 0;
          position: absolute;
          bottom: 0;
          width: 100%;
          height: 28%;
  }
  .noticiapeq2::before{
    background: linear-gradient( 
      180deg
       , rgba(220,221,224,0) 0%, rgb(14 15 17 / 63%) 74%);
          content: '';
          display: block;
          z-index: 0;
          position: absolute;
          bottom: 0;
          width: 100%;
          height: 28%;
  }
  .noticiapeq2{
    position: relative;
    height: 24vh;
    margin-top: 1em;
  }

  .noticiapeq1 img{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;

  }

  .noticiapeq2 img{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
object-fit: cover;
  }

  .noticiapeq1 .caixanoticiapequena{
    display: flex;
    justify-content: space-between;
  }
  .noticiapeq2 .caixanoticiapequena{
    display: flex;
    justify-content: space-between;
  }
  
/* 3ª coluna  */
  .caixanoticiapequena H4{
    font-size: 18px;
    position: absolute;
    bottom: 0;
    color: var(--branco);
   padding-bottom: 0.3em;
    padding-left: 1em;
    width: 70%;
}

.caixanoticiapequena button{
  position: absolute;
  bottom: 0;
  right: 0;
  color: var(--branco);
      margin-bottom: 1.1em;
  margin-right: 1em;
  background-color: var(--NovaCor);
  border-radius: 0;
  padding: 0.3em 1.3em 0.3em 1.3em;
  transition: all 0.6s ease;
}

.NoticiasVermais button{
  background: linear-gradient(135deg, rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
  float: right;
  width: 34%;
  margin-top: 1em;
  border-radius: 0;
  height: 5vh;
  color: var(--branco);
  text-transform: uppercase;
  font-weight: 500;
  transition: all 0.6s ease;
}

.NoticiasVermais button:hover{
  background: rgba(21,118,186,1);
	background-size: 400% 400%;
}



.Secaonoticias{
  margin-bottom: 11em;
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .Noticias .contentorTitulo{
    margin-left: 15em;
    margin-top: -1.9em;
  }
  .contentorTitulo h1{
    font-size: 4.2rem;
  }
  /* .contentorTitulo::after{
    left: 39.8vh;
    top: 10vh;
    width: 127%;
  } */
  .NoticiaGrande{
    width: 45%;
  }

  .NoticiaGrande::before {
    content: "";
    left: -5.5vw;
    top: 4.2vh;
    width: 20%;

  }

  .NoticiasPequenas {
    width: 30%;
  }
  .caixanoticia h4{
    width: 75%;
  }
  .caixanoticiapequena H4{
    font-size:14px;
    width: 65%;
  }
  .caixanoticiapequena button{
    padding: 0.3em 1em 0.3em 1em;
  }
}

  @media (min-width: 1281px) and (max-width: 1441px){
    /* .contentorTitulo::after{
      left: 37.2vh;
      top: 10vh;
      width: 134%;
    } */
    .Noticias .contentorTitulo{
      margin-left: 17em;
    }
    .NoticiaGrande::before {
      content: "";
      left: -68px;
      top: 38px;
      width: 20%;
  }
  
    
    .contentorTitulo h1{
      font-size: 4.1rem;
      letter-spacing: 5px;
    }
    

    .NoticiasPequenas{
      width: 33%;
    }
    .caixanoticia h4{
      width: 76%;
    }





  }

/* ##############################################################################################################################
##################################################################################################################################################################
################################################################################################################################################
############################################################################################################
      FOOTER 
      ##############
*/
footer{
display: flex;
  /* padding-top: 5em; */
  min-height: 60vh;
}

.ShapeWhite{
  padding-right: 3em;
  position: relative;
    justify-content: flex-end;
  padding-top: 5em;
  display: flex;
  width: 38%;
  background: #1576ba;

}
.ShapeWhite::before{
  content: url(../Media/stock_shape_white.png);
  position: absolute;
  left: -5%;
}

.ShapeWhite img{
  width: 50%;
}

.contactosPessoas{
  width: 24%;
  background-color: var(--branco);
}

.PinWhite{
  display: flex;
  width: 38%;
  background: #1576ba;

  overflow: hidden;
}

.contactlist h1{
  color: var(--branco);
    letter-spacing: 5px;
    padding-left: 2rem;
    font-weight: 600;
}

.listacontactos{
  padding-top: 2em;
}

.listacontactos li {
  color: var(--branco);
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 1em;
  font-weight: 500;
  position: relative;
  transition: ease-in-out 0.1s;
}

.activelist{
     border-bottom: 5px solid white;
  cursor: pointer; 
}


.listacontactos li:hover{
  border-bottom: 5px solid white;
  cursor: pointer;
}

.contactosPessoas{
  padding-left:3em;
  padding-right: 2em;
  padding-bottom: 3em;
}

.frasemarcas p{
  color: var(--NovaCor);
  text-transform: uppercase;
  font-weight: 800;
  font-size: 0.8rem;
  padding: 3em 0em 3em 0em;
}

.depComercial{display: block;}
.depPosVenda{display: none;}
.carbanco {display: none;}
.Admindiv{display: none;}
.contagerais{display: none;}




.pessoas{
  height: 70px;
  width: 70px;
  border-radius: 50%;
}

.p1{
  display: flex;
}

.p2{
  display: flex;
}

.nomePessoa{
  place-self: center;
  padding-left: 0.5em;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 1.5rem;
  color: var(--NovaCor);
}

.pessoaEmail{
  padding-top: 0.5em;
    padding-left: 0.5em;
    font-size: 1rem;
        text-transform: uppercase;
}

.pessoaNumero{
  padding-left: 0.5em;
    font-size: 1.1rem;
}

.localizacao{
  padding-left: 3em;
  padding-top: 5em;
}

.visite{
  font-weight: 600;
  letter-spacing: 5px;
  color: var(--branco);
  margin-bottom: 1em;
  text-transform: uppercase;
}

.cidade{
  text-transform: uppercase;
  font-weight: 900;
  color: var(--branco);
  letter-spacing: 1px;
}

.rua{
  color: var(--branco);
  text-transform: uppercase;
}

.pinsfooter{
  position: relative;
}

.gps{
  position: absolute;
  left: 186px;
  top: 25px;
}

.facebook{
  transition: 0.3s linear;
  padding-top: 1em;
      margin-right: 0.5em;
}
.owl-dots{
        position: absolute;
    z-index: 9999;
}
.owl-carousel button.owl-dot{
  color: var(--FundosBotoesVarios) !important;
    border: 9px solid var(--FundosBotoesVarios) !important;
    border-radius: 55px !important;
    margin-right:0.5em;
}
.owl-carousel button.owl-dot.activex{
    border: 12px solid var(--FundosBotoesVarios) !important;
}

.instagram{
  transition: 0.3s linear;
  padding-top: 1em;
}

.facebook:hover{
  transition: 0.3s linear;
  transform: scale(0.9);
}

.instagram:hover{
  transition: 0.3s linear;
  transform: scale(0.9);
}

/* .loc{
  position: absolute;
  left: 105px;
  bottom: -85px;
} */
/* 
@media (min-width: 1025px) and (max-width: 1280px) {

  .ShapeWhite img{
    width: unset;
    margin-left: -45%;
    height: 53%;
  }
  .ShapeWhite{
    width: 32%;
  }

  .contactosPessoas{
    width: 37%;
  }
  .localizacao{
    padding-left: 2em;
  }
  .gps{
    left: -80px;
    top: 156px;
  }
}

@media (min-width: 1281px) and (max-width: 1441px){
  .ShapeWhite img{
    width: unset;
    margin-left: -23%;
    height: 53%;
  }
  .contactosPessoas {
    width: 30%;
  }
  .ShapeWhite{
    width: 35%;
  }
  .PinWhite{
    width: 35%;
  }

  .gps{
    left: -38px;
    top: 116px;
  }
}

@media (min-width:1440px) and (max-height:799px){
  footer{
    height: 80vh;
  }
} */

.carlist-page .navbar{
    padding-top: 1em;
  padding-bottom: 1em;
  background: linear-gradient(135deg, rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
}

/* ############################################################## PÁGINA DE CONTACTOS #################### */
/* ############################################################## PÁGINA DE CONTACTOS #################### */
/* ############################################################## PÁGINA DE CONTACTOS #################### */
/* ############################### ###############################PÁGINA DE CONTACTOS #################### */
/* ############################################################## PÁGINA DE CONTACTOS #################### */
/* ############################################################## PÁGINA DE CONTACTOS #################### */

.contact-page .navbar{
  padding-top: 1em;
  padding-bottom: 1em;
  background: linear-gradient(135deg, rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
}

.ContactSection{
  display: flex;
 height: auto;
  margin-top: 25vh;
  margin-bottom: 11vh;
}

.LeftImage{
  width:50%;
  display: flex;
  position: relative;
}

.rightForm{
  Width:50%;
}

.contact-page .login-box h2 {
  margin: 0 0 30px;
  padding: 0;
  color: #fff;
  text-align: center;
}

.contact-page .login-box .user-box {
  position: relative;
}

.contact-page .login-box{
  width: 60%;
    background: #ebebeb;
    padding: 2em;
}

.contact-page .login-box h3{
  text-align: -webkit-center;
  color: var(--NovaCor);
  font-weight: 600;
letter-spacing: 2px;
}

#descForm{
  text-transform: unset;
  text-align: -webkit-center;
  padding-bottom: 1em;
  color: #3d3d3d;
}

.contact-page .login-box .user-box input {
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
  color: black;
  margin-bottom: 30px;
  border: none;
  border-bottom: 1px solid var(--NovaCor);
  outline: none;
  background: transparent;
}

.contact-page .login-box .user-box label {
  letter-spacing: 2px;
font-weight: 500;

  position: absolute;
  top:0;
  left: 0;
  padding: 10px 0;
  font-size: 18px;
  color: var(--NovaCor);
  pointer-events: none;
  transition: .5s;
}

.contact-page .login-box .user-box input:focus ~ label,
.contact-page .login-box .user-box input:valid ~ label {
  top: -20px;
  left: 0;
  color: var(--NovaCor);
  font-size: 12px;
}

.contact-page .login-box form a {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  color: white;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  transition: .5s;
  BACKGROUND: var(--Subtextos);
  /* margin-top: 40px; */
  letter-spacing: 4px
}

/* .contact-page .login-box a:hover {
  background: var(--NovaCor);
  color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px var(--FundosBotoesVarios),
              0 0 25px var(--FundosBotoesVarios),
              0 0 50px var(--FundosBotoesVarios),
              0 0 100px var(--FundosBotoesVarios);
} */

.contact-page .login-box a span {
  position: absolute;
  display: block;
}
/* 
.contact-page .login-box a span:nth-child(1) {
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--FundosBotoesVarios));
  animation: btn-anim1 1s linear infinite;
}

@keyframes btn-anim1 {
  0% {
    left: -100%;
  }
  50%,100% {
    left: 100%;
  }
}

.contact-page .login-box a span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, transparent,var(--FundosBotoesVarios));
  animation: btn-anim2 1s linear infinite;
  animation-delay: .25s
}

@keyframes btn-anim2 {
  0% {
    top: -100%;
  }
  50%,100% {
    top: 100%;
  }
}

.contact-page .login-box a span:nth-child(3) {
  bottom: 0;
  right: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg, transparent, var(--FundosBotoesVarios));
  animation: btn-anim3 1s linear infinite;
  animation-delay: .5s
}

@keyframes btn-anim3 {
  0% {
    right: -100%;
  }
  50%,100% {
    right: 100%;
  }
}

.contact-page .login-box a span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, transparent, var(--FundosBotoesVarios));
  animation: btn-anim4 1s linear infinite;
  animation-delay: .75s
}

@keyframes btn-anim4 {
  0% {
    bottom: -100%;
  }
  50%,100% {
    bottom: 100%;
  }
} */

.contact-page .ApoioForm{
  padding: 2em;
}

.contact-page .shapeazul{
  position: absolute;
  left: -130px;
}

.contact-page .telefoneimg{
  position: absolute;
  left: 280px;
}

@media (min-width: 1025px) and (max-width: 1280px){
  .contact-page .telefoneimg {
    left: 180px;
}
.contact-page .shapeazul{
  left: -220px;
}

.contact-page .login-box{
  width: 80%;
}
}

@media (min-width: 1281px) and (max-width: 1441px){
  .contact-page .login-box{
    width: 85%;
  }
}

@media (min-width:1440px) and (max-height:799px){
  /*.Servicos{*/
  /*  height: 90vh;*/
  /*}*/
  .contentor{
    padding: 3em;
  }

  .ApoioContactenos{
    padding-top:1em;
    font-size: 18px;
    letter-spacing:2px;
  }
  .ApoioContactenos span{
    font-size: 30px;
  }

  /* .contentorTitulo::after{
    width: 100%;
    left: 287px;
    top: 78px;
  } */
  .contentorTitulo h1{
    font-size: 3rem;
    letter-spacing: 17px;
  }

  .Noticias .contentorTitulo{
    margin-left: 19em;
    margin-top: -1.7em;
  }

  .ShapeWhite img{
    margin-left: -7em;
  }
  .ShapeWhite{
    width:37%;
  }

  .contactosPessoas{
    width:25%;
  }
  .PinWhite{
    width: 38%;
  }

  .gps{
    left: 25px;
    top: 77px;
  }

  .ContactSection{
    margin-bottom: 10vh;
  }

  .contact-page .shapeazul {
    left: -190px;
  }
  .contact-page .telefoneimg{
    left: 210px;
  }
  .contact-page .login-box{
    width: 80%;
  }
  .DivImagemApoio img{
    width: 90%;
  }
}

/* Mobile Query */
@media (min-width: 320px) and (max-width: 480px){
  .ContactSection{
    margin-top: 120px;
    height: auto;

  }
  .rightForm{
    width: 100%;
  }
  .LeftImage{
    display: none;
  }
  .contact-page .login-box{
    width: 100%;
  }
  .contact-page .ApoioForm{
    padding: unset;
  }
}



/* SOBRE NOS */
.sobrenospage .botaquetem{
  display: flex;
  margin: 2em;
  margin-top: 20vh;
  margin-bottom: 5vh;
}

.sobrenospage .leftsobre,.sobrenospage .rightsobre{
  width: 50%;
}

.sobrenospage .rightsobre img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sobrenospage p {
  max-width: 90%;
    text-align: justify;
}

.sobrenospage .soparamobile{
  display: flex;
}
.sobrenospage .marcassobre{
  margin-top:4rem;
  margin-bottom: 4rem;
  
}

.sobrenospage .marcassobre > h2{
  padding-left: 2rem;
}

.sobrenospage .marcassobre > .logomarcas.soparamobile{
  /* background:#fff; */
  /* flex-wrap: wrap; */
  background:inherit;
  flex-wrap: nowrap;
  width: 100%;
}


.sobrenospage .marca img {
  width: 120px;
  height: 120px;
}

.sobrenospage .logomarcas{
  justify-content: start;
}

/* ############################################################################################################################################################
  #############################################################################################      PÁGINA DO CARRO  ############################################################################################################################
  ################################ ###########################################################################################################################################################*/

 .carro_page .carousel-control-prev{
   top: unset;
   width: 5%;
   height: 8%;
   background: var(--NovaCor);
 }

 .carro_page .carousel-control-next{
  top: unset;
  width: 5%;
  height: 8%;
  background: var(--NovaCor);
  left: 92px;
 }

 .carro_page .navbar{
  padding-top: 1em;
padding-bottom: 1em;
background: linear-gradient(135deg, rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%);
                                background-size: 400% 400%;
                                animation: gradient 15s ease infinite;
}

.carro_page .carousel-caption{
  position: absolute;
    bottom: 7%;
    left: 3%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: left;
}



.carro_page .w-100 {
  width: 100% !important;
  height: 80vh;
  object-fit: cover;
}

.carro_page .table td{
  /* color: var(--NovaCor); */
  color: #1268c8;
}

.carro_page .TabelaPrecoCarateristicas{
  position: absolute;
  width: 25%;
  background: white;
  bottom: 5%;
  border-radius: 5%;
  right: 5%;
  -webkit-box-shadow: -1px 9px 20px -2px rgba(0,0,0,0.38);
  -moz-box-shadow: -1px 9px 20px -2px rgba(0,0,0,0.38);
  box-shadow: -1px 9px 20px -2px rgba(0,0,0,0.38);
}

.carro_page .PrecoCarro{
  background: rgb(49,147,255);
  background: -moz-linear-gradient(90deg, var(--FundosBotoesVarios) 19%, rgba(18,104,200,1) 68%);
  background: -webkit-linear-gradient(90deg, var(--FundosBotoesVarios) 19%, rgba(18,104,200,1) 68%);
  background: linear-gradient(90deg, var(--FundosBotoesVarios) 19%, rgba(18,104,200,1) 68%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--FundosBotoesVarios)",endColorstr="#1268c8",GradientType=1);
  padding-left: 2em;
  padding-top: 1em;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;

}

.carro_page .PrecoCarro h1 {
  color: var(--branco);
}

.carro_page .tabelainterior {
  padding: 2em;
}

.carro_page .table>:not(caption)>*>*{
  padding: 0;
}

.carro_page .infoEsquerda{
  width: 70%;
  padding: 1.6em 5em 5em 5em;
}

.carro_page .relacionadosDir{
  width: 30%;
}

.carro_page .infoCarro{
  display: flex;
  padding-top: 5%;
}

.carro_page .equipamentosCarro{
  padding: 4em;
  background: #f2f2f2;
}

.carro_page .equipamentosCarro p{
  text-transform:unset;
  color: var(--Subtextos);
  font-weight: 500;
}

.carro_page .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color:var(--Subtextos) !important;
  background-color: #f2f2f2 !important;
  border-color: unset !important;
}

.carro_page .nav-tabs .nav-link{
  color: var(--Subtextos) !important;
  background-color: var(--fundoHeader);
}

.carro_page .relacionadosDir h1{
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: 10px;
  color: var(--Titulos);
}

.carro_page .relacionadosDir .relaci{
  padding: 1em 4em 4em 0em;
}

.carro_page .CardCarro:nth-child(1)
{
  margin-bottom: 3em;
}

.carro_page .CardCarro img{
  width: 80%;
}
.carro_page .CardCarro .combustivel{
  right: 224px;
}
.carro_page .CardCarro .kilometros{
  right: 110px;
}
.carro_page .CardCarro .TituloCarro{
  right: 108px;
}

.carro_page .conteudoCarro{
  width: 80%;
}

@media (min-width: 1025px) and (max-width: 1280px){
  .carro_page .carousel-control-next{
    left: 61px;
  }
  .carro_page .CardCarro img{
    width: 100%;
  }
  .carro_page .conteudoCarro{
    width: 100%;
  }
  .carro_page .CardCarro .combustivel{
    right: 130px;
  }
  .carro_page .CardCarro .kilometros{
    right: 12px;
  }
  .carro_page .CardCarro .TituloCarro{
    right: 12px;
  }
  .carro_page .relacionadosDir h1{
    letter-spacing: 4px;
  }

  .carro_page .TabelaPrecoCarateristicas{
    right: 3%;
    width: 30%;
  }
}

@media (min-width: 1281px) and (max-width: 1441px){
  .carro_page .carousel-control-next{
    left: 69px;
  }
  .carro_page .CardCarro img{
    width: 100%;
  }
  .carro_page .conteudoCarro{
    width: 100%;
  }
  .carro_page .CardCarro .combustivel{
    right: 130px;
  }
  .carro_page .CardCarro .kilometros{
    right: 12px;
  }
  .carro_page .CardCarro .TituloCarro{
    right: 12px;
  }
  .carro_page .relacionadosDir h1{
    letter-spacing: 8px;
  }
}

@media (min-width:1440px) and (max-height:799px){
  .carro_page .carousel-control-next{
    left: 76px;
  }
  .carro_page .relacionadosDir h1{
    letter-spacing: 3px;
  }
}

.paginacao{
  padding-top: 5em;
  display: flex;
  justify-content: flex-end;
}

.DivFiltroOrd{
  display: flex;
  justify-content: flex-end;
  padding-bottom: 1em;
}

.textoOrdenar{
  font-weight: 900;
  align-self: center;
  padding-right: 0.3em;
}

.botaoOrdenar{
  background: var(--FundosBotoesVarios) !important;
  border-radius: 0 !important;
  font-weight: 500 !important;
  border-color: unset !important;
}

.outer-filtros{
  display: flex;
}

.Filtros{
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.Filtros button{
  color: black !important;
    background-color: white !important;
    border-color: white !important;
}

.PrecoSlider{
  width: 40%;
  position: relative;
}
.PrecoSlider input{
  width: 100%;
}

.PesquisaFiltro{
  margin-top: 1em;
  background: var(--NovaCor);
  color: var(--branco);
  width: 15%;
  text-transform: uppercase;
  padding: 0.3em;
  border: unset;
}

.titulopesquisa{
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 900;
}


.range{
  height: 15px;
}


.bubble {
  background: var(--NovaCor);
  color: var(--branco);
  padding: 4px 12px;
  position: absolute;
  border-radius: 4px;
  left: 50%;
  bottom: -26px;
  transform: translateX(-50%);
}

.bubble::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  background: var(--NovaCor);
  top: -1px;
  left: 50%;
}

.carlist-page .banner{
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../Media/paginacarro/banner2.jpg);
  height: 52vh;
  background-color: #0F4B86;
  DISPLAY: FLEX;
  margin-top: 0vh;
  justify-content: flex-end;
  padding-top: 1em;
  padding-right: 10em;
  text-align: -webkit-center;
}
.carlist-page .bannerheader{
  font-weight: 900;
  color: var(--branco);
  font-size: 2rem;
}

.carlist-page .banner p {
  color: var(--branco);
  font-size: 4rem;
  font-weight: 300;
}

.carlist-page .grandetexto{
  font-size: 4rem;
  font-weight: 900;
  color: var(--branco);
}

.carlist-page .boxBanner{
  border-right: 3px solid white;
  border-bottom: 3px solid white;
  border-left: 3px solid white;
  padding:0em 0.5em;
  position: relative;
}

/* .carlist-page .boxBanner::after{
  content: '';
  display: block;
  position: absolute;
  width: 50px;
  top: 0px;
  left: 0px;
  border: 2px solid white;
}
.carlist-page .boxBanner::before{
  content: '';
  display: block;
  position: absolute;
  width: 50px;
  top: 0px;
  right: 0px;
  border: 2px solid white;
} */

.carlist-page .SEOAREA{
  align-self: center;
}

.carlist-page .dropdown select{
  border: none;
  width: 100%;
  height: 50%;
  border: 1px solid gray;
  background: #f2f2f2;
  color: black;
}
.carlist-page #filtro{
  border: none;
  width: 100%;
  height: 100%;
  background: var(--NovaCor);
  color: var(--branco);
}

.carlist-page form{
  width:100%;
  padding-bottom: 1em;
  padding-top: 1em;
}

.carlist-page label{
  display: block;
  color: var(--Subtextos);
  font-size: 1.05rem;
  letter-spacing: 0;
  font-weight: 500;
}


/* CARRO UPDATE */
.navbarcarrousado{
  background: #1576BA;
  height: 10vh;
  margin-top: 80px;
  display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 5%;
    padding-right: 5%;
}

.marcaemodelo > h1, .marcaemodelo > h4{
  color: white;
}
.marcaemodelo > h1 {
font-weight: 800;
font-size: 1.75rem;
line-height: 34px;
letter-spacing: 0.06em;
margin: 0;
}

.marcaemodelo > h4 {
  font-weight: 600;
font-size: 1rem;
}
.contentorcarrousado{
  padding-top: 5%;
  margin-left: 15em;
  margin-right: 15em;
  margin-bottom: 4em;
}

.estouinteressado{
  background: #236BFF;
  padding: 1em 2em;
  color: white;
  font-weight: 600;
  margin-right: 1em;
  cursor: pointer;
  transition: all 0.6s ease;
}

.estouinteressado:hover{
  background: white;
  color: #236BFF;
}

.pedirsimulacao{
  background: linear-gradient(
    135deg
    , rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%);
        background-size: 400% 400%;
        animation: gradient 15s ease infinite;
  padding: 1em 2em;
  color: white !important;
  font-weight: 600;
  margin-right: 1em;
}

.fichatecnica{
  background: white;
        background-size: 400% 400%;
        animation: gradient 15s ease infinite;
        padding: 0.6rem 1rem;
  height: 50px;
  color: black !important;
  font-weight: 600;
  border-radius: 55px;
}

.swipemobi.w10 i {
  padding: 1rem 1rem;
    background: white;
    border-radius: 55px;
}

.titulocarroepreco{
  display: block;
  justify-content: space-between;
  box-shadow: 4px 3px 26px 5px rgb(0 0 0 / 25%);
  border-radius: 11px;
  background: white;
  padding: 2em 2em 0.5em 2em;
  position: relative;
}
.titulocarrousado > h2 {
  margin: 0;
  color: #011F5D;
  font-weight: 700;
  letter-spacing: 0.06em;
  font-size: 2.25rem;
  position: relative;
}

.titulocarrousado > h2::before{
  content: '';
    display: block;
    position: absolute;
    width: 15%;
    top: -5px;
    left: 0px;
    border-top: 5px solid var(--NovaCor);
}

.titulocarrousado > h4 {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 29px;
  margin: 0;
  color: #6D9AF9;
}

.precocarrousado > h2 {
  font-weight: 900;
  font-size: 4rem;
  line-height: 78px;
  color: #011F5D;
}

.descricaocarrousado > p {
  line-height: 20px;
letter-spacing: 2px;
text-transform: unset;
margin-top: 2em;
}

.iconscarrousado{
  background: #F3F3F3;
box-shadow: 4px 3px 26px 5px rgba(0, 0, 0, 0.25);
border-radius: 11px;
padding: 1em 1em 5em 2em;
margin-top: 1em;

}






.novidadecarrousado,.vendidocarrousado,.campanhacarrousado{   
  width: fit-content;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0.2em;
  z-index: 9;
  
}

.novidadecarrousado{
  background: linear-gradient(
    135deg
    , rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%);
        background-size: 400% 400%;
        animation: gradient 15s ease infinite;
}



.vendidocarrousado{
  background: linear-gradient(135deg, rgb(113, 59, 40) 15%, rgb(186, 21, 21) 50%, rgb(113, 59, 40) 85%);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}

.campanhacarrousado{
  background: linear-gradient(135deg, rgb(148, 153, 47) 15%, rgb(155, 211, 25) 50%, rgb(148, 153, 47) 85%);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}


.novidadecarrousado h1,.vendidocarrousado h1,.campanhacarrousado h1{
  font-weight: 500;
        font-size: 1rem;
        
        text-align: right;
        letter-spacing: 0.315em;
        text-transform: uppercase;
        color: #FFFFFF;
        margin: 0;
       
}




.potenciacor , .cilindradaestado , .segmentoorigem , .garantiaportas , .velocidadeslugares{
  display: flex;
  width: 100%;
}
.potenciausado,.corusado,.cilindradausado,.estadousado,.segmentousado,.origemusado,.garantiausado,.portasusado,.velocidadesusado,.lugaresusado{
  display: flex;
  align-items: center;
  display: flex;
  align-items: center;
  width: 50%;
  margin-top: 2em;
}
.listusadoh3{
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  padding-right: 0.5em;
  line-height: 20px;
  letter-spacing: 2px;  
  color: #011F5D;
}

.listusadop{
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 20px;
  letter-spacing: 2px;  
  color: #464646;
}


.relative{
  position: relative;
}

.share{
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 1.5em;
  margin-right: 1em;
}


.centerusado{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4em;
}

.veiculossemelhantes{
  margin-left: 15em;
  margin-right: 15em;
  margin-bottom: 10vh;
  display: flex;
  flex-direction: column;

}

.veicsemelhh1{
  margin-bottom: 1.5em;
  letter-spacing: 5px;
  font-weight: 600;
  text-transform: uppercase;
}








/* ################################################################################# FILTROS AVANÇADOS ############################################################################################################################*/
/* ############################################################################################# search ##############################################################*/

.search .search-block { 
  padding: 10px 20px 0px; 
  background: #ffffff;
   border: 1px solid #e3e3e3; 

   box-shadow: 13px 9px 60px -14px #c3c3c3;
   border-radius: 15px;
    margin-top: -110px; 
    position: relative; 
    z-index: 1;
   }
.search .search-block .selectpicker {
   margin-bottom: 15px;
    border-radius: 0px; 
    border-color: #e3e3e3; 
  }
.search .search-block span { 
  margin-bottom: 10px; 
  display: block; 
  font-size: 13px;
 }
.search .search-block .select {
   height: 50px;
    margin-bottom: 10px;
   }
.search .search-block .select-styled {
   padding: 13px 15px;
    color: #999999;
   }
.search .search-block .select-styled:after {
   top: 22px;
    opacity: 0.5;
   }
.search .search-block .select-styled:active:after, .search .search-block .select-styled.active:after {
   top: 14px;
   }
.search .search-block .select-options li {
   color: #999999;
   }
.search .search-block .selected-box .select-options {
   max-height: 170px; 
   overflow: auto;
   }
.search-top .selected-box .select-options {
   max-height: 170px; 
   overflow: auto;
   }
.selected-box .selectpicker{
    border: 1px solid #e3e3e3;
    color: #777;
    cursor: pointer;
    display: block;
    line-height: 14px;
    max-width: 100%;
    min-width: 100%;
    padding: 10px;
    border-radius: 5px !important;
}
.submitButton{
    border: 0;
    color: #fff;
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0px;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    height: 35px;
    background: #db2d2e;
    transition: all 0.5s;
}

.pesAvancada{
    color: #333333;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    text-transform: initial;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}
.page_veiculos .space2column{
    width:unset;
}

.carlist-page select {
  border: none;
    border-left: 1px solid var(--FundosBotoesVarios) !important;
    border-bottom: 1px solid var(--FundosBotoesVarios) !important; 
    color: #777;
    cursor: pointer;
    display: block;
    line-height: 20px;
    max-width: 100%;
    min-width: 100%;
    padding: 10px;
    -webkit-appearance: none;
    background: #fff url("../Media/down_cinza.svg") no-repeat 60px center;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 16px;
}
.carlist-page .send_button{
    border: 0;
                                color: #fff;
                                margin: 0;
                                font-weight: 500;
                                font-size: 16px;
                                line-height: 19px;
                                letter-spacing: 0px;
                                width: 100%;
                                text-align: center;
                                border-radius: 5px;
                                height: 40px;
                                background: linear-gradient(135deg, rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%);
                                background-size: 400% 400%;
                                animation: gradient 15s ease infinite;
                                transition: all 0.5s;
                                cursor: pointer;
}
.carlist-page .paddingfiltroright {
    padding-right: 0px;
}
.carlist-page .paddingfiltroleft {
    padding-left: 0px;
}

@media only screen and (min-width:300px) and (max-width:700px){
.carlist-page .paddingfiltroleft{
        padding-bottom: 1em;
}

.carlist-page select#portas{
  border-left: none !important;
  border-right: 1px solid var(--FundosBotoesVarios);
}

.carlist-page .paddingfiltroright {
  padding-right: calc(var(--bs-gutter-x)/ 2);
}
.carlist-page .space2column{
    width:50%;
}
.carlist-page .paddingselect{
    padding-top: 1em;
    padding-bottom: 1em;
}

.carlist-page .search-block{
    z-index:999;
}
.gridCartoes{
    grid-template-columns:auto;
}

.CarList{overflow:hidden;}
footer{overflow:hidden;}
.logoEmpresa {
    width: 100%;
}

.navbar{
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

}

.carro_page .carTitle{
  color: var(--NovaCor);
  font-weight: bold;
  font-size: 2rem;
}
.carro_page .TituloCarro {
  padding-bottom: 1em;
}
.carro_page .estado {
  letter-spacing: 2px;
  color: var(--Subtextos);
}
.carro_page .contentorCarro{
  display: flex;
  gap: 1em;
}
.carro_page .GaleriaCarro{
  width: 60%;
}
.carro_page .CarateristicasCarro{
  width: 40%;
  height: 100%;
  /* background: #FFFFFF;
  box-shadow: 4px 3px 26px 5px rgba(0, 0, 0, 0.25);
  border-radius: 11px; */
}

.carro_page .carrosmall{
  display:flex;
  padding-top: 0.1em;
}

.carro_page .carrosmall img{
  border: 1px solid gray;
}

.carro_page .CaixaPreco{
  background-color: var(--NovaCor);
  padding:1em 0em 0.5em 0em;
}

.carro_page .CaixaPreco h2{
  color: var(--branco);
  letter-spacing: 5px;
  text-align: -webkit-center;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 3rem;
}
.carro_page .boxCarro{
  padding: 4em 0em 3em 0em;
  position: relative;
}

.carro_page .boxCarro h3::before{
  content: '';
  display: block;
  position: absolute;
  width: 5%;
  top: -10px;
  left: 0px;
  border-top: 5px solid var(--NovaCor);
}

.carro_page .boxCarro h3{
  position: relative;
  letter-spacing: 5px;
  color: var(--Titulos);
  font-weight: 600;
  font-size: 1.5rem;
  z-index: 2;
}

.carro_page .stayinline{
  display: flex;
  padding-top: 1em;
}

.carro_page .stayinline:nth-child(1){
  padding-top: 0;
}

.carro_page .stayinline:nth-child(4){
  padding-bottom: 2em;
}

.carro_page .halfwidth{
  width: 50%;
}
.carro_page .carrodetail{
  border-bottom: var(--FundosBotoesVarios) 10px solid;
  border-right: var(--FundosBotoesVarios) 10px solid;
}
.carro_page .carrodetail h5{
color: var(--NovaCor);
font-weight: 700;
letter-spacing: 5px;
margin-bottom: 0;
}
.carro_page .carrodetail p{
  color: var(--Subtextos);
  font-weight: 700;
  letter-spacing: 5px;
  }

  .carro_page .padd{
    padding: 2em 0em 2em 2em;
  }

  .carro_page .container {
    padding-top: 2em;
  }


  .carro_page .banner{
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../Media/paginacarro/banner2.jpg);
    height: 52vh;
    background-color: #0F4B86;
    DISPLAY: FLEX;
    margin-top: 0vh;
    justify-content: flex-end;
    padding-top: 1em;
    padding-right: 10em;
    text-align: -webkit-center;
}

  .carro_page .bannerheader{
    font-weight: 900;
    color: var(--branco);
    font-size: 2rem;
  }

  .carro_page .banner p {
    color: var(--branco);
    font-size: 4rem;
    font-weight: 300;
  }

  .carro_page .grandetexto{
    font-size: 4rem;
    font-weight: 900;
    color: var(--branco);
  }

  .carro_page .boxBanner{
    border-right: 3px solid white;
    border-bottom: 3px solid white;
    border-left: 3px solid white;
    padding:0em 0.5em;
    position: relative;
  }

  .carro_page .boxBanner::after{
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    top: 0px;
    left: 0px;
    border-top: 5px solid white;
  }
  .carro_page .boxBanner::before{
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    top: 0px;
    right: 0px;
    border-top: 5px solid white;
  }

  .carro_page .SEOAREA{
    align-self: center;
  }

  .carro_page .CarateristicasExtra{
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .carro_page .CarateristicasExtra .descricaoCarro{
    position: relative;
    padding-top: 0.5em;
  }
  .carro_page .CarateristicasExtra .descricaoCarro::before{
    content: '';
    display: block;
    position: absolute;
    width: 10%;
    top: 0px;
    left: 0px;
    border-top: 5px solid var(--NovaCor);
  }
  .carro_page .CarateristicasExtra{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  
  
  .carro_page .CarateristicasExtra .descricaoCarro h5{
    letter-spacing: 5px;
    color: var(--Titulos);
    font-weight: 700;
    font-size: 1.5rem;
  }

  .carro_page .CarateristicasExtra .descricaoCarro p{
  color: var(--Subtextos);
  font-weight: 400;
  text-transform: unset;
  letter-spacing: 2px;
  }
  .carro_page .MaisCarateristicas h5{
    letter-spacing: 5px;
    color: var(--Titulos);
    font-weight: 700;
    font-size: 1.5rem;
  }
  .carro_page .MaisCarateristicas {
    position: relative;
    padding-top: 0.5em;
    width: 45%;
  }
  .carro_page .MaisCarateristicas::before{
    content: '';
    display: block;
    position: absolute;
    width: 10%;
    top: 0px;
    left: 0px;
    border-top: 5px solid var(--NovaCor);
  }

  .carro_page .headerEspecificacoes{
    color: var(--Titulos);
    text-align: center;
    letter-spacing: 2px;
    padding-top: 3em;
  }
  .carro_page .EspecificacoesCarro ul{

      padding-left: 1rem;
  }
  .carro_page .EspecificacoesCarro li{
    list-style: square;
    text-transform: uppercase;
    color: var(--Subtextos);
    font-size: 0.8rem;
  }
  .carro_page .EspecificacoesCarro li::marker {
    color: var(--NovaCor);
    font-size: 1.5rem;
  }
  .carro_page .EspecificacoesCarro .headerinside{
    color: var(--Titulos);
    padding-bottom: 2em;
  }


  .carro_page  .seguranca-desempenho, .equipamento-interior, .equipamento-exterior, .conforto-multimedia{
    width: 22.5%;
  }
  .carro_page .historico{
    width: 10%;
  }
  .carro_page .contentorEquipamentos{
    display: flex;
    position: relative;
    padding: 3em 10em 3em 10em;
  }

.carro_page .imgScarateristica::after{
  content: url('../Media/paginacarro/zpeq.png');
    width: 50px;
    height: 50px;
    position: absolute;
    right: 35%;
    top: -20%;
    z-index: -1;
}

/* .carro_page .GaleriaCarro::before{
  content: url('../Media/stock_shape_white.png');
  position: absolute;
  z-index: 1;
  left: -1%;
} */

.carro_page .headerinside::before{
  content: url('../Media/paginacarro/zlinha.png');
  position: absolute;
  z-index: -1;
  left: -4.5%;
  top: 0%;
}





  @media only screen and (min-width:300px) and (max-width:700px){

    .carro_page .banner{
      padding-top: unset;
     padding-right: unset;
     justify-content: center;

    }
    .carro_page .carTitle {
      font-size: 1.3rem;
    }
    .carro_page .contentorCarro {
      display: block;
  }
    .carro_page .GaleriaCarro {
      width: 100%;
  }
  .carro_page .CarateristicasCarro {
    width: 100%;
}
.carro_page .CaixaPreco h2 {
  font-size: 2rem;
}
.carro_page .boxCarro {
  padding: 1em 0em 2em 0em;
}
.carro_page .carrodetail h5 {
  font-size: 1rem;
}
.carro_page .CarateristicasExtra {
  display: block;
  }
  .carro_page .CarateristicasExtra .descricaoCarro {
    padding-bottom: 2em;
  }

  footer{
    overflow: hidden;
  }
  section{
    overflow: hidden;
  }
  .banner{
    overflow: hidden;
  }
  .carro_page .banner p {
    font-size: 2rem;
  }
}
 
/* ########################################################################################################################################################################################## */
/* ############################################### CENTRO DISTRIBUIÇÃO PEÇA #############################################################################################*/
/* ########################################################################################################################################################################################## */
.bannerdosServicos{
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../Media/centropecas/banner.jpg);
  height: 52vh;
  background-color: #0F4B86;
  DISPLAY: FLEX;
  margin-top: 0vh;
  justify-content: flex-end;
  padding-top: 1em;
  padding-right: 10em;
  text-align: -webkit-center;
  position: relative;
}

.SeoAreaBanner{
  position: absolute;
  left: 15%;
  bottom: -15%;
  width: fit-content;
  background: linear-gradient(135deg, rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
  padding: 2em 3em 1em 2em;
  text-align: left;
}

.servicosParagrafo{
  color: var(--branco);
  letter-spacing: 5px;
  font-weight: 500;
  padding-bottom: 3em;
}

.servico-centro .leftside{
  padding-top: 11em;
  position: relative;
}

.ourcompany{
  letter-spacing: 5px;
    color: var(--NovaCor);
    font-weight: 700;
    font-size: 1.5rem;
    position: relative;
}
.ourcompany::before{
  content: '';
  position: absolute;
  width: 15%;
  top: -25%;
      border-bottom: 5px solid var(--NovaCor);
}

.texto-azul{
  color:var(--NovaCor);
  text-transform:unset;
  letter-spacing: 1px;
position: relative;
    padding:0em 2em 2em 0em;
    border-right: var(--NovaCor) 5px solid;
}
.texto-azul::before{
  content: '';
  display: block;
  position: absolute;
  width: 50%;
  right: 0;
  bottom: 0;
  border-bottom: var(--NovaCor) 5px solid;

}
.texto-azul::after{
  /* content: url('../Media/stock_shape_blue.png'); */
  content: url('../Media/shapes/z\ azul\ claro\ dir.svg');
  position: absolute;
  top: -2%;
  left: -92%;
 

  width: 85%;
  height: 100%;
}
.textobottom{
  position: absolute;
  bottom: 9em;
  text-align: -webkit-center;
}
.textobottomx{
margin-top: 2em;
margin-bottom: 4em;
  text-align: -webkit-center;
}
.pecasmaxqualidade{
  font-weight: 400;
  letter-spacing: 6px;
  margin-bottom: 0px;
  position: relative;
  font-size: 1.8rem;
}
.pecasmaxqualidade::before{
  content: '';
  display: block;
  width: 13%;
  top: -1vh;
  position: absolute;
   border-bottom: 5px solid var(--NovaCor);
}
.maxqualidade{
  font-size: 1.8rem;
}
.servico-centro .rightside {
width: 60%;
}
.titulomarcas{
  font-weight: 700;
  color: var(--novoTitulo);
  letter-spacing: 10px;
  text-transform: uppercase;
  
  position: relative;
  padding-bottom: 0.5em;

}
.titulomarcas::before{
  content: '';
  display: block;
  width: 4%;
  bottom: 0;
  position: absolute;
   border-bottom: 5px solid var(--NovaCor);
}

.selecionarmarca{
  color: var(--Subtextos);
  font-weight: 600;
  letter-spacing: 3px;
}
.logomarcas{
  display: grid;
  gap:1em;
  place-items:center;
  grid-template-columns: repeat(auto-fit, minmax(150px,1fr));
  justify-content: center;
  padding-top: 2em;
padding-bottom: 2em;
overflow: hidden;
}

.marca{
     cursor:pointer; 
  padding: 2em;
  transition: 0.3s ease-in-out;
  
}
.marca::after{
content: '';
}
.marca:hover{
  background:rgba(113, 174, 240, 0.377);
  border-radius: 10%;
}
.marca img{
  width: 140px;
  height: 140px;
}

.marca.ford img{
  /* width: 160px;
  height: 160px; */
  transform: scale(1.2);
}

.help{
  display: flex;
  justify-content: center;
  color: var(--NovaCor);
  font-weight: 500;
  align-items: center;
      margin-top: 1.5rem
}

.email{
 padding-right: 1em;
 text-transform: uppercase;
}

.telefone{
  padding-left: 1em;
  padding-right: 1em;
}

.marcaFord{
  display: flex;
}

.marcaFiat,.marcaAlfa,.marcaFiatPro,.marcaJeep,.marcaAbarth,.marcaVespa,.marcaPiaggio{
  display: none;
  flex-direction: column;
}
/* OFICINA  */

.bannerdaOficina{
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../Media/oficina/banner.jpg);
  height: 52vh;
  background-color: #0F4B86;
  DISPLAY: FLEX;
  margin-top: 0vh;
  justify-content: flex-end;
  padding-top: 1em;
  padding-right: 10em;
  text-align: -webkit-center;
  position: relative;
}

.servicosParagrafoOficina{
  color: var(--branco);
  letter-spacing: 5px;
  font-weight: 500;
  padding-bottom: 3em;
}

.oficina .leftside{
  width: 50%;
  padding-top: 12em;
  position: relative;
      z-index: 0;
}
.oficina .rightside{
  width: 50%;
  z-index: 1;
}

.oficina .servicoposvenda{
  letter-spacing: 0px;
    color: var(--NovaCor);
    font-weight: 900;
    font-size: 1.5rem;
    position: relative;
}
.oficina .servicoposvenda::before{
  content: '';
  display: block;
  position: absolute;
  width: 11%;
  top: -25%;
   border-bottom: 5px solid var(--NovaCor);
}
.oficina .descricaoservico{
  color:var(--NovaCor);
  text-transform:unset;
  letter-spacing: 1px;
position: relative;
padding: 0em 15em 2em 0em;
    text-align: justify;
}

.oficina .descricaoservico::after{
  /* content: url('../Media/stock_shape_blue.png'); */
  content: url('../Media/contactosz.svg');
  position: absolute;
  top: -3vh;
  left: -26vw;
}
.contentorOficina{
  margin-left: 15vw;
}
.callnow{
  display: flex;
  justify-content: flex-end;
  margin-right: 3em;
  position: absolute;
    bottom: 3em;
    right: 0;
}

.pr1{
  margin-right: 1em;
}

.lottieabsoluto{
  position: absolute;
  bottom: -40px;
  right: 450px;
}
.lottieabate{
  position: absolute;
  left: -2vw;
  bottom: -9vh;
}
.headerpneus{
  text-transform: uppercase;
  font-size: 2.3rem;
  letter-spacing: 7px;
  font-weight: 700;

}

.leftsidePneus{
  width: 50%;
  position: relative;
  background: #f1f1f1;
  padding: 3em 0em 0em 1em;

}

.profianual{
  margin-right: 16em;
  text-align: justify;
  text-transform: UNSET;
  padding: 2em;
}

.textopneus{
  background: var(--NovaCor);
  padding:6em;
  margin-left: -29%;
  margin-right: 9vw;
  color: var(--branco);
  margin-bottom: -2vh;
}
.textopneus >p {
  text-transform: unset;
  text-align: justify;
}

.contactform{
  margin-top: 5em;
text-align: center;
  position: relative;
  padding-bottom: 8em;
}

.contactformHeader{
  letter-spacing: 6px;
  font-weight: 600;

}
.contactformHeader::before{
  content: '';
  position: absolute;
  width: 3%;
   border-bottom: 5px solid var(--NovaCor);
}
.contactformHeader::after{
  content: url('../Media/oficina/icon\ perguntas.png');
  display: contents;
  position: absolute;
  /* right: 0; */
}

.form{
  width: 60%;
  margin-left: 20vw;
  padding-top: 8em;
}

.fm1{
  text-align: left;
  width: 33.33%;
position: relative;
}
.fm2{
  text-align: left;
  width: 66%;
position: relative;
}
.fm2 > label{
  font-size: 1.3rem;
  padding-top: 4em;
  font-weight: 600;
  padding-bottom: 1em;
}

.fm2 > label::before{
  content: '';
  display: block;
  position: absolute;
  width: 8%;
   border-bottom: 5px solid var(--NovaCor);
}
.fm1 > label{
  font-size: 1.3rem;
  font-weight: 600;
  padding-bottom: 1em;
}

.fm1 > label::before{
  content: '';
  display: block;
  position: absolute;
  width: 8%;
   border-bottom: 5px solid var(--NovaCor);
}

.fm1 > input{
  width: 90%;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid var(--novoTitulo);
  border-left: 2px solid var(--novoTitulo);
}
.fm2 > textarea{
  width: 100%;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid var(--novoTitulo);
  border-left: 2px solid var(--novoTitulo);
}

.oficina .buttonEnviar{
  margin-bottom: 0.2em;
}

input::-webkit-input-placeholder {
padding-left: 0.5em;
color: var(--NovaCor);
}
textarea::placeholder {
  padding-left: 0.5em;
  color: var(--NovaCor);
  }
  .fm3{
    width: 33.33%;
    place-self: flex-end;
    display: inline-block;
  }
  .buttonEnviar{
    background-color: var(--NovaCor);
    color: var(--branco);
    border-radius: 0;
    border: unset;
    padding: 0.2em 4em 0.2em 4em;
    text-transform: uppercase;
    font-size: 1.6rem;
  }
/* ########################################################################################################################################################### */
  /*############################################################## CENTRO DE ABATE  ##############################################################*/
  /* ########################################################################################################################################################### */

.oseuvfv{
  letter-spacing: 1px;
    color: var(--NovaCor);
    font-weight: 900;
    font-size: 1.5rem;
    position: relative;
}

.oseuvfv::before{
  content: '';
  position: absolute;
  top: -1vh;
  width: 10%;
  border-top: 5px solid var(--NovaCor);
}
.finalh1{
  z-index: 9;
    position: relative;
}
.finalfeliz{
  font-weight: 900;
  color: #000000;
  font-size: 1.5rem;
  letter-spacing: 4px;
}
.finalfeliz::before{
  content: '';
  position: absolute;
  top: -1vh;
  width: 10%;
  border-top: 5px solid var(--NovaCor);
}
.h2chamada{
  font-weight: 400;
  letter-spacing: 2px;
}

.rightsideabate{
  width: 36%;
  position: relative;
}
.rightsideabate::before{
  content: url(../Media/centroabate/corrente.png);
  position: absolute;
  left: -6vw;
  z-index:2;
  top: -51vh;
}
.rightsideabate::after{
  content: url(../Media/centroabate/ferro.png);
  position: absolute;
  left: 17.9vw;
  top: -21vh;
}


.leftsideabate{
  width: 50%;
  position: relative;
}

.bannerdoabate{
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../Media/centroabate/banner.jpg);
  height: 52vh;
  background-color: #0F4B86;
  DISPLAY: FLEX;
  margin-top: 0vh;
  justify-content: flex-end;
  padding-top: 1em;
  padding-right: 10em;
  text-align: -webkit-center;
  position: relative;
z-index: 99;
}

.grayabate{
  color: var(--novoTitulo);
  text-transform: unset;
}

.followsocial{
  display: flex;
  justify-content: flex-end;
  position: relative;
  padding-top: 3em;
}
.followsocial .botao {
  padding-right: 1em;
  z-index:1;
}

.centroabate .texto-azul::after {
  /* content: url(../Media/stock_shape_blue.png); */
  content: url(../Media/contactosz.svg);
  position: absolute;
  top: -2%;
  left: -25vw;
}

  .entreguevfv{
    font-weight: 900;
    color: #000000;
    font-size: 1.2rem;
    letter-spacing: 4px;
    padding-bottom: 2em;
    z-index: 3;
    position: relative;
  }

  .entreguevfv::before{
    content: '';
    position: absolute;
    top: -1vh;
    width: 5%;
    border: 2px solid #f7f7f7;
  }
  .entregueh3{
    font-weight: 400;
  letter-spacing: 9px;
  font-size: 1.5rem;
  }
.soparamobile{
    display:none;
}
  #numerosabate{
    position: absolute;
    left: 0vw;
    top: -15vh;
    opacity: 0.56;
    width: 100%;
    height: 56%;
    z-index: 1;
  }

.caixas {
  margin-top: 10%;
  margin-bottom: 10%;
}
  .boxwnumber{
    background:#f7f7f7;
    margin-right: 2em;
    width: 33%;
    text-align: -webkit-center;
    padding: 2em 1em 2em 1em;
    position: relative;
  }

  .boxwnumber img{
    width: 250px;
    height: 40%;
  }
  .procederabate{
    text-transform: unset;
    padding-top: 1em;
  }
  .boxwnumber:nth-last-child(){
    margin-right: 0;
  }

  /* dividers entre boxwnumber */
  .boxwnumber:nth-child(1)::before{
    content: '';
    position: absolute;
    top: 16vh;
    left: -4vw;
    width: 15%;
    border-top: 5px solid var(--NovaCor);
  }
  .boxwnumber:nth-child(1)::after{
    content: url(../Media/centroabate/1.svg);
    position: absolute;


  }
  .boxwnumber:nth-child(2)::before{
    content: '';
    position: absolute;
    top: 16vh;
    left: -1.5vw;
    width: 6%;
    border-top: 5px solid var(--NovaCor);
  }

  .boxwnumber:nth-child(3)::before{
    content: '';
    position: absolute;
    top: 16vh;
    left: -1.5vw;
    width: 6%;
    border-top: 5px solid var(--NovaCor);
  }

  .boxwnumber:nth-child(3)::after{
    content: '';
    position: absolute;
    top: 16vh;
    right: -4vw;
    width: 15%;
    border-top: 5px solid var(--NovaCor);
  }

  .Quadrados{
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 10%;
    position: relative;
  }

  .quadtext{
    width: 25%;
  }
  .bigsquare{
    margin-left: 5%;
    width: 40%;
    padding: 2em;
    background: linear-gradient(135deg, rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
  
    position: relative;
  }
  .graypassos{
    font-size: 0.9rem;
    text-align: justify;
    color: var(--novoTitulo);
    text-transform: unset;
  }
 


  .imgquad{
    display: flex;
    padding: 2em 2em 0em 2em;
    justify-content: flex-end;
  }

  .bigsquare #seguranca {
    font-weight: 900;
    color: var(--branco);
    text-align: center;
    letter-spacing: 2px;
    font-size: 2rem;
  }

  .bigsquare > p{
    color: var(--branco);
    text-transform: unset;
    padding: 2em;
  }

  .bigsquare::after{
    content: url(../Media/centroabate/quad2.jpg);
    position: absolute;
    top: -14vh;
    right: -8vw;
    z-index: -1;
  }

  .apospassos{
    font-weight: 900;
    color: #000000;
    font-size: 1.4rem;
    letter-spacing: 5px;
    padding-bottom: 1em;
    position: relative;
  }
.apospassos::after{
  content: '';
  position: absolute;
  width: 10%;
  left: 0;
  top: -1vh;
    border-bottom: 5px solid #f7f7f7;
}


.apospassos::before{
  content:url(../Media/centroabate/zinvertido.png);
  position: absolute;
  left: 18vw;
}

#quadradoPosition{
  position: absolute;
  left: 0vw;
  top: 7vh;
  width: 100px;
}


/* NÓTICIA */

.noticia-single .navbar{
  background: linear-gradient(135deg, rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%);
                                background-size: 400% 400%;
                                animation: gradient 15s ease infinite;
    transition: background-color 0.5s linear;
}
.NoticiaSection{
  margin-top: 11em;
  margin-bottom: 3em;
  margin-left: 20vw;
  margin-right: 20vw;
  position: relative;
}
.noticiaEvento{
  font-weight: bold;
}
.noticiaEvento::before{
  content: '';
  width: 10%;
  display: block;
  border-bottom: 5px solid var(--NovaCor);
}
.dataevento{
  padding-left: 1em;
  color: var(--novoTitulo);
}
.titulopost{
  font-weight: 900;
  font-size: 4.5rem;
  color: var(--FundosBotoesVarios)
}
.smalltitle{
  padding: 2em 10em 2em 4em;
  text-transform: uppercase;
  color: var(--Subtextos);
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 5px;
  position: relative;
}
.smalltitle::before{
  content: '';
  width: 5%;
  display: block;
  border-bottom: 5px solid var(--NovaCor);
}
.corpodopost > p{
  text-transform: unset;
  padding: 0em 3em 3em 6em;
  color: #8c8c8c;
  line-height: 1.8;
}

.noticapreviaposterior{
  display: flex;
  position: sticky;
  z-index: 0;
  top: 91vh;
  margin-left: -20vw;
  justify-content: space-between;
  margin-right: -20vw;
}

.partilharpost{
  text-align: center;
  text-transform: uppercase;
    font-weight: 300;
    /* letter-spacing: 10px; */
    color: var(--NovaCor);
    transition: letter-spacing 0.3s linear;
}

.partilharpost > h1{
  font-weight: 300;
}
.verticalLine {
  width: 1px;
  height: 100px;
  background: var(--NovaCor);
  margin: 0 auto;
}
.socialicons{
  display: flex;
justify-content: center;
}

.socialicons > * {
  padding: 0.4em;
    font-size: 1.7rem;
    color: var(--novoTitulo);
}

.partilharpost:hover{
  letter-spacing: 10px;
  transition: letter-spacing 0.3s linear;
}

.noticia-single .previous{
    background-color: lightgray;
    padding: 1em 2em;
    /* position: fixed; */
    left: 0;
    top: 50vh;
    z-index: 1;
}
.noticia-single .next{
    background-color: var(--NovaCor);
    padding: 1em 2em;
    /* position: fixed; */
    z-index: 1;
    right: 0;
    top: 50vh;

}

#noticiaseguinte {
    color: var(--branco);
    font-size: 1vw;
        font-weight: 500;
        
}
#noticiaanterior{
        font-weight: 500;
        font-size: 1vw;
}
/* ########### SEGUROS ######### */
.bannerdosSeguros{
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../Media/seguros/bannner.jpg);
  height: 52vh;
  background-color: #0F4B86;
  DISPLAY: FLEX;
  margin-top: 0vh;
  justify-content: flex-end;
  padding-top: 1em;
  padding-right: 10em;
  text-align: -webkit-center;
  position: relative;
z-index: 99;
}

.seguroH1 > H1{
  font-weight: 900;
  font-size: 5rem;
  line-height: 1;
  color: var(--NovaCor);
}

.seguroH1{
  max-width: 90%;
  position: relative;
  z-index: 999;
}

#carroseguroAbsolut{
  position: absolute;
  left: -32vw;
  top: -8vh;
}

.divcarroseguro{
  z-index: 0;
  position: relative;
}
.textoseguro{
  text-align: left;
  margin-left: 48%;
  z-index: 4;
}
.textoseguro > p{
  font-size: 1.1rem;
  font-weight: bold;
  color: var(--Titulos);
}
.leftsideseguros{
  width: 50%;
  position: relative;
}
.rightsideseguros{
  width: 50%;
  position: relative;
}

.texto-azul-seguros{
  color:var(--NovaCor);
  text-transform:unset;
  letter-spacing: 1px;
position: relative;
    padding:0em 0em 2em 2em;
    max-width:95%;
    border-left: var(--NovaCor) 5px solid;
}
.texto-azul-seguros::before{
  content: '';
  display: block;
  position: absolute;
  width: 50%;
  left: 0;
  bottom: 0;
  border-bottom: var(--NovaCor) 5px solid;

}

.leftsideseguros::after{
  content: url(../Media/contactosz.svg);
  transform: scaleY(-1);
  position: absolute;
  right: -25vw;
  top: 0;
}

.proteja-viatura{
  letter-spacing: 1px;
    color: var(--NovaCor);
    font-weight: 900;
    font-size: 1.5rem;
    position: relative;
    padding-left: 1.5em;
}


.proteja-viatura::before{
  content: '';
  position: absolute;
  top: -1vh;
  width: 10%;
border-bottom: 5px solid var(--NovaCor);
}
.formulario{
  margin-inline:10vw;
  display: flex;
  position: relative;
}

.formulario strong::before {
  content: '';
  position: absolute;
  top: -5px;
  width: 20px;
border-bottom: 5px solid var(--NovaCor);
}

.formleft{
  width: 50%;
  background-color: #a6d1ec;
  padding: 2em;

  position: relative;
}


.formleft #formheader{
  color: var(--branco);
 letter-spacing: 5px;
}
#escudo{
  position: absolute;
  top: 5%;
  right:5%;
}
.formulario > .sexo,.nome,.contacto,.emailform,.postal,.nascimento,.tipodeproduto,.valor,.marcaform2,.dcdc,.matriculaform,.dataform,.les,.acidentes,.relab,.tipovei,.cliente{
  position: relative;
}
.sexo{
  position: relative;
}
.nome,.contacto{
  width: 50%;
}

.formright{
  background-color: #f0f1f1;
  width: 50%;
  padding: 2em;
}
.radiomatricula{
color: var(--NovaCor);
}

.nome-contacto{
  display: flex;
  gap: 1em;
  padding-top: 4em;
}

.mailpostnascimento{
  display: flex;
  gap: 1em;
  padding-top: 2em;
}
.postal{
  width: 32%;
}
.emailform input{
  width: 90%;
}
.postal input{
  width: inherit;
}
.formulario .formleft input{
  background-color: transparent !important;
  border-top: none;
  border-right: none;
  border-color: #FFF;
  border-left: 2px solid white;
  border-width: 2px;
  margin-top: 0.5em;
  color: var(--branco);
}

.formulario .formright input{
  background-color: transparent !important;
  border-top: none;
  border-right: none;
  border-color: var(--NovaCor);
  border-left: 2px solid var(--NovaCor);
  border-width: 2px;
  margin-top: 0.5em;
  color: var(--FundosBotoesVarios)
}
.formulario  .formright input::placeholder{
  color: var(--FundosBotoesVarios)
}

.formulario  .formleft input::placeholder{
  color: var(--branco);
}

::-webkit-input-placeholder{
  font-size: 0.8rem;
}
.tipo{
  font-weight: bold;
    gap: 3em;
    display: flex;
}
.formulario #radiobutton{
  margin-right: 0.5em;
}
.primeirarow{
  display:flex;
  justify-content: space-between;
}
.marcaform{
  width: 50%;
}

.financiamento .marcaform{
  width: 70%;
}
.marcaform select{
  width: 100%;
  border-radius: 10px;
  background-color: #a6d1ec;
  border-color: transparent;
  color: var(--branco);
  padding-left: 0.5em;
}

.leasingALD{
  width: 50%;
}

.financiamento .top70{
  width: 70%;
}

.colEsq,.colDir{
  width: 50%;
}
.matricula-data{
  display: flex;
}
.matriculaform{
  width: 40%;
}
.dataform{
  width: 45%;
  margin-left: 1em;
}
.dataform input{
  width: 100%;
}

#marginRadio{
  margin-right: 2em;
}

.dcdc input{
  width: 88%;
}

#headerveiculoform{
  letter-spacing: 3px;
  font-weight: bold;
}

#headerveiculoFichaRapido{
  display: flex;
  max-width: 72%;
  place-content: flex-end;
  letter-spacing: 3px;
  color:var(--NovaCor);
  position: relative;
  padding-bottom: 1em;
  font-weight: 900;
}

#headerveiculoFichaRapido::before{
  content: url(../Media/shapecinza.svg);
  position: absolute;
  top: -10vh;
  left: 34.5vw;
  transform: scale(0.6);
}
.financiamento #headerveiculoFichaRapido{
  display: flex;
  max-width: 70%;
  place-content: flex-end;
  letter-spacing: 3px;
  color:var(--NovaCor);
  position: relative;
  padding-bottom: 1em;
  font-weight: 900;
}

.financiamento #headerveiculoFichaRapido::before{
  content: url(../Media/shapecinza.svg);
  position: absolute;
  top: -10vh;
  left: 34.5vw;
  transform: scale(0.6);
  z-index: -1;
}


/* FINANCIAMENTO */
.bannerdoFinanciamento{
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('../Media/financiamento/banner.jpg');
  height: 52vh;
  background-color: #0F4B86;
  DISPLAY: FLEX;
  margin-top: 0vh;
  justify-content: flex-end;
  padding-top: 1em;
  padding-right: 10em;
  text-align: -webkit-center;
  position: relative;
z-index: 99;
}
.financiamentoparagrafo{
  color: var(--branco);
    letter-spacing: 5px;
    font-weight: 500;
    padding-bottom: 1em;
}

.financiamento .SeoAreaBanner{
  max-width: 18%;
}

.financiamento .servicoespecializado{
  letter-spacing: 4px;
    color: var(--NovaCor);
    font-weight: 900;
    font-size: 1.5rem;
    position: relative;
}

.financiamento .servicoespecializado::before{
  content: '';
  display: block;
  position: absolute;
  width: 11%;
  top: -25%;
  border-bottom: 5px solid var(--NovaCor);
}

.financiamento .leftside{
  width: 50%;
  padding-top: 12em;
  position: relative;
}
.financiamento .rightside{
  width: 50%;
  position: relative;
}

.financiamento .descricaoservico::after {
  /* content: url(../Media/stock_shape_blue.png); */
  content: url(../Media/contactosz.svg);
  position: absolute;
  top: -3vh;
  left: -26vw;
}

.financiamento  .descricaoservico{
  color:var(--NovaCor);
  text-transform:unset;
  letter-spacing: 1px;
position: relative;
max-width: 80%;
    text-align: justify;
    padding: 0em 2em 2em 0em;
    border-right: var(--NovaCor) 5px solid;
  }
  


  .descricaoservico::before {
    content: '';
    display: block;
    position: absolute;
    width: 50%;
    right: 0;
    bottom: 0;
    border-bottom: var(--NovaCor) 5px solid;
}

#headerveiculoform2{
  color: var(--NovaCor);
  letter-spacing: 4px;
  font-weight: bold;
}

.financiamento .formright{
  position: relative;
}

.financiamento .fa-question-circle{
  font-size: 1.7rem;
  color: var(--NovaCor);
  margin-left: 0.5em;
  cursor: pointer;
}

.fa-times{
  color: var(--branco);
  font-size: 1.3rem;
}

.fa-times:hover{
  cursor: pointer;
}

.modal-title{
  color: var(--branco);
  position: relative;
}
.modal-title::before{
  content: url(../Media/financiamento/icon\ perguntas.png);
  position: absolute;
  left: -1.5vw;
  transform: scale(0.6);
  top: -3vh;
  
}
.accordion::before{
  content: '';
  position: absolute;
  width: 39px;
  top: 0;
  border-bottom: 4px solid white;
}


.Partners{
  text-align: center;
  min-height: 50vh;
  background-color: #F1F1F1;
  /* margin-bottom: 10vh; */
}
.Partners > h1{
  font-weight: 700;
  color: var(--novoTitulo);
  letter-spacing: 5px;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 0.5em;
  font-size: 2rem;
  padding-top: 0.2em;
}
.Partners > h1::before{
  content: '';
  position: absolute;
  width: 39px;
  top: 0;
  border-bottom: 4px solid var(--NovaCor);
}

.logoparceiros{
  display: flex;
  flex-wrap: wrap;
  gap:1em;
  place-items:center;
  grid-template-columns: auto auto auto auto auto;  
  justify-content: space-around;
  padding-top: 2em;
  padding-bottom: 2em;
}

.parceiro{
  padding-top: 2em;
}

.parceiro > img {
  width: 100%;
  height: 60px;
  object-fit: scale-down;
}

.vantagensbanco{
  position: absolute;
  top: -32vh;
  background: white;
  z-index: 100;
  left: 8vw;
}










/* TO REMOVE LATER */
@media (min-width: 576px){
.modal-dialog {
    max-width: 900px !important;
    margin: 1.75rem auto;
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: var(--FundosBotoesVarios) !important;
  background-clip: padding-box;
  border: unset !important;
  border-radius: .3rem;
  outline: 0;
  padding: 2em;
}
}

@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{   }
    .navbar .nav-item:hover .dropdown-menu{ display: block; }
    .navbar .nav-item .dropdown-menu{ margin-top:0; }
  }
 
  .intro .owl-carousel.owl-loaded.owl-drag{
    padding-left: unset;
    transform: unset;
  }

  /*.intro .owl-carousel .owl-stage-outer{*/
  /*  height: 100%;*/
  /*}*/

  .intro .owl-carousel .item{
        margin-right: unset;
    width: 100%;
    
  }
.intro .slider-nav{
  display: none;
}
  .slider-vertical-numbers,
.slider-vertical-dots {
width: auto;
height: 100%;
position: absolute;
top: 0;
right: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
list-style: none;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 2;
counter-reset: onepage; }
.slider-vertical-numbers li, .slider-vertical-numbers > div, .slider-vertical-numbers > .owl-dot,
.slider-vertical-dots li,
.slider-vertical-dots > div,
.slider-vertical-dots > .owl-dot {
background: transparent;
width: auto;
height: auto;
padding: 3px 0;
color: #fff;
font-family: "Poppins", sans-serif;
font-weight: 600;
font-size: 18px;
position: relative;
cursor: pointer;
-webkit-transform: scale(0.69) rotate(0.25deg);
-ms-transform: scale(0.69) rotate(0.25deg);
transform: scale(0.69) rotate(0.25deg);
opacity: .8;
-webkit-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
-webkit-transition-property: opacity, color, -webkit-transform;
transition-property: opacity, color, -webkit-transform;
-o-transition-property: transform, opacity, color;
transition-property: transform, opacity, color;
transition-property: transform, opacity, color, -webkit-transform;
counter-increment: onepage; }
.slider-vertical-numbers li:after, .slider-vertical-numbers > div:after, .slider-vertical-numbers > .owl-dot:after,
.slider-vertical-dots li:after,
.slider-vertical-dots > div:after,
.slider-vertical-dots > .owl-dot:after {
background: transparent;
content: counter(onepage, decimal-leading-zero);
position: static; }
.slider-vertical-numbers li:before, .slider-vertical-numbers > div:before, .slider-vertical-numbers > .owl-dot:before,
.slider-vertical-dots li:before,
.slider-vertical-dots > div:before,
.slider-vertical-dots > .owl-dot:before {
content: '';
background: currentColor;
width: 90%;
height: 1px;
position: absolute;
bottom: 4px;
left: 5%;
display: none;
opacity: 0; }
.slider-vertical-numbers li.activex, .slider-vertical-numbers li:hover, .slider-vertical-numbers > div.activex, .slider-vertical-numbers > div:hover, .slider-vertical-numbers > .owl-dot.activex, .slider-vertical-numbers > .owl-dot:hover,
.slider-vertical-dots li.activex,
.slider-vertical-dots li:hover,
.slider-vertical-dots > div.activex,
.slider-vertical-dots > div:hover,
.slider-vertical-dots > .owl-dot.activex,
.slider-vertical-dots > .owl-dot:hover {
background: none;
width: auto;
height: auto;
border-color: transparent;
cursor: pointer;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1; }
.slider-vertical-numbers li.activex:before, .slider-vertical-numbers li:hover:before, .slider-vertical-numbers > div.activex:before, .slider-vertical-numbers > div:hover:before, .slider-vertical-numbers > .owl-dot.activex:before, .slider-vertical-numbers > .owl-dot:hover:before,
.slider-vertical-dots li.activex:before,
.slider-vertical-dots li:hover:before,
.slider-vertical-dots > div.activex:before,
.slider-vertical-dots > div:hover:before,
.slider-vertical-dots > .owl-dot.activex:before,
.slider-vertical-dots > .owl-dot:hover:before {
display: block;
opacity: 1; }
@media screen and (max-width: 768px) {
.slider-vertical-numbers li:hover, .slider-vertical-numbers > div:hover, .slider-vertical-numbers > .owl-dot:hover,
.slider-vertical-dots li:hover,
.slider-vertical-dots > div:hover,
.slider-vertical-dots > .owl-dot:hover {
-webkit-transform: scale(0.69) rotate(0.25deg);
-ms-transform: scale(0.69) rotate(0.25deg);
transform: scale(0.69) rotate(0.25deg); }
.slider-vertical-numbers li:hover:before, .slider-vertical-numbers > div:hover:before, .slider-vertical-numbers > .owl-dot:hover:before,
.slider-vertical-dots li:hover:before,
.slider-vertical-dots > div:hover:before,
.slider-vertical-dots > .owl-dot:hover:before {
opacity: 0; }
.slider-vertical-numbers li.activex:hover, .slider-vertical-numbers > div.activex:hover, .slider-vertical-numbers > .owl-dot.activex:hover,
.slider-vertical-dots li.activex:hover,
.slider-vertical-dots > div.activex:hover,
.slider-vertical-dots > .owl-dot.activex:hover {
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.slider-vertical-numbers li.activex:hover:before, .slider-vertical-numbers > div.activex:hover:before, .slider-vertical-numbers > .owl-dot.activex:hover:before,
.slider-vertical-dots li.activex:hover:before,
.slider-vertical-dots > div.activex:hover:before,
.slider-vertical-dots > .owl-dot.activex:hover:before {
opacity: 1; } }
.slider-vertical-dots li, .slider-vertical-dots > div, .slider-vertical-dots > .owl-dot {
color: #fff;
background: transparent;
width: 14px;
height: 14px;
margin: 5px 0;
display: block;
-webkit-border-radius: 50px;
border-radius: 50px;
border: 1px solid transparent;
position: relative;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
-webkit-transition-property: color, border-color;
-o-transition-property: color, border-color;
transition-property: color, border-color; }
.slider-vertical-dots li:after, .slider-vertical-dots > div:after, .slider-vertical-dots > .owl-dot:after {
content: '';
background: currentColor;
content: '';
width: 4px;
height: 4px;
-webkit-border-radius: 50px;
border-radius: 50px;
margin: -2px 0 0 -2px;
position: absolute;
top: 50%;
left: 50%; }
.slider-vertical-dots li:before, .slider-vertical-dots > div:before, .slider-vertical-dots > .owl-dot:before {
content: none; }
.slider-vertical-dots li:hover, .slider-vertical-dots li.active, .slider-vertical-dots > div:hover, .slider-vertical-dots > div.activex, .slider-vertical-dots > .owl-dot:hover, .slider-vertical-dots > .owl-dot.activex {
border-color: currentColor;
width: 14px;
height: 14px;
-webkit-transition-duration: .1s;
-o-transition-duration: .1s;
transition-duration: .1s; } .socialbar {
cursor: default; }
.slider-vertical-numbers li.active, .slider-vertical-numbers li:hover, .slider-vertical-numbers > div.activex, .slider-vertical-numbers > div:hover, .slider-vertical-numbers > .owl-dot.activex, .slider-vertical-numbers > .owl-dot:hover, .slider-vertical-dots li.activex, .slider-vertical-dots li:hover, .slider-vertical-dots > div.activex, .slider-vertical-dots > div:hover, .slider-vertical-dots > .owl-dot.activex, .slider-vertical-dots > .owl-dot:hover {
  background: none;
  width: auto;
  height: auto;
  border-color: transparent;
  cursor: pointer;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1;
}

#lottiearrow{
  right: 0;
  position: absolute;
  transform: rotate(270deg);
  width: 150px !important;
  height: 150px !important;
  top: 40vh;
}

.plusfeatures{
  display: flex;
}

.plusfeatures p{
  font-size: 0.9rem;

}

.plusfeatures hr{
  width: 5%;
  margin: 0.7rem 0.5em;
}

.plusfeatures p > span{
  padding-left: 0.8em;
 color: var(--NovaCor);
}

.Newsletter{
  margin-inline: 7vw;
  display: flex;
  margin-bottom: 4em;
  position:relative;

}
.leftcontainnews{
  display: flex;
  width: 50%;
}
/* .img-newsletter img{
  width: 100%;
} */
.img-newsletter{
    position:relative;
}
.Newsletter::before {
    content: url('../Media/shapes/z cinza esq.svg');
    position: absolute;
    left: -11vw;
    right: 0;
    top: 0;
    bottom: 0;
    width: 22%;
}
.Newsletter::after {
    content: url('../Media/shapes/z cinza esq.svg');
    position: absolute;
    right: -2vw;
    top: 0;
    bottom: 0;
    width: 22%;
    z-index: -1;
}

.header-newsletter{
  position: relative;
  align-self: center;
}

.header-newsletter > h1{
  font-size: 3rem;
  letter-spacing: 7px;
  font-weight: 700;
  color: var(--novoTitulo);
  position: relative;
}
.header-newsletter > h1::before{
  content: '';
  position: absolute;
  width: 50px;
  bottom: 0;
  border-bottom: 5px solid var(--NovaCor);
}


.header-newsletter > p{
  max-width: 70%;
  letter-spacing: 2px;
  font-weight: 600;
}

.envibut{
  display: flex;
}
.formNewsletter{
  align-self: center;
  width: 50%;
}
.envibut input{
  border: none;
       width: 45%;
  border-left: 2px solid var(--NovaCor);
  border-bottom: 1px solid lightgray;
  margin-right: 1em;
}
.Newsletter .buttonGeral{
  letter-spacing: 4px;
}

.aceito input{
  width: unset;
  margin-top: 1em;
  margin-right: 0.5em;
  color: var(--novoTitulo);

}

.aceito input[type="checkbox" i] {
padding-right: 1em;
}

.page-link{
  border: unset !important;
  transition: transform 0.6s ease-in-out;
}

.page-link:hover{
  transition: transform 0.6s ease-in-out;
  transform: scale(1.8);
  background-color: unset !important;
}

.hnoticeResp{
  display: none;
  font-weight: 700;
  color: var(--Titulos);
  letter-spacing: 10px;
  max-width: 40%;
}
.hnoticeResp::after{
  content: '';
  display: block;
  width: 10%;
  border: 3px solid var(--NovaCor);
}

.pinresponsive{
  display: none;
}

/*.leftsideseguros::after{*/
/*    right: -32vw;*/
/*}*/


.caixanoticiapequena > h4{
  max-width: 66%;
  font-size: 17px;
}
/* PARA AJUSTAR MAIS TARDE NAS DEVIDAS SECÇÕES */
@media (min-width: 320px) and (max-width: 480px) {}

@media (min-width:1024px) and (max-width:1140px){
  .formNewsletter{
    display: flex;
    justify-content: flex-end;
  }
  #carroseguroAbsolut {
    left: -55vw;
}
.financiamento .descricaoservico::after {
    left: -46vw;
}
.financiamento .descricaoservico{
    max-width:unset;
}

.mailpostnascimento{
    flex-wrap:wrap;
}
.emailform{
        width: 100%;
        padding-bottom:2em;
}
.postal {
    width: 50%;
}
.emailform input {
    width: 100%;
}

.texto-azul::after {
left:-48vw;
}
.centroabate .texto-azul::after{
    left: -45vw;
}
.rightsideabate::before {
    left: -12vw;
        z-index: 2;
}
.lottieabate{
        left: -12vw;
}


}

@media (min-width:1024px) and (max-width:1200px){
.carlist-page select{
    font-size:0.9rem;
}

.gridCartoes,.gridcarrosusados{
    grid-template-columns:auto auto;
}
.CardCarro{
    height: 42vh;
}

.contact-page .login-box {
    width: 100%;
    background: #ebebeb;
    padding: 2em;
}
    .leftsideseguros::after {
    right: -46vw;
}
  .ShapeWhite::before {
    display: none;
}
.ShapeWhite{
  width: 35%;
  font-size: 0.9rem;
}
.PinWhite{
  width: 35%;

}
.contactosPessoas{
  width: 30%;
  padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 2em;
}

.frasemarcas > p{
  padding: 0em 0em 2em 0em;
}
.localizacao{
  padding-top: 3em;
}

.intro .owl-carousel .owl-stage-outer {
    height: 100%;
}

}

@media (min-width:1024px) and (max-width:1260px){
 .DivImagemApoio{
   display: none;
 }
.divForm,.testedrive{
  width: 50%;
}
.ApoioContactenos{
  font-size: 1rem;
}
.ApoioContactenos > span {
  font-size: 2.4rem;
}
.LinhadeApoio .titleapoio{
  left: 29vw;
  top: -6vh;
}
.hnoticeResp{
  display: block;
  padding-left: 2em;
  padding-bottom: 0.5em;
}
.NoticiaGrande{
  margin-left: 1%;
  width: 60%;
}
.NoticiasPequenas{
  width: 40%;
  margin-right:1em;
}
.imagemNoticias{
  display:none;
}

#pneus{
    width:100%;
}

#videochamada{
    width:100%;
}

.headerpneus{
    letter-spacing:2px;
    font-size: 1.8rem;
}

}

@media (min-width:1024px) and (max-width:1350px){
    .grid-container-servicos {
    margin-right: 5em;
    margin-left: 5em;
    grid-template-columns: 20vw 28vw 20vw 28vw;
    grid-template-rows: 13.9vh 38.46vh 28vh;
    }
    
    #headerveiculoFichaRapido::before{
        left: 17.5vw; 
        top: -10vh;
    }
   
    
    
}

@media (min-width:1024px) and (max-width:1400px){
    .boxwnumber:nth-last-child(1){
    margin-right:unset;
}

#numerosabate{
    top:-20vh;
}
  .Newsletter{
    margin-inline:1vw;
  }
  .header-newsletter{
    margin-left: -9vw;
  }

  .header-newsletter > h1{
    font-size: 2rem;
  }
  .header-newsletter > p{
    letter-spacing: 1px;
    font-size: 0.9rem;
    max-width: unset;
  }

  .Newsletter .buttonGeral {
    letter-spacing: 2px;
}
.intro .owl-carousel .owl-stage-outer{
  height: auto;
}

.headernovo{
  max-width: 70%;
}

.descrinovo{
  max-width: 50%;
}


/* SEGUROS */
.seguroH1 > H1{
    font-size:4rem;
}


}

@media (min-width:1024px) and (max-width:1439px){
    .tipo{
    display:block;
}
.noticia-single .previous{
    max-width: 13%;
        
}

.noticia-single .next{
    max-width: 13%;
      
}
.noticapreviaposterior {
  margin-left: -17vw;
  margin-right: -17vw;
}
.imagepost > img{
    width:100%;
    height:auto;
}
.smalltitle{
  padding: 2em 0em 2em 0em;
}

.corpodopost > p{
    padding: 0em 0em 1em 0em;
}

.NoticiaSection{
        margin-left: 17vw;
    margin-right: 17vw;
}
}

@media (min-width:1024px) and (max-width:1440px){
    
    .callnow {
    bottom: -2em;
}
.oficina .descricaoservico::after{
    display:none;
}
    .bigsquare{
        width: 50%;
    }
    .quadtext {
    width: 30%;
}
        .w20{
        width:5%;
    }
    .matricula-data {
    display: block;
}

.matriculaform {
    width: 88%;
}

.dataform {
    padding-top:2em;
    margin-left:unset;
    width: 88%;
}
.dataform strong{
        position: relative;
}

#escudo{
    top: 10%;
    width:100px;
}
  .contactosPessoas{
    width: 30%;
    padding-left: 1em;
      padding-right: 1em;
      padding-bottom: 2em;
  }
  
  .frasemarcas > p{
    padding: 2em 0em 2em 0em;
  }
  
  .localizacao{
    padding-top: 3em;
  }
  
  
  /*TESTE*/
.oficina .descricaoservico::after{
    left:-32vw;
}


.titulopost{
    font-size:3.5rem;
}
.headernovo{
        max-width: 65%;
}
.descrinovo{
    max-width: 32%;
}
.oficina .descricaoservico{
    padding: 0em 2em 2em 0em;
}
.descricaoservico::before{
    display:none;
}
.buttonOficina{
    font-size: 1.1rem;
    padding: 0.4em 2em 0.4em 2em;
}

.buttonOficina:hover{
  color: white;
  background: #1576BA;
}
.headerpneus{
    letter-spacing:3px;
}


.financiamento .SeoAreaBanner {
    max-width: 25%;
}
.buttonEnviar{
    padding: 0.2em 3em 0.2em 3em;
}
.modal-title::before{
    left: -2vw;
    top: -4vh;
}
.oficina #pneus,#videochamada {
    width:100%;
}
#quadradoPosition{
    left: -9vw;
}
.lottieabsoluto{
  bottom: -120px;
  right: 450px;
}
.contentorOficina {
    margin-left: 2vw;
}
.boxwnumber:nth-child(1)::before{
     border:unset;
    border-bottom: 6px solid var(--NovaCor);
   
}
.boxwnumber:nth-child(2)::before{
    left: -1.8vw;
    border:unset;
     border-bottom: 6px solid var(--NovaCor);
     
}

.boxwnumber:nth-child(3)::before{
    left: -1.8vw;
    border:unset;
     border-bottom: 6px solid var(--NovaCor);
}

.boxwnumber:nth-child(3)::after{
    border:unset;
        border-bottom: 6px solid var(--NovaCor);
}
#headerveiculoFichaRapido{
        max-width: 84%;
}
/*#headerveiculoFichaRapido::before{*/
/*        top: -9vh;*/
/*}*/

.formulario{
    margin-inline:unset;
        margin-right: 2vw;
        margin-left: 2vw;
}


.financiamento .servicoespecializado::before{
        border-bottom: 5px solid var(--NovaCor);
}

.financiamento #headerveiculoFichaRapido{
    max-width: 78%;
}

.financiamento #headerveiculoFichaRapido::before{
    top:9.5vh;
    left: 32.5vw;
}
.DivImagemApoio img{
  width: 88%;
}
.apoioTexto{
  font-size: 1rem;
}
.ApoioContactenos > span{
  font-size: 1.7rem;
}
.ApoioContactenos{
  padding-top: 1.6em;
  letter-spacing: 3px;
  font-size: 1rem;
}
}

@media (min-width:1141px) and (max-width:1250px){
    .financiamento .descricaoservico{
        max-width:unset;
    }
    
    .financiamento .descricaoservico::after{
        left:-42vw;
    }
    
    .texto-azul::after {
left:-40vw;
}

}

@media (min-width:1141px) and (max-width:1400px){
    .centroabate .texto-azul::after{
    left: -38vw;
}
.rightsideabate::before {
    left: -10vw;
        z-index: 2;
}
.lottieabate{
        left: -12vw;
}

}

@media (min-width:1200px) and (max-width:1399px){
    .CardCarro .TituloCarro{
        font-size:1rem;
    }
}

@media (min-width: 1250px) and (max-width: 1350px){
        .texto-azul::after {
left:-38vw;
}

}

@media (min-width: 1281px) and (max-width: 1441px){}

@media (min-width: 1025px) and (max-width: 1280px){}

@media (min-width:1140px) and (max-width:1440px){
    #carroseguroAbsolut{
        left: -45vw;
}
.veiculossemelhantes{
  margin-top: 10rem;
}

.titulocarrousado > h2{
  font-size: 1.7rem;
}
.titulocarrousado > h4{
  font-size: 1.3rem;
}

.precocarrousado > h2{
  font-size: 3rem;
  line-height: unset;
}

.listusadoh3,.listusadop{
  font-size: 0.785rem;
}

}

@media (min-width:1200px) and (max-width:1250px){
  .ShapeWhite::before {
    left: -55%;
}
}

@media (min-width:1200px) and (max-width:1300px){
.texto-azul-seguros{
    max-width:98%;
}

.leftsideseguros::after{
    right: -35vw;
}
.texto-azul-seguros{
    max-width:90%;
}

}

@media (min-width:1300px) and (max-width:1439px){
    .texto-azul-seguros{
    max-width:90%;
}
.texto-azul::after {
    left: -33vw;
}
}

@media (min-width:1250px) and (max-width:1340px){
  .ShapeWhite::before {
    left: -50%;
}

    .financiamento .descricaoservico::after{
        left: -37vw;
    }
    .financiamento .descricaoservico{
        max-width:unset;
    }



}

@media (min-width:1340px) and (max-width:1400px){
  .ShapeWhite::before {
    left: -45%;
}

.financiamento .descricaoservico::after {
    left: -35vw;
}
    .financiamento .descricaoservico{
        max-width:unset;
    }

}

@media (min-width:1400px) and (max-width:1440px) {
  .ShapeWhite::before {
    left: -40%;
}
.financiamento .descricaoservico::after {
    left: -32vw;
}
    .financiamento .descricaoservico{
        max-width:unset;
    }

}

@media (min-width:1280px) and (max-width:1750px){
  .contentorcarrousado {
    padding-top: 5%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .veiculossemelhantes {
    margin-left: 2em;
    margin-right: 2em;
  }

  .marca img{
    width: 110px;
    height: 110px;
  }
  .sobrenospage .rightsobre img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

}



@media (min-width:1440px) and (max-width:1600px){

#pneus,#videochamada{
  width: 100%;
}


    .noticia-single .previous{
    max-width: 100%;
        
}

.noticia-single .next{
    max-width: 100%;
       
}

.imagepost > img{
    width:100%;
    height:auto;
}
.smalltitle{
     padding: 2em 0em 2em 0em;
}

.corpodopost > p {
    padding: 0em 0em 3em 0em;
}

.NoticiaSection{
        margin-left: 17vw;
    margin-right: 17vw;
}
.noticapreviaposterior {
  margin-left: -17vw;
  margin-right: -17vw;
}
.CardCarro{
    height: 35vh;
}
    
    .rightsideabate::before{
        left: -9vw;
    }
    
    .centroabate .texto-azul::after {
    left: -33vw;
}
    
    .lottieabate{
        bottom: -8vh;
    }
    
  .ShapeWhite::before {
    left: -35%;

}
.frasemarcas p{
  padding: 1em 0em 1em 0em;    
}

.ShapeWhite{
        padding-top: 3em;
}
.localizacao{
        padding-top: 3em;
}
/*TESTE*/
.oficina .descricaoservico::after{
     left: -32vw;
    top: -6vh;
}

.lottieabsoluto{
    right:34vw;
}
.titulopost{
    font-size:3.5rem;
}
.headernovo{
    max-width: 50%;
}
.descrinovo{
    max-width: 32%;
}
.oficina .descricaoservico{
  /* padding: 0em 3em 0 0; */
    max-width: 76%;
    padding: 0em 3em 2rem 0;
}
.descricaoservico::before{
    display:none;
}
.headerpneus{
    letter-spacing:3px;
}

#carroseguroAbsolut{
        left: -36vw;
}
.leftsideseguros::after {
    right: -22vw;
    
}
.financiamento .SeoAreaBanner {
    max-width: 25%;
}
.buttonEnviar{
    padding: 0.2em 3em 0.2em 3em;
}
.modal-title::before{
    left: -2vw;
    top: -4vh;
}
.rightsideabate::before {
    left: -8vw;
}

.boxwnumber:nth-child(1)::before{
     border:unset;
    border-bottom: 6px solid var(--NovaCor);
   
}
.boxwnumber:nth-child(2)::before{
    left: -1.8vw;
    border:unset;
     border-bottom: 6px solid var(--NovaCor);
     
}

.boxwnumber:nth-child(3)::before{
    left: -1.8vw;
    border:unset;
     border-bottom: 6px solid var(--NovaCor);
}

.boxwnumber:nth-child(3)::after{
    border:unset;
        border-bottom: 6px solid var(--NovaCor);
}
#headerveiculoFichaRapido{
      max-width: 84%;
}
#headerveiculoFichaRapido::before{
    top: -12vh;
}

.formulario{
    margin-inline:unset;
        margin-right: 2vw;
        margin-left: 2vw;
}

.texto-azul-seguros{
    max-width: 80%;
}

.matriculaform{
    width:88%;
}
.dataform{
    width:88%;
}

.financiamento .descricaoservico::after{
    left: -34vw;
}
.financiamento .descricaoservico{
        max-width: 80%;
    float: right;
}
.financiamento .servicoespecializado{
    text-align:center;
}
.financiamento .servicoespecializado::before{
        border-bottom: 5px solid var(--NovaCor);
            display: unset;
}

.financiamento #headerveiculoFichaRapido{
    max-width: 78%;
}

.financiamento #headerveiculoFichaRapido::before{
        top: -10.5vh;
}
.DivImagemApoio img{
  width: 92%;
}
.apoioTexto{
  font-size: 1rem;
}
.ApoioContactenos > span{
  font-size: 1.7rem;
}
.ApoioContactenos{
  padding-top: 1.6em;
  letter-spacing: 3px;
  font-size: 1rem;
}

/* .oseuvfv::before{
    border-bottom: 5px solid var(--NovaCor);
}

.finalfeliz::before{
   border-bottom: 5px solid var(--NovaCor);
} */

/**/
.seguros  .w20{
    width:7%;
}

/*centro de abate*/
.centroabate .texto-azul::after {
    left: -33vw;
}
.centroabate  .texto-azul{
    float: right;
    max-width: 80%;
}
.centroabate  .oseuvfv{
    text-align: center;
}
.centroabate .w20{
    width:14% !important;
}

.servico-centro .ourcompany{
        text-align: center;
    padding-left: 1em;
}
.servico-centro .absdire{
  height: 100%;
}

.servico-centro section{
  margin-bottom:2rem;
}
.servico-centro .texto-azul {
        max-width: 78%;
    float: right;
}

.servico-centro .texto-azul::after{
    top: -2%;
    left: -118%;
}


.oficina .servicoposvenda{
        max-width: 77%;
}

.descricaoservico::before {
    content: '';
    display: block;
    position: absolute;
    width: 50%;
    right: 0;
    bottom: 0;
    border-bottom: var(--NovaCor) 5px solid;
}

.oficina .descricaoservico{
  border-right: var(--NovaCor) 5px solid;
}




}

@media (min-width:1080px){
  .Newsletter{
    margin-inline:2vw;
  }
  .header-newsletter{
    margin-left: -5vw;
  }

  .header-newsletter > p{
    padding-right: 3em;
    
  }
}
/* 
@media (max-width:1023px){
  body {
    display: none;
  }
} */






.nav-item a::after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: var(--NovaCor);
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.nav-item a:hover:after { 
  width: 100%; 
  left: 0; 
}

.dropdown-item a::after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: var(--NovaCor);
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.dropdown-item a:hover:after { 
  width: 100%; 
  left: 0; 
}
.dropdown-item,.nav-link{
  display: inline-block;
  padding: 10px 20px;
  position: relative;
}
.block{
  cursor: pointer;
}
/* Hover do botão nos serviços */
.block:hover .buttonGeral{
     transition:all 0.9s ease-in-out;
     background: #1576BA;
     color: white;
}

.owl-grid-card .item{
    width:90%;
}

.carousel-indicators-numbers li {
  text-indent: 0 !important;
  margin: 0 2px !important;
  width: 30px !important;
  height: 30px !important;
  border: none !important;
transform: rotate( 
270deg
 );
    height: 30px !important;
    text-align: -webkit-center;
  border-radius: 100% !important;
  line-height: 30px !important;
  color: #fff !important;
  background-color: #999 !important;
  transition: all 0.25s ease !important;
}
.carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover {
  margin: 0 2px !important;
  width: 30px !important;
  height: 30px !important;
      background-color: var(--FundosBotoesVarios) !important;
}

.marcaactive{
    background: rgba(113, 174, 240, 0.377);
    border-radius: 10%;
}

@media (max-width:1440px){
    
.carro_page .GaleriaCarro::before{
  content: url('../Media/stock_shape_white.png');
  position: absolute;
  z-index: 1;
left: -18%;
}
}

/* Zona equipamentos carro */
.contentordeequipamentos{
  display:flex;
  justify-content: center;
  
}
.contentordeequipamentos  h3{
  font-size: 1rem;
  cursor: pointer;
  color: var(--Titulos);
  text-transform: uppercase;
}
.contentordeequipamentos > * {
  margin: 1.5em;

}
.newequipamento {
  min-height: 60vh;
  position: relative;
  overflow: hidden;
}
.containerSegurancaDesempenho{
  display: flex;
  justify-content: center;
  margin-bottom: 7em;
}
.containerEquipamentoInterior,.containerEquipamentoExterior,.containerConfortoMultimedia,.containerHistorico {
  display:none;
  margin-bottom: 7em;
  justify-content: center;
}
.carro_page .newequipamento ul {
  column-count: 4;
  column-width: 20em;
  width: 65vw;
}
.carro_page .newequipamento li {
  list-style: square;
  text-transform: uppercase;
  color: var(--Subtextos);
  font-size: 0.9rem;
  line-height: 2.5;
  font-weight: bold;
  list-style-position: inside;
}
.carro_page .newequipamento li::marker {
  color: var(--NovaCor);
  font-size: 1.5rem;
}
.activeequipamento {
  border-bottom: 5px solid var(--NovaCor);
  
}
.equip{
    transition: border 0s linear;
}
.equip:hover{
border-bottom:5px solid var(--NovaCor);
}


.carro_page .newequipamento::before{
  content: url(../Media/zlinhaFIGMA.png);
  position: absolute;
  top: 11vh;
  left: -4vw;
  z-index: -1;
}
.carro_page .newequipamento::after {
  content: url(../Media/zlinhaFIGMA.png);
  position: absolute;
  top: 11vh;
  right: -4vw;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  z-index: -1;
}


@media (min-width:1281px) and (max-width:1441px){


  .carro_page .newequipamento::before {
    top: 11vh;
    left: -15vw;
    z-index: -1;
}

.carro_page .newequipamento::after{
  top: 11vh;
  right:-15vw;
  z-index: -1;
}

.contentordeequipamentos{
  padding-top: 3rem;
}

.carro_page .centerusado{

  margin-top: 4rem;

}

.pecasmaxqualidade::before{
  left: 50px;
}

.leftsideseguros::after {
right: -30vw;

}

}


@media only screen and (max-width:1600px){
    .carro_page .GaleriaCarro::before{
        display:none;
    }
}

#rotplay{
    transform:rotate(-180deg);
}

.modalid{
  display: flex;
}



/* MENU LATERAL */


#global-ux .box .box-content.padding-left-right-col-1{padding-left:8.33333%;padding-right:8.33333%}
#global-ux .box .box-content.padding-left-right-col-2{padding-left:16.66667%;padding-right:16.66667%}
#global-ux .box .box-content.padding-left-right-col-3{padding-left:25%;padding-right:25%}
#global-ux .box .box-content.padding-left-right-col-4{padding-left:33.33333%;padding-right:33.33333%}
#global-ux .box .box-content.padding-left-right-col-5{padding-left:41.66667%;padding-right:41.66667%}
#global-ux .youtube{width:100%}
#global-ux .youtube .start-image{position:relative;cursor:pointer}
#global-ux .youtube .start-image picture{display:block;font-size:4.0625rem;color:#fff}
#global-ux .youtube .start-image picture:after,#global-ux .youtube .start-image picture:before{font-family:icomoon;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-rendering:auto;text-transform:none;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#global-ux .youtube .start-image picture:after,#global-ux .youtube .start-image picture:before{position:absolute;top:50%;left:50%;transition:color .4s;transform:translateX(-50%) translateY(-50%)}
#global-ux .youtube .start-image picture:before{color:var(--NovaCor)}
#global-ux .youtube .start-image picture:after{color:#fff}
#global-ux .youtube .start-image picture:hover:before{color:#1b394e}
#global-ux .youtube .start-image picture:hover:after{color:#fff}
#global-ux .youtube iframe{float:left;width:100%}
#global-ux .youtube .youtube-player-wrapper{position:relative}
#global-ux .youtube .youtube-player-wrapper:after,#global-ux .youtube .youtube-player-wrapper:before{display:table;content:" "}
#global-ux .youtube .youtube-player-wrapper:after{clear:both}
#global-ux .gallery-trigger-carousel .youtube iframe{min-height:300px;max-height:100%}
#global-ux .gallery-trigger-carousel .youtube .start-image{position:relative;overflow:hidden;z-index:5}
#global-ux .gallery-trigger-carousel .youtube .youtube-player-wrapper{overflow:hidden}
#global-ux .gallery-trigger-carousel .youtube .swipe-layer{position:absolute;left:0;top:0;width:50%;height:100%;margin-top:-100px;margin-left:-80px;z-index:4}
#global-ux .gallery-trigger-carousel .youtube .swipe-layer:after{content:"";display:block;height:100%;left:100%;margin-left:160px;position:absolute;top:0;width:100%;z-index:4}
#global-ux .light-header-section{box-shadow:0 1px 3px rgba(0,0,0,.15);border-radius:1px;display:flex;background-color:#fff;padding:.9375rem 1.5625rem;position:relative;z-index:7}
@media only screen and (min-width:48em){#global-ux .light-header-section{display:block;padding:1.25rem 2.1875rem}
}
#global-ux .light-header-section img{width:auto}
#global-ux .light-header-section a{text-decoration:none}
#global-ux .light-header-section .light-header-column{display:inline-block;vertical-align:middle;width:33%}
@media only screen and (min-width:48em){#global-ux .light-header-section .light-header-column{display:inline-block}
}
#global-ux .light-header-section .light-header-column p{margin:0}
#global-ux .light-header-section .light-header-column-one{order:2;text-align:center}
@media only screen and (min-width:48em){#global-ux .light-header-section .light-header-column-one{width:16.667%;order:unset;text-align:left}
}
#global-ux .light-header-section .light-header-column-two{order:1;text-align:left}
@media only screen and (min-width:48em){#global-ux .light-header-section .light-header-column-two{width:58.333%;order:unset}
}
#global-ux .light-header-section .light-header-column-three{order:3;text-align:right}
@media only screen and (min-width:48em){#global-ux .light-header-section .light-header-column-three{width:23%;order:unset}
}
#global-ux .light-header-section .icon-profile,#global-ux .light-header-section .icon-profile-logged-in{display:none}
#global-ux .light-header-section .icon-profile-logged-in.visible,#global-ux .light-header-section .icon-profile.visible{display:inline}
#global-ux .light-header-section .icon-profile-logged-in:before,#global-ux .light-header-section .icon-profile:before{padding-right:5px}
#global-ux .light-header-section .icon-link-left{display:table-caption;margin-left:40px;position:relative;vertical-align:sub}
@media only screen and (min-width:48em){#global-ux .light-header-section .icon-link-left{display:inline}
}
#global-ux .light-header-section .icon-link-left:before,#global-ux .light-header-section .modelsDisplay .models-display-light-weight .carousel .carousel-arrows .carousel-btn.carousel-previous .icon:before,#global-ux .modelsDisplay .models-display-light-weight .carousel .carousel-arrows .carousel-btn.carousel-previous .light-header-section .icon:before{left:-40px;position:absolute}
#global-ux .light-header-section .icon-link-left:hover:before,#global-ux .light-header-section .modelsDisplay .models-display-light-weight .carousel .carousel-arrows .carousel-btn.carousel-previous .icon:hover:before,#global-ux .modelsDisplay .models-display-light-weight .carousel .carousel-arrows .carousel-btn.carousel-previous .light-header-section .icon:hover:before{font-family:icomoon;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-rendering:auto;text-transform:none;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.cq-wcm-edit .sticky-cta .sticky-cta-inner a i,.sticky-cta.stickyInitialized .sticky-cta-inner a i{background:var(--NovaCor);color:white}
.cq-wcm-edit .sticky-cta .sticky-cta-inner a span,.sticky-cta.stickyInitialized .sticky-cta-inner a span{margin-left:0px}
.sticky-cta{position:fixed;z-index:2;bottom:0;width:100%;margin-top:0;transition:all .3s}
@media only screen and (min-width:62em){.sticky-cta{bottom:auto;top:50%;transform:translateY(-50%);width:auto;right:0;z-index: 9999999;}
}
.sticky-cta .sticky-cta-inner{background:var(--NovaCor);font-size:0;text-align:center}
@media only screen and (min-width:62em){.sticky-cta .sticky-cta-inner{background:0;text-align:initial;font-size:inherit}
}
.sticky-cta .sticky-cta-inner a{display:inline-block;background:var(--NovaCor);color:white;height:60px;padding:0;position:relative;outline:0}
@media only screen and (min-width:61.9375em){.sticky-cta .sticky-cta-inner a{display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5em;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;

}
}
.sticky-cta .sticky-cta-inner a i{background:var(--NovaCor);color:white;padding:20px;display:block;position:relative;z-index:4;min-width:60px;transition:background .4s,color .4s}
@media only screen and (min-width:62em){.sticky-cta .sticky-cta-inner a i{background:white;color:var(--NovaCor)}
}
.sticky-cta .sticky-cta-inner a span{font-family:FordAntenna,Antenna,Arial,Helvetica,sans-serif;display:none;color:var(--NovaCor);background: var(--NovaCor);height:60px;left:60px;margin-left:0;padding:16px 0 0 10px;position:absolute;white-space:nowrap;width:210px;top:0;transition:all .4s ease-in;transform:translateX(0);z-index:3;border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;}
@media only screen and (min-width:61.9375em){.sticky-cta .sticky-cta-inner a span{display:block}
}
.azulcion{display:none;}
.sticky-cta .sticky-cta-inner a:hover .brancoicon { display:none;cursor: pointer;}
.sticky-cta .sticky-cta-inner a:hover .azulcion{display:block;z-index: 9;cursor: pointer;}
.sticky-cta .sticky-cta-inner a:hover span{background:white;color:var(--NovaCor);margin-left: -210px;}
.sticky-cta .sticky-cta-inner a:focus:after{content:"";height:53px;width:53px;border:1px solid #fff;display:block;position:absolute;top:4px;left:4px;z-index:5}
.sticky-cta .sticky-cta-inner a.hide{display:none !important}
.sticky-cta .sticky-cta-inner a.show{display:inline-block !important}
@media only screen and (min-width:61.9375em){.sticky-cta .sticky-cta-inner a.show{display:block !important}
}
.sticky-cta .sticky-cta-inner a.live-chat-enabled{display:none}
.sticky-cta .sticky-cta-inner a.live-chat-enabled.show{display:block}
#global-ux .clickToCall .image .image-caption{position:static;margin:40px 0;padding:0 40px}
#global-ux .clickToCall .click-to-call-form{padding:0 40px;max-width:400px}
#global-ux .clickToCall .click-to-call-form input[id=phoneNumber]{margin-bottom:10px}
#global-ux .clickToCall .click-to-call-form button{width:100%;margin-top:15px}
#global-ux .clickToCall .click-to-call-form .error-message{font-size:11px;font-size:.6875rem;margin:0}
#global-ux .clickToCall .click-to-call-form .error-message:after{content:none;display:none}
#global-ux .userCookieConfiguration{background-color:#fff}
#global-ux .userCookieConfiguration .configuration-header{font-size:18px;font-size:1.125rem;font-weight:200;line-height:1.2;margin-bottom:40px;padding:22px 8.33333%;background-color:#fafafa;position:relative}
#global-ux .userCookieConfiguration .configuration-header:after{content:"";display:block;width:91.66667%;height:2px;background-color:rgba(0,0,0,.1);position:absolute;bottom:0;left:4.16667%}
@media only screen and (min-width:48em){#global-ux .userCookieConfiguration .configuration-header:after{content:none;display:none}
}
@media only screen and (min-width:48em){#global-ux .userCookieConfiguration .configuration-header{font-size:28px;font-size:1.75rem;background-color:transparent}
}
@media only screen and (min-width:62em){#global-ux .userCookieConfiguration .configuration-header{font-size:30px;font-size:1.875rem;margin-bottom:50px}
}
#global-ux .userCookieConfiguration .userCookieToggle .component-content{display:inline-flex}
@media only screen and (min-width:62em){#global-ux .userCookieConfiguration .userCookieToggle .component-content{align-items:center}
}
#global-ux .userCookieConfiguration .userCookieToggle .switches{flex:none}
#global-ux .userCookieConfiguration .userCookieToggle .switches>div{width:100px}
@media only screen and (min-width:62em){#global-ux .userCookieConfiguration .userCookieToggle .switches>div{width:160px}
}
#global-ux .userCookieConfiguration .userCookieToggle .description{font-size:14px;font-size:.875rem;padding-left:30px;flex-grow:1}
@media only screen and (min-width:62em){#global-ux .userCookieConfiguration .userCookieToggle .description{font-size:16px;font-size:1rem;padding-left:65px}
}
#global-ux .userCookieConfiguration .userCookieToggle .description p{font-weight:200;font-size:inherit;line-height:1.6}
#global-ux .userCookieConfiguration .userCookieToggle .always-on{font-size:14px;font-size:.875rem;font-weight:400;display:flex;justify-content:center;align-items:center}
#global-ux .userCookieConfiguration .userCookieToggle .always-on:before{font-family:icomoon;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-rendering:auto;text-transform:none;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@media only screen and (min-width:62em){#global-ux .userCookieConfiguration .userCookieToggle .always-on{font-size:20px;font-size:1.25rem}
}
#global-ux .userCookieConfiguration .userCookieToggle .always-on:before{background-color:#1b394e;width:32px;height:32px;border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center;margin-right:13px}
@media only screen and (min-width:62em){#global-ux .userCookieConfiguration .userCookieToggle .always-on:before{width:40px;height:40px}
}
#global-ux .userCookieConfiguration .userCookieToggle .category-name{font-size:14px;font-size:.875rem;font-weight:700;margin-bottom:18px}
@media only screen and (min-width:62em){#global-ux .userCookieConfiguration .userCookieToggle .category-name{font-size:16px;font-size:1rem}
}
#global-ux .userCookieConfiguration .page-mode .userCookieConfiguration-footer{padding:30px 0 20px 130px}
@media only screen and (min-width:62em){#global-ux .userCookieConfiguration .page-mode .userCookieConfiguration-footer{padding-left:220px}
}
#global-ux .userCookieConfiguration .page-mode .userCookieConfiguration-footer .cta-button{margin:0}
#global-ux .userCookieConfiguration .banner-mode{text-align:center}
@media only screen and (max-width:47.9375em){#global-ux .userCookieConfiguration .banner-mode .switches{display:inline-block}
}
#global-ux .userCookieConfiguration .banner-mode .switches>div{width:100px}
#global-ux .userCookieConfiguration .banner-mode .userCookieToggle p{text-align:left}
@media only screen and (max-width:47.9375em){#global-ux .userCookieConfiguration .banner-mode .userCookieToggle p{text-align:center}
}
#global-ux .userCookieConfiguration .banner-mode .userCookieToggle .component-content{margin-bottom:20px}
@media only screen and (max-width:47.9375em){#global-ux .userCookieConfiguration .banner-mode .userCookieToggle .component-content{display:block}
}
@media only screen and (min-width:62em){#global-ux .userCookieConfiguration .banner-mode .cookie-toggle-button{height:26px;padding:0 4px}
}
@media only screen and (min-width:62em){#global-ux .userCookieConfiguration .banner-mode .cookie-toggle-button span{font-size:14px;font-size:.875rem}
}
@media only screen and (min-width:62em){#global-ux .userCookieConfiguration .banner-mode .cookie-toggle-button span:after{height:20px;width:20px}
}
#global-ux .userCookieConfiguration .banner-mode .description{font-size:14px;font-size:.875rem}
@media only screen and (min-width:62em){#global-ux .userCookieConfiguration .banner-mode .description{padding-left:30px}
}
@media only screen and (max-width:47.9375em){#global-ux .userCookieConfiguration .banner-mode .description{padding-left:0;margin-bottom:50px}
}
#global-ux .userCookieConfiguration .banner-mode .always-on{font-size:14px;font-size:.875rem;margin:0 0 1rem}
#global-ux .userCookieConfiguration .banner-mode .always-on:before{width:32px;height:32px}
@media only screen and (min-width:62em){#global-ux .userCookieConfiguration .banner-mode .always-on:before{width:40px;height:40px}
}
#global-ux .userCookieConfiguration>.box.banner-mode{padding-top:30px}
#global-ux .sticky-banner{background:#1b394e;position:fixed;bottom:0;z-index:11;width:100%;max-width:89.875rem;word-break:break-word;max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
#global-ux .sticky-banner .close{display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;background:transparent;float:right;padding:10px;color:#fff;cursor:pointer}
#global-ux .sticky-banner .content{padding:30px;text-align:center}
#global-ux .sticky-banner .content a,#global-ux .sticky-banner .content h1,#global-ux .sticky-banner .content h2,#global-ux .sticky-banner .content h3,#global-ux .sticky-banner .content h4,#global-ux .sticky-banner .content h5,#global-ux .sticky-banner .content h6,#global-ux .sticky-banner .content input,#global-ux .sticky-banner .content label,#global-ux .sticky-banner .content li,#global-ux .sticky-banner .content p,#global-ux .sticky-banner .content td,#global-ux .sticky-banner .content th{color:#fff}
#global-ux .sticky-banner .content a{font-weight:700;text-decoration:underline}
#global-ux .sticky-banner .content .cta-button{font-size:16px;font-size:1rem;font-weight:300;padding:8px 10px;min-width:110px;text-decoration:none;transition:background-color .3s,color .3s}
#global-ux .sticky-banner .content .cta-button:hover{color:#1b394e}
#global-ux .additionalLeaseTaxCalculator:after,#global-ux .additionalLeaseTaxCalculator:before{display:table;content:" "}
#global-ux .additionalLeaseTaxCalculator:after{clear:both}
#global-ux .additionalLeaseTaxCalculator form{background-color:transparent;padding-left:0;padding-right:0;padding-bottom:0}
@media only screen and (min-width:48em){.is-overlay-open #global-ux .additionalLeaseTaxCalculator form .columns{float:left;padding-left:.9375rem;padding-right:.9375rem;width:50%}
}
#global-ux .additionalLeaseTaxCalculator .select2-container{background-color:#fff}
#global-ux .additionalLeaseTaxCalculator .select2-default .select2-chosen{color:#cacaca}
#global-ux .additionalLeaseTaxCalculator .call-to-action{text-align:center;margin-top:30px}
#global-ux .additionalLeaseTaxCalculator .call-to-action:after,#global-ux .additionalLeaseTaxCalculator .call-to-action:before{display:table;content:" "}
#global-ux .additionalLeaseTaxCalculator .call-to-action:after{clear:both}
#global-ux .additionalLeaseTaxCalculator .results{text-align:center}
#global-ux .additionalLeaseTaxCalculator .price-output{font-weight:600}
#global-ux .additionalLeaseTaxCalculator .button{min-width:280px}
#global-ux [class*=padding-] .pluginHybridElectricVehicleSavingsCalculator .component-content{padding:0 15px;margin:0 -15px}
#global-ux .pluginHybridElectricVehicleSavingsCalculator .title{text-transform:uppercase;margin-bottom:20px;margin-top:45px;letter-spacing:2px}
#global-ux .pluginHybridElectricVehicleSavingsCalculator .title.is-2{font-weight:300;font-size:24px}
@media only screen and (min-width:48em){#global-ux .pluginHybridElectricVehicleSavingsCalculator .title.is-2{font-size:32px}
}




@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}






/* página de Notícias */

.Secaonoticias2{
  margin-top: 20vh;
  margin-bottom: 20vh;
  position: relative;
  height: auto;
}

/* .containernewsticias{
  height: 70vh;
  display: grid;
  gap: 2em;
  grid-template-columns: 0.1fr 1fr 1fr 1fr;

} */

.containernewsticias {
  /*height: 70vh;*/
  /*display: grid;*/
  /*grid-template-columns: 0.1fr 1fr 1fr 1fr;*/
  /*grid-template-rows: 1fr ;*/
  /*gap: 2em;*/
  /*margin-left: 15em;*/
  /*margin-right: 15em;*/
  /*position: relative;*/
  /*grid-template-areas:*/
  /*  "textonoticia Noticiagrid1 Noticiagrid2 Noticiagrid3"*/
  /*  "textonoticia Noticiagrid1 Noticiagrid2 Noticiagrid3";*/
  height: 100%;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr ;
gap: 2em;
margin-left: 10em;
margin-right: 10em;
margin-top: 4em;
position: relative;
/*grid-template-areas: "textonoticia Noticiagrid1 Noticiagrid2 Noticiagrid3" "textonoticia Noticiagrid1 Noticiagrid2 Noticiagrid3";*/
}
.textonoticia { grid-area: textonoticia;text-align: center; }
.Noticiagrid1 { grid-area: Noticiagrid1; }
.Noticiagrid2 { grid-area: Noticiagrid2; }
.Noticiagrid3 { grid-area: Noticiagrid3; }

.noticiapage .maybebckg img{
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.noticiapage .noticia1{
    width: 100%;
position: relative;
display: flex;
height: 100%;
flex-direction: column;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
transition: all 1s ease;
height: 65vh;
}
.noticia1{
  width: 100%;
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  transition: all 1s ease;
}

.noticia1::before{
  content: '';
  width: 100%;
  position: absolute;
  height: 50%;
  background: linear-gradient(0.24deg, #60739A -7.75%, rgba(1, 31, 93, 0) 99.83%);
  bottom: 0;
}

.noticia1:hover .contentnoticia{
  transform: translateY(0%);
  background:white;
 
}
.noticia1:hover .contentnoticia h1 {
  color: #011F5D;
}
.noticia1:hover .sub {
color: #637AAA;
}
.noticia1:hover .headingpost{
  max-width: 100%;
}
.contentnoticia{
  transform: translateY(50%);
  max-width: 100%;
  transition: all 1s ease;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.contentnoticia h1{
  font-size: 1.5rem;
  color: white;
  text-transform: uppercase;
  transition: all 0.8s ease;
  font-weight: bold;

  
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* number of lines to show */
          line-clamp: 3; 
  -webkit-box-orient: vertical;
}

.sub{
  color:white;
  font-size: 0.875rem;
  padding-left: 2.5em;
  transition: all 0.8s ease;
  font-weight: 500;
  line-height: 18px;

  
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
          line-clamp: 2; 
  -webkit-box-orient: vertical;
}

.corponoticia p {
  margin-top: 2em;
  color:#98ABD2;
  font-size: 0.875rem;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4; /* number of lines to show */
          line-clamp: 4; 
  -webkit-box-orient: vertical;
}

.caixanoticiaver{
  box-shadow: inset 0px 4px 15px rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  padding: 1em;
  align-items: center;
}

.info .datapub{
font-size: 0.625rem;
color: #011F5D;
font-weight: bold;
}
.info .datapubano{
  font-size: 0.875rem;
color: #98ABD2;

}

.headingpost{
  padding: 2em;
  max-width: 100%;
  transition: all  ease;
}

.chevron{
  position:absolute;
  bottom: 20%;
  right: 1%;
}

.verartigo a {
  color: #637AAA;
  font-size: 1.5rem;
  line-height: 29px;
  font-weight: 600;
}

.subtitlenews{
  display: flex;
  align-items: center;
  margin-top: 1.5em;
  margin-bottom: 2em;
}


.noticia1 #olhobranco {
  display: block;
  transition: all 1s ease;
}

.noticia1 #olho {
  display: none;
  transition: all 1s ease;
}


.noticia1:hover #olhobranco {
  display: none;
}

.noticia1:hover #olho {
  display: block;
}


.vrtlnews{
    /* writing-mode: tb-rl; */
    /* transform: rotate( 
180deg
 ); */
 position: relative;
 font-weight: bold;
 font-size: 3.5rem;
 letter-spacing: 0.05em;
 text-transform: uppercase;
 color: #011F5D;
 /* margin-left: 5em; */
}

.newsz{
  position: absolute;
  left: 0;
  top: 0;
}

.containernewsticias > :nth-child(0){
  gap: 0;
}




.menu .share i.fa {
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  background-color: #fff;
  border-radius: 55px;
}


.menu .share:hover.left .submenu li:nth-child(1) {
  opacity: 1;
  left: -51px;
  transform: rotate(0deg);


  z-index: 999;
}
.menu .share:hover.left .submenu li:nth-child(2) {
  opacity: 1;
  left: -102px;
  transform: rotate(0deg);
  transition-delay: 0.2s;
  z-index: 999;

}
.menu .share:hover.left .submenu li:nth-child(3) {
  opacity: 1;
  left: -153px;
  transform: rotate(0deg);
  transition-delay: 0.3s;

  z-index: 999;
}
.menu .share:hover.left .submenu li:nth-child(4) {
  opacity: 1;
  left: -204px;
  transform: rotate(0deg);
  transition-delay: 0.4s;

  z-index: 999;
}
.menu .share:hover.left .submenu li:nth-child(5) {
  opacity: 1;
  left: -255px;
  transform: rotate(0deg);
  transition-delay: 0.5s;

  z-index: 999;
}

.menu .submenu {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.menu .submenu li {
  transition: all ease-in-out 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}
.menu .submenu li a {
  color: #212121;
}
.menu .submenu li a:hover i.fa {
  color: #fff;
}
.menu .submenu li a:hover.facebook i.fa {
  background-color: #3b5999;
}
.menu .submenu li a:hover.twitter i.fa {
  background-color: #55acee;
}
.menu .submenu li a:hover.googlePlus i.fa {
  background-color: #dd4b39;
}
.menu .submenu li a:hover.instagram i.fa {
  background-color: #e4405f;
}
.menu .submenu li:nth-child(1) {
  transform: rotateX(45deg);
}
.menu .submenu li:nth-child(2) {
  transform: rotateX(90deg);
}
.menu .submenu li:nth-child(3) {
  transform: rotateX(135deg);
}
.menu .submenu li:nth-child(4) {
  transform: rotateX(180deg);
}
.menu.topLeft {
  top: 10px;
  left: 10px;
}
.menu.topRight {
  top: 10px;
  right: 10px;
}
.menu.bottomLeft {
  bottom: 10px;
  left: 10px;
}
.menu.bottomRight {
  bottom: 10px;
  right: 10px;
}

.bannerdoRentacar{
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../Media/rentacarbanner.jpg);
  background-position: center;
  height: 52vh;
  background-color: #0F4B86;
  DISPLAY: FLEX;
  margin-top: 0vh;
  justify-content: flex-end;
  padding-top: 1em;
  padding-right: 10em;
  text-align: -webkit-center;
  position: relative;
}

/* POPUP TESTE DRIVE */

.containertestedr{
  display: flex;
  flex-direction: row;
  position: fixed;
  top: 50%;
  transform: translate(-50%,-50%);
  /* width: 50%; */
  background: var(--NovaCor);
  margin: 0 auto;
  left: 50%;
  align-items: center;
  width: 65%;
}

.fototestdrive,.textotestedrive{
  width: 50%;
}
.fototestdrive img{
  width: 100%;
  height: 100%;
}
.containergraytestedr{
  height: 100vh;
  width: 100%;
  background: #808080bd;
}

.testdrivepop{
  height: 100vh;
    width: 100%;
    z-index: 99999999999999;
    position: fixed;
    top: 0;
    visibility: hidden;
}

.logotipotstdri{
  text-align: center;
}

.logotipotstdri img {
  width: 80%;
  margin: 3em auto;
}

.naohesite h3 {
  color: white;
    text-align: center;
}
.naohesite h3 span{
  font-size: 3rem;
  font-weight: 700;
}
.naohesite p{
  font-weight: bold;
  font-size: 1.025rem;
  line-height: 22px;
  text-align: center;
  
  color: #FFFFFF;
    text-align: center;
    width: 85%;
    margin: 0 auto;
}

#topright{
  position: absolute;
  top: 0;
  right: 1%;
  color: white;
  font-weight: 900;
  font-size: 5rem;
  cursor: pointer;
}

.closevisibility{
  animation: visib 0.6s ease forwards;
}
.openvisibility{
  animation: visibopen 0.6s ease forwards;
}
.borasubmit{
  width: 40%;
  outline: none;
  background: var(--FundosBotoesVarios);
  border: none;
  padding: 0.5em;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
  transition: all 0.6s ease;
}

.borasubmit:hover{
  transform: scale(1.05);
}

#ooo{
  width: 100%;
  background: none;
  border: none;
  border-bottom: 1px solid white;
}

#labelooo{
  margin-top: 3em;
  font-weight: 700;
font-size: 0.9rem;
line-height: 17px;
letter-spacing: 0.05em;
color: #FFFFFF;

}

.formtestdrive{
  width: 90%;
  margin: 0 auto;
}

#submitteste{
  background: #1576BA;
  BORDER: NONE;
  padding: 0.5em;
  color: white;
  font-weight: 700;
  text-transform: uppercase;

  width: 50%;
    margin: 2em auto;
}

.centerpls{
  text-align: center;
}







































/* ############################################ MOBILE ############################################ */
/* ############################################ MOBILE ############################################ */
/* ############################################ MOBILE ############################################ */
/* ############################################ MOBILE ############################################ */
/* ############################################ MOBILE ############################################ */
/* ############################################ MOBILE ############################################ */

@media only screen and (min-width:320px) and (max-width:500px){
    
    
    .pinsfooter .gps{
        display:none;
    }
    
    .PinWhite .localizacao{
            padding-left: 2em;
    }

    .sobrenospage .marcassobre >h2{
      margin-top: 3rem;
    }
    
      .poppesquisamob,.menufullscreenmobile,.sobrenospage .botaquetem {
        display: block;
      }
      .sobrenospage p {
  max-width: 100%;
    text-align: justify;
}
      .sobrenospage .marcassobre{
        margin: 0;
        background-color: #e7e7e7;
        margin-bottom: 5vh;
      }

      .sobrenospage .marcassobre h2{
        margin-left:1em;
        padding-bottom: 0.5em;
      }
      .sobrenospage .leftsobre, .sobrenospage .rightsobre{
        width: 100%;
      }
    
    .gridcarrosusados{
      grid-template-columns: 1fr;
      gap: 3em;
    }
      /* Mobile Display Block */
    .containintro,.swipemobi,.mobileservicos,.Newsletter,.envibut,.mobileNoticia{
      display: block;
      
    }
    .mobileNoticia{
         margin:0 auto;
        margin-left: 1em;
       
    }

    .Newsletter{
      margin-inline:unset;
      margin-left: 2em;
    }
    /* Mobile Display None */
    .carousel-indicators.carousel-indicators-numbers,.DivImagemApoio,
    .sticky-cta,.intromarcas,.shapeusados,.UsadosVermais,.Servicos > .contentor,
    .img-newsletter,.Secaonoticias{
      display: none;
    }
    .tiradaqui{
      display: none !important;
    }
    /* Mobile Width 100% */
    #carouselExampleIndicators,.FordRating,.divForm,.testedrive,.formNewsletter{
      width: 100%;
    }
    
    .divForm{
        padding-right:unset;
        padding-left:unset;
        padding: 2em;
    }
    
    
    .LinhadeApoio{
      flex-direction: column;
      margin-top: 3em;
    }
    
    /* .divForm{
      order:2;
    } */
    
    .carousel-inner{
      box-shadow: 0px 23px 28px -2px rgba(0, 0, 0, 0.25);
    }
    
    .fordratingstars{
      margin-top: 4em;
    }
    
    .innerford{
      display: block;
        flex-direction: row;
        align-items: flex-start;
        padding: 1em;
        margin: 2em;
    }
    
    .descford p {
      font-size: 0.8rem;
      line-height: unset;
    }
    
    .fordratingstars h3{
      font-size: 1.2rem;
    }
    
    .FordRating{
      box-shadow:unset;
      border:unset;
      background:unset;
    }
    
    .alturadiv{
      height: unset;
    }
    
    
    .swipercarro-img img{
      /* height: 350px; */
      height: 100%;
      width:100%;
      object-fit: cover;
    }
    
    .swipercarro-info{
      background: white;
      padding:2em 2em 2em 1em;
    }
    
    .swipercarroinfo-marca h3{
      color: #011F5D;
      font-weight: 800;
      font-size: 1.375rem;
      margin: 0;
    }
    .swipercarroinfo-marca p {
      font-size: 1.125rem;
      color:#1d79ff;
      font-weight: 500;
    }
    
    .swipercarro-preco{
      background:#EBEBEB;
    }
    .swipercarroinfo-carateristicas{
      margin-top: 2em;
    }
    .swipercarroinfo-carateristicas ul{
      display: flex;
      max-width: 75%;
      flex-wrap: wrap;
      padding-left: 0;
      justify-content: flex-start;
    }
    .swipercarroinfo-carateristicas li {
      font-weight: 600;
      font-size: 0.9rem;
      line-height: 24px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #757373;
    }
    
    .swipercarro-preco{
      display: flex;
        justify-content: space-between;
        padding: 0.5em;
        align-items: center;
    }
    
    .preconovo h3 {
    font-weight: bold;
    line-height: 44px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-size: 1.7rem;
    color: #283971;
    }
    
    .precoantigo h5 {
      font-weight: 500;
      font-size: 1.125rem;
      line-height: 22px;
      letter-spacing: 0.15em;
      text-decoration-line: line-through;
      text-transform: uppercase;
      color: #7A7A7A;
      }

    .specialwid {
      width: 90% !important;
      /* margin-left: 1em; */
      margin: 0 auto;
    }

    .swipermobi,.servicosheadingswiper{
      display: block;
    }
    .mtopm2{
      margin-top: 4em;
      text-align: end;
    }
    .vermaiscarros{
      padding: 0.5em 2em;
      border: 3px solid white;
      color: white;
      border-radius: 25px;
      font-weight: 900;
      font-size: 1.1rem;
      margin-right: 1.5em;
      line-height: 29px;
      letter-spacing: 0.5em;
      text-transform: uppercase;
      transition: all 0.6s ease;
    }
    
    .vermaiscarros:hover{
      background:white;
      color: #1d79ff;
    }
    
    .usadosh1{
      padding-left: 1em;
      position: relative;
      font-weight: 900;
        letter-spacing: 0.5em;
        margin-bottom: 1em;
    }
    
    .usadosh1::before{
      content: '';
      border-top: 4px solid #1e90ff;
      left: 0;
      width: 40px;
      display: block;
    }
    
    .Servicos{
      height:auto;
      background: white;
    }
    
    /* .swiperservicomob{
      background: #FEFCFC;
      box-shadow: 10px 10px 35px rgba(205, 205, 205, 0.5), inset 22px 18px 26px -21px rgba(0, 0, 0, 0.1);
      border-radius: 53px;
      height: 200px;
      display: grid;
      place-content: center;
      aspect-ratio: 1;
      margin: 0 auto;

    }
    
    .swiperservicomob img {
      width: 75px;
      height: 75px;
    
      place-self: center;
    }
    
    .swiperservicomob p {
      font-weight: bold;
    font-size: 1.175rem;
    line-height: 27px;
    text-align: center;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    margin-top: 0.5em;
    color: #D6D0D0;
    } */
    
    
    .abte img {
      width: 95px !important;
     
    }
    
    
    .speciservc{
      display: grid;
      width: 50% !important;
      align-items: center;
      margin-right: 1em;
      text-align: center;
    }
    
    .servicosheadingswiper h2{
      font-weight: 900;
      font-size: calc(1.375rem + 1.5vw);
      /* text-align: center; */
      letter-spacing: 0.5em;
      text-transform: uppercase;
      color: #283971;
      position: relative;
      padding-left: 1em;
    }
    
    
    .servicosheadingswiper{
      margin-top: 3em;
      margin-bottom: 3em;
    }
    
    
    .servicosheadingswiper h2::before{
      content: '';
      border-top: 4px solid #C9C9C9;
      width: 40px;
      display: block;
      position: absolute;
      left: 15%;
    }
    
    
    .ApoioContactenos span {
      font-size: 2rem;
      letter-spacing: 10px;
    }
    
    .header-newsletter h1 {
     font-size: 2.1rem;
    }
    
    .header-newsletter > p {
      max-width: 90%;
         letter-spacing: unset;
        font-weight: 500;
        font-size: 0.8rem;
        color: #B4B4B4;
    }
    
    .leftcontainnews{
      width: 100%;
    }
    
    .envibut input{
      width: 90%;
      margin-bottom:1em;
      margin-top: 2em;
    }
    
    
    .fixedcenter{
      width: 25%;
      height: 100%;
      display: grid;
      place-content: center;
      color: black;
      text-align: center;
    }
    
    .fixedcenter img{
      width: 25px;
      height: 25px;
    }

    .carsvgfix img {
      width: 40px;
    }

    .fixedcenter p {
      font-size: 0.9rem;
    }
    .navfixedbottom{
      display: flex;
      position: fixed;
      bottom: 0;
      background: white;
      height: 7vh;
      width: 100%;
      z-index: 9999;
      justify-content: center;
      flex-direction: row;
      flex-wrap: nowrap;
      text-align: -webkit-center;
      align-items: center;
      align-content: space-around;
     
    }
    
    .fixgray{
      background: #EEEEEE;
    }
    
    
    .PinWhite{
      padding-bottom: 3vh;
      display: block;
      width: 100%;
    }
    
    .contactosPessoas{
      padding-left: 2em;
      padding-right: 2em;
    }
    
    .ShapeWhite{
      width: 100%;
      display: block;
      padding-bottom:2em;
    }
    
    
    
    footer{
      display:block;
      height: auto;
    }
    
    .contactosPessoas{
      width: 100%;
    }
    
    .ShapeWhite::before{
      display: none;
    }
    .mobileNoticia > .heading{
      font-weight: 900;
        font-size: calc(1.375rem + 1.5vw);
        letter-spacing: 0.5em;
        text-transform: uppercase;
        text-align: center;
        color: #283971;
        position: relative;
        margin-top: 2em;
        margin-bottom: 2em;
    }
    /* ################################# FINANCIAMENTO ######################## */
    /* ################################# FINANCIAMENTO ######################## */
    /* ################################# FINANCIAMENTO ######################## */
    
    .bannerdoFinanciamento{
      background-position: bottom;
    }
    
    .financiamento .SeoAreaBanner {
      max-width: 90%;
      margin: 0 auto;
      left: 0;
      right: 0;
    }
    
    .financiamento .leftside{
      width: 100%;
    }
    
    .financiamento .rightside{
      display: none;
    }
    
    .financiamento .descricaoservico{
      letter-spacing: unset;
        position: relative;
        max-width: 100%;
        text-align: unset;
        /* padding: 0em 0em 1em 0em; */
        padding: 0em 1em 1em 0em;
    }
    
    .headerfinanciform.ptop2 div {
      flex-direction: column;
    }

    .formulario{
      margin-inline:unset;
      display: block;
    }
    
    .formleft,.formright{
      width: 100%;
      padding: 2em;
    }
    
    .financiamento .descricaoservico::after{
      display: none;
    }
    
    .tipo{
      display: block;
    }
    
    .colEsq, .colDir{
      width: 100%;
    }
    
    .Partners{
      height: auto;
    }
    
    .logoparceiros {
      grid-template-columns: auto;
    }
    
    .Partners .logoparceiros{
      padding-left: 20px;
      padding-right: 20px;
    }
    /* ################################# FIM FINANCIAMENTO ######################## */
    /* ################################# FIM FINANCIAMENTO ######################## */
    /* ################################# FIM FINANCIAMENTO ######################## */
    
    /* ################################# OFICINA ######################## */
    /* ################################# OFICINA ######################## */
    /* ################################# OFICINA ######################## */
    
    .bannerdaOficina {
      background-position: bottom;
    }
    
    .oficina .SeoAreaBanner {
      max-width: 90%;
      margin: 0 auto;
      left: 0;
      right: 0;
    }
    
    .flex2{
      display: block;
    }
    
    .contentorOficina{
      margin: 1em;
    }
    
    .oficina .leftside{
      width: 100%;
      padding-top: 8em;
    }
    .oficina .descricaoservico{
      padding: unset;
    }
    
    .oficina .descricaoservico::after,.lottieabsoluto {
    display: none;
    }
    
    .callnow{
      position: unset;
      margin-top: 2em;
    }
    
    .oficina .rightside{
      width: 100%;
      margin-top: 2em;
    }
    
    #videochamada,#pneus{
      width: 100%;
      height: 100%;
    }
    
    .flex7{
      display: block;
    }
    
    .leftsidePneus{
      width: 100%;
    }
    
    .headerpneus{
      font-size: 1.7rem;
      padding: 0.5em;
    }
    
    .profianual{
      margin-right: unset;
    }
    
    .textopneus{
      margin:0;
      padding: 4em;
      padding-left: 2em;
      padding-right: 2em;
    }
    
    .flexleft{
      display: block;
    }
    
    .fm1{
      width: 100%;
      margin-top: 2em;
    }
    
    .fm2,.fm3{
      width: 100%;
    }
    
    .form{
      width: 80%;
      margin: 0 auto;
      padding-top: 3em;
    }
    
    .fm2 > textarea{
      width: 90%;
    }
    
    .fm3{
      margin-top: 2em;
    }
    
    .descricaoservico::before{
      bottom: -10px;
    }
    
    .buttonOficina{
      font-size: 1.1rem;
      padding: 0.5em 1em 0.5em 1em;
    
    }
    .oficina .flex7{
      margin: -1em;
    }

    .profianual{
      padding: 2em;
      padding-left: 1em;
    }

    .contactformHeader{
      margin-left: 1em;
      margin-right: 1em;
    }

    /* PEÇAS */
    .logomarcas{
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      overflow: unset;
      overflow-x: scroll;
      gap: unset;
      justify-content: unset;
      -webkit-overflow-scrolling: touch;
    }
    .marcaFiat, .marcaAlfa, .marcaFiatPro, .marcaJeep, .marcaAbarth, .marcaVespa, .marcaFord{
      flex-direction: column;
    }
    .servico-centro .SeoAreaBanner{
      max-width: 90%;
      margin: 0 auto;
      left: 0;
      right: 0;
    }
    
    
    
    .servico-centro .help{
      margin-top: 2em;
      display: block;
      text-align: center;
      margin: 2em;
    }
    
    .help .telefone  {
      margin-top: 1em;
    }
    
    .dflex{
      display: block;
    }
    
    .servico-centro .rightside{
      width: 100%;
    }
    
    .servico-centro .rightside img {
      width: 100%;
      height: 100%;
    }
    
    .textobottom{
      display: none;
    }
    
    .textobottomx{
      display: block;
    }
    
    .noticia1::before{
      background: linear-gradient(
    0.24deg
    , #1673B6 -7.75%, rgba(1, 31, 93, 0) 99.83%);
    }
    
    
    
    
    /* MENU MOBILE TOP */
    
    .barra1, .barra2 {
      width: 35px;
      height: 5px;
      background-color: #FFF;
      margin: 6px 0;
       border-radius:55px;
      transition: 0.4s;
    }
    .barra3{
      width: 25px;
      height: 5px;
      background-color: #FFF;
      border-radius:55px;
      margin: 6px 0;
      transition: 0.4s;
    }
    .change .barra1 {
      -webkit-transform: rotate(-45deg) translate(-9px, 6px);
      transform: rotate(-45deg) translate(-9px, 6px);
    }
    
    .change .barra2 {opacity: 0;}
    
    .change .barra3 {
      -webkit-transform: rotate(45deg) translate(-8px, -8px);
      transform: rotate(45deg) translate(-8px, -8px);
      width:35px;
    }
    
    
    .mobilemenutop{
      position: fixed;
      top: 0;
      height: 80px;
      z-index: 9999;
      display: flex;
      padding: 0.5em;
      background: linear-gradient(135deg, rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%);
    	background-size: 400% 400%;
    	animation: gradient 15s ease infinite;
      align-items: center;
      align-content: center;
      justify-content: space-evenly;
      flex-direction: row;
      flex-wrap: nowrap;
    }
    
    
    .logostockmob{
      text-align: center;
    }
    
    .logostockmob img {
      width: 60%;
        height: 100%;
    }
    
    .navbar,.navbar.scrolled{
      display: none;
    }
    
    .searchiconmob img{
      width: 35px;
      cursor: pointer;
      height: 35px;
    }
    
    .menuiconmob{
      cursor: pointer;
    }
    /* ##################################### PESQUISA MOBILE #########################################*/
    /* ##################################### PESQUISA MOBILE #########################################*/
    /* ##################################### PESQUISA MOBILE #########################################*/
    /* ##################################### PESQUISA MOBILE #########################################*/
    
    .poppesquisamob{
      width: 100%;
      visibility: hidden;
      opacity: 0;
    }
    
    .containermobilepesquisa{
      position: fixed;
      background: #6a6a6aa0;
      top: 0;
      width: inherit;
      height: inherit;
      z-index: 9999999999;
      margin-top: 80px;
    }
    
    #searchmobile{
      width: 60%;
      height: fit-content;
      margin-left: 1em;
      outline: none !important;
      border: none;
      border-left: 5px solid black;
      text-transform: uppercase;
      border-bottom: 1px solid lightgray;
      border-radius: 0 !important;
    }
    
    .containerpesquisa{
      height: 15vh;
      background: white;
      display: flex;
      align-items: center;
      justify-content: center;
      position: fixed;
      top: 80px;
      z-index: 9999999999999999999999999999;
      width: 100%;
      padding-inline:20px;
    }
    .containerpesquisa input {
      border-radius: 0 !important;
    }
    
    .input-group-append .btn.btn-default{
            cursor: pointer;
    background: var(--FundosBotoesVarios);
    color: white;
    }
    
    .removepls{
      opacity: 0;
      visibility: hidden;
      transition: all 0.4s ease;
    }
    
    .showpls{
      height: 100vh;
      opacity: 1;
      visibility: visible;
      transition: all  0.6s ease;
    }
    
    /* ##################################### MENU FULLSCREEN #########################################*/
    /* ##################################### MENU FULLSCREEN #########################################*/
    /* ##################################### MENU FULLSCREEN #########################################*/
    /* ##################################### MENU FULLSCREEN #########################################*/
    
    .menufullscreenmobile{
      height: 100vh;
      width: 100%;
      background: linear-gradient(135deg, rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%);
    	background-size: 400% 400%;
    overflow-y: scroll;
      z-index: 99999999999999999999999;
      position: fixed;
      top: 0;
      display: none;
    
    }
    
    .containermenumobfull{
      gap: 2em;
      display: flex;
      margin: 2em;
      margin-top: 5em;
      flex-direction: column;
      /* height: inherit; */
    opacity: 0;
    }
    
    .containeranimate{
      animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-in-up both;
      animation-delay: 0.8s;
    }
    .navegacaomobfull ul li{
      /* list-style: square !important; */
      font-weight: 700;
      font-size: 1.6rem;
      margin-top: 0.5em;
      color: white;
    }
    .navegacaomobfull ul li a{
    color: white;
    }
    .navegacaomobfull ul{
      text-align: center;
      padding-left: 0rem;
    }
    
    .navegacaomobfull ul li::marker{
      color: var(--NovaCor);
    }
    
    #closepopfull{
      position: absolute;
      top: 0%;
      right: 3%;
      font-size: 3.1rem;
      cursor: pointer;
      color: white;
      z-index: 99999;
    }
    
    .logotipofull img {
      width: 100%;
        height: 100%;
    }
    .entracrlh{
      animation: 1s cubic-bezier(.25, 1, .30, 1) wipe-in-right both, gradient 15s ease infinite;
    }
    
    .saicrl{
      animation: 1s cubic-bezier(.25, 1, .30, 1) wipe-out-left both;
    }
    
    .redesociaisfull{
      display: flex;
      align-items: center;
      gap: 2em;
      justify-content: center;
    }
    .servic{
      cursor: pointer;
    
    }
    
    .mleft{
      margin-left: 0.3em;
    }
    
    .otsvrc{
      font-size: 1.3rem !important;
    }
    
    
    

    
    
    /* ##################################### SEGUROS #########################################*/
    /* ##################################### SEGUROS #########################################*/
    /* ##################################### SEGUROS #########################################*/
    /* ##################################### SEGUROS #########################################*/
    
    
    .flex12{
      display: block;
      padding-bottom: 8em;
    }
    
    
    .leftsideseguros::after,.w20{
      display: none;
    }
    
    .leftsideseguros,.rightsideseguros{
      width: 100%;
    }
    
    #carroseguroAbsolut{
      position: unset;
      left: unset;
      top: unset;
      width: 100%;
      margin-left: -1em;
    }
    
    .textoseguro{
      margin-left: unset;
    }
    
    .followsocial{
      margin-bottom: 3em;
    }
    
    #escudo{
      position: absolute;
      top: 15%;
      width: 10%;
    }
    
    .mailpostnascimento{
      display: flex;
      flex-direction: column;
      gap: 2em;
    }
    
    .flexgapx{
      flex-direction: column;
    }
    
    .bannerdosSeguros{
      background-position: bottom;
    }
    
    .seguroH1 > H1{
      font-size: 3rem;
    }
    .seguroH1{
      z-index: 9;
    }
    .textoseguro > p{
      font-size: 1rem;
    }

    .matricula-data {
      flex-direction: column;
      align-content: flex-start;
      gap: 3em;
  }
  .dataform{
    margin-left: 0;
  }



    /* ####################################################################  CENTRO DE ABATE #################################################################### */
    /* ####################################################################  CENTRO DE ABATE #################################################################### */
    /* ####################################################################  CENTRO DE ABATE #################################################################### */
    /* ####################################################################  CENTRO DE ABATE #################################################################### */
    
    .boxwnumber{
      width: 80%;
      margin: 0 auto;
      margin-top: 12em;
      
    }
    
    .centroabate .dflex{
      flex-direction: column;
    }
    
    .centroabate .dflex12{
      flex-direction: column;
    }
    
    .leftsideabate,.rightsideabate,.quadtext{
      width: 100%;
    }
    
    .centroabate .texto-azul::after,.rightsideabate::before,.rightsideabate::after{
      display: none;
    }
    
    .entregueh3{
      letter-spacing: 5px;
    }
    
    .leftsideabate{
      margin-bottom: 4em;
    }
    
    .Quadrados{
      margin-left: 1em;
      position: relative;
      margin-right: 1em;
      margin-top: 0;
      margin-bottom: 5em;
    }
    
    .flexzpos{
      flex-direction: column;
    }
    
    .bigsquare{
      width: 100%;
      margin-left: unset;
    }
    
    #quadradoPosition{
      display: none;
    }
    
    .bannerdoabate .SeoAreaBanner{
      margin: 0 auto;
      left: 0;
      right: 0;
    }
    .bigsquare > p {
      padding: 0;
      padding-top: 1em;

    }
    .lottieabate{
      left: -15vw;
    }
    /* LISTA DE CARROS */
    
    .carlist-page .space2column{
      margin-top: 0.8em;
    }
    
    
    /* #################################################################### NOTÍCIAS #################################################################### */
    /* #################################################################### NOTÍCIAS #################################################################### */
    /* #################################################################### NOTÍCIAS #################################################################### */
    /* #################################################################### NOTÍCIAS #################################################################### */
    .containernewsticias {
      height: auto;
      display: flex;
      grid-template-columns: 1fr;
      grid-template-rows: UNSET; 
      gap: 2em;
       margin-left: UNSET; 
       margin-right: UNSET; 
      gap: 4em;
      position: relative;
      grid-template-areas: UNSET;
      flex-direction: column;
    
    }
    
    .noticia1{
      /*height: 65vh;*/
      height: 75vh;
    }
    
    /* .vrtlnews{
     margin-left: 4em;
    } */
    
    /* #################################################################### NOTÍCIA #################################################################### */
    /* #################################################################### NOTÍCIA #################################################################### */
    /* #################################################################### NOTÍCIA #################################################################### */
    /* #################################################################### NOTÍCIA #################################################################### */
    
    
    
    .NoticiaSection{
      margin: unset;
      margin:1em;
      margin-top: 160px;
    }
    
    .titulopost{
      font-size: 1.8rem;
    }
    .noticapreviaposterior{
      display: none;
    }
    
    .imagepost img {
      width: 100%;
        height: 100%;
    }
    
    .smalltitle{
      padding: unset;
      margin-top: 2em;
      margin-bottom:1rem;
    }
    
    .corpodopost > p{
      padding: unset;
        padding-bottom: 1rem;
    }
    
    .partilharpost{
      margin-top: 2em;
      margin-bottom: 5em;
    }
    
    .socialicons{
      justify-content: space-evenly;
    }
    
    /* CONTACTOS */
    
    .LeftImage{
      display: none;
    }
    
    .rightForm{
      width: 100%;
    }
    
    .contact-page .login-box{
      width: 95%;
      /* margin: 1em; */
      margin: 0 auto;
    }
    
    
    .ContactSection{
      margin-top: 40px;
    }
    
    
    /* #################################################################### CARRO PÁGINA #################################################################### */
    /* #################################################################### CARRO PÁGINA #################################################################### */
    /* #################################################################### CARRO PÁGINA #################################################################### */
    /* #################################################################### CARRO PÁGINA #################################################################### */
    .CarateristicasCarroMobile{
      display: block;
    }
    
    .carro_page .contentorcarrousado{
      margin: unset;
      padding-top: 0;
    }
    
    
    
    .carro_page .GaleriaCarro {
      width: 100%;
      height: 50vh;
    }
    
    
    #content-slider{
      display: none;
    }
    
    
    #content-slider3{
      display: block;
    }
    
    .titulocarrousado > h2{
      font-size: 1.5rem;
    }
    .titulocarrousado > h4{
      font-size: 1.3rem;
    }
    
    .precocarrousado > h2{
      font-size: 2.3rem;
    }
    
    .carro_page .CarateristicasCarro,.carro_page .CarateristicasExtra {
      width: 90%;
      margin: 0 auto;
      margin-top: 2em;
    }
    
    .potenciacor, .cilindradaestado, .segmentoorigem, .garantiaportas, .velocidadeslugares{
      flex-direction: column;
    }
    
    .potenciausado, .corusado, .cilindradausado, .estadousado, .segmentousado, .origemusado, .garantiausado, .portasusado, .velocidadesusado, .lugaresusado{
      width: 100%;
    }
    
    .veiculossemelhantes{
      max-width: 90%;
      margin: 0 auto;
      margin-bottom: 5em;
    }
    

    .navbarcarrousado{
      height:120px;
      margin-top: 80px;
      background: #E8F1FF;
      padding-top: 1em;
    }
    
    .navbarcarrousado .marcaemodelo{
      width: 80%;
    }
    .botoescarrousado{
      display: none;
    }

    .mob.botoescarrousado{
      text-align: center;
      display: flex;
      width: 90%;
      margin: 0 auto;
      gap: 1em;
      flex-direction: column;
    }
    
    .marcaemodelo h1 {
      color: #373D61;
      position: relative;
    }

    .marcaemodelo h1::before{
      content: '';
      display: block;
      position: absolute;
      width: 15%;
      top: -5px;
      left: 0px;
      border-top: 5px solid var(--NovaCor);
    }

    .marcaemodelo h4 {
      color: #6766AA;
    }
    

.estouinteressado2{
  background: #011F5D;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  padding: 1em 1em;
  border-radius: 6px;
  height: inherit;
}
.precocarro2{
  background: #007EC5;
  color: white;
  text-transform: uppercase;
  font-weight: 900;
  padding: 0.43em 1.5em;
  font-size: 1.5rem;
  border-radius: 6px;
}


.w90mauto{
  width: 90%;
  margin: 0 auto;
}

.containtopespecificacoes{
  box-shadow: 4px 3px 26px rgba(0, 0, 0, 0.05);
  border-radius: 11px;
  background: white;
  padding: 2em;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 2em;
  margin-top: 2em;
}

.containbottomespecificacoes{
  box-shadow: 4px 3px 26px rgba(0, 0, 0, 0.05);
  border-radius: 11px;
  background: white;
  padding: 2em;
  width: 90%;
  margin: 0 auto;
}

.potenciam{
  display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%;
    margin-top: 1em;
}

.potenciam:nth-child(1){
  margin-top: 0;
}

.potenciam h1 {
  font-size: 1rem;
    font-weight: 600;
    margin: 0;
    padding-right: 0.5em;
    line-height: 20px;
    letter-spacing: 2px;
    width: 50%;
    color: #011F5D;
}

.potenciam p {
  width: 50%;
}

.CarateristicasCarro{
  display: none;
}


.f9{
  background-color: white;
}

.plsback{
  background: #f9f9f9;
  padding-top: 1em;
  padding-bottom: 2em;
}

.accordionxpto {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1rem;
  transition: 0.6s ease;
  border-bottom: 1px solid gray;
  text-align-last: center;
  outline: none;
  font-weight: 600;
  color: #011F5D;
  text-align: center;
    text-align: -webkit-center
}

.active, .accordionxpto:hover {
  background-color: #011F5D;
  color: white;
}

.panelx {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s ease;
  padding-top: 2em;
}
.panelx ul li {
  list-style: square;
  padding-top: 0.5em;
}

.panelx div ul li {
  text-transform: uppercase;
}

.dropdownscarmob{
  width: 90%;
  margin: 0 auto;
  padding-top: 2em;
  padding-bottom: 2em;
}


.containerEquipamentoInterior, .containerEquipamentoExterior, .containerConfortoMultimedia, .containerHistorico{
  display: block;
}

.newequipamento{
  display: none;
}


.carrossemelhantesmob{
  min-height: 50vh;
}

.carrossemelhantesmob .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: -5px;
}


.carro_page .gridcarrosusados{
  display: none;
}

.carro_page .mobilemenutop{
  background: #011F5D;
}


.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs{
  background: white !important;
}







/*###################################################################################### SLIDE HOME MARCAS ######################################################################################*/
/*###################################################################################### SLIDE HOME MARCAS ######################################################################################*/
/*###################################################################################### SLIDE HOME MARCAS ######################################################################################*/
/*###################################################################################### SLIDE HOME MARCAS ######################################################################################*/


    .soparamobile{
        background:#126294;
        display:flex;
        padding-top:1em;
        padding-bottom: 1em;
    }

    .soparamobile #fordclick.marca img {
      transform: scale(1.2);
    }
    .soparamobile .marca img {
        width: 100px;
        height: 100px;
    }

    .rentcar .leftside {
      width: 100%;
  }
  .absdire{
    position: unset;
    width: 100%;
    height: 100%;
  }

  .dflexwow{
    flex-direction: column;
  }

/* POPUPMOBILE */
.fototestdrive{
  display: none;
}
.textotestedrive{
  padding-bottom: 2em;
}
.containertestedr{
  width: 90%;
}
.fototestdrive, .textotestedrive{
  width:100%;
}

/* POPUP FINANCIAMENTO MODALIDADE */
.modal-content{
  background: var(--FundosBotoesVarios) !important;
}

/* MENU EM BAIXO */

.fixedcenter a p {
  color: #283971;
  font-weight: 600;
}


/* TESTEDRIVE POP */
.centerpls h5{
  text-align: center;
  color: white;
  margin: 0 auto;
  max-width: 60%;
}

#submitteste{
  width: 60%;
}

/* USADOS */
.carlist-page .banner{
  padding-right: 8em;
}


.carlist-page .boxBanner::before,.carlist-page .boxBanner::after{
  display: none;
}


/* rent */
.rentcar footer{
  margin-top: 10vh;
}



}
/* /*###################################################################################### Fim Mobile ######################################################################################*/


@keyframes visib {
  from {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes visibopen {
  from {
    opacity: 0;
    visibility: hidden;
   
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes wipe-in-right {
      from {
        clip-path: inset(0 100% 0 0);
      }
      to {
        clip-path: inset(0 0 0 0);
      }
    }
    
@keyframes wipe-in-up {
      from {
        clip-path: inset( 0 0 100% 0);
        opacity: 0;
      }
      to {
        clip-path: inset(0 0 0 0);
        opacity: 1;
      }
    }
    
@keyframes wipe-out-left {
      from {
        clip-path: inset(0 0 0 0);
      }
      to {
        clip-path: inset(0 100% 0 0);
    
      }
    }

@media only screen and (min-width:1550px) and (max-width:1700px){
  .oficina .descricaoservico::after{
    left: -30vw;
  }
}

@media only screen and (min-width:1700px) and (max-width:1830px){
.contentorTitulo h1 {
    font-size: 3.75rem;
}

.oficina .descricaoservico::after,.centroabate .texto-azul::after,.financiamento .descricaoservico::after  {
left:-28vw;
    
}
#headerveiculoFichaRapido,.financiamento #headerveiculoFichaRapido{
    max-width: 76%;
}


}

/* ############################################ TABLET ############################################ */
/* ############################################ TABLET ############################################ */
/* ############################################ TABLET ############################################ */
/* ############################################ TABLET ############################################ */
/* ############################################ TABLET ############################################ */
/* ############################################ TABLET ############################################ */

@media only screen and (min-width:501px) and (max-width:1024px){
  .liguejacontactos{
    display: block;
    margin-top: 120px;
    text-align: center;
  }
  
  .liguejacontactos a {
    font-weight: 500;
    font-size: 2rem;
  }
.carro_page .contentorCarro{
    flex-direction:column;
}
    .cardusadocarro {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.carro_page .cardusadocarro{
    width: 100%;
    margin: 0 auto;
}

.carro_page .specialwid {
    width: 60% !important;
}
    
      .poppesquisamob,.menufullscreenmobile{
        display: block;
      }
    
    .Newsletter::before{
        z-index:-1;
    }
    .gridcarro-nome{
        font-size: 1.2rem;
    }
    .carro_page .gridcarrosusados{
      grid-template-columns: 1fr 1fr;
      gap: 3em;
    }
    .gridcarrosusados{
      grid-template-columns: 1fr 1fr;
      gap: 3em;
    }
      /* Mobile Display Block */
    .containintro,.swipemobi,.mobileservicos,.Newsletter,.envibut,.mobileNoticia{
      display: block;
      
    }

    .Usados{
      overflow: hidden;
    }
    
    .mobileNoticia{
         margin:0 auto;
        margin-left: 1em;
       overflow: hidden;
    }
.Newsletter::after{
    right:0vw;
}
    .Newsletter{
      margin-inline:unset;
      margin-left: 2em;
    }
    /* Mobile Display None */
    .carousel-indicators.carousel-indicators-numbers,.DivImagemApoio,
    .sticky-cta,.intromarcas,.shapeusados,.UsadosVermais,.Servicos > .contentor,
    .img-newsletter,.Secaonoticias{
      display: none;
    }
    .tiradaqui{
      display: none !important;
    }
    /* Mobile Width 100% */
    #carouselExampleIndicators,.FordRating,.divForm,.testedrive,.formNewsletter{
      width: 100%;
    }
    
    .LinhadeApoio{
         flex-direction: column;
    flex-wrap: wrap;
     margin-top: 3em;
    }
    .LinhadeApoio .titleapoio {
    position: absolute;
    left: 2em;
    }
    /* .divForm{
      order:2;
    } */
    
    .carousel-inner{
      box-shadow: 0px 23px 28px -2px rgba(0, 0, 0, 0.25);
    }
    
    .fordratingstars{
      margin-top: 4em;
    }
    .apoioTexto{
               max-width: 75%;
    }
    .innerford{
      display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 1em;
        margin: 2em;
    }
    
    .descford p {
      font-size: 1rem;
      line-height: unset;
    }
    .upperford{
            width: 50%;
    }
    .fordratingstars h3{
      font-size: 1.2rem;
    }
    
    .FordRating{
      box-shadow:unset;
      border:unset;
      background:unset;
    }
    
    .alturadiv{
      height: unset;
    }
    
    
    .swipercarro-img img{
      /* height: 350px; */
      height: 100%;
      width:100%;
      object-fit: cover;
    }
    
    .swipercarro-info{
      background: white;
      padding:2em 2em 2em 1em;
    }
    
    .swipercarroinfo-marca h3{
      color: #011F5D;
      font-weight: 800;
      font-size: 1.375rem;
      margin: 0;
      text-transform: uppercase;
    }
    .swipercarroinfo-marca p {
      font-size: 1.125rem;
      color:#1d79ff;
      font-weight: 500;
    }
    
    .swipercarro-preco{
      background:#EBEBEB;
    }
    .swipercarroinfo-carateristicas{
      margin-top: 2em;
    }
    .swipercarroinfo-carateristicas ul{
      display: flex;
      max-width: 75%;
      flex-wrap: wrap;
      padding-left: 0;
      justify-content: flex-start;
    }
    .swipercarroinfo-carateristicas li {
      font-weight: 600;
      font-size: 0.9rem;
      line-height: 24px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #757373;
    }
    
    .swipercarro-preco{
      display: flex;
        justify-content: space-between;
        padding: 0.5em;
        align-items: center;
    }
    
    .preconovo h3 {
    font-weight: bold;
    line-height: 44px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-size: 1.7rem;
    color: #283971;
    }
    
    .precoantigo h5 {
      font-weight: 500;
      font-size: 1.125rem;
      line-height: 22px;
      letter-spacing: 0.15em;
      text-decoration-line: line-through;
      text-transform: uppercase;
      color: #7A7A7A;
      }

    .specialwid {
          width: 47% !important;
      /* margin-left: 1em; */
      margin: 0 auto;
    }

    .swipermobi,.servicosheadingswiper{
      display: block;
    }
    .mtopm2{
      margin-top: 4em;
      text-align: end;
    }
    .vermaiscarros{
      padding: 0.5em 2em;
      border: 3px solid white;
      color: white;
      border-radius: 25px;
      font-weight: 900;
      font-size: 1.1rem;
      margin-right: 1.5em;
      line-height: 29px;
      letter-spacing: 0.5em;
      text-transform: uppercase;
      transition: all 0.6s ease;
    }
    
    .vermaiscarros:hover{
      background:white;
      color: #1d79ff;
    }
    
    .usadosh1{
      padding-left: 1em;
      position: relative;
      font-weight: 900;
        letter-spacing: 0.5em;
        margin-bottom: 1em;
    }
    
    .usadosh1::before{
      content: '';
      border-top: 4px solid #1e90ff;
      left: 0;
      width: 40px;
      display: block;
    }
    
    .Servicos{
      height:auto;
      background: white;
    }
    
    .swiperservicomob{
      background: #FEFCFC;
      box-shadow: 10px 10px 35px rgba(205, 205, 205, 0.5), inset 22px 18px 26px -21px rgba(0, 0, 0, 0.1);
      border-radius: 53px;
      height: 200px;
      display: grid;
      place-content: center;
      aspect-ratio: 1;
      margin: 0 auto;
    }
    
    .swiperservicomob img {
    width: 90px;
    height: 90px;
    
      place-self: center;
    }
    
    .swiperservicomob p {
      font-weight: bold;
    font-size: 1.175rem;
    line-height: 27px;
    text-align: center;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    margin-top: 0.5em;
    color: #D6D0D0;
    }
    
    
    .abte img {
      width: 95px !important;
     
    }
    
    
    .speciservc{
      display: grid;
        width: 30% !important;
      align-items: center;
      margin-right: 1em;
      text-align: center;
    }
    
    .servicosheadingswiper h2{
      font-weight: 900;
      font-size: calc(1.375rem + 1.5vw);
      /* text-align: center; */
      letter-spacing: 0.5em;
      text-transform: uppercase;
      color: #283971;
      position: relative;
      padding-left: 1em;
    }
    
    
    .servicosheadingswiper{
      margin-top: 3em;
      margin-bottom: 3em;
    }
    
    
    .servicosheadingswiper h2::before{
      content: '';
      border-top: 4px solid #C9C9C9;
      width: 40px;
      display: block;
      position: absolute;
      left: 15%;
    }
    
    
    .ApoioContactenos span {
      font-size: 2rem;
      letter-spacing: 10px;
    }
    
    .header-newsletter h1 {
      font-size:2.5rem;
    }
    
    .header-newsletter > p {
      max-width: 90%;
         letter-spacing: unset;
        font-weight: 500;
        font-size: 0.8rem;
        color: #B4B4B4;
    }
    
    .leftcontainnews{
      width: 100%;
    }
    
    .envibut input{
      width: 90%;
      margin-bottom:1em;
      margin-top: 2em;
    }
    
    
    .fixedcenter{
      width: 25%;
      height: 100%;
      display: grid;
      place-content: center;
      color: black;
    }
    
    .fixedcenter img{
      width: 25px;
      height: 25px;
    }

    .carsvgfix img {
      width: 40px;
    }

    .fixedcenter p {
      font-size: 0.9rem;
    }
    .navfixedbottom{
      display: flex;
      position: fixed;
      bottom: 0;
      background: white;
      height: 7vh;
      width: 100%;
      z-index: 99999999999999;
      justify-content: center;
      flex-direction: row;
      flex-wrap: nowrap;
      text-align: -webkit-center;
      align-items: center;
      align-content: space-around;
     
    }
    
    .fixgray{
      background: #EEEEEE;
    }
    
    
    .PinWhite{
      padding-bottom: 10vh;
      display: block;
      width: 100%;
    }
    
    .contactosPessoas{
      padding-left: 2em;
      padding-right: 2em;
    }
    
    .ShapeWhite{
      width: 100%;
      display: block;
      padding-bottom:2em;
    }
    
    
    
    footer{
      display:block;
      height: auto;
    }
    
    .contactosPessoas{
      width: 100%;
    }
    
    .ShapeWhite::before{
      display: none;
    }
    .mobileNoticia > .heading{
      font-weight: 900;
        font-size: calc(1.375rem + 1.5vw);
        letter-spacing: 0.5em;
        text-transform: uppercase;
        text-align: center;
        color: #283971;
        position: relative;
        margin-top: 2em;
        margin-bottom: 2em;
    }
    /* ################################# FINANCIAMENTO ######################## */
    /* ################################# FINANCIAMENTO ######################## */
    /* ################################# FINANCIAMENTO ######################## */
    
    .bannerdoFinanciamento{
      background-position: bottom;
    }
    
    .financiamento .SeoAreaBanner {
      max-width: 90%;
      margin: 0 auto;
      left: 0;
      right: 0;
    }
    
    .financiamento .leftside{
      width: 100%;
    }
    
    .financiamento .rightside{
      display: none;
    }
    
    .financiamento .descricaoservico{
      letter-spacing: unset;
        position: relative;
        max-width: 100%;
        text-align: unset;
        padding: 0em 0em 1em 0em;
    }
    
    .formulario{
      margin-inline:unset;
      display: block;
    }
    
    .formleft,.formright{
      width: 100%;
      padding: 2em;
    }
    
    .financiamento .descricaoservico::after{
      display: none;
    }
    
    .tipo{
      display: block;
    }
    
    .colEsq, .colDir{
      width: 100%;
    }
    
    .Partners{
      height: auto;
    }
    
    .logoparceiros {
      grid-template-columns: auto;
    }
    
    /* ################################# FIM FINANCIAMENTO ######################## */
    /* ################################# FIM FINANCIAMENTO ######################## */
    /* ################################# FIM FINANCIAMENTO ######################## */
    
    /* ################################# OFICINA ######################## */
    /* ################################# OFICINA ######################## */
    /* ################################# OFICINA ######################## */
    
    .bannerdaOficina {
      background-position: bottom;
    }
    
    .oficina .SeoAreaBanner {
      max-width: 90%;
      margin: 0 auto;
      left: 0;
      right: 0;
    }
    
    .flex2{
      display: block;
    }
    
    .contentorOficina{
      margin: 1em;
    }
    
    .oficina .leftside{
      width: 80%;
      padding-top: 8em;
    }
    
    .contactformHeader {
    width: 90%;
    margin: 0 auto;
}
    
    .oficina .descricaoservico{
      padding: unset;
    }
    
    .oficina .descricaoservico::after,.lottieabsoluto {
    display: none;
    }
    
    .callnow{
      position: unset;
      margin-top: 2em;
    }
    
    .oficina .rightside{
      width: 100%;
      margin-top: 2em;
    }
    
    #videochamada,#pneus{
      width: 100%;
      height: 100%;
    }
    
    .flex7{
      display: block;
    }
    
    .leftsidePneus{
      width: 100%;
    }
    
    .headerpneus{
      font-size: 1.7rem;
      padding: 0.5em;
    }
    
    .profianual{
      margin-right: unset;
    }
    
    .textopneus{
      margin:0;
      padding: 4em;
    }
    
    .flexleft{
      display: block;
    }
    
    .fm1{
      width: 100%;
      margin-top: 2em;
    }
    
    .fm2,.fm3{
      width: 100%;
    }
    
    .form{
      width: 80%;
      margin: 0 auto;
    }
    
    .fm2 > textarea{
      width: 90%;
    }
    
    .fm3{
      margin-top: 2em;
    }
    
    /* PEÇAS */
    .logomarcas{
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      overflow: unset;
      overflow-x: scroll;
      gap: unset;
      justify-content: unset;
      -webkit-overflow-scrolling: touch;
    }
    .marcaFiat, .marcaAlfa, .marcaFiatPro, .marcaJeep, .marcaAbarth, .marcaVespa, .marcaFord{
      flex-direction: column;
    }
    .servico-centro .SeoAreaBanner{
      max-width: 90%;
      margin: 0 auto;
      left: 0;
      right: 0;
    }
    
    .servico-centro .div .buttonGeral{
        margin-top:2em;
    }
    .pecasmaxqualidade::before {
        display:unset;
    }
    
    .financiamento #headerveiculoFichaRapido::before {
    top: -9vh;
    left: -10.5vw;
    }
    
    .servico-centro .help{
      margin-top: 2em;
      display: block;
      text-align: center;
      margin: 2em;
    }
    
    .help .telefone  {
      margin-top: 1em;
    }
    
    .dflex{
      display: block;
    }
    
    .servico-centro .rightside{
      width: 100%;
    }
    
    .servico-centro .rightside img {
      width: 100%;
      height: 100%;
    }
    
    .textobottom{
      display: none;
    }
    
    .textobottomx{
      display: block;
    }
    
    .noticia1::before{
      background: linear-gradient(
    0.24deg
    , #1673B6 -7.75%, rgba(1, 31, 93, 0) 99.83%);
    }
    
    
    
    
    /* MENU MOBILE TOP */
    
    .barra1, .barra2 {
      width: 35px;
      height: 5px;
      background-color: #FFF;
      margin: 6px 0;
       border-radius:55px;
      transition: 0.4s;
    }
    .barra3{
      width: 25px;
      height: 5px;
      background-color: #FFF;
      border-radius:55px;
      margin: 6px 0;
      transition: 0.4s;
    }
    .change .barra1 {
      -webkit-transform: rotate(-45deg) translate(-9px, 6px);
      transform: rotate(-45deg) translate(-9px, 6px);
    }
    
    .change .barra2 {opacity: 0;}
    
    .change .barra3 {
      -webkit-transform: rotate(45deg) translate(-8px, -8px);
      transform: rotate(45deg) translate(-8px, -8px);
      width:35px;
    }
    
    
    .mobilemenutop{
        width:100%;
      position: fixed;
      top: 0;
      height: 80px;
      z-index: 9999;
      display: flex;
      padding: 0.5em;
      background: linear-gradient(135deg, rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%);
    	background-size: 400% 400%;
    	animation: gradient 15s ease infinite;
      align-items: center;
      align-content: center;
      justify-content: space-evenly;
      flex-direction: row;
      flex-wrap: nowrap;
    }
    
    
    .logostockmob{
      text-align: center;
    }
    
    .logostockmob img {
      width: 60%;
        height: 100%;
    }
    
    .navbar,.navbar.scrolled{
      display: none;
    }
    
    .searchiconmob img{
      width: 35px;
      cursor: pointer;
      height: 35px;
    }
    
    .menuiconmob{
      cursor: pointer;
    }
    /* ##################################### PESQUISA MOBILE #########################################*/
    /* ##################################### PESQUISA MOBILE #########################################*/
    /* ##################################### PESQUISA MOBILE #########################################*/
    /* ##################################### PESQUISA MOBILE #########################################*/
    
    .poppesquisamob{
      width: 100%;
      visibility: hidden;
      opacity: 0;
    }
    
    .containermobilepesquisa{
      position: fixed;
      background: #6a6a6aa0;
      top: 0;
      width: inherit;
      height: inherit;
      z-index: 9999999999;
      margin-top: 80px;
    }
    
    #searchmobile{
      width: 60%;
      height: fit-content;
      margin-left: 1em;
      outline: none !important;
      border: none;
      border-left: 5px solid black;
      text-transform: uppercase;
      border-bottom: 1px solid lightgray;
      border-radius: 0 !important;
    }
    
    .containerpesquisa{
      height: 15vh;
      background: white;
      display: flex;
      align-items: center;
      justify-content: center;
      position: fixed;
      top: 80px;
      z-index: 9999999999999999999999999999;
      width: 100%;
    }
    .containerpesquisa input {
      border-radius: 0 !important;
    }
    .removepls{
      opacity: 0;
      visibility: hidden;
      transition: all 0.4s ease;
    }
    
    .showpls{
      height: 100vh;
      opacity: 1;
      visibility: visible;
      transition: all  0.6s ease;
    }
    
    /* ##################################### MENU FULLSCREEN #########################################*/
    /* ##################################### MENU FULLSCREEN #########################################*/
    /* ##################################### MENU FULLSCREEN #########################################*/
    /* ##################################### MENU FULLSCREEN #########################################*/
    
    .menufullscreenmobile{
      height: 100vh;
      width: 100%;
      background: linear-gradient(135deg, rgba(40,57,113,1) 15%, rgba(21,118,186,1) 50%, rgba(40,57,113,1) 85%);
    	background-size: 400% 400%;
    overflow-y: scroll;
      z-index: 99999999999999999999999;
      position: fixed;
      top: 0;
      display: none;
    
    }
    
    .containermenumobfull{
      gap: 2em;
      display: flex;
      margin: 2em;
      margin-top: 5em;
      flex-direction: column;
      height: auto;
    opacity: 0;
    }
    
    .containeranimate{
      animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-in-up both;
      animation-delay: 0.8s;
    }
    .navegacaomobfull ul li{
      /* list-style: square !important; */
      font-weight: 700;
    font-size: 1.8rem;
    margin-top: 0.8em;
      color: white;
    }
    .navegacaomobfull ul li a{
    color: white;
    }
    .navegacaomobfull ul{
      text-align: center;
      padding-left: 0rem;
    }
    
    .navegacaomobfull ul li::marker{
      color: var(--NovaCor);
    }
    
    #closepopfull{
      position: absolute;
      top: 0%;
      right: 3%;
      font-size: 3.1rem;
      cursor: pointer;
      color: white;
      z-index: 99999;
    }
    
    .logotipofull img {
      width: 100%;
        height: 100%;
    }
    .entracrlh{
      animation: 1s cubic-bezier(.25, 1, .30, 1) wipe-in-right both, gradient 15s ease infinite;
    }
    
    .saicrl{
      animation: 1s cubic-bezier(.25, 1, .30, 1) wipe-out-left both;
    }
    
    .redesociaisfull{
      display: flex;
      align-items: center;
      gap: 2em;
      justify-content: center;
    }
    .servic{
      cursor: pointer;
    
    }
    
    .mleft{
      margin-left: 0.3em;
    }
    
    .otsvrc{
      font-size: 1.3rem !important;
    }
    
    
    

    
    
    /* ##################################### SEGUROS #########################################*/
    /* ##################################### SEGUROS #########################################*/
    /* ##################################### SEGUROS #########################################*/
    /* ##################################### SEGUROS #########################################*/
    
    
    .flex12{
      display: block;
      padding-bottom: 8em;
    }
    
    
    .leftsideseguros::after,.w20{
      display: none;
    }
    
    .leftsideseguros,.rightsideseguros{
      width: 100%;
    }
    
    #carroseguroAbsolut{
      position: unset;
      left: unset;
      top: unset;
      width: 100%;
         margin-left: -3em;
    }
    #headerveiculoFichaRapido::before {
    top: -9vh;
    left: -17.5vw;
    }
    .textoseguro{
      margin-left: unset;
    }
    
    .followsocial{
      margin-bottom: 3em;
    }
    
    #escudo{
      position: absolute;
      top: 15%;
      width: 10%;
    }
    
    .mailpostnascimento{
      display: flex;
      flex-direction: column;
      gap: 2em;
    }
    
    .flexgapx{
      flex-direction: column;
    }
    
    .bannerdosSeguros{
      background-position: bottom;
    }
    
    .seguroH1 > H1{
      font-size: 3rem;
    }
    .seguroH1{
      z-index: 9;
    }
    
    /* ####################################################################  CENTRO DE ABATE #################################################################### */
    /* ####################################################################  CENTRO DE ABATE #################################################################### */
    /* ####################################################################  CENTRO DE ABATE #################################################################### */
    /* ####################################################################  CENTRO DE ABATE #################################################################### */
    
    .boxwnumber{
      width: 80%;
      margin: 0 auto;
      margin-top: 12em;
      
    }
    
    .centroabate .dflex{
      flex-direction: column;
    }
    
    .centroabate .dflex12{
      flex-direction: column;
    }
    
    .leftsideabate,.rightsideabate,.quadtext{
      width: 100%;
    }
    
    .centroabate .texto-azul::after,.rightsideabate::before,.rightsideabate::after{
      display: none;
    }
    
    .entregueh3{
      letter-spacing: 5px;
    }
    
    .leftsideabate{
      margin-bottom: 4em;
    }
    
    .Quadrados{
      margin-left: 1em;
      position: relative;
      margin-right: 1em;
      margin-top: 0;
      margin-bottom: 5em;
    }
    
    .flexzpos{
      flex-direction: column;
    }
    
    .bigsquare{
          width: 90%;
    }
    
    #quadradoPosition{
      display: none;
    }
    
    .bannerdoabate .SeoAreaBanner{
      margin: 0 auto;
      left: 0;
      right: 0;
    }
    
    /* LISTA DE CARROS */
    
    .carlist-page .space2column{
      margin-top: 0.8em;
    }
    
     .carlist-page .col-lg-2{
         width:50%;
     }
    
    /* #################################################################### NOTÍCIAS #################################################################### */
    /* #################################################################### NOTÍCIAS #################################################################### */
    /* #################################################################### NOTÍCIAS #################################################################### */
    /* #################################################################### NOTÍCIAS #################################################################### */
    .containernewsticias {
      height: auto;
      display: flex;
      grid-template-columns: 1fr;
      grid-template-rows: UNSET; 
      gap: 2em;
       margin-left: UNSET; 
       margin-right: UNSET; 
      gap: 4em;
      position: relative;
      grid-template-areas: UNSET;
      flex-direction: column;
    margin:2em;
    }
    
    .noticia1{
          height: 40vh;
    }
    
    /* .vrtlnews{
      margin-left: 5em;
    } */
    
    /* #################################################################### NOTÍCIA #################################################################### */
    /* #################################################################### NOTÍCIA #################################################################### */
    /* #################################################################### NOTÍCIA #################################################################### */
    /* #################################################################### NOTÍCIA #################################################################### */
    
    
    
    .NoticiaSection{
      margin: unset;
      margin:2em;
      margin-top: 160px;
    }
    
    .titulopost{
      font-size: 1.8rem;
    }
    .noticapreviaposterior{
      display: none;
    }
    
    .imagepost img {
      width: 100%;
        height: 100%;
    }
    
    .smalltitle{
      padding: unset;
      margin-top: 2em;
    }
    
    .corpo{
      padding: unset;
    }
    
    .partilharpost{
      margin-top: 2em;
      margin-bottom: 5em;
    }
    
    .socialicons{
      justify-content: space-evenly;
    }
    
    /* CONTACTOS */
    
    .LeftImage{
      display: none;
    }
    
    .rightForm{
      width: 100%;
    }
    
    .contact-page .login-box{
      width: 95%;
      /* margin: 1em; */
      margin: 0 auto;
    }
    
    
    .ContactSection{
      margin-top: 40px;
    }
    
    
    /* #################################################################### CARRO PÁGINA #################################################################### */
    /* #################################################################### CARRO PÁGINA #################################################################### */
    /* #################################################################### CARRO PÁGINA #################################################################### */
    /* #################################################################### CARRO PÁGINA #################################################################### */
    .CarateristicasCarroMobile{
      display: block;
      margin-top: 4em;
    }
    
    .carro_page .contentorcarrousado{
      margin: unset;
      padding-top: 0;
    }
    
    
    
    .carro_page .GaleriaCarro {
      width: 100%;
      /* height: 50vh; */
    }
    
    
    #content-slider{
      display: none;
    }
    
    
    #content-slider3{
      display: block;
    }
    
    .titulocarrousado > h2{
      font-size: 1.5rem;
    }
    .titulocarrousado > h4{
      font-size: 1.3rem;
    }
    
    .precocarrousado > h2{
      font-size: 2.3rem;
    }
    
    .carro_page .CarateristicasCarro,.carro_page .CarateristicasExtra {
      width: 90%;
      margin: 0 auto;
      margin-top: 2em;
      justify-content: space-evenly;
    }
    .carro_page .CarateristicasExtra .descricaoCarro{
        width:60%;
    }
    .potenciacor, .cilindradaestado, .segmentoorigem, .garantiaportas, .velocidadeslugares{
      flex-direction: column;
    }
    
    .potenciausado, .corusado, .cilindradausado, .estadousado, .segmentousado, .origemusado, .garantiausado, .portasusado, .velocidadesusado, .lugaresusado{
      width: 100%;
    }
    
    .veiculossemelhantes{
      max-width: 90%;
      margin: 0 auto;
      margin-bottom: 5em;
    }
    

    .navbarcarrousado{
      height:120px;
      margin-top: 80px;
      background: #E8F1FF;
      padding-top: 1em;
    }
    
    .navbarcarrousado .marcaemodelo{
      width: 80%;
    }
    .botoescarrousado{
      display: none;
    }

    .mob.botoescarrousado{
      display: flex;
      width: 90%;
      margin: 0 auto;
      gap: 1em;
    }
    
    .marcaemodelo h1 {
      color: #373D61;
      position: relative;
    }

    .marcaemodelo h1::before{
      content: '';
      display: block;
      position: absolute;
      width: 15%;
      top: -5px;
      left: 0px;
      border-top: 5px solid var(--NovaCor);
    }

    .marcaemodelo h4 {
      color: #6766AA;
    }
    

.estouinteressado2{
  background: #011F5D;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  padding: 1em 1em;
  border-radius: 6px;
  height: inherit;
}
.precocarro2{
  background: #007EC5;
  color: white;
  text-transform: uppercase;
  font-weight: 900;
  padding: 0.43em 1.5em;
  font-size: 1.5rem;
  border-radius: 6px;
}


.w90mauto{
  width: 90%;
  margin: 0 auto;
}

.containtopespecificacoes{
  box-shadow: 4px 3px 26px rgba(0, 0, 0, 0.05);
  border-radius: 11px;
  background: white;
  padding: 2em;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 2em;
  margin-top: 2em;
}

.containbottomespecificacoes{
  box-shadow: 4px 3px 26px rgba(0, 0, 0, 0.05);
  border-radius: 11px;
  background: white;
  padding: 2em;
  width: 90%;
  margin: 0 auto;
}

.potenciam{
  display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%;
    margin-top: 1em;
}

.potenciam:nth-child(1){
  margin-top: 0;
}

.potenciam h1 {
  font-size: 1rem;
    font-weight: 600;
    margin: 0;
    padding-right: 0.5em;
    line-height: 20px;
    letter-spacing: 2px;
    width: 50%;
    color: #011F5D;
}

.potenciam p {
  width: 50%;
}

.CarateristicasCarro{
  display: none;
}


.f9{
  background-color: white;
}

.plsback{
  background: #f9f9f9;
  padding-top: 1em;
  padding-bottom: 2em;
}

.accordionxpto {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1rem;
  transition: 0.6s ease;
  border-bottom: 1px solid gray;
  text-align-last: center;
  outline: none;
  font-weight: 600;
  color: #011F5D;
  text-align: center;
    text-align: -webkit-center
}

.active, .accordionxpto:hover {
  background-color: #011F5D;
  color: white;
}

.panelx {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s ease;
  padding-top: 2em;
}
.panelx ul li {
  list-style: square;
  padding-top: 0.5em;
}

.dropdownscarmob{
  width: 90%;
  margin: 0 auto;
  padding-top: 2em;
  padding-bottom: 2em;
}


.containerEquipamentoInterior, .containerEquipamentoExterior, .containerConfortoMultimedia, .containerHistorico{
  display: block;
}

.newequipamento{
  display: none;
}


.carrossemelhantesmob{
  min-height: 50vh;
  position: relative;
}

.carrossemelhantesmob .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: -5px;
}


.carro_page .gridcarrosusados{
  display: none;
}

.carro_page .mobilemenutop{
  background: #011F5D;
}


.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs{
  background: white !important;
}







/*###################################################################################### SLIDE HOME MARCAS ######################################################################################*/
/*###################################################################################### SLIDE HOME MARCAS ######################################################################################*/
/*###################################################################################### SLIDE HOME MARCAS ######################################################################################*/
/*###################################################################################### SLIDE HOME MARCAS ######################################################################################*/

    .soparamobile{
        background:#126294;
        display:flex;
        padding-top:0;
    }
    .soparamobile .marca img {
        width: 100px;
        height: 100px;
    }

    .rentcar .leftside {
          width: 100% !important;
  }
  .absdire{
    position: unset;
    width: 100%;
    height: 100%;
  }

  .dflexwow{
    flex-direction: column;
  }

/* POPUPMOBILE */
.fototestdrive{
  display: none;
}
.textotestedrive{
  padding-bottom: 2em;
}
.containertestedr{
  width: 90%;
}
.fototestdrive, .textotestedrive{
  width:100%;
}



/* POPUP FINANCIAMENTO MODALIDADE */
.modal-content{
  background: var(--FundosBotoesVarios) !important;
}

/* MENU EM BAIXO */

.fixedcenter a p {
  color: #283971;
  font-weight: 600;
}

.carlist-page .send_button{
    margin-top:1em;
}

}

@media only screen and (min-width:1440px) and (max-width:1600px){
.containernewsticias{
  margin-left: 6em;
    margin-right: 6em;
}
}


/* ENTRE TABLET E PC PEQUENO*/
@media only screen and (min-width:1025px) and (max-width:1440px){
     .soparamobile{
        background:#126294;
        display:flex;
        padding-top: 1em;
    padding-bottom: 1em;
    }
    .soparamobile .marca img {
        width: 90px;
        height: 90px;
    }

    .soparamobile .marca#fordclick img {
      /* width: 100px;
      height: 100px; */
      transform: scale(1.30);
  }
    
        .innerford{
      display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 1em;
        margin: 2em;
    }
    
    .descford p {
      font-size: 1rem;
      line-height: unset;
    }
    .upperford{
            width: 50%;
    }
    .fordratingstars h3{
      font-size: 1.2rem;
    }
    
    .FordRating{
      box-shadow:unset;
      border:unset;
      background:unset;
    width: 100%;


    align-content: space-around;

    /* margin: 2em; */
    justify-content: space-evenly;
    }
    .containintro{
        flex-direction:column;
    }
#carouselExampleIndicators {
    width: 100%;
}
.intromarcas{
    display:none;
}

.rentcar footer{
    margin-top:8vh;
}

}

/* TABLET LANDSCAPE*/
@media only screen and (min-width: 501px) and (max-width: 1024px) and (orientation: landscape){
.noticia1 {
    height: 60vh;
}
.img-newsletter{
    display: block;
    position: absolute;
    right: 10%;
    transform: scaleX(-1);
}
.formNewsletter{
    justify-content: flex-start;
}
.header-newsletter{
    margin-left:0;
}

.texto-azul::after {
    z-index: 0;
    top: 25vh;
    left: -40%;
    width: 56%;
    height: 50%;
}

.financiamento #headerveiculoFichaRapido::before {
    top: -11vh;
    left: 12.5vw;
}

.rentcar .texto-azul::after {
display:none;
}
.rentcar section{
    height:auto !important;
}

.servico-centro .rightside img {
    float: right;
    width: 66%;
    height: 84%;
    margin-right: -3em;
}

#carroseguroAbsolut{
    width:50%;
}

.followsocial{
    justify-content:flex-start;
}

#headerveiculoFichaRapido::before {
    top: -11vh;
    left: 12.5vw;
}

.lottieabate {
    z-index: 0 !important;
    left: 27vw;
}

.boxwnumber {
    width: 100%;
}

.centroabate .dflex {
    width: 60%;
    margin: 0 auto;
}

.Quadrados{
        width: 70%;
    margin: 0 auto;
        height: 110vh;
}

.containernewsticias{
    margin: 10em;
}

.vrtlnews{
       writing-mode: unset; 
    transform: unset;
}

.ContactSection {
    width: 70%;
    margin: 0 auto;
        margin-top: 19vh;
    margin-bottom: 11vh;
}


}



@media only screen and (min-width: 1024px) and (max-width: 1440px){
.containernewsticias{
  margin-left: 3em;
    margin-right: 3em;
    grid-template-columns: 1fr 1fr;
}
.noticiapage .noticia1{
  min-height: 60vh;
  height: unset !important;
}

.vantagensbanco{
  width: 80%;
}

}

img.rsImg{
  margin-left: 0 !important;
}

.precoASC{
  display: none;
}
.precoDESC{
  display: none;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px){


  .contentorcarrousado{
    margin-left: 20;
    margin-right: 20;
  }
  .carro_page .GaleriaCarro{
    width: 55%;
    margin: 0 auto;
  }

  .carro_page .CarateristicasCarro{
    width: 45%;
    margin: 0 auto;
  }


}

@media only screen and (min-width: 1025px) and (max-width: 1250px){

  /* .carro_page .contentorCarro{
    flex-direction: column;

  } */
  
  .precocarrousado > h2{
    font-size: 2.6vw;
  }
  .contentorcarrousado{
    margin-left: 3% !important;
    margin-right: 3% !important;
  }
  .carro_page .GaleriaCarro{
    width: 55%;
    margin: auto 0;
  }
 .carro_page .CarateristicasCarro{
  width: 45%;
  }

  .carro_page .gridcarrosusados{
    grid-template-columns: 1fr 1fr;
  }

  .titulocarrousado > h2{
    font-size: 1.7rem;
  }
  .titulocarrousado > h4{
    font-size: 1.3rem;
  }
  
  .precocarrousado > h2{
    font-size: 3rem;
    line-height: unset;
  }
  
  .listusadoh3,.listusadop{
    font-size: 0.785rem;
  }

}






.openComercial{
  visibility: hidden;
  opacity: 0;
  transition: all 1s ease;
  display: none;

}
.popupcomerciais{
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease;
  display: none;
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 999999999;
  

}

.popupcomerciais .containercomerciaisfundo{
  background: linear-gradient(231.79deg, rgba(255, 255, 255, 0.85) 7.97%, #0069BE 49.75%, rgba(255, 255, 255, 0.86) 96.13%);
    height: inherit;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: -1;
}


.popupcomerciais .containercomerciais{
  /* display: flex; */
  width: 90%;
  margin: auto;
  height: 90%;
  background-color: white;
  align-items: center;
  margin-top: 2.5%;
  position: relative;
  overflow: hidden;
  overflow-y: scroll;
}

#closepopcomercial{
  position: absolute;
  top:2%;
  right:2%;
  font-size: 3rem;
  color: rgba(70, 70, 70, 0.28);
  cursor: pointer;
  transition: all 0.6s ease;
}

#closepopcomercial:hover{
  color: black;
}

.containercomerciais .heading{
  width: 90%;
  margin: 0 auto;
  text-align: center;
  padding-top: 3rem;
}

.comerciaisford{
  width: 25%;
  padding-left: 4rem;
}

.containrightmarcas{
  width: 75%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 4em;
}

.maismarcas{
  display: flex;
  flex-direction: column;
}

.logos{
  display: flex;
  justify-content: space-around;
}


.contactoslogos ul,.listamultimarcas ul{
  display: flex;
  gap: 3em;
  padding-left: 0;
}


.maismarcas{
  margin-top: 2rem;
}

.listacontactosford ul li {
  font-weight: 500;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.05em;

color: #000000;
margin-top: 28px;
}

.listamultimarca{
  display: flex;
}

.contactoslogos,.multimarcas{
  margin-top: 4rem;
}


.listacontactosford ul li i, .listamultimarcas ul li i,.contactoslogos ul li i{
  margin-right: 0.5rem;
  font-size: 1.4rem;
}


.fl2{
  display: flex;
  height: 80%;
}

.listacontactosford ul{
  padding-left: 0rem;
}


.popupcomerciais li a{
  color: black;
  transition: all 0.6s ease;
}

.popupcomerciais li a:hover{
  color: var(--FundosBotoesVarios);
}

.imglogosmarcascomerciais{
  max-width: 70%;
  height: auto;
}

@media only screen and (min-width:800px) and (max-width:1160px){


  .comerciaisford{
    padding-left: 2rem;
  }

  .fl2{
    flex-direction: column;
    text-align: center;
    height: 100%;
    align-items: center;
    gap: 4rem;
  }


  .listacontactosford ul{
    display: flex;
    gap: 3rem;
    align-items: center;
    justify-content: center;

  }
  

  .comerciaisford{
    width: 100%;
  }


  .popupcomerciais .containercomerciais{
    overflow-y: scroll;
  }



}


@media only screen and (min-width:0px) and (max-width:1000px){


  .popupcomerciais .containercomerciais{
    margin-top: unset;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 5rem;
  }

  .fl2{
    height: auto;
    flex-direction: column;
    align-items: center;
    margin-bottom: 6rem;
  }

  .comerciaisford{
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
  }

  .containrightmarcas{
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
  }

  .contactoslogos ul, .listamultimarcas ul {
    display: flex;
    gap: 3em;
    padding-left: 0;
    flex-direction: column;
}

.multimarcas hr{
  max-width: 100% !important;
}

.contactoslogos h4{
  margin-bottom: 2em;
}

#closepopcomercial{
  position: fixed;
  color: #000;
}


}



.popupestouinteressado{
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease;
  display: none;
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 999999999;
}

.popupestouinteressado .containercomerciaisfundo{
  background: linear-gradient(231.79deg, rgba(255, 255, 255, 0.85) 7.97%, #0069BE 49.75%, rgba(255, 255, 255, 0.86) 96.13%);
    height: inherit;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: -1;
}

.popupestouinteressado .containerestouinteressado{
  width: 50%;
  margin: auto;
  height: 90%;
  background: rgba(60, 81, 126, 0.99);
  align-items: center;
  margin-top: 2.5%;
  position: relative;
}

.containerestouinteressado .heading{
  padding-top: 5.75rem;
  padding-bottom:5.1875rem;
  text-align: center;
}

.containerestouinteressado .heading h2{

font-weight: bold;
font-size: 3rem;
line-height: 59px;
margin-bottom: 0;
font-variant: small-caps;
color: #FFFFFF;
}

.containerestouinteressado .heading p{

font-weight: 500;
font-size: 0.875rem;
line-height: 17px;
letter-spacing: 0.05em;
color: #FFFFFF;
padding-bottom: 2.25rem;
}

.containerestouinteressado .heading hr{
  width: 90%;
  margin: 0 auto;
  height: 2px;
  color: white;
  opacity: 1;
}

.conteudoInteressado form .dflex{
  justify-content: center;
    gap: 2.25rem;
}

.containinput label{
  font-weight: 800;
  font-size: 0.876rem;
  line-height: 17px;
  letter-spacing: 0.05em;
  color: #FFFFFF;
}

.conteudoInteressado {
  padding-left: 15.625rem;
  padding-right: 15.625rem;
}

.ll2 {

    flex-direction: column;
}

.containinput input{
  outline: none;
  background: transparent;
  border: none;
  border-left: 1px solid white;
  border-bottom: 1px solid white;
  color: white;
}


.containinput input[type=submit]{
  outline: none;
  color: white;
  background: var(--Titulos);
  border: 1px solid white;
  transition: all 1s ease;

}

.containinput input[type=submit]:hover{
  outline: none;
  color: white;
  background: #0069BE;
  border: 1px solid #0069BE;

}

#closeinteresse{
  position: absolute;
  top:2%;
  right:2%;
  font-size: 3rem;
  color: rgb(255, 255, 255);
  cursor: pointer;
  transition: all 0.6s ease;
}

#closeinteresse:hover{
  color: black;
}

@media (min-width:1440px) and (max-width:1600px){

  .conteudoInteressado {
    padding-left: 10.625rem;
    padding-right: 10.625rem;
}
}


@media (min-width:700px) and (max-width:1439px){

  .conteudoInteressado form .dflex{
    display: flex;
    flex-direction: column;
  }

  .conteudoInteressado {
    padding-left: 3.625rem;
    padding-right: 3.625rem;
}

.popupestouinteressado .containerestouinteressado{
  height: 100%;
  width: 80%;
}

.containerestouinteressado .heading h2{
  font-size: 2rem;
  line-height: 1;
}



}


@media (min-width:0px) and (max-width:699px){

  .conteudoInteressado form .dflex{
    display: flex;
    flex-direction: column;
  }

  .carro_page .carrossemelhantesmob .swiper-pagination-bullets{
    bottom:-20px;
  }

  .conteudoInteressado {
    padding-left: 3.625rem;
    padding-right: 3.625rem;
}

.popupestouinteressado .containerestouinteressado{
  height: 100%;
  width: 100%;
}

.containerestouinteressado .heading h2{
  font-size: 2rem;
  line-height: 1;
}

   .carlist-page .gridcarrosusados{
      grid-template-columns: 1fr !important;
      gap: 3em;
    }

}

@media only screen and (min-width:1024px) and (max-width:1480px){
  .show1400{
    display: block;
  }
  .hide1400{
    display: none;
  }
}

.apoiosSocial{
 padding-top: 1.3rem;
 display: flex;
 justify-content: flex-start;
 padding-bottom: 1.3rem;

}


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

  .contentorcarrousado {
    padding-top: 5%;
    margin-left: 10%;
    margin-right: 10%;
  }
  .imagemcarrousado img{
    height: 300px;
  }
}

@media only screen and (max-width:1400px){
  .imagemcarrousado img{
    height: unset;
  }
}

@media only screen and (min-width:1025px) and (max-width:1279px){

  .contentordeequipamentos h3,.carro_page .newequipamento li {
  
    font-size: 0.8rem;
  }

  .carro_page .newequipamento::before{
    left:-10vw;
  }

  .veiculossemelhantes{
    margin-left: 3% ;
    margin-right: 3%;
  }

  

}

@media only screen and (min-width:0px){
  .carro_page .veiculossemelhantes{
    overflow: hidden;
  }
}



/* enconder form */

.novoformFooter{
        padding: unset !important;
}



/* AJUSTES 25-01 */

@media only screen and (min-width:0px) and (max-width:1023px){



  .carrossemelhantesmob{
    position: relative;
  }

  .containintro .soparamobile{
    gap: 20px;
  }


  .containintro > .soparamobile > .marca{
    padding: 0.7rem;
  }

  .containerpesquisa{
    padding-inline:20px;
  }

  .input-group-append .btn.btn-default {
    cursor: pointer;
    background: var(--FundosBotoesVarios) !important;
    color: white !important;
  }
  

  .pinsfooter > .gps,.DivFiltroOrd{
    display: none;
  }

  .rowflex{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  
  
  
}


.servico-centro.rentcar .rightside{
  position: relative;
}

.randomRenta{
  display: none;
}


.servico-centro.rentcar .rightside > img{ 
  margin-right: -280px;
  float: right;
}


.novosh3{
  padding-left: 15%;
}

.novosh3 > h1{
  text-transform: uppercase;
}

@media only screen and (min-width:0px) and (max-width:650px){
  .servico-centro.rentcar .rightside > img{ 
    margin-right: unset;
  }

  

  .tituloServico.novosh3{
    margin-top: -2rem;
    height: auto;
  }
  
  .tituloServico.novosh3 > p{
    font-size: 1rem;
    max-width: 100%;
  }

  .randomRenta{
    display: block;
    margin-bottom: 2rem;
  }

  .randomRenta .textobottom{
    display: block;
    position: unset;
  }

  .randomRenta .textobottom a{
    display: inline-block;
    
  }
  
.estouinteressado2{
  margin-top: 2rem;
}

.servico-centro .marca img {
  width: 100px;
  height: 100px;
}

}


.verartigo{
  display: flex;
  gap: 5px;
  align-items: center;
}

.verartigo svg{
  transform: rotate(-90deg);
}

.corponoticia > p {
  opacity: 0;
}

.noticia1:hover .corponoticia >p{
  opacity: 1;
}

.noticia-single .smalltitle{
  letter-spacing: 1px;
}




@media only screen and (min-width:501px) and (max-width:1023px){

  .noticia-single .corpodopost > p{ 

    padding:  0em 0em 3em 0em;

  }

  .sobrenospage p {
    max-width: 100%;
      text-align: justify;
  }
  .sobrenospage .marcassobre{
    margin: 0;
    background-color: #fff;
    margin-bottom: 5vh;
    padding-top: 2rem;
  }

  .sobrenospage .marcassobre h2{
    margin-left:1em;
    padding-bottom: 0.5em;
  }
  .sobrenospage .leftsobre, .sobrenospage .rightsobre{
    width: 100%;
  }

  .sobrenospage .botaquetem{
    flex-direction: column;
  }
      

        
}


.rowflex{
  display: flex;
  
}

.help .marcaFord{
  flex-direction: column;
}

.help .telefone{
  padding: 0;
}

@media only screen and (min-width:1024px) and (max-width:1445px){

  .logomarcas{
    overflow-x: scroll;
  }

  .logomarcas::-webkit-scrollbar{
    height: 5px;
  }
}




.removetudoB{
  padding: 0;
  margin: 0;
  min-height: unset;
}

.removetudo{
  padding: 0;
  padding-bottom: 1rem;
  padding-top: 1rem;
  margin: 0;
  display: unset;
  }

.removetudo > p > a{
  color: white;
}
.removetudo > p {
  color: white;
}


.ShapeWhite.removetudo{
  display: flex;
  gap: 20px;
  padding-right: 3em;
}

.PinWhite.removetudo{
  padding-left: 3em;
}

.hovertudo:hover{
  color: #011f5d;
  transition: all 0.6s ease;
}


.ShapeWhite.removetudo::before{content:unset}

.showonlymobile{
  display: none;
}

@media only screen and (min-width:0px) and (max-width:1023px){

  .showonlymobile{
    display: block;
  }

  .contactosPessoas.removetudo,.PinWhite.removetudo{
    display: none;
  }

  .removetudoB{
    padding-bottom: 7vh;
  }

  .removetudo{
    padding-left: 2em;
  }

  .ShapeWhite.removetudo{
    flex-direction: column;
  }
}



.BlocoDeTexto {
  margin-left: 15vw;
  margin-right: 15vw;
}

.BlocoDeTexto .logo {
  display: -ms-grid;
  display: grid;
  justify-items: center;
  place-items: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.BlocoDeTexto ul >li {
  list-style: circle;
}

.BlocoDeTexto h1, .BlocoDeTexto h2, .BlocoDeTexto h3, .BlocoDeTexto h4, .BlocoDeTexto h5, .BlocoDeTexto p, .BlocoDeTexto span, .BlocoDeTexto ul, .BlocoDeTexto li, .BlocoDeTexto a {
  text-decoration: none;
  color: rgb(0, 0, 0);
}

.BlocoDeTexto h1, .BlocoDeTexto h2, .BlocoDeTexto h3, .BlocoDeTexto h4, .BlocoDeTexto h5 {
  font-weight: 400;
  font-size: 36px;
  line-height: 36px;
}

.BlocoDeTexto p, .BlocoDeTexto ul, .BlocoDeTexto li {
  font-size: 16px;
  padding-top: 0.5em;
}

.BlocoDeTexto p {
  padding-top: 1rem;
  line-height: 1.5;
}


@media only screen and (min-width:0px) and (max-width:600px){
  .swiperservicomob{
    background: #FEFCFC;
    box-shadow: 10px 10px 35px rgba(205, 205, 205, 0.5), inset 22px 18px 26px -21px rgba(0, 0, 0, 0.1);
    border-radius: 53px;
    height: 175px;
    display: grid;
    place-content: center;
    aspect-ratio: 1;
    margin: 0 auto;

  }
  
  .swiperservicomob img {
    width: 75px;
    height: 75px;
    place-self: center;
  }
  
  .swiperservicomob p {
    font-weight: bold;
    font-size: 0.9rem;
    line-height: 27px;
    text-align: center;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    margin-top: 0.5em;
    color: #D6D0D0;
  }


}




span.relative.inline-flex.items-center.px-2.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.rounded-l-md.leading-5,a.relative.inline-flex.items-center.px-2.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.rounded-r-md.leading-5.hover\:text-gray-400.focus\:z-10.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-500.transition.ease-in-out.duration-150{
    display:none;
}

.flex.justify-between.flex-1.sm\:hidden,span.relative.inline-flex.items-center.px-2.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.rounded-r-md.leading-5,p.text-sm.text-gray-700.leading-5{
    display:none;
}

a.relative.inline-flex.items-center.px-2.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.rounded-l-md.leading-5.hover\:text-gray-400.focus\:z-10.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-500.transition.ease-in-out.duration-150{
    display:none;
}

nav.flex.items-center.justify-between{
    margin-bottom: 4rem;
    justify-self: right;
    width: 100%;
    margin-top: 4rem;
    display: flex;
    justify-content: flex-end;
}