html {
scroll-padding-top: 100px;
scroll-behavior: smooth;
}
/*@font-face {
font-family: ToyotaDisplay;
src: url(../fonts/ToyotaDisplay_Rg.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}*/
/*@font-face {
font-family: ToyotaDisplay;
src: url(../fonts/ToyotaDisplay_Bd.ttf) format("truetype");
font-weight: 700;
font-style: normal;
}*/
@font-face {
font-family: 'ToyotaDisplay';
src: url('../fonts/ToyotaDisplay_He.ttf');
src: url('../fonts/ToyotaDisplay_He.ttf?#iefix') format('embedded-opentype'),
url('../fonts/ToyotaDisplay_He.ttf') format('ttf'),
url('../fonts/ToyotaDisplay_He.ttf') format('truetype');
font-weight: 900;
font-style: normal
}
/* Toyota Text */
@font-face {
font-family: 'ToyotaT';
src: url('../fonts/ToyotaText_Rg.ttf');
src: url('../fonts/ToyotaText_Rg.ttf?#iefix') format('embedded-opentype'),
url('../fonts/ToyotaText_Rg.ttf') format('ttf'),
url('../fonts/ToyotaText_Rg.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
/*@font-face {
font-family: ToyotaText;
src: url(../fonts/ToyotaText_It.ttf) format("truetype");
font-weight: 400;
font-style: italic;
}*/
@font-face {
font-family: 'ToyotaText';
src: url('../fonts/ToyotaText_Bold.ttf');
src: url('../fonts/ToyotaText_Bold.ttf?#iefix') format('embedded-opentype'),
url('../fonts/ToyotaText_Bold.ttf') format('ttf'),
url('../fonts/ToyotaText_Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal
}
@font-face {
font-family: 'ToyotaP';
src: url('../fonts/ToyotaText_Rg.ttf');
src: url('../fonts/ToyotaText_Rg.ttf?#iefix') format('embedded-opentype'),
url('../fonts/ToyotaText_Rg.ttf') format('ttf'),
url('../fonts/ToyotaText_Rg.ttf') format('truetype');
font-weight: normal;
font-style: normal
}
/*@font-face {
font-family: ToyotaText;
src: url(../fonts/ToyotaText_BdIt.ttf) format("truetype");
font-weight: 700;
font-style: italic;
}*/
form label {
font-family: 'ToyotaText';
color: #555;
}
form small {
font-family: 'ToyotaText';
}
.form-control {
color: #555;
font-size: 14px;
padding: 6px 12px;
appearance: auto !important;
}
.form-select {
color: #555;
font-size: 14px;
padding: 6px 12px;
}
.selos {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
width: 100%;
}
.navbar {
margin-bottom: 0px;
min-height: 105px;
}
.navbar-default {
border-color: #f3f3f3;
}
.navbar-brand {
padding: 15px 0;
}
.service-toy {
float: right;
}
.banner img {
max-width: 100%;
display: block;
margin: 0 auto;
}
h1 {
font-family: ToyotaDisplay;
color: #fff;
font-size: 2.25rem;
}
p {
font-family: ToyotaP;
color: #fff;
}
button {
width: 100%;
}
h2 {
font-family: ToyotaT;
color: #d10e1e;
}
.titulo-form {
padding: 35px 0 20px;
}
.first {
background-color: #fff;
width: 20%;
margin-left: 0px;
border: none;
height: 10px;
opacity: 1;
}
.call-section {
background-color: #d6181f;
}
.formularioVd {
padding-top: 70px;
padding-bottom: 50px;
z-index: 1;
}
.video-col {
padding-left: 2.8rem;
}
.video-responsive {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.video-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.boxForm {
background-color: #fff;
margin: 0 1rem;
padding-bottom: 1.5rem;
zoom: 1;
}
.boxForm2 {
background-color: #fff;
margin-top: 90px;
padding-bottom: 1.5rem;
zoom: 1;
}
.form-control,
.form-select {
height: 52px;
border-radius: 0px;
}
@media only screen and (max-width: 992px) {
.row {
margin: 0;
}
}
.row-top {
margin-bottom: 15px;
}
::placeholder {
color: #999 !important;
opacity: 1;
/* Firefox */
}
::-ms-input-placeholder {
/* Edge 12 -18 */
color: #999 !important;
}
.btn-primary {
font-family: 'ToyotaText';
background: #d10e1e;
border: 1px solid #d10e1e;
border-radius: 20px;
padding: 20px;
margin-top: 20px;
transition: .5s;
}
.form-btn.btn-primary:hover {
border: 1px solid #d10e1e;
background: #fff;
color: #d10e1e;
}
@media(max-width:767px) {
.btn-primary {
font-size: 14px;
}
.concess-text {
font-size: 30px;
}
.selos {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.selos img {
margin: 20px 10px;
}
}
.btn-primary:hover,
.btn-primary:focus {
background: #d10e1e;
}
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:disabled {
background: #f1505e;
}
.btn-primary:active:hover {
background: #f1505e;
border-color: #c94550;
}
.l-select {
background-color: #d6181f;
height: 200px;
transform: skew(0deg, 4deg);
margin-top: -6%;
}
.n-select {
background-color: #343434;
height: 200px;
transform: skew(0deg, 4deg);
margin-top: -1%;
}
@media screen and (min-width:1921px) {
.l-select {
display: none;
}
.n-select {
display: none;
}
}
.servicos-section {
background-color: #343434;
}
.services {
margin-top: -6%;
}
.services .titulo {
margin-bottom: 120px;
font-size: 64px;
}
@media screen and (min-width:1921px) {
.services {
margin-top: 0;
}
}
.titulo-servicos {
margin-bottom: 120px;
font-size: 64px;
}
.linha-servicos {
max-width: 1900px;
font-size: 18px;
margin: 0 auto;
}
.linha-servicos img {
margin-bottom: 18px;
}
.concessionarias-section {
background-color: #f3f3f3;
}
.concess {
align-items: center;
}
.concess-text {
font-size: 4em;
margin-top: 90px;
margin-bottom: 74px;
}
.card {
width: 185px;
height: 127px;
background-color: #dde0df;
margin-right: 39px;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
padding: 0 15px;
border: none;
}
.card:last-child {
margin-right: 0;
}
.card img {
max-width: 100%;
}
.bloco-card {
display: flex;
align-items: center;
justify-content: center;
}
.o-select {
background-color: #f3f3f3;
height: 120px;
transform: skew(0deg, 3deg);
margin-top: -80px;
z-index: 0;
}
.m-select {
background-color: #f3f3f3;
height: 80px;
}
.servico {
height: 170px;
margin-bottom: 120px;
}
@media(max-width: 767px) {
.services {
background-color: #343434;
margin-top: -6%;
}
.m-select {
height: 60px;
}
.l-select {
height: 100px;
}
.n-select {
height: 100px;
}
.o-select {
margin-top: -30px;
height: 50px;
}
.bloco-card {
display: block;
align-items: center;
justify-content: center;
}
.card {
width: 100%;
height: 200px;
margin-top: 39px;
margin-right: 0;
}
.concess-text {
font-size: 1.56em;
margin: 145px 0 74px;
}
.titulo-servicos {
font-size: 2rem;
}
}
.banner2 {
padding: 0 0 80px;
background: url("../img/banners/Banner2.webp") center top no-repeat;
background-size: cover;
height: auto;
}
.red {
background-color: #d10e1e;
margin-top: 15%;
padding: 5%;
margin-left: -15px;
}
.seg {
float: right;
}
@media(max-width:767px) {
.seg {
float: unset;
}
}
#foot {
color: #dce0df;
font-size: larger;
margin-top: 10%;
}
.footer {
padding: 45px 0;
}
.logos-toyota {
display: flex;
align-items: center;
justify-content: flex-start;
}
.responsability {
margin-top: 5%;
}
.second {
background: #d10e1e;
border: none;
height: 5px;
opacity: 1;
}
.img-toy {
margin-top: -15px;
}
.img-serv {
margin-top: 25px;
}
.img-dto {
display: flex;
justify-content: flex-end;
margin-top: 25px;
}
.img-ibama {
color: #b0b2b1;
font-weight: bold;
font-family: ToyotaT;
font-size: larger;
}
.logo {
color: #707271;
font-family: ToyotaT;
font-size: 15px;
display: inline-block;
}
.logo-dto {
width: 40px;
}
@media(max-width:767px) {
.img-ibama {
font-size: unset;
}
}
.dois {
margin-top: 35px;
}
.tres {
width: 86px;
}
.quatro {
width: 64px;
}
.seis {
margin-top: 5px;
}
.sete {
width: 78px;
}
.oito {
width: 80px;
}
.dez {
margin-top: 4px;
}
.onze {
width: 75px;
}
.doze {
margin-top: 10px;
}
.white {
background-color: #fff;
padding: 9%;
padding-right: 0;
padding-left: 0;
margin-top: -40%;
}
.alerta {
text-align: center;
margin: 10px 0;
}
.obrigado {
background: #d10e1e;
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.mensagem-agradecimento {
background: #d10e1e;
color: #fff;
font-size: 14px;
text-align: center;
width: 100%;
}
.mensagem-agradecimento p {
font-family: Arial, Helvetica, sans-serif !important;
}
.obg-footer {
background: #dce0df;
position: fixed;
width: 100%;
bottom: 0;
}
.termos-legais {
color: #707271;
font-family: ToyotaT;
font-size: large;
}
.bloco-seguranca {
display: none;
}
.linha {
font-family: ToyotaDisplay;
font-weight: 800;
font-size: 32px;
width: 100%;
height: 94px;
background: rgba(196, 196, 196, 0.9);
padding: 20px 0;
margin: 0 auto;
text-align: center;
position: fixed;
z-index: 10;
color: #fff;
}
.contagem {
color: #d6181f;
}
.espacador {
height: 94px;
}
@media(max-width:991px) {
.servico {
margin-bottom: 40px;
}
.video-col {
padding-left: 0px;
padding-right: 0px;
}
.banner2 {
padding-top: 0;
background: url("../img/banners/bgbanner2.webp") center top no-repeat;
background-size: cover;
background-position: center;
}
.bloco-seguranca {
display: block;
background: #d53443;
color: #fff;
text-align: left;
padding: 100px 30px 30px;
margin-top: 130px;
text-transform: uppercase;
font-size: 28px;
position: relative;
}
.bloco-seguranca img {
position: absolute;
left: 27px;
top: -80px;
}
.boxForm2 {
margin-top: 50px;
}
.banner2 {
background-position-y: center;
}
.titulo-servicos {
margin-bottom: 60px;
}
.linha {
height: auto;
font-size: 24px;
}
.espacador {
height: 74px;
}
}
@media(max-width:767px) {
.formularioVd {
padding-top: 35px;
}
.logos-toyota {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
.img-dto {
margin-top: 25px;
}
.termos-legais {
margin-left: 5px;
margin-right: 5px;
}
.conteudo-footer {
margin-bottom: 10px;
}
.footer {
padding-bottom: 10px;
}
.servico {
margin-bottom: 20px;
}
}
@media (min-width: 992px) and (max-width: 1020px) {
.banner2 {
background-position-x: -200px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.bloco-card {
display: block;
align-items: center;
justify-content: center;
}
.card {
float: left;
width: calc(50% - 20px);
height: 200px;
margin-top: 39px;
}
.card:nth-child(even) {
margin-right: 0px;
}
}
@media (min-width: 992px) and (max-width: 1400px) {
.bloco-card {
display: block;
align-items: center;
justify-content: center;
}
.card {
float: left;
width: calc(33% - 23px);
height: 200px;
margin-top: 39px;
}
.card:nth-child(3n) {
margin-right: 0px;
}
}
.nav-serv {
float: right;
margin-top: 10px;
}
@media(max-width:600px) {
.linha {
height: auto;
font-size: 16px;
}
.espacador {
height: 56px;
}
}
.obrigado #navbar {
padding-left: 15px;
padding-right: 15px;
}
.p-obrigado {
font-size: x-large;
}
@media (min-width: 768px) {
.selo3 {
margin-top: 2px;
}
.selo4 {
width: 200px;
}
.selo5 {
max-height: 60px;
}
}
@media (max-width:768px) {
.selo4 {
width: 180px;
}
.selos {
justify-content: center;
}
}
@media (max-width: 500px) {
.selo1 {
width: 70px !important;
}
.selo2 {
width: 175px !important;
}
.selo3 {
width: 70px !important;
}
.img-toy {
width: 70px !important;
}
.img-serv {
width: 175px !important;
}
}
@media (max-width: 400px) {
.selos {
margin-top: 30px;
}
}
.medium-banner {
position: relative;
z-index: 3;
display: flex;
justify-content: center;
/*height: 800px;*/
}
.medium-banner .banner-just-image img {
width: 100%;
}
.medium-banner .banner-just-image img.desktop {
display: block;
}
.medium-banner .banner-just-image img.mobile {
display: none;
}
@media only screen and (max-width:991px) {
.medium-banner .banner-just-image img.desktop {
display: none;
}
.medium-banner .banner-just-image img.mobile {
display: block;
}
}
.medium-banner .banner {
position: relative;
background: url(../img/medium-banner/background.png);
background-size: cover;
background-position-x: right;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
.medium-banner .banner-shape {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.medium-banner .banner-shape-mobile {
position: absolute;
display: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.medium-banner .bg-shape {
width: 100%;
height: 100%;
object-position: right;
}
.medium-banner .banner-container {
max-width: 1700px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
height: 100%;
}
.medium-banner .banner-container>div {
height: 100%;
}
.medium-banner .banner-content {
position: relative;
z-index: 3;
margin-top: 3.1rem;
margin-left: 2.5rem;
height: 100%;
}
.medium-banner .banner-image {
width: 80%;
}
.medium-banner .banner-image img {
width: 100%;
height: auto;
}
.medium-banner .banner-text {
margin: 1.87rem 0;
}
.medium-banner .banner-text p {
font-size: 1.68rem;
font-weight: 600;
}
.medium-banner .banner-text h1 {
font-size: 2.5rem;
}
.medium-banner .banner-text p,
.medium-banner .banner-text h1 {
color: #575757;
width: 80%;
}
.medium-banner .banner-button {
display: flex;
}
.medium-banner .banner-button a {
background-color: #d10e1e;
padding: 0.93rem 2.18rem;
border: 1px solid #d10e1e;
border-radius: 15px;
color: #fff;
text-decoration: none;
font-size: 1.56rem;
font-weight: 700;
transition: 0.5s;
}
.medium-banner .banner-button a:hover {
background-color: #fff;
color: #d10e1e;
transition: 0.5s;
}
.recall-banner {
position: relative;
z-index: 3;
display: flex;
justify-content: center;
}
.recall-banner .banner-container {
max-width: 1700px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
height: 100%;
}
.recall-banner .banner-container>div {
height: 100%;
}
.recall-banner .banner-content {
position: absolute;
z-index: 3;
top: 0;
left: 0;
margin-top: 2rem;
margin-left: 2.5rem;
height: 100%;
}
.recall-banner .banner-bg-mobile {
display: none;
}
.recall-banner .banner-image {
width: clamp(60%, 39vw, 80%);
}
.recall-banner .banner-image img {
width: 100%;
height: auto;
}
.recall-banner .banner-text {
margin: 1.5rem 0;
}
.recall-banner .banner-text p {
font-size: clamp(1rem, 1.7vw, 1.48rem);
font-weight: 600;
width: 60%;
}
.recall-banner .banner-text h1 {
font-size: clamp(1.7rem, 2.5vw, 2.3rem);
width: 65%;
}
.recall-banner .banner-text p,
.recall-banner .banner-text h1 {
color: #575757;
}
.recall-banner .banner-button {
display: flex;
}
.recall-banner .banner-button a {
background-color: #d10e1e;
padding: 0.93rem 2.18rem;
border: 1px solid #d10e1e;
border-radius: 15px;
color: #fff;
text-decoration: none;
font-size: clamp(1.1rem, 1.7vw, 1.56rem);
font-weight: 700;
transition: 0.5s;
}
.recall-banner .banner-button a:hover {
background-color: #fff;
color: #d10e1e;
transition: 0.5s;
}
@media only screen and (min-width:1500px) {
.medium-banner .banner-text p,
.medium-banner .banner-text h1 {
width: 70%;
}
.medium-banner .banner-container {
max-width: 1350px;
}
.recall-banner .banner-text p,
.recall-banner .banner-text h1 {
width: 70%;
}
.recall-banner .banner-container {
max-width: 1350px;
}
}
@media screen and (min-width:1920px) {
.medium-banner .banner {
max-width: 1900px;
}
.medium-banner .banner-container {
max-width: 1700px;
}
.recall-banner .banner {
max-width: 1900px;
}
.recall-banner .banner-container {
max-width: 1700px;
}
}
@media only screen and (min-width:1600px) and (max-width: 1699px) {
/*.medium-banner{
height: 725px;
}*/
}
@media only screen and (min-width:1401px) and (max-width: 1599px) {
.medium-banner .banner {
background-position-y: -100%;
}
}
@media only screen and (min-width:1200px) and (max-width: 1400px) {
/*.medium-banner{
height: 650px;
}*/
.medium-banner .banner-text p {
font-size: 1.43rem;
font-weight: 600;
}
.medium-banner .banner-text h1 {
font-size: 2.18rem;
}
.medium-banner .banner {
background-position-y: -50%;
}
}
@media only screen and (min-width:992px) and (max-width: 1199px) {
/*.medium-banner{
height: 550px;
}*/
.medium-banner .banner-image {
width: 75%;
}
.medium-banner .banner-text p {
font-size: 1.12rem;
font-weight: 600;
}
.medium-banner .banner-text h1 {
font-size: 1.87rem;
}
.medium-banner .banner-button a {
padding: 0.9rem 2.18rem;
font-size: 1.25rem;
}
.recall-banner .banner-button a {
padding: 0.9rem 2.18rem;
}
}
@media only screen and (max-width:991px) {
/*.medium-banner{
height: 900px;
}*/
.medium-banner .banner {
background: url(../img/medium-banner/background-mobile.png);
background-size: cover;
background-position-x: right;
background-repeat: no-repeat;
}
.medium-banner .banner-shape {
display: none;
}
.medium-banner .banner-shape-mobile {
display: block;
}
.medium-banner .banner-content {
padding-left: 2.5rem;
margin-top: 1.87rem;
margin-left: 0;
}
.medium-banner .banner-image {
width: 50%;
}
.medium-banner .banner-text p {
font-size: 1.12rem;
width: 50%;
}
.medium-banner .banner-text h1 {
font-size: 1.87rem;
width: 53%;
}
.medium-banner .banner-button a {
padding: 0.9rem 2.18rem;
font-size: 0.8rem;
}
.boxForm {
margin: 0;
}
.recall-banner .banner-bg {
display: none;
}
.recall-banner .banner-bg-mobile {
display: block;
}
.recall-banner .banner-content {
padding-left: 2.5rem;
margin-top: 1.87rem;
margin-left: 0;
}
.recall-banner .banner-image {
width: clamp(30%, 40vw, 50%);
}
.recall-banner .banner-text p {
font-size: clamp(0.5rem, 2vw, 1.12rem);
width: 50%;
}
.recall-banner .banner-text h1 {
font-size: clamp(0.8rem, 4vw, 1.87rem);
width: 53%;
}
.recall-banner .banner-button a {
padding-top: clamp(0.8rem, 1.8vw, 0.9rem);
padding-bottom: clamp(0.8rem, 1.8vw, 0.9rem);
padding-right: clamp(1.5rem, 5vw, 2.18rem);
padding-left: clamp(1.5rem, 5vw, 2.18rem);
font-size: clamp(0.5rem, 1.8vw, 0.8rem);
}
}
@media only screen and (max-width:550px) {
.medium-banner .banner-text p {
font-size: 0.87rem;
}
.medium-banner .banner-text h1 {
font-size: 1.56rem;
width: 64%;
}
.medium-banner .banner-button {
margin-bottom: 14rem;
}
.recall-banner .banner-text h1 {
width: 64%;
}
.recall-banner .banner-button {
margin-bottom: 14rem;
}
.medium-banner .banner-container {
padding-left: 0;
}
.recall-banner .banner-content {
padding-left: 1rem;
margin-top: 0;
margin-left: 0;
}
.recall-banner .banner-text {
margin: 0;
}
.recall-banner .banner-text p {
margin-bottom: 0;
margin-top: 0.2rem;
}
.recall-banner .banner-text h1 {
margin-top: 0.2rem;
margin-bottom: 0;
}
.recall-banner .banner-button a {
margin-top: 0.4rem;
}
.recall-banner .banner-container {
padding-left: 0;
}
}
.select2-container .select2-selection {
min-height: 52px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
text-align: start;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
background-color: #e4e4e4;
opacity: 0.5;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
visibility: visible;
transition: 0.3s;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
transition: 0.3s;
}
.select2-container--default .select2-results__option--selectable::before {
font-family: 'Font Awesome\ 5 Pro';
content: "\f00c";
padding: 0;
opacity: 0;
transition: 0.3s;
}
.select2-results__option--selected {
transition: 0.3s;
}
.select2-container--default .select2-results__option--selected.select2-results__option--selectable::before {
padding: 0 1rem;
opacity: 1;
transition: 0.3s;
}
.select2-search {
display: flex;
justify-content: end;
}
.select2-search::after {
font-family: 'Font Awesome\ 5 Pro';
content: "\f078";
padding-top: 5px;
font-size: 0.7rem;
font-weight: 900;
}
.select2-container--default .select2-search--inline .select2-search__field {
font-weight: bold;
padding-left: 7px !important;
}
.select2.ofertas+.select2>.selection>.select2-selection {
height: 100%;
border-radius: 0;
color: #555;
border: var(--bs-border-width) solid var(--bs-border-color);
}
.custom-empty {
height: 52px !important;
}
.custom-empty-two {
height: 52px !important;
align-items: center;
}
.custom-empty-tree {
margin: 0 !important;
}
@media only screen and (max-width:576px) {
.servico {
width: 50%;
}
}
@media only screen and (max-width:766px) {
.servico {
width: 50%;
}
.servico img {
height: 32%;
}
.banner {
padding-top: 2.3rem;
}
.selo5 {
height: 55px;
}
}
@media only screen and (max-width:600px) {
.banner {
padding-top: 0.5rem;
}
}
@media only screen and (max-width:410px) {
.banner {
padding-top: 0.5rem;
}
.linha>.container {
padding-left: unset;
padding-right: unset;
}
.linha>.container>.row>.col-12 {
padding-left: unset;
padding-right: unset;
}
}
@media only screen and (max-width:370px) {
.banner {
padding-top: 0.2rem;
}
.linha>.container>.row>.col-12 {
font-size: small;
}
}