@charset "utf-8";

html, body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: white;
    font-size: 80%;
    display: block;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

/* devanagari */
@font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 100;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2) format('woff2');
   unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
 }
 /* latin-ext */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 100;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format('woff2');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 100;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 /* devanagari */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 200;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_Z11lFc-K.woff2) format('woff2');
   unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
 }
 /* latin-ext */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 200;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2) format('woff2');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 200;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 /* devanagari */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 300;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
   unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
 }
 /* latin-ext */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 300;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 300;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 /* devanagari */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
   unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
 }
 /* latin-ext */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 /* devanagari */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 500;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
   unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
 }
 /* latin-ext */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 500;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 500;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 /* devanagari */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 600;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
   unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
 }
 /* latin-ext */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 600;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 600;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 /* devanagari */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
   unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
 }
 /* latin-ext */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 /* devanagari */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 800;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2) format('woff2');
   unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
 }
 /* latin-ext */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 800;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 800;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 /* devanagari */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 900;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z11lFc-K.woff2) format('woff2');
   unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
 }
 /* latin-ext */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 900;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format('woff2');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 900;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }

/* ---------------- AUX ---------------- */
* {box-sizing: border-box;}
li{list-style: none;}
img{max-width: 100%;}
ul, figure, a, button {margin:0;padding: 0; border:0}
.row {max-width: 1370px; margin: 0 auto;}
.hide{display: none;}
.scrollhidden {overflow: hidden !important;}
.is-visible {display: block !important;}
.is-visibleFlex {display: flex !important;}

.onlyHover {
   -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.onlyHover:hover {
   -webkit-animation-play-state: running;
    animation-play-state: running;
}

/* ---------------- COLORS ---------------- */
:root {
    --swift: #00BAFF;
    --azul: #00BAFF;
    --azul-escuro: #10264E;
    --amarelo: #FFB300;
    --verde:#4DFFCE;
    --vermelho:#ff3e3e;
}

/* ---------------- BTNS ---------------- */
a.btn, button.btn {font-weight: 300; font-size: 1.4em; background: var(--swift); color: white !Important; padding: 0.7em 1.5em; text-decoration: none; transition: .3s; border:3px solid var(--swift); cursor: pointer; }
a.btn:hover, button.btn:hover {font-weight: 500; background: transparent; border:3px solid var(--swift); color: var(--swift) !Important;  }

.azul { --swift:var(--azul); }
.azul-escuro { --swift:var(--azul-escuro); }
.amarelo { --swift:var(--amarelo); }
.verde { --swift:var(--verde); }
.vermelho { --swift:var(--vermelho); }
.black { --swift:black; }



/* ---------------- SVG MASK and ICONS   ---------------- */
.mask-play {
   mask: url('../../img/icons/play.svg') no-repeat center / contain;
   -webkit-mask: url('../../img/icons/play.svg') no-repeat center / contain;
}

.icon-analista {
   background: url('../../img/icons/fleet/gestao-de-frotas-analista.svg') no-repeat center / contain;
}

.icon-suporteveiculo {
   background: url('../../img/icons/fleet/gestao-de-frotas-suporteveiculo.svg') no-repeat center / contain;
}

.icon-destombamento {
   background: url('../../img/icons/fleet/gestao-de-frotas-destombamento.svg') no-repeat center / contain;
}

.icon-atendimentowhats {
   background: url('../../img/icons/fleet/gestao-de-frotas-atendimentowhats.svg') no-repeat center / contain;
}

.icon-velocidade {
   background: url('../../img/icons/fleet/gestao-de-frotas-velocidade.svg') no-repeat center / contain;
}

.icon-pavimentacao {
   background: url('../../img/icons/fleet/gestao-de-frotas-pavimentacao.svg') no-repeat center / contain;
}

.icon-clima {
   background: url('../../img/icons/fleet/gestao-de-frotas-clima.svg') no-repeat center / contain;
}

.icon-share {
   background: url('../../img/icons/fleet/gestao-de-frotas-share.svg') no-repeat center / contain;
}

.icon-ranking {
   background: url('../../img/icons/fleet/gestao-de-frotas-ranking.svg') no-repeat center / contain;
}

.icon-relatoriodistancia {
   background: url('../../img/icons/fleet/gestao-de-frotas-relatoriodistancia.svg') no-repeat center / contain;
}

.icon-tempo {
   background: url('../../img/icons/fleet/gestao-de-frotas-tempo.svg') no-repeat center / contain;
}

.icon-horimetro {
   background: url('../../img/icons/fleet/gestao-de-frotas-horimetro.svg') no-repeat center / contain;
}

.icon-alertas {
   background: url('../../img/icons/fleet/gestao-de-frotas-alertas.svg') no-repeat center / contain;
}

.icon-relatoriosdetalhados {
   background: url('../../img/icons/fleet/gestao-de-frotas-relatoriodetalhados.svg') no-repeat center / contain;
}

.icon-bi {
   background: url('../../img/icons/fleet/gestao-de-frotas-bi.svg') no-repeat center / contain;
}

.icon-checklist {
   background: url('../../img/icons/fleet/gestao-de-frotas-checklist.svg') no-repeat center / contain;
}

.icon-cartao {
   background: url('../../img/icons/fleet/gestao-de-frotas-cartao.svg') no-repeat center / contain;
}

.icon-abastecimento {
   background: url('../../img/icons/fleet/gestao-de-frotas-abastecimento.svg') no-repeat center / contain;
}

.icon-relatorioabastecimento {
   background: url('../../img/icons/fleet/gestao-de-frotas-relatorioabastecimento.svg') no-repeat center / contain;
}

.icon-controlealertas {
   background: url('../../img/icons/fleet/gestao-de-frotas-controlealertas.svg') no-repeat center / contain;
}

.icon-controleponto {
   background: url('../../img/icons/fleet/gestao-de-frotas-controleponto.svg') no-repeat center / contain;
}

.icon-appmotorista {
   background: url('../../img/icons/fleet/gestao-de-frotas-appmotorista.svg') no-repeat center / contain;
}

.icon-configzona {
   background: url('../../img/icons/fleet/gestao-de-frotas-configzona.svg') no-repeat center / contain;
}

.icon-naoconformidade {
   background: url('../../img/icons/fleet/gestao-de-frotas-naoconformidade.svg') no-repeat center / contain;
}

.icon-controlemultas {
   background: url('../../img/icons/fleet/gestao-de-frotas-controlemultas.svg') no-repeat center / contain;
}

.icon-consultacnh {
   background: url('../../img/icons/fleet/gestao-de-frotas-consultascnh.svg') no-repeat center / contain;
}

.icon-buscanacional {
   background: url('../../img/icons/fleet/gestao-de-frotas-buscanacional.svg') no-repeat center / contain;
}

.icon-historicodebitos {
   background: url('../../img/icons/fleet/gestao-de-frotas-historicodebitos.svg') no-repeat center / contain;
}

.icon-economia {
   background: url('../../img/icons/fleet/gestao-de-frotas-economia.svg') no-repeat center / contain;
}

.icon-reload {
   background: url('../img/fleet/icon__reload.svg') no-repeat center / contain;
}

.icon-bateria {
   background: url('../img/fleet/icon__bateria__fleet.svg') no-repeat center / contain;
}

.icon-ping {
   background: url('../img/fleet/icon__ping.svg') no-repeat center / contain;
}

.icon-chave-de-boca {
   background: url('../img/fleet/icon__chave__de__boca.svg') no-repeat center / contain;
}

.icon-chave-de-boca {
   background: url('../img/fleet/icon__chave__de__boca.svg') no-repeat center / contain;
}

.icon-cerca {
   background: url('../img/fleet/icon__cerca__eletronica.svg') no-repeat center / contain;
}

.icon-setas-right-left {
   background: url('../img/fleet/icon__setas__left__right.svg') no-repeat center / contain;
}

.icon-sensor-fumaca {
   background: url('../img/fleet/icon__sensor__fumaca.svg') no-repeat center / contain;
}

.icon-sensor-alagamento {
   background: url('../img/fleet/icon__sensor__alagamento.svg') no-repeat center / contain;
}

.icon-call {
   background: url('../img/fleet/icon_call.svg') no-repeat center / contain;
}

.icon-pizza {
   background: url('../img/fleet/icon_pizza.svg') no-repeat center / contain;
}

.icon-warning {
   background: url('../img/fleet/icon_warning.svg') no-repeat center / contain;
}

.icon-sino {
   background: url('../img/fleet/icon_sinos.svg') no-repeat center / contain;
}

/* ---------------- HEADER ---------------- */
header {
    display: flex;
    justify-content: space-between;
    padding: 0 40px;
    font-size: 1.4em;
    font-weight: 400;
    position: absolute;
    z-index: 999991;
    width: 100%;
    transition: 1s;
 }

 header.fixed {
    position: fixed;
    background: #ffffffd4;
    box-shadow: 0 0 10px #00000015;
    z-index: 55;
    backdrop-filter: blur(10px);
 }
 header .img_header {
   width: 170px;
   align-self: center;
   padding: 10px 0;
   display: block;
   font-size: 2em;
   margin-block-start: 0.67em;
   margin-block-end: 0.67em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   font-weight: bold;
 }

 header .img_header > img{
   width: 170px;
   height: 56px;
 }


 header.fixed .img_header {
   width: 130px;
   padding:8px 0 0;
}

 header.fixed .img_header img[src*="assets/nova_home/img/deltaGlobal-deltagrupo-logo.svg"] {
     display: none;
 }
 header .img_header img[src*="assets/nova_home/img/deltaGlobal-deltagrupo-logo-color.svg"] {
    display: none;
 }
 header.fixed .img_header img[src*="assets/nova_home/img/deltaGlobal-deltagrupo-logo-color.svg"] {
    display: block;
    margin-top: -9px;
 }
 header .right {
    display: flex;
    height: 100%;
    align-self: center;
 }
 header nav {
    background: grenn;
    height: 100%;
    align-self: center;
    margin: 0 0 0 15px;
 }
 header nav a {
     color: white;
     margin: 0 0 0 15px;
     text-decoration: none;
     padding: 0 5px;
     text-transform: uppercase;
     font-weight: 500 !important;
     font-size: 1em !important;
     cursor: pointer;
}

 header nav button {
   color: white;
   margin: 0 0 0 15px;
   text-decoration: none;
   padding: 0 5px;
   text-transform: uppercase;
   font-weight: 500 !important;
   font-size: 1em !important;
   cursor: pointer;
   background: transparent;
   font-family: 'Poppins';
   outline: unset;
}

header nav button:hover,
header nav a:hover {
   background: rgba(0, 0, 0);
}

header.fixed nav button,
header.fixed nav a {
   color: black;
}

header.fixed nav button:hover,
header.fixed nav a:hover {
    background: rgba(0, 0, 0, 0.082);
}

header.fixed nav :hover {
    background: rgba(0, 0, 0, 0.082);
}

header nav a.btn:hover {
   background: transparent;
}
header .ToTop {
   opacity: 0;
   position: fixed;
   bottom: -2.5%;
   right: 2.5%;
   width: 60px;
   height: 60px;
   background: url(../../img/icons/totop.svg) center center no-repeat #F0F0F0;
   transition: .3s;
 }
header.fixed .ToTop {
   opacity: 1;
   bottom: 2.5%;
   right: 2.5%;
   display: none;
}

/* ---------------- Featured  ---------------- */

section#Featured {
    background: var(--azul-escuro);
    height: 75vh;
    position: relative;
    display: block;
    overflow: hidden;
}
section#Featured h2 {
    color: white;
    position: absolute;
    z-index: 3;
    bottom:calc(50% - 140px);
    left:7.5%;
    font-size: 6em;
    text-transform: uppercase;
    font-weight: 100;
    line-height: 1.3;
}

section#Featured h2 .pad20 {
   background: black; padding: 0 20px;
}
section#Featured h2 .pad20.excep {
   color: var(--azul); margin-left: -30px;
}

section#Featured video {
   position:absolute;
   object-fit: cover;
   width: 100%;
   height: 100%;
    z-index: 1;
    opacity: .40;
    right: 0;
    bottom: 0;
}
 section#Featured .quad1 {
    background: white;
    width: 300px;
    height: 40px;
    position: absolute;
    left:-50px;
    bottom: 00px;
    z-index: 3;
 }
 section#Featured .quad2 {
    background: white;
    width: 100px;
    height: 20px;
    position: absolute;
    bottom: 0;
    right:0;
    z-index: 3;
 }
 section#Featured .quad3 {
    background: #ffb30014;
    width: 1250px;
    height: 1250px;
    position: absolute;
    bottom: 200px;
    right: 10px;
    opacity: 0.5;
    z-index: 2;
    border-radius: 50%;
    animation: float 5s ease-in-out infinite;
 }
 section#Featured .quad4 {
    background: #00c6b514;
    width: 800px;
    height: 800px;
    position: absolute;
    bottom: -330px;
    right: -150px;
    opacity: 0.5;
    z-index: 2;
    border-radius: 50%;
    animation: float 3.5s ease-in-out infinite;
 }
 section#Featured .quad5 {
    background: #ff3e3e1a;
    width: 650px;
    height: 650px;
    position: absolute;
    bottom: -300px;
    left: -270px;
    opacity:0.5;
    z-index: 2;
    border-radius: 50%;
    animation: float 2.5s ease-in-out infinite;
 }



 @keyframes float {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.1);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.05);
		transform: translatey(-20px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.1);
		transform: translatey(0px);
	}
}



 #page-corretores section.banner .social,
 #page-corretores section.faca-parte .social,
 section#Featured .social {
    right: 40px;
    bottom: calc(50% - 130px);
    z-index: 5;
    position: absolute;
    z-index: 6;
 }

 #page-corretores section.banner .social .whiteFilter,
 #page-corretores section.faca-parte .social .whiteFilter,
 section#Featured .social .whiteFilter {
   filter: invert(100%) sepia(99%) saturate(2%) hue-rotate(87deg) brightness(105%) contrast(100%);
}

#page-corretores section.banner .social li,
#page-corretores section.faca-parte .social li,
 section#Featured .social li {
    padding-bottom:10px;
    transition: 0.3s;
 }

 section#Featured .social li a > img{
   width: 24px;
   height: fit-content;
 }
 #page-corretores section.banner .social li:hover,
 #page-corretores section.faca-parte .social li:hover,
 section#Featured .social li:hover {
    transform: scale(1.1);
 }


/* ---------------- DELTA FLEET  ---------------- */
section#fleet {
   padding: 7vh 0;
}
section#fleet .top {
   display: grid;
   grid-template-areas: "left right";
   grid-template-columns: 1fr 1fr;
   grid-gap: 4em;
   padding: 4vh 4vh 13vh;
}
section#fleet .top .left {
   grid-area:left
}
section#fleet .top .left h1,
section#fleet .top .left h2 {
   font-size: 6.4em;
   line-height: 1;
   margin: 10px 0 0;
}
section#fleet .top .left h2 small {
   font-weight: 200;
   font-size: 0.75em;
}
section#fleet .top .left p {
   font-weight: 300;
   font-size: 1.6em;
   padding: 0.5em 0 1.5em;
}

section#fleet .top .right {
   grid-area:right;
   display: grid;
   justify-content: center;
   align-content: center;
   position: relative;
}

section#fleet .top .right .gif_page_principal{
   width: 100%;
   height: auto;
}

section#fleet .top .right img {
   position: relative;
   z-index: 2;
}
section#fleet .top .right video {
   position: relative;
   z-index: 2;
   width: 100%;
}
section#fleet .top .right .quad1 {
   background: var(--amarelo);
   width: 60px;
   height: 60px;
   border-radius: 50%;
   position: absolute;
   top: 27px;
   left: 370px;
   z-index: 2;
}
section#fleet .top .right .quad2 {
   background: var(--azul);
   width: 25px;
   height: 25px;
   border-radius: 50%;
   position: absolute;
   top: -7px;
   left: 390px;
   z-index: 2;
}
section#fleet .top .right .quad3 {
   background: var(--vermelho);
   width: 45px;
   height: 45px;
   border-radius: 50%;
   position: absolute;
   bottom: 60px;
    left: 130px;
   z-index: 2;
}
section#fleet .top .right .quad4 {
   background: var(--amarelo);
   width: 15px;
   height: 15px;
   border-radius: 50%;
   position: absolute;
   bottom: 50px;
   left: 200px;
   z-index: 2;
}
section#fleet .top .right .quad5 {
   background: var(--azul);
   width: 45px;
   height: 45px;
   border-radius: 50%;
   position: absolute;
   bottom: 50%;
   right: -37px;
   z-index: 2;
}
section#fleet .top .right .quad6 {
   background: var(--vermelho);
   width: 15px;
   height: 15px;
   border-radius: 50%;
   position: absolute;
   bottom: 44%;
   right: 50px;
   z-index: 2;
}


section#fleet .grid_itens {
   padding: 0 0 8em 4em;
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr ));
   gap: 50px;
}

section#fleet .grid_itens .mySwiperFleet{
   display: none;
}

section#fleet .grid_itens .grid_info_body img{
   margin: 0;
   padding: 0;
   height: 50px;
   display: grid;
   align-content: end;
}

section#fleet .grid_itens .grid_info_body  h3{
   font-size: 1.75em;
   font-weight: 600;
   line-height: 1.3;
}

section#fleet .grid_itens .grid_info_body p{
   font-size: 1.4em;
   font-weight: 300;
}

section#fleet ul {
   padding: 0 4em 8em;
}
/* section#fleet ul li {
} */

section#fleet ul li figure  {
   margin: 0;
   padding: 0;
   height: 50px;
   display: grid;
   align-content: end;
}
section#fleet ul li h3 {
   font-size: 1.75em;
   font-weight: 600;
   line-height: 1.3;
}
section#fleet ul li p {
   font-size: 1.4em;
   font-weight: 300;
}
.swiper-container {
   width: 100%;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
 }


/* ---------------- FABRICA DE SOFTWARE  ---------------- */
section#fabrica {
   position: relative;
   background: var(--azul-escuro);
   background-size:cover !important;
   padding: 7vh 0;
}
section#fabrica .row {
   display: grid;
   grid-template-columns: 2fr 1fr;
   grid-gap: 4em;
   padding: 8em 4em;
   position: relative;
   z-index: 9;
}
section#fabrica .row .left h2 {
   font-size: 6.4em;
   line-height: 1;
   margin: 0;
   color: var(--amarelo);
   padding-top: 0;
}
section#fabrica .row .left h2 small {
   font-weight: 200;
   font-size: 0.75em;
   color:white;

}
section#fabrica .row .left p {
   font-weight: 300;
   font-size: 1.6em;
   padding: 0.5em 0 1.5em;
   color:white;
}
section#fabrica .bgblue {
    position:absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #10264e61, #10264e);
    z-index: 4;
    opacity: 1;
    right: 0;
    bottom: 0;
}
section#fabrica video {
   position:absolute;
   object-fit: cover;
   width: 100%;
   height: 100%;
    z-index: 3;
    opacity: 0.5;
    right: 0;
    bottom: 0;
}
section#fabrica .row .right {
   display: grid;
   justify-content: center;
   align-content: center;
   color:white;

}
section#fabrica .row .right ul li {
   font-weight: 400;
   font-size: 2em;
   position: relative;
   padding-bottom: 1em;
}
section#fabrica .row .right ul li::before {
   content: '';
   width: 20px;
   height: 23px;
   position: absolute;
   top: 4px;
   left: -35px;
   mask: url(../../img/icons/check-white.svg) no-repeat center / contain;
   -webkit-mask: url(../../img/icons/check-white.svg) no-repeat center / contain;
   background: var(--verde);
}
section#fabrica .quad1 {
   background: white;
   width: 300px;
   height: 40px;
   position: absolute;
   bottom: -1px;
   z-index: 5;
}
section#fabrica .quad2 {
   background: var(--azul-escuro);
   width: 300px;
   height: 50px;
   position: absolute;
   top: -50px;
   right:0;
   z-index: 5;
}

/* ---------------- DELTA B2C  ---------------- */
section#b2c .top {
   display: grid;
   grid-template-columns: 3fr 1fr;
   /* grid-gap:; */
   padding: 8em 4em 4em;
}
section#b2c .top .left h2 {
   font-size: 6.4em;
   line-height: 1;
   margin: 0;
}
section#b2c .top .left h2 small {
   font-weight: 200;
   font-size: 0.75em;
}
section#b2c .top .left p {
   font-weight: 300;
   font-size: 1.6em;
   padding: 0.5em 0 1.5em;
}
section#b2c ul {
   display: grid;
   grid-template-columns: 1fr 1fr ;
   grid-gap: 4em;
   padding: 0 4em 10%;
}
section#b2c ul li figure  {
   margin: 0;
   padding: 0;
   height: 50px;
   display: grid;
   align-content: end;
}
section#b2c ul li h3 {
   font-size: 2em;
   font-weight: 600;
   line-height: 1.3;
}
section#b2c ul li p {
   font-size: 1.5em;
   font-weight: 300;
   margin-bottom: 2em;
}
/* ---------------- PRA QUEM  ---------------- */
section#praquem {
   position: relative;
   background: var(--azul);
   padding: 4% 0;
   z-index: 2;
}
section#praquem .top {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-areas: "left right";
   grid-gap: 10em;
   padding: 0;
}
section#praquem .top .left {grid-area: left;}
section#praquem .top .right {grid-area: right;}

section#praquem .top .left h2 {
   font-size:2.35em;
   line-height: 1.1;
   margin: 0;
   color: black;
   padding-top: 120px;
   font-weight: 300;
}
section#praquem .top .left h2 b {
   font-weight: 700;
   font-size: 2.75em;


}
section#praquem .top .left p {
   font-weight: 300;
   font-size: 1.6em;
   padding: 0.5em 0 1.5em;
   color:black;
}

section#praquem .top .right {
   min-width: 574px;
   min-height: 513px;
   background-size: cover !important;
   background-position: center !important;
   right: -145px;
   top: -320px;
   position: relative;
   box-shadow: 30px 30px 0 #0000001a;
}
section#praquem .top .swiper-container {
   width: 100%;
   height: 300px;
   margin-left: auto;
   margin-right: auto;
 }
 section#praquem .top .swiper-slide {
   width: 100%;
 }
 section#praquem .quad1 {
   background: var(--azul);
   width: 800px;
   height: 20px;
   position: absolute;
   bottom: -20px;
   z-index: 0;
}
section#praquem .quad2 {
   background: white;
   width: 1140px;
   height: 30px;
   position: absolute;
   top: 0;
   right:0;
   z-index: 0;
}

.gallery-top {
   top:-20px;
   overflow: visible !important;
}
.gallery-top .swiper-button-next {
   right: -7%;
   --swiper-navigation-color: #000000 !important;
      background: white;
    padding: 40px;
    transform: scale(0.8);
}
.gallery-top .swiper-button-prev {
   left: -7%;
   --swiper-navigation-color: #000000 !important;
   background: white;
   padding: 40px;
   transform: scale(0.8);
}
 .gallery-thumbs {
   text-align: center;
   box-sizing: border-box;
   font-size: 1.4em;
   cursor: pointer;
   z-index: 3 !important;
 }
 .gallery-thumbs .swiper-slide {
   background: black;
   color: white;
   padding: 20px 0;
 }
 .gallery-thumbs .swiper-slide:hover {
   opacity: .9;
}
 .gallery-thumbs .swiper-slide-thumb-active {
   background: white;
   color: black !important;
   font-weight: 500;
   padding: 20px 0;
 }
 .gallery-thumbs .swiper-slide-thumb-active:hover {
    opacity: 1; cursor: default;
 }



/* ---------------- GRUPO ---------------- */
section#grupo {
   position: relative;
   z-index: 1;
   margin-bottom: 10em;
   background-image: url(../img/deltaGlobal-video-bg.webp);
    background-repeat: no-repeat;
    background-size: 1230px auto !important;
    background-position: right top;
    padding: 7vh 0 0;
}
section#grupo .top {
   display: grid;
   grid-template-columns: 2fr 1fr;
   grid-gap:40px;
   padding: 8em 4em 4em;
}
section#grupo .top .left h2 {
   font-size: 6.4em;
   line-height: 1;
   margin: 0;
}
section#grupo .top .left h2 small {
   font-weight: 200;
   font-size: 0.75em;
}
section#grupo .top .left p {
   font-weight: 300;
   font-size: 1.6em;
   padding: 0.5em 0 1.5em;
}
section#grupo .top .right {
   display: grid;
   justify-content: center;
   align-content: center;
}

section#grupo .top .right button,
section#grupo .top .right a { cursor: pointer; display: flex;flex-direction: column; align-items: center; background: transparent;}
section#grupo .top .right button p,
section#grupo .top .right a p {font-size: 1.35em; font-weight: 600;}
#page-corretores section.numb_info ul.numbers,
section#grupo ul.numbers {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-gap:40px;
   padding: 8em 4em 4em;
   margin: 5% 0;
   background: var(--verde);
   position: relative;
}
section#grupo ul.numbers .bgLeft {
   background: var(--verde);
   position: absolute;
   z-index: 1;
   width:70px;
   height: 100%;
   left: -70px;
   top: 0;
}

section#grupo ul.numbers .bgRight {
   background: var(--verde);
   position: absolute;
   z-index: 1;
   width:500px;
   height: 100%;
   right: -500px;
   top: 0;
}

#page-corretores section.numb_info ul.numbers li,
section#grupo ul.numbers li {
   position: relative;
   z-index: 2;
   text-align: center;
   margin-top: -30px;
}

#page-corretores section.numb_info ul.numbers li p,
section#grupo ul.numbers li p {
   font-size: 1.8em;
   font-weight: 300;
   line-height: 1.2;
   margin: 3px 0;
}

#page-corretores section.numb_info ul.numbers li p b ,
section#grupo ul.numbers li p b {
   font-size: 1.5em;
   font-weight: 700;
   line-height: 1.5;

}

#page-corretores section.numb_info ul.numbers li p b span,
section#grupo ul.numbers li p b span {
   font-size: 1.65em;
   font-style: normal;
}

#page-corretores section.numb_info  ul.numbers li small,
section#grupo ul.numbers li small {
   font-size: 1.1em;
   font-weight: 700;
   line-height: 0.85;
}

#videoYoutube ,
#video2 {
   width: 100%;
   height: 100%;
   position: fixed;
   z-index: 999999;
   background: var(--azul-escuro);
   display: none;
}

#videoYoutube #frame,
#video2 video {
   width: 100%;
   height: 100%;
   position: relative;
   z-index: 1;
}
#videoYoutube button,
#video2 a {
   position: fixed;
   top: 0;
   right: 0;
   z-index: 2;
   transition: .3s;
   cursor: pointer;
 }

#videoYoutube button:hover,
#video2 a:hover {
   top: 0.5%;
   right: 0.5%;}


/* ---------------- clientes e faça parte  ---------------- */
section#clientes {
   position: relative;
   z-index: 1;
}

section#clientes .top {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-gap:40px;
   padding: 0 4em;
}
section#clientes .top h2 {
   font-size: 3.8em;
   line-height: 1;
   margin: 0;
}
section#clientes .top h2 small {
   font-weight: 200;
   font-size: 0.75em;
}
section#clientes .top .left ul {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-gap: 130px 80px;
   margin: 70px 60px 0 0;
}
section#clientes .top .left ul li {
   display: grid;
   justify-content: start;
   align-content: center;
   transition: .3s;
}
section#clientes .top .left ul li > img {
   width: 134px;
   height: fit-content;
   max-height: 62px;
   object-fit: contain;
}
section#clientes .top .left ul li:hover {
   transform: scale(1.1);
}
section#clientes .top .right {
   margin-top: -17.5%;
   position: relative;
}

section#clientes .gptw {
   width: 100px;
   position: absolute;
   z-index: 3;
   top: -5px;
   right: 0;
}

section#clientes .top .right .carreiras {
   position: relative;
   background: #102f50;
   padding: 17.5% 0 15% 17.5%;
}
section#clientes .top .right .carreiras .bgRight {
   background: #102f50;
   position: absolute;
   z-index: 1;
   width:500px;
   height: 100%;
   right: -500px;
   top: 0;
}
section#clientes .top .right h2 {
   color: var(--amarelo);
}
section#clientes .top .right h2 small {
   color: white;
}
section#clientes .top .right p {
   font-size: 1.8em;
   font-weight: 300;
   line-height: 1.2;
   line-height: 2;
   margin: 40px 0;
   color: white;
}
section#clientes .top .right a {
   text-decoration: none;
}
section#clientes .top .right .linkall {
   display: flex;
   flex-direction: column;
}
section#clientes .top .right .prestador {
   position: relative;
   padding: 4% 0 5% 17.5%;
   cursor: pointer;
   background: url(../../img/icons/toright.svg) center right no-repeat #0e3559;
}
section#clientes .top .right .prestador.excep {
   background: url(../../img/icons/toright.svg) center right no-repeat #0c3f64;
}
section#clientes .top .right .prestador.excep .bgRight { background: #0c3f64;}
section#clientes .top .right .prestador:hover {
   opacity: .9;
}
section#clientes .top .right .prestador .bgRight {
   background: #0e3559;
   position: absolute;
   z-index: 1;
   width:500px;
   height: 100%;
   right: -500px;
   top: 0;
}
section#clientes .top .right .prestador h2 {
   font-size: 2.3em;
}
section#clientes .top .right .prestador p {
   margin: 0;
}



/* ---------------- ultimas_blog ---------------- */
section#ultimas_blog {
   position: relative;
   z-index: 1;
   background: #f0f0f0;
   padding: 5% 0 0;
}
section#ultimas_blog .row {
   display: grid;
   /* grid-template-columns: 1fr 4fr; */
   gap:40px;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr ));
   padding: 0 4em 0;
}
section#ultimas_blog .top {
   /* padding: 0 4em; */
   display: flex;
   align-items: center;
}
section#ultimas_blog .top h2 {
   font-size: 2.5em;
   font-weight: 800;
   line-height: 1.2;
}
section#ultimas_blog .top h2 small {
   font-weight: 200;
   font-size: 0.75em;
}
section#ultimas_blog .top h2 a {
   font-weight: 400;
   font-size: 0.55em;
   color: var(--azul);
}
section#ultimas_blog .top h2 a:hover {
   text-decoration: none;
}
/* section#ultimas_blog ul {
   display: flex;
   gap:40px;
   padding: 0 4em 0 0;
} */
section#ultimas_blog .cards_blog {
   width: -webkit-fill-available;
   height: 134px;
   display: flex;
   background: #CCC;
   flex-direction: column;
   gap:40px;
   background-size: cover !important;
   border-radius: 7px;
   cursor: pointer;
   color: white;
   font-size: 1.45em;
   align-items: center;
   justify-content: center;
   padding: 0 22px;
   position: relative;
   background-position: center center !important;
   background-size: 100% auto !important;
   transition: 5s;
}
section#ultimas_blog .cards_blog:hover {
   background-size: 150% auto !important;
}
section#ultimas_blog .cards_blog:hover h4{
   text-decoration: underline;
}
section#ultimas_blog .cards_blog h4 {
   position: relative;
   z-index: 2;
   margin: 0;
}
section#ultimas_blog .cards_blog::after {
   content: '';
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: 1;
   background: #0e355994;
   border-radius: 7px;
}









/* ---------------- FOOTER  ---------------- */
footer {
   display: grid;
   background: #F0F0F0;
   justify-content: center;
}

footer ul {
   display: grid;
   grid-template-columns: 2fr 2fr 2fr 1fr;
   grid-gap: 150px 40px;
   margin-top: 60px;
   padding: 4em;
}
footer ul li {
   display: grid;
   align-content: baseline;
}
footer ul li h4 {
   font-size: 2em;
   font-weight: 600;
   margin: 0 0 1em;
}
footer ul li button,
footer ul li a {
   font-size: 1.5em;
   margin: 0 0 15px;
   text-decoration: none;
   color: black;
   cursor: pointer;
   text-align: start;
   background: transparent;
   outline: unset;
}
footer ul li button:hover,
footer ul li a:hover {
   font-weight: 600;
}
footer ul li .newsletter {
   position: relative;
   display: grid;
   grid-template-columns: 3fr 1fr;
}
footer ul li .fones {
   position: relative;
   display: flex;
   flex-direction: column;
   margin-top: 25px;
   min-width: 350px;
}
footer ul li .fones span{
   display: flex;
   flex-direction: row;
   font-size: 1.3em;
   font-weight: 300;
   justify-content: space-between;
}
footer ul li .fones span a{
   font-weight: 600;
   margin: 0 0 5px 5px;
}
footer ul li .fones span p {
   margin: 6px 0;
}
footer ul li .fones span a.denuncia{
   font-weight: 600;
   font-size: 1.3em;
   margin: 8px 0 0 0;
}
footer ul li .fones span a:hover {
   text-decoration: underline;
}
footer ul li .newsletter input {
   width: 100%;
   height: 50px;
   background: white;
   border:0;
   margin: 0;
   padding: 0 20px;
   font-size: 1.5em;
   font-weight: 500;
}
footer ul li .newsletter button {
   height: 50px;
}

footer ul li  form .newsletter span {
   width: 0 !Important; height: 0 !Important; opacity: 0
}
footer ul li form .newsletter#para_robos_news {
   width: 0 !Important; height: 0 !Important; opacity: 0; cursor: default; background: rgb(45, 161, 210);
}



footer ul li .social {
   grid-template-columns: 1fr;
   grid-gap: 0;
   margin: 0;
   padding: 0;
}
footer ul li .social li {
   justify-content: end;
   margin: 0 0 25px;
}
footer ul li .social li a  {
   margin: 0;
}
footer ul li .social li a img {
   transition: 0.3s;
}
footer ul li .social li a img:hover {
   transform: scale(1.1);
}

footer .assinatura {
   display: flex;
   padding: 3em 4em 4em;
}
footer .assinatura img {width:145px}
footer .assinatura p {
   font-size: 1.3em;
   font-weight: 300;
   line-height: 1.5;
   margin: 0 0 0 40px;
}
footer .assinatura p b { font-weight: 500; }
footer .assinatura p a { color: black; }




/* ---------------- LOADER ---------------- */
#loader-wrapper {
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:100%;
   z-index:1000;
 }
 #loader {
   display:block;
   position: relative;
   top:50%;
   left:50%;
   width:150px;
   height:150px;
   margin:-75px 0 0 -75px;
   border:3px solid transparent;
   border-top-color:var(--verde);
   border-radius:100%;
   -webkit-animation: spin 2s linear infinite;
           animation: spin 2s linear infinite;
   z-index:1001;
 }
 #loader:before {
   content:"";
   position: absolute;
   top:5px;
   left:5px;
   right:5px;
   bottom:5px;
   border:3px solid transparent;
   border-top-color: var(--amarelo);
   border-radius:100%;
   -webkit-animation: spin 3s linear infinite;
           animation: spin 3s linear infinite;
 }
 #loader:after {
   content:"";
   position: absolute;
   top:12px;
   left:12px;
   right:12px;
   bottom:12px;
   border:3px solid transparent;
   border-top-color:var(--azul);
   border-radius:100%;
   -webkit-animation: spin 1.5s linear infinite;
           animation: spin 1.5s linear infinite;
 }
 @-webkit-keyframes spin {
   0%   {
     -webkit-transform: rotate(0deg);
       -ms-transform: rotate(0deg);
           transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(360deg);
       -ms-transform: rotate(360deg);
           transform: rotate(360deg);
   }
 }
 @keyframes spin {
   0%   {
     -webkit-transform: rotate(0deg);
       -ms-transform: rotate(0deg);
           transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(360deg);
       -ms-transform: rotate(360deg);
           transform: rotate(360deg);
   }
 }

 #loader-wrapper .loader-section {
   position:fixed;
   top:0;
   width:100%;
   height:100%;
   z-index:1000;
   background: #ffffff99;
    backdrop-filter: blur(5px);
 }

 #loader-wrapper .loader-section.section-left {
   left:0
 }
 #loader-wrapper .loader-section.section-right {
   right:0;
 }

 /* Loaded Styles */
 .loaded #loader-wrapper .loader-section.section-left {
   transform: translateX(-100%);
   transition: all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1.000);
 }
 .loaded #loader-wrapper .loader-section.section-right {
   transform: translateX(100%);
   transition: all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1.000);
 }
 .loaded #loader {
   opacity: 0;
   transition: all 0.3s ease-out;
 }
 .loaded #loader-wrapper {
   visibility: hidden;
   transform:translateY(-100%);
   transition: all 0.3s 1s ease-out;
 }



/* ---------------- SUCESSO ---------------- */
#Sucesso {
   width: 420px;
   height: auto;
   padding: 1.5em 2.5em;
   position: fixed;
   z-index: 999999;
   background: var(--verde);
   display: none;
   left: 2.5%;
   bottom: 2.5%;
   opacity: .9;
   font-size: 1.2em;
   cursor: pointer;
}

/* ---------------- SUCESSO summit ---------------- */
#Sucesso_summit {
   width: 420px;
   height: auto;
   padding: 1.5em 2.5em;
   position: fixed;
   z-index: 999999;
   background: var(--verde);
   display: none;
   left: 2.5%;
   bottom: 2.5%;
   opacity: .9;
   font-size: 1.2em;
   cursor: pointer;
}

/* ---------------- Falha ---------------- */
#Falha {
   width: 420px;
   height: auto;
   padding: 1.5em 2.5em;
   position: fixed;
   z-index: 999999;
   background: var(--vermelho);
   display: none;
   left: 2.5%;
   bottom: 2.5%;
   opacity: .9;
   font-size: 1.2em;
   cursor: pointer;
}

/* ---------------- Falha summit ---------------- */
#Falha_summit {
   width: 420px;
   height: auto;
   padding: 1.5em 2.5em;
   position: fixed;
   z-index: 999999;
   background: var(--vermelho);
   display: none;
   left: 2.5%;
   bottom: 2.5%;
   opacity: .9;
   font-size: 1.2em;
   cursor: pointer;
}

/* ---- buttons acima ---- */

#Falha_summit:hover,
#Falha:hover,
#Sucesso_summit:hover,
#Sucesso:hover {
   opacity: 1;
}

#Falha_summit h3,
#Falha h3,
#Sucesso_summit h3,
#Sucesso h3 {
   margin: 0;
}

#Falha_summit p,
#Falha p,
#Sucesso_summit p,
#Sucesso p {
   margin: 0;
}

#Falha_summit button,
#Falha button,
#Sucesso_summit button,
#Sucesso button {
   position: absolute;
   opacity: .5;
   width: 15px;
   top: 50%;
   transform: translate(0,-50%);
   right: 1.5em;
   cursor: pointer;
}

#Falha_summit a:hover,
#Falha button:hover,
#Sucesso_summit button:hover,
#Sucesso button:hover {
   opacity: 1;
}

/* ---------------- CONTATO ---------------- */
 #Contato {
   width: 100%;
   height: 100%;
   position: fixed;
   z-index: 999992;
   background: var(--azul);
   display: none;
   justify-content: center;
   align-content: center;
}

#Contato.is-visible {display: grid !important;}

 #Contato form {
    width: 1000px;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   justify-content: space-between;
}
#Contato form h3{
   font-size: 4em;
   flex: 100%;
   margin-top: -20px;
}
#Contato form .field {
   width: 32%;
   height: 60px;
   border: 0;
   border-radius: 4px;
   font-size: 1.55em;
   padding-left: 20px;
   font-weight: 600;
   margin: 0 0 2%;
   font-family: 'Poppins';
}
#Contato form textarea.field {
   width: 100%;
   height: 150px;
   padding-top: 20px;
}
#Contato form div {
   width: 100%;
   justify-content: space-between;
   display: flex;
}
#Contato form button {
   font-size: 1.55em;
    font-weight: 600;
    padding: 1em 0;
    width: 31%;
}
#ContatoSummit {
   width: 100%;
   height: 100%;
   position: fixed;
   z-index: 999992;
   background: var(--azul);
   display: none;
   justify-content: center;
   align-content: center;
}

#ContatoSummit.is-visible {display: grid !important;}

#Contato button.close ,
#ContatoSummit button.close {
   position: fixed;
   top: 0;
   right: 0;
   z-index: 2;
   transition: .3s;
   cursor: pointer;
}

#Contato button.close:hover,
#ContatoSummit button.close:hover {
   top: 0.5%;
   right: 0.5%;
}
 #ContatoSummit form {
    width: 1000px;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   justify-content: space-between;
}
#ContatoSummit form h3{
   font-size: 4em;
   flex: 100%;
   margin-top: -20px;
}
#ContatoSummit form .field {
   width: 32%;
   height: 60px;
   border: 0;
   border-radius: 4px;
   font-size: 1.55em;
   padding-left: 20px;
   font-weight: 600;
   margin: 0 0 2%;
   font-family: 'Poppins';
}
#ContatoSummit form textarea.field {
   width: 100%;
   height: 150px;
   padding-top: 20px;
}
#ContatoSummit form div {
   width: 100%;
   justify-content: space-between;
   display: flex;
}
#ContatoSummit form button {
   font-size: 1.55em;
    font-weight: 600;
    padding: 1em 0;
    width: 31%;
}

#Contato form .para_robos span { width: 0 !important; height: 0 !important; opacity: 0; }
#Contato form .para_robos input { width: 0 !important; height: 0 !important; opacity: 0; cursor: default; background: rgb(45, 161, 210);}


section#Featured .social.socialenter {
   position: fixed;
   z-index: 99999;
   bottom: 40%;
}
footer .assinatura.assinaenter {
   position: fixed;
   z-index: 99999;
   bottom: 1em;
   padding: 2em 4em 1em;
}




/* ---------------- DENUNCIA ---------------- */
.DenunciaPage { background: #F0F0F0; }
.DenunciaPage footer ul { display:none }
.label-denuncia { display: flex; width: 100%; background: #00000012; margin: 0 0 4%; padding: 1em 1.5em; font-size: 1.3em; border-radius: 4px; color: black; }

#Denuncia {
   width: 100%;
   height: auto;
   position: relative;
   z-index: 999;
   justify-content: center;
   align-content: center;
   margin: 5% 0 5%;
}
#Denuncia.is-visible {display: grid !important;}

#Denuncia a.close {
   position: fixed;
   top: 0;
   right: 0;
   z-index: 2;
   transition: .3s;
   cursor: pointer;
 }
 #Denuncia a.close:hover {
   top: 0.5%;
   right: 0.5%;
}
 #Denuncia form {
   width: 1000px;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   justify-content: space-between;
}
#Denuncia form h3{
   font-size: 4em;
   flex: 100%;
   margin-top: -20px;
}
#Denuncia form .field {
   width: 49%;
   height: 60px;
   border: 0;
   border-radius: 4px;
   font-size: 1.55em;
   padding-left: 20px;
   font-weight: 600;
   margin: 0 0 2%;
   font-family: 'Poppins';
}
#Denuncia form .field.quebra {
   width: 23.5%;
}
#Denuncia form .field.more {
   width: 74.5%;
}
#Denuncia form textarea.field {
   width: 100%;
   height: 150px;
   padding-top: 20px;
}
#Denuncia form input[type=file]{
   background: #dfdfdf;
   padding-top: 17px;
}

#Denuncia form div {
   width: 100%;
   justify-content: space-between;
   display: flex;
}
#Denuncia form button {
   font-size: 1.55em;
    font-weight: 600;
    padding: 1em 0;
    width: 31%;
}

#Denuncia form div#hidden_div {
   display: none;
   justify-content: space-between;
   flex-wrap: wrap;
   flex-direction: row;
}

#Denuncia form .para_robos span { width: 0 !important; height: 0 !important; opacity: 0; }
#Denuncia form .para_robos input { width: 0 !important; height: 0 !important; opacity: 0; cursor: default; background: rgb(45, 161, 210);}

#Etapas form div#enviar_denuncia {
   display: flex;
   justify-content: space-between;
}




/* ---------------- ETAPAS ---------------- */
#Etapas {
   width: 100%;
   height: 100%;
   position: fixed;
   z-index: 999992;
   background: var(--azul);
   display: none;
   justify-content: center;
   align-content: center;
}
#Etapas.is-visible {display: grid !important;}

#Etapas a.close {
   position: fixed;
   top: 10px;
   right: 0;
   z-index: 2;
   transition: .3s;
   cursor: pointer;
 }
 #Etapas a.close:hover {
   top: 0.5%;
   right: 0.5%;
}
 #Etapas form {
    width: 1000px;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   justify-content: space-between;
}
#Etapas form section {
   display: none;
   width: 100%;
}

#Etapas form h3{
   font-size: 4em;
   flex: 100%;
   margin-top: -20px;
   line-height: 1;
}
#Etapas form .field {
   width: 32%;
   height: 60px;
   border: 0;
   border-radius: 4px;
   font-size: 1.55em;
   padding-left: 20px;
   font-weight: 600;
   margin: 0 0 2%;
   font-family: 'Poppins';
}
#Etapas form textarea.field {
   width: 100%;
   height: 150px;
   padding-top: 20px;
}
#Etapas form div {
   width: 100%;
   justify-content: flex-end;
   display: flex;
}

#Etapas form .para_robos span { width: 0 !important; height: 0 !important; opacity: 0; }
#Etapas form .para_robos input { width: 0 !important; height: 0 !important; opacity: 0; cursor: default; background: rgb(45, 161, 210);}

#Etapas form div.two {
   justify-content: space-between;
}

#Etapas form div.two a:first-child {
   width: auto;
   padding: 0 0 0 17px;
   height: 25px;
   background: url(../../img/icons/toleft.svg) left center no-repeat;
   background-size: 7px !important;
   cursor: pointer;
}
#Etapas form div.two a:first-child:hover {
   text-decoration: underline;
}

#Etapas form div#captcha_orcamento {
   margin-right: 16em;
}

#Etapas form button, #Etapas form a {
   font-size: 1.55em;
    font-weight: 600;
    padding: 1em 0;
    width: 31%;
    text-align: center;
}
#Etapas form ul.progress {
   position: fixed;
   width: 100%;
   top: 0.1%;
   left: 0;
   display: flex;
   justify-content: start;
   background: #0093c9;
}
#Etapas form ul.progress li {
   width: calc(0% - 1px);
   height: 8px;
   background: white;
   transition: 1s;
}


.NewRadios {
   list-style: none;
   margin: 0;
   padding: 0;
   width: 100%;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   grid-gap: 3em;
 }
.NewRadios.tree {grid-template-columns: 1fr 1fr 1fr;}
.NewRadios.two {grid-template-columns: 1fr 1fr;}

.NewRadios input.field { width: 100% !important; }
.NewRadios select { width: 100% !important; }

 .NewRadios:after {
   content: "";
   clear: both;
 }

 .method {
   border: 2px solid #FFF;
   box-sizing: border-box;
   position: relative;
   width: 100%;
   height: 50px;
 }

 .method + .method {
   margin-left: 0;
 }
 .method label {
   bottom: 2px;
   left: 2px;
   right: 2px;
   top: 2px;
   cursor: pointer;
   display: block;
   position: absolute;
   white-space: nowrap;
   background: white;
 }
 .method p {
   position: relative;
   z-index: 2;
   font-size: 1.4em;
   font-weight: 600;
   line-height: 1;
   width: 100%;
   text-align: center;
 }

 .NewRadios input:focus + label {
   outline: 2px dotted black;
 }
 .NewRadios input:checked + label {
   outline: 4px solid black;
 }
 .NewRadios input:checked + label:after {
   background: url(../../img/icons/check2.svg) #FFF;
   border-radius: 50%;
   bottom: -10px;
   content: "";
   display: inline-block;
   height: 23px;
   position: absolute;
   right: -10px;
   width: 23px;
 }
 @-moz-document url-prefix() {
   .NewRadios input:checked + label:after {
     bottom: 0;
     right: 0;
     background-color: #21b4d0;
   }
 }

 .method.image {height: 130px;}
 .method.image label {background-size: 50px auto !important;}
 .method.image label p { margin: 84px 0 0; }

 .method.carro label { background: url(../../img/icons/car-black.svg) #fff no-repeat center 35%; }
 .method.van label { background: url(../../img/icons/van.svg) #fff no-repeat center 35%; }
 .method.truck label { background: url(../../img/icons/truck-black.svg) #fff no-repeat center 35%;     background-size: 42px auto !important; }
 .method.semireboque label { background: url(../../img/icons/semireboque.svg) #fff no-repeat center 35%; background-size: 42px auto !important; }
 .method.trator label { background: url(../../img/icons/trator.svg) #fff no-repeat center 35%; background-size: 40px auto !important; }

 .method.jet-ski label { background: url(../../img/icons/jet-ski.svg) #fff no-repeat center 35%; background-size: 49px auto !important; }

 .method.assist label { background: url(../../img/icons/assist.svg) #fff no-repeat center 35%; background-size: 49px auto !important; }

 .method.rastreamento label { background: url(../../img/icons/rastreamento.svg) #fff no-repeat center 35%; background-size: 49px auto !important; }
 .method.vidros label { background: url(../../img/icons/vidros-black.svg) #fff no-repeat center 35%; background-size: 49px auto !important; }
 .method.telemetria label { background: url(../../img/icons/telemetria.svg) #fff no-repeat center 35%; background-size: 49px auto !important; }
 .method.motorista label { background: url(../../img/icons/motorista.svg) #fff no-repeat center 35%; background-size: 49px auto !important; }
 .method.roteirizacao label { background: url(../../img/icons/roteirizacao.svg) #fff no-repeat center 35%; background-size: 49px auto !important; }
 .method.integracoes label { background: url(../../img/icons/integracoes.svg) #fff no-repeat center 35%; background-size: 49px auto !important; }
 .method.softwares label { background: url(../../img/icons/softwares.svg) #fff no-repeat center 35%; background-size: 49px auto !important; }

a.whatsapp { position: fixed; width: 50px; z-index: 99; bottom:2.5%; right: 2.5%;  }
a.whatsapp > img {width: 50px; height: 50px;}

/* LANDING CORRETORES */

html #page-corretores, body#page-corretores {
   background: #fff;
   color: #333;
}

.link__excep__solo {
   font-size: 1rem;
   font-weight: 500;
   text-decoration: none;
   color: #0170A5;
   margin: 10px 0 0;
}

#page-corretores .buttonMobileCorretor {display: none;}

body#page-corretores .area { max-width: 1370px; width: 95vw; height: 100%; margin: 0 auto; position: relative;}

#page-corretores header#main { padding: 30px 40px; display: flex; justify-content: space-between; align-items: center;  }
#page-corretores header#main.oculto { display: none; }
#page-corretores header#main .logo-main { width: 180px; display: block;}
#page-corretores header#main .logo-main2 { width: 180px; display: none;}
#page-corretores.light header#main .logo-main { width: 180px; display: none;}
#page-corretores.light header#main .logo-main2 { width: 180px; display: block;}
#page-corretores header#main .logo-mobile { display: none;}
#page-corretores header#scroll img.logo {
   width: 142px;
   margin-top: 6px;
}
#page-corretores header#main .buttons,
#page-corretores header#scroll .buttons { display: flex; justify-content: center; align-items: center; gap: 15px; }
#page-corretores header#main .buttons .backHome,
#page-corretores header#scroll .backHome { text-decoration: none; color: #333; font-size: 14px; line-height: 21px;  }
#page-corretores header#main .buttons .backHome:hover,
#page-corretores header#scroll .backHome:hover { text-decoration: underline; }
#page-corretores header#main .buttons .entrar,
#page-corretores header#scroll .entrar { padding: 10px 22px; text-decoration: none; background: #FFB300; color: #fff; font-size: 14px; line-height: 20px; border: 2px solid #FFB300; transition: .5s; cursor:pointer; }
#page-corretores header#main.fixed .buttons .entrar {display: block;}
#page-corretores header#main .buttons .entrar:hover,
#page-corretores header#scroll .entrar:hover { color: #FFB300; background: transparent; }

#page-corretores header#main .buttons .line { padding: 10px 22px; text-decoration: none; background: ; color: #fff; font-size: 14px; line-height: 20px; border: 2px solid #FFF; transition: .5s; cursor:pointer; }
#page-corretores header#main .buttons .line:hover { color:#333; background:#FFF; }


#page-corretores header#main.fixed .buttons .line { padding: 10px 22px; text-decoration: none; background:var(--azul-escuro) ; color: #FFF; font-size: 14px; line-height: 20px; border: 2px solid var(--azul-escuro); transition: .5s; cursor:pointer; }
#page-corretores header#main.fixed .buttons .line:hover { color:var(--azul-escuro); background:transparent; }

#page-corretores header#scroll {
   height: 82px;
   display: none; align-items: center;
   padding: 0px 40px;
   position: fixed; z-index: 1000; top: 0;
   background: #ffffffd4;
   box-shadow: 0 0 10px #00000015;
   backdrop-filter: blur(10px);
}
#page-corretores header#scroll.fixed {
   display: flex;
   animation: opacityOn 1.5s forwards;
}

#page-corretores header#main.fixed {
   padding: 12px 40px;}

#page-corretores header#main.fixed img[src*="/assets/nova_home/img/deltaGlobal-deltagrupo-logo.svg"] {
   display: none;
}

#page-corretores header#main.fixed img[src*="/assets/nova_home/img/deltaGlobal-deltagrupo-logo-color.svg"] {
   display: block;
   width: 130px;
}

#page-corretores header#main.fixed img[src*="/assets/nova_home/img/fleet__logo__novo.svg"] {
   display: none;
}

#page-corretores header#main.fixed img[src*="/assets/nova_home/img/fleet/logo__delta__flett_colorido.svg"] {
   display: block;
   width: 130px;
}

#page-corretores header#main.fixed .buttons .backHome {
   color: #000 !important;
}



@keyframes opacityOn {
   0% {
      opacity: 0;
   }
   100% {
      opacity: 1;
   }
}

/* #page-corretores section.faca-parte { width: 100vw; height: 80vh; position: relative; margin: 120px 0 0 0;}
#page-corretores section.faca-parte .img-main { height: 100%; position: absolute; top: 0; right: 0; z-index: 10;}
#page-corretores section.faca-parte .box1 { width: 25vw; height: 25vw; position: absolute; top: -45%; right: 35%; z-index: 50; background: var(--amarelo); opacity: .1;}
#page-corretores section.faca-parte .box2 { width: 252px; height: 252px; position: absolute; top: 15%; left: -10%; z-index: 10; background: #0170A5; opacity: .1;}
#page-corretores section.faca-parte .box3 { width: 110px; height: 110px; position: absolute; bottom: -70px; left: -60px; z-index: 10; background: var(--amarelo); opacity: .1;}
#page-corretores section.faca-parte .box4 { width: 150px; height: 150px; position: absolute; bottom: -35px; right: -60px; z-index: 10; background: #00C1B4; opacity: .1;}


#page-corretores section.faca-parte .social li {padding-bottom: 10px;}
#page-corretores section.faca-parte .content { width: 50%; height: auto; padding: 85px 77px; box-sizing: border-box; position: absolute; bottom: 0px; left: 0px; z-index: 20; background: #fff; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}
#page-corretores section.faca-parte .content .ticket { margin: 0; padding: 8px 16px; background: #00C1B4; color: #fff; text-transform: uppercase; font-size: 16px; line-height: 24px; font-weight: 500; }
#page-corretores section.faca-parte .content .title { margin: 0; font-size: 49px; line-height: 70px; font-weight: 275; }
#page-corretores section.faca-parte .content .title span { font-size: 65px; line-height: 70px; font-weight: 700; color: #000; }
#page-corretores section.faca-parte .content .text { margin: 0; font-size: 16px; line-height: 27px; font-weight: 300; } */

#page-corretores .form-1 { width: 100vw; height: auto; background: var(--azul-escuro); position: relative; padding-top: 10vh;}
#page-corretores .form-1 figure { mix-blend-mode: exclusion; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0;     opacity: .35;}
#page-corretores .form-1 .box1 { position: absolute; background: #0e234a; height: 55px; width: 20%; top: -55px; right: 0; }
#page-corretores .form-1 .box2 { position: absolute; background: #fff; height: 87px; width: 23%; bottom: 0; left: 0; z-index: 20;}
#page-corretores .form-1 .area { mix-blend-mode:initial ; display: flex; height: 100%; align-items: flex-start; padding: 67px 110px; position: relative; z-index: 30;}

#page-corretores .form-1 .area .box-form { max-width: 443px; height: 100%; flex: 1.5; background: linear-gradient(180deg, #0170A5 0%, #005D89 100%); padding: 50px; display: flex; flex-direction: column; position: relative; }
#page-corretores .form-1 .area .box-form form { display: flex; flex-direction: column;}
#page-corretores .form-1 .area .box-form .title {  color: #fff; font-size: 26px; line-height: 32px; font-weight: 700; margin: 0 0 20px; padding: 0;}
#page-corretores .form-1 .area .box-form input {  color: #fff; flex: 1; padding: 11px 0; margin: 0 0 20px; background: transparent; font-size: 17px; font-weight: 500; border: 0; border-bottom: 1px solid #ffffff20;}
#page-corretores .form-1 .area .box-form input::placeholder {  color: #fff; font-weight: 500;}
#page-corretores .form-1 .area .box-form input:focus {  outline: 0;}
#page-corretores .form-1 .area .box-form button {  color: #fff; flex: 1; padding: 18px 0; margin: 28px 0 0 ; background: #FFB300; font-size: 17px; font-weight: 500; cursor: pointer;  border: 3px solid #FFB300; transition: .5s;}
#page-corretores .form-1 .area .box-form button:hover { color: #FFB300; background: transparent;}

#page-corretores .form-1 .area .content { height: 100%; flex: 2; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; padding-left: 125px; }
#page-corretores .form-1 .area .content .title { color: #fff; font-size: 49px; line-height: 45px; font-weight: 275;  margin: 0 0 20px 0; padding: 0;}
#page-corretores .form-1 .area .content .title span { color: #FFB300; font-size: 65px; font-weight: 700; line-height: 70px; margin: 0; padding: 0;}
#page-corretores .form-1 .area .content .text { color: #fff; font-size: 16px; line-height: 27px; font-weight: 300;  margin: 0 0 45px 0; padding: 0;}
#page-corretores .form-1 .area .content .list { list-style: none; }
#page-corretores .form-1 .area .content .list li { font-size: 20px; line-height: 28px; font-weight: 400; margin-bottom: 25px; padding: 0; color: #fff; display: flex; justify-content: flex-start;}
#page-corretores .form-1 .area .content .list li:last-child { margin-bottom: 0;}
#page-corretores .form-1 .area .content .list li span.icon { display: block; width: 26px; height: 24px; background: url('../../img/corretores/icons/icon_check.svg'); background-position: center; background-repeat: no-repeat; margin: 5px 10px 0 0;}
#page-corretores .form-1 .area .content .list li p { width: 100%; margin: 0; padding: 0;}

#page-corretores section.ecossistema { width: 100vw; min-height: 80vh;}
#page-corretores section.ecossistema .area { display: flex; flex-direction: column; align-items: center; padding: 160px 0px;}
#page-corretores section.ecossistema .area .title { font-size: 49px; line-height: 60px; font-weight: 275; text-align: center; margin: 0;}
#page-corretores section.ecossistema .area .title span { font-size: 65px; line-height: 60px; font-weight: 700; }
#page-corretores section.ecossistema .area .grid-produtos { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 86px; width: 100%; margin-top: 85px;}
#page-corretores section.ecossistema .area .grid-produtos .grid-item {width: 100%; height: 295px; border: 1px solid #F1F1F1; border-radius: 15px; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.07); display: flex; overflow: hidden;}
#page-corretores section.ecossistema .area .grid-produtos .grid-item .bar1 { width: 10px; height: 100%; background: linear-gradient(180deg, #0170A5 0%, #005D89 100%);}
#page-corretores section.ecossistema .area .grid-produtos .grid-item .bar2 { width: 10px; height: 100%; background: #1E2A4E;}
#page-corretores section.ecossistema .area .grid-produtos .grid-item .bar3 { width: 10px; height: 100%; background: linear-gradient(133.14deg, #00668F 0%, #002A3B 100%);}
#page-corretores section.ecossistema .area .grid-produtos .grid-item .content {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 42px 35px 28px 32px;}
#page-corretores section.ecossistema .area .grid-produtos .grid-item .content .logo {width: 100%;  }
#page-corretores section.ecossistema .area .grid-produtos .grid-item .content .logo-right {width: 100%; text-align: right;}
#page-corretores section.ecossistema .area .grid-produtos .grid-item .content .list {width: 100%; display: flex; justify-content: flex-end;}
#page-corretores section.ecossistema .area .grid-produtos .grid-item .content .list ul {list-style: none;}
#page-corretores section.ecossistema .area .grid-produtos .grid-item .content .list ul li {font-size: 15px; line-height: 26px; font-weight: 300; text-align: right;}



#page-corretores section.parceiro-delta {width: 100vw; height: auto;}
#page-corretores section.parceiro-delta .area {display: flex; flex-direction: column; align-items: center; padding: 100px 0px 90px;}

#page-corretores section.parceiro-delta .area .title { font-size: 49px; line-height: 60px; font-weight: 275; text-align: center; margin: 0;}
#page-corretores section.parceiro-delta .area .title span { font-size: 65px; line-height: 60px; font-weight: 700; }

#page-corretores section.parceiro-delta .area .grid-parceiros { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; column-gap: 60px; row-gap: 80px; width: 100%; margin: 85px 0 80px;}
#page-corretores section.parceiro-delta .area .grid-parceiros .grid-item {width: 100%; height: 200px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
#page-corretores section.parceiro-delta .area .grid-parceiros .grid-item img { height: 50px; margin: 0 0 24px ; }
#page-corretores section.parceiro-delta .area .grid-parceiros .grid-item h3 { font-size: 18px; font-weight: 600; line-height: 27px; margin: 0 0 10px; padding: 0; }
#page-corretores section.parceiro-delta .area .grid-parceiros .grid-item p { font-size: 14px; font-weight: 300; line-height: 22.5px; margin: 0; padding: 0; }

#page-corretores section.parceiro-delta .area .vantagens { width: 100%; /* height: 310px; */ padding: 0 30px; }
#page-corretores section.parceiro-delta .area .vantagens .img { width: 100%; height: 100%; background: url('../../img/corretores/deltaGlobal-img_seja_delta.webp'); background-position: center -90px; background-repeat: no-repeat; background-size: cover; position: relative; display: flex; justify-content: space-between; padding: 41px 63px;}
#page-corretores section.parceiro-delta .area .vantagens .img .img-abs { position: absolute; top: -63%; left: 25%; height: 180%;}
#page-corretores section.parceiro-delta .area .vantagens .img .content { width: 30%; height: 100%; display: flex; flex-direction: column; }
#page-corretores section.parceiro-delta .area .vantagens .img .content .title { color: #52DDC6; font-size: 32px; line-height: 38px; font-weight: bold; text-align: left; padding: 0; margin: 0 0 8px; }
#page-corretores section.parceiro-delta .area .vantagens .img .content .text{ color: #FFFFFF; font-size: 16px; line-height: 24px; padding: 0; margin: 0;}

#page-corretores section.parceiro-delta .area .vantagens .img .logo-button { display: flex; flex-direction: column; align-items: center; justify-content: space-around;}
#page-corretores section.parceiro-delta .area .vantagens .img .logo-button a { color: #0E256C; font-size: 17px; line-height: 25.5px; font-weight: 500; padding: 12px 20px; background: #52DDC6; text-decoration: none; border: 3px solid #52DDC6; transition: .5s;}
#page-corretores section.parceiro-delta .area .vantagens .img .logo-button a:hover { background: transparent; color: #52DDC6 ; }

#page-corretores section.form-2 {width: 100vw; height: auto; background: linear-gradient(180deg, #0170A5 0%, #005D89 100%);}
#page-corretores section.form-2 .area { width: 100%; height: 100%; display: flex; align-items: center;}

#page-corretores section.form-2 .area .box-form { width: 100%; height: 100%; padding: 0 130px 0 64px; display: flex;}
#page-corretores section.form-2 .area .box-form form { width: 100%;  height: 100%; display: flex; column-gap: 64px; align-items: center;}
#page-corretores section.form-2 .area .box-form form > div { height: 100%; display: flex; flex-direction: column; flex: 1; justify-content: flex-start; padding: 90px 0;}
#page-corretores section.form-2 .area .box-form form > div:first-child { height: 100%; display: flex; flex-direction: column; flex: 1; justify-content: center; padding: 0;}
#page-corretores section.form-2 .area .box-form form > div .title { color: #fff; font-size: 26px; line-height: 32px; font-weight: 700; margin: 0; padding: 0;}

#page-corretores section.form-2 .area .box-form input {  color: #fff; padding: 11px 0; margin: 0 0 20px; background: transparent; font-size: 17px; font-weight: 500; border: 0; border-bottom: 1px solid #ffffff20;}
#page-corretores section.form-2 .area .box-form input::placeholder {  color: #fff; font-weight: 500;}
#page-corretores section.form-2 .area .box-form input:focus {  outline: 0;}
#page-corretores section.form-2 .area .box-form button {  color: #fff; padding: 18px 0; margin: 0 ; background: #FFB300; font-size: 17px; font-weight: 500; cursor: pointer;  border: 3px solid #FFB300; transition: .5s;}
#page-corretores section.form-2 .area .box-form button:hover { color: #FFB300; background: transparent;}

#page-corretores section.clientes { width: 100vw; height: auto; background: #f0f0f0; }
#page-corretores section.clientes .area {width: 100%; height: 100%; display: flex; flex-direction: column; padding: 86px 25px 0 25px;}
#page-corretores section.clientes .area .title { color: #000; font-size: 20px; line-height: 30px; font-weight: 500; margin: 0; padding: 0;}
#page-corretores section.clientes .area .grid-clientes { width: 100%; margin-top: 38px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; column-gap: 80px; }
#page-corretores section.clientes .area .grid-clientes .grid-item {width: 100%; display: flex; justify-content: center; align-items: center;}

/* LANDING FLEET - PEGANDO COMO BASE LANDING CORRETORES */

#modalForm {
   display: none;
}



.modalForm {
   display: none;
   align-items: center; justify-content: center;
   position: fixed; top: 0; left: 0; z-index: 1000000;
   background-color: #00000080;
   width: 100vw; height: 100vh;
}
.modalForm .bg {
   width: 100%; height: 100%; position: fixed;z-index: -1;
}

.modalForm .box-form-modal {
   width: 90%; max-width: 400px;
   padding: 60px 50px;
   background-color: #1E2A4E;
   position: relative;
 }

 .modalForm .box-form-modal .closeBtn {
   padding: 15px; margin: 0;
   position: absolute; top: 0; right: 0;
   cursor: pointer;
   opacity: .7;
   transition: .2s;
   width: 45px;
   background: transparent;
 }
 .modalForm .box-form-modal .closeBtn:hover {
   opacity: 1;
 }

.modalForm .box-form-modal h3.title{
 font-size: 1.75rem !important; font-weight: 700; line-height: 2.5rem;
 color: #fff;
 margin: 0 0 40px;
 }

 .modalForm .box-form-modal form {
     display: flex; flex-direction: column; gap: 25px;
 }

 .modalForm .box-form-modal input[type=text]  {
     width: 100%;
     padding: 11px 0; margin: 0 0;
     font-size: 17px; font-weight: 500;
     color: #fff;
     background: transparent;
     border: 0; border-bottom: 1px solid #ffffff20;
 }

 .modalForm .box-form-modal input[type=text]::placeholder  {
     font-weight: 500 ;
     color: #fff;
 }

 .modalForm .box-form-modal input[type=text]:focus {
     outline: 0;
 }

 .modalForm .box-form-modal .receber  {
     display: flex; 
     align-items: center;
     gap: 10px;
 }

 .modalForm .box-form-modal input[type=checkbox] {
     margin: 2px 0 0 0;
     outline: 5px solid #00000033;
 }

 .modalForm .box-form-modal .receber span  {
     font-size: 1rem;
     color: #fff;
 }

 .modalForm .box-form-modal .teste_gratis {
     width: fit-content;
     padding: 18px 23px; margin: 0 ;
     font-size: 16px; font-weight: 500;
     background: #FFB300;
     color: #fff;
     border: 3px solid #FFB300;
     cursor: pointer;
     text-transform: uppercase;
     transition: .5s;
 }

 .modalForm .box-form-modal .teste_gratis:hover {
     background: transparent;
     color: #FFB300;
 }

 .modalForm.open {
   display: flex;
 }

#page-corretores header#main.light .buttons .backHome {
   color: #fff;
}

#page-corretores section.banner {
   width: 100%; height: 92vh; max-height: 791px;
   position: relative;
   background-color: #000000;
}
#page-corretores section.banner video {
   width: 100%; height: 100%;
   object-fit: cover;
   position: absolute; top: 0; left: 0; z-index: 1;
   opacity: .60;
}

#page-corretores section.banner h2 {
   position: absolute; bottom: 22vh; left: 7.5%; z-index: 1;
   display: flex; flex-direction: column;
   font-size: 4.5em; font-weight: 200;
   text-transform: uppercase;
   color: #fff;
}
#page-corretores section.banner h2 {
   position: absolute; bottom: 22vh; left: 7.5%; z-index: 1;
   display: flex; flex-direction: column;
   font-size: 4.5em; font-weight: 200;
   text-transform: uppercase;
   color: #fff;
}
#page-corretores section.banner h2 span {
   background-color: #000000b3;
   padding: 0 20px;
   width: fit-content;
}
#page-corretores section.banner h2 span.mobile-only  {
   display: none;
}

#page-corretores section.banner h2 span:first-child {
   color: #00BAFF;
   font-size: 5.1rem; font-weight: 700;
}

#page-corretores section.banner .box1 {
   width: 50%; height: 85%;
   position: absolute; top: 0; right: 10vw; z-index: 10;
   background-color: #FFB340; opacity: 0.05;
}

#page-corretores section.banner .box2 {
   width: 16.5vw; height: 75px;
   position: absolute; bottom: 0; left: 0; z-index: 10;
   background-color: #fff;
}
#page-corretores section.banner .box3 {
   width: 75px; height: 75px;
   position: absolute; bottom: 0; right: 0; z-index: 10;
   background-color: #fff;
}

#page-corretores section.banner .box-form1 {
   width: 50vw; max-width: 500px;
   padding: 60px 50px;
   background-color: #1E2A4E;
   position: absolute; top: 12vh; right: 10vw; z-index: 20;
}

#page-corretores section.banner .box-form1 h3.title{
   font-size: 2.75rem; font-weight: 700; line-height: 3.5rem;
   color: #fff;
   margin: 0 0 40px;
}
#page-corretores section.banner .box-form1 form,
#page-corretores section.form-2 .box-form2 form {
   display: flex; flex-direction: column; gap: 35px;
}

#page-corretores section.banner .box-form1 input[type=text],
#page-corretores section.form-2 .box-form2 input[type=text]  {
   width: 100%;
   padding: 11px 0; margin: 0 0;
   font-size: 17px; font-weight: 500;
   color: #fff;
   background: transparent;
   border: 0; border-bottom: 1px solid #ffffff20;
}

#page-corretores section.banner .box-form1 input[type=text]::placeholder,
#page-corretores section.form-2 .box-form2 input[type=text]::placeholder {
   font-weight: 500 ;
   color: #fff;
}

#page-corretores section.banner .box-form1 input[type=text]:focus,
#page-corretores section.form-2 .box-form2 input[type=text]:focus{
   outline: 0;
}

#page-corretores section.banner .box-form1 .receber,
#page-corretores section.form-2 .box-form2 .receber {
   display: flex; 
   align-items: center;
   gap: 10px;
}

#page-corretores section.banner .box-form1 input[type=checkbox],
#page-corretores section.form-2 .box-form2 input[type=checkbox]{
   margin: 2px 0 0 0;
   outline: 5px solid #00000033;
}

#page-corretores section.banner .box-form1 .receber span,
#page-corretores section.form-2 .box-form2 .receber span {
   font-size: 1rem;
   color: #fff;
}

#page-corretores section.banner .box-form1 button,
#page-corretores section.banner .box-form1 .enviar_rd,
#page-corretores section.form-2 .box-form2 button {
   width: fit-content;
   padding: 18px 23px; margin: 0 ;
   font-size: 17px; font-weight: 500;
   background: #FFB300;
   color: #fff;
   border: 3px solid #FFB300;
   cursor: pointer;
   text-transform: uppercase;
   transition: .5s;
}

#page-corretores section.banner .box-form1 button:hover,
#page-corretores section.banner .box-form1 .enviar_rd:hover,
#page-corretores section.form-2 .box-form2 button:hover {
   background: transparent;
   color: #FFB300;
}

#page-corretores section.video {
   width: 100%;
   position: relative;
   padding: 5vh 0;
       z-index: 2;
    background: #fff;
}

#page-corretores section.video .box1{
   width: 10vw; 
   height: 10vw;
   position: absolute; 
   left: 20px; 
   top: 80px; 
   z-index: 0;
   background-color: #FFB340; 
   opacity: 0.1;
}

#page-corretores section.video .box2{
   width: 35vw; height: 20vw;
   position: absolute; left: 14%; top: 80px; z-index: 0;
   background-color: #FFB340; opacity: 0.15;
}

#page-corretores section.video .box2.excep__{
   left: 15%;
   top: 19px;
}

#page-corretores section.video .box3{
   width: 10vw; height: 10vw;
   position: absolute; right: 50px; top: 80px; z-index: 0;
   background-color: #00C1B4; opacity: 0.1;
}

#page-corretores section.video .area{
   display: flex;
}

#page-corretores section.video .area .linkvideo{
   display: flex; align-items: center; justify-content: center; flex: 1;
   height: 36vh;
   max-height: 347px;
   position: relative;
   background-color: #000;
   cursor: pointer;
}
#page-corretores section.video .area .linkvideo:hover .mask-play {
   transform: scale(1.2);
   opacity: 1;
}

#page-corretores section.video .area .linkvideo > img {
   width: 100%; height: 100%;
   object-fit: cover;
   opacity: 0.5;
   position: absolute;
}
#page-corretores section.video .area .linkvideo .mask {
   width: 67px; height: 67px;
   background-color: #fff;
   transition: 4.3s;
   opacity: 0.75;
}

#page-corretores section.video .area .linkvideo a {
   cursor: pointer;
}

#page-corretores section.video .area .descvideo{
   display: flex; flex-direction: column; gap: 20px; flex: 1;
   position: relative;
   margin: 11vh 0 0 0; padding: 65px 65px 55px 75px;
   background-color: #f0f0f0;
}

#page-corretores section.video .area .descvideo.excep__{
   margin: 28vh 0 0 0;
   padding: 52px 121px;
}

#page-corretores section.video .area .descvideo.descvideo.excep__ h3{
   width: 390px;
   font-weight: 700;
   font-size: 32px;
   line-height: 37px;
}

#page-corretores section.video .area .descvideo h3{
   font-size: 2.5rem; font-weight: 700;
   color: #0089BF;
   margin: 0; padding: 0;
}


#page-corretores section.video .area .descvideo p{
   font-size: 1.41rem; font-weight: 300;
   color: #333;
   margin: 0; padding: 0;
}

#page-corretores section.video .area .descvideo a::before{
   content: "";
   display: block;
   position: absolute; left: -15px; top: 7px;
   width: 0;
   height: 0;
   border-top: 6px solid transparent;
   border-bottom: 6px solid transparent;
   border-left: 6px solid #000;
}
#page-corretores section.video .area .descvideo a{
   position: relative;
   margin: 0 0 0 15px; padding: 0;
   font-size: 1.33rem; font-weight: 500; text-decoration: none;
   color: #0089BF;
   cursor: pointer;
}

#page-corretores section.funcionalidades {
   width: 100%;
   position: relative;
   padding: 5vh 0;
   z-index: 2;
   background: #FFF;
}

#page-corretores section.funcionalidades .area{
   display: flex; flex-direction: column;
}

#page-corretores section.funcionalidades .box1{
   width: 10vw; height: 10vw;
   position: absolute; left: 38%; top: 30%; z-index: 0;
   background-color: #FFB340; opacity: 0.1;
}

#page-corretores section.funcionalidades .box2{
   width: 35vw; height: 20vw;
   position: absolute; left: -22vw; top: 40%; z-index: 0;
   background-color: #00C1B4; opacity: 0.15;
}

#page-corretores section.funcionalidades .box3{
   width: 10vw; height: 10vw;
   position: absolute; right: 150px; top: 10%; z-index: 0;
   background-color: #FF4B6A; opacity: 0.1;
}

#page-corretores section.funcionalidades .box4{
   width: 10vw; height: 10vw;
   position: absolute; left: 38%; top: 63%; z-index: 0;
   background-color: #FFB340; opacity: 0.1;
}

#page-corretores section.funcionalidades .box5{
   width: 35vw; height: 20vw;
   position: absolute; right: -22vw; top: 74%; z-index: 0;
   background-color: #00C1B4; opacity: 0.15;
}

#page-corretores section.funcionalidades .box6{
   width: 10vw; height: 10vw;
   position: absolute; right: 725px; top: 56%; z-index: 0;
   background-color: #FF4B6A; opacity: 0.1;
}

#page-corretores section.funcionalidades .area h2 {
   font-size: 5rem; font-weight: 700; line-height: 5rem;
   text-align: center;
   margin: 0 0 8.8vh 0;
}

#page-corretores section.funcionalidades .area.excep__ h2 {
   font-style: normal;
   font-weight: 700;
   font-size: 3rem;
   line-height: 60px;
}

#page-corretores section.funcionalidades .area h2 span{
   font-size: 3.5rem; font-weight: 200; text-align: center;
}

#page-corretores section.funcionalidades .acordeon {
   display: flex;
   flex-direction: column;
}

#page-corretores section.funcionalidades .acordeon .title-acordeon {
   display: none;
   justify-content: space-between;
   align-items: center;
}

#page-corretores section.funcionalidades .acordeon .title-acordeon > h3 {
   display: none;
   font-size: 1.25rem; font-weight: 600;
   color: #333;
   margin: 0; padding: 0;
 }

#page-corretores section.funcionalidades .area .assistencia24h,
#page-corretores section.funcionalidades .area .rastreamento,
#page-corretores section.funcionalidades .area .telemetria,
#page-corretores section.funcionalidades .area .manutencao,
#page-corretores section.funcionalidades .area .abastecimento,
#page-corretores section.funcionalidades .area .motoristas,
#page-corretores section.funcionalidades .area .gestaorisco,
#page-corretores section.funcionalidades .area .consultas {
   display: flex; gap: 5vw;
   padding: 4.5vh 0;
}

#page-corretores section.funcionalidades .area .box-img{
   flex: 1;
}

#page-corretores section.funcionalidades .area .box-info {
   display: flex; flex-direction: column; gap: 20px; flex: 1.2;
}

#page-corretores section.funcionalidades .area .box-info h3 {
   color: #333;
   font-size: 2rem; font-weight: 600;
   margin: 0; padding: 0;
}

#page-corretores section.funcionalidades .area .box-info p {
   width: 80%;
   color: #333;
   font-size: 1.40rem; font-weight: 300;
   margin: 0; padding: 0;
}

#page-corretores section.funcionalidades .area .box-info .detalhes {
   display: flex; gap: 40px; align-items: flex-start; justify-content: flex-start;
}

#page-corretores section.funcionalidades .area .box-info .detalhes.excep__ {
flex-wrap: wrap;
}

#page-corretores section.funcionalidades .area .box-info .detalhes .col {
   display: flex; flex-direction: column; gap: 10px;
}

#page-corretores section.funcionalidades .area .box-info .detalhes .col .icon{
   width: 33px; height: 33px;
}

#page-corretores section.funcionalidades .area .box-info .detalhes .col > span{
   font-size: 1.03rem; font-weight: 500; line-height: 1.3rem;
   max-width: 158px;
   color: #333;
}

#page-corretores section.funcionalidades .area .box-info .links {
   display: flex; flex-direction: column; gap: 6px;
}

#page-corretores section.funcionalidades .area .box-info .links a {
   font-size: 1rem; font-weight: 500; text-decoration: none;
   color: #0170A5; margin: 10px 0 0;
}

#page-corretores section.ecossistema-fleet {
   width: 100%;
   position: relative;
   padding: 5% 0;
   background: url('/assets/nova_home/img/background__tipos__de__acessos.svg');
   background-repeat: no-repeat; background-size: auto 1020px; background-position: center -80%;
}

#page-corretores section.ecossistema-fleet .box1 {
   width: 90%; height: 50px;
   background-color: #fff;
   position: absolute; top: 0; left: 0; z-index: 2;
}

#page-corretores section.ecossistema-fleet .bg-gradient{
   width: 100%; height: 100%;
   position: absolute; top: 0; left: 0; z-index: 1;
   background: linear-gradient(180deg, rgba(16,38,78,0.8463760504201681) 0%, rgba(17,39,79,1) 690px);
}

#page-corretores section.ecossistema-fleet .bg-gradient.excep__{
   background: transparent;
}

#page-corretores section.ecossistema-fleet .area{
   display: flex; flex-direction: column; align-items: center;
   position: relative; z-index: 30;
   padding: 18vh 0 0;
}

#page-corretores section.ecossistema-fleet .area h2 {
   font-size: 5rem; font-weight: 700; line-height: 5rem;
   text-align: center;
   color: #fff;
   margin: 0 0 8.8vh 0;
}

#page-corretores section.ecossistema-fleet .area h2 span{
   color: #FFB300;
}

#page-corretores section.ecossistema-fleet .area .multi {
   width: 85%;
   display: flex; align-items: flex-start; gap: 70px;
}

#page-corretores section.ecossistema-fleet .area .multi .box-img {
   min-width: 196px;
}

#page-corretores section.ecossistema-fleet .area .multi .box-img.tv {
   min-width: 457px;
}

#page-corretores section.ecossistema-fleet .area .multi .box-info {
   display: flex; flex-direction: column; align-items: flex-start;
}

#page-corretores section.ecossistema-fleet .area .multi .box-info.right {
   align-items: flex-end;
}

#page-corretores section.ecossistema-fleet .area .multi .box-info h3 {
   font-size: 1.87rem; font-weight: 600;
   color: #fff;
   margin: 0; padding: 4vh 0 1vh;
}

#page-corretores section.ecossistema-fleet .area .multi .box-info p{
   width: 70%;
   font-size: 1.40rem; font-weight: 300;
   color: #fff;
   margin: 0; padding: 0 0 2.2vh;
}

#page-corretores section.ecossistema-fleet .area .multi .box-info.right p{
   text-align: right;
}

#page-corretores section.ecossistema-fleet .area .multi .box-info p.tv{
   width: 90%;
}

#page-corretores section.ecossistema-fleet .area .multi .box-info .buttons-wrapper {
   display: flex; flex-direction: column; gap: 9px;
}

#page-corretores section.ecossistema-fleet .area .multi .box-info .buttons-wrapper .label {
   font-size: 1.09rem; font-weight: 700;
   color: #fff;
}

#page-corretores section.ecossistema-fleet .area .multi .box-info .buttons-wrapper .buttons {
   display: flex; gap: 15px;
}

#page-corretores section.rastreador {
   width: 100%;
   position: relative;
   padding: 10vh 0;
}

#page-corretores section.rastreador .box1{
   width: 11vw; height:11vw;
   position: absolute; left: -5vw; top: 0px; z-index: 0;
   background-color: #FFB340; opacity: 0.15;
}

#page-corretores section.rastreador .box2{
   width: 10vw; height: 10vw;
   position: absolute; right: 20px; top: 10px; z-index: 0;
   background-color: #00C1B4; opacity: 0.1;
}

#page-corretores section.rastreador .area {
   display: flex; flex-direction: column; align-items: center;
}

#page-corretores section.rastreador .area h2 {
   font-size: 5rem; font-weight: 700; line-height: 5rem;
   text-align: center;
   color: #333;
   margin: 0 0 8.8vh 0;
}

#page-corretores section.rastreador .area .wrapper-rastreador {
   width: 85%;
   display: flex; gap: 75px;
}

#page-corretores section.rastreador .area .wrapper-rastreador .box-img{
   max-width: 40%;
}

#page-corretores section.rastreador .area .wrapper-rastreador h3,
#page-corretores section.rastreador .area .integracao h3 {
   font-size: 2.03rem; font-weight: 600;
   color: #333;
   margin: 6vh 0 1vh; padding: 0;
}

#page-corretores section.rastreador .area .wrapper-rastreador p,
#page-corretores section.rastreador .area .integracao p {
   font-size: 1.3rem; font-weight: 300;
   color: #333;
   margin: 0 0 4vh; padding: 0;
}

#page-corretores section.rastreador .area .wrapper-rastreador .wrapper-logos {
   display: flex; align-items: center; gap: 35px;
}

#page-corretores section.rastreador .area .wrapper-rastreador img {
   margin: 0 auto;
}

#page-corretores section.rastreador .area .wrapper-rastreador img.gente {
   width: 128px;
}
#page-corretores section.rastreador .area .wrapper-rastreador img.mapfre {
   width: 150px;
}
#page-corretores section.rastreador .area .wrapper-rastreador img.hdi {
   width: 67px;
}
#page-corretores section.rastreador .area .wrapper-rastreador img.bradesco {
   width: 135px;
}

#page-corretores section.rastreador .area .integracao {
   width: 100%;
   display: flex; flex-direction: column; align-items: center;
}

#page-corretores section.rastreador .area .integracao h3 {
   margin: 0; padding: 0;
   text-align: center;
}

#page-corretores section.rastreador .area .integracao p {
   text-align: center;
}

#page-corretores section.rastreador .area .integracao .wrapper-logos {
   width: 75%;
   display: flex; justify-content: space-between; align-items: center;
}

#page-corretores section.form-2 .area {
   gap: 100px;
   padding: 7vh 0px;
}

#page-corretores section.form-2 .area .title {
   height: 100%;
   flex: .7;
   display: flex; justify-content: flex-end; align-items: center;
}
#page-corretores section.form-2 .area .box-form2 {
   height: 100%;
   flex: 1;
   display: flex; align-items: center;
}

#page-corretores section.form-2 .area .title h2 {
   font-size: 3.28rem; font-weight: 700; line-height: 4rem;
   color: #fff;
   text-align: right;
}

#page-corretores section.form-2 .box-form2 form {
   gap: 25px
}

#page-corretores section.form-2 .box-form2 button {
   width: 100%;
}

#page-corretores section.excelencia {
   width: 100%;
   position: relative;
   padding: 10vh 0;
   background: url('/assets/nova_home/img/fleet/deltaGlobal-bg-video2.png');
   background-repeat: no-repeat;
   background-position: 200px -165px;
}

#page-corretores section.excelencia .bg-white {
   width: 100%; height: 100%;
   position: absolute; top: 0; left: 0;
   /* background: linear-gradient(209.99deg, rgba(255, 255, 255, 0) 9.49%, #FFFFFF 46.65%); */
   /* background: linear-gradient(196deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 45%, rgba(255,255,255,1) 100%); */
   background: linear-gradient(213deg, rgba(255,255,255,0) -19%, rgba(255,255,255,0.85) 28%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 100%)
}

#page-corretores section.excelencia .area {
   display: flex;
}

#page-corretores section.excelencia .area .descvideo {
   flex: 1;
   display: flex; flex-direction: column; gap: 25px;
}

#page-corretores section.excelencia .area .descvideo h2 {
   font-size: 4.53rem; font-weight: 200; line-height: 5rem;
   color: #000;
   margin: 0; padding: 0;
}

#page-corretores section.excelencia .area .descvideo h2 span{
   font-weight: 700;
}

#page-corretores section.excelencia .area .descvideo p {
   font-size: 1.40rem; font-weight: 200; line-height: 2rem;
   color: #000;
   margin: 0; padding: 0 6.8vw 0 0;
}

#page-corretores section.excelencia .area .descvideo a {
   width: fit-content;
   display: block;
   cursor: pointer;
}

#page-corretores section.excelencia .area .linkvideo {
   flex: 0.8;
   display: flex; justify-content: center; align-items: center;
}

#page-corretores section.excelencia .area .linkvideo a {
   cursor: pointer;
   display: flex;
   flex-direction: column;
   align-items: center;
}

#page-corretores section.excelencia .area .linkvideo a p {
   font-size: 1.35em;
   font-weight: 600;
}

#page-corretores section.excelencia .area .linkvideo .mask {
   width: 67px; height: 67px;
   background-color: #333;
}

#page-corretores section.numb_info {
   width: 100%;
   position: relative;
   background-color: #4DFFCE;
}

#page-corretores section.numb_info .area {
   display: flex;
   justify-content: center;
}

#page-corretores section.numb_info ul.numbers {
   margin: 0;
   width: 100%;
}



    /* ---------------- VIDEOS ---------------- */


  a.video { width: 100%; max-width: 800px; height: 465px;
      box-shadow: 15px 15px 0 0px var(--verde);
      display: flex;
      background-size: 100% !important;
      background-position: center center !important;
      transition: 1s;
      justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 7px;
     }
  a.video:hover {
  box-shadow: 5px 5px 0 0px var(--verde);
  margin: 5px 0 0 5px;
  background-size: 115% !important;
  }
  a.video img {
      transition: 0.5s;
      opacity: .65;
  }
  a.video:hover img {
      width: 98px;
      opacity:1;
  }


  .video2Id {
     width: 100%;
     height: 100%;
     position: fixed;
     z-index: 999999999999;
     display: none;
     top: 0;

  }
  .video2Id .all {
     width: 100%;
     height: 100%;
     background: #1E2A4Ee0;
     padding: 5%;
     box-sizing: border-box;
     position: fixed;
     z-index: 1;
     display: flex;
     justify-content: center;
     align-items: center;
  }
  .video2Id .all .bg {
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     z-index: 1;
  }
  .video2Id iframe {
      width: 75%;
     height: calc((75vw*9) /17.77);
     position: relative;
     z-index: 2;
     border-radius: 10px;
     box-shadow: 5px 5px 20px #00000030;
  }
  .video2Id button,
  .video2Id a {
     position: fixed;
     top: 0;
     right: 0;
     z-index: 2;
     transition: .3s;
     cursor: pointer;
     opacity: .65;
   }

   .video2Id button:hover,
  .video2Id a:hover {
     top: 0.5%;
     right: 0.5%;
     opacity: 1;
  }

  @media (max-width:1000px) {
     .videoId a.video {
      background-size: cover !important;
      height: calc((100vw*9) /17.77);
      }
      .video2Id iframe {
         width: 100%;
         height: calc((100vw*9) /17.77);
      }
  }


  .buttons .translation__home__fleet {
   text-decoration: none;
   color: #fff;
   border: 2px solid #FFF;
   background: transparent;
   padding: 2px 6px;
  }


  .buttons .translation__home__fleet:focus {
      background: transparent;
      outline: none;
      border: 2px solid #FFF;
  }

  .buttons .translation__home__fleet > option {
      background: #a9a9a9;
  }

  .button__teste__gratis__entrar {
   padding: 10px 22px;
    text-decoration: none;
    background: #FFB300;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    border: 2px solid #FFB300;
    transition: .5s;
    cursor: pointer;
  }


/* DOCUMENTAÇÃO INSTITUCIONAL */

.container--documentacao--institucional {
   display: flex;
   flex-direction: column;
   align-items: center;
   margin: 177px 5% 100px 5%; 
}

.container--documentacao--institucional > h2 {
   color: #000;
   font-family: Poppins;
   font-size: 24px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
}

.container--documentacao--institucional > span {
   color: #000;
   text-align: center;
   font-family: Poppins;
   font-size: 16px;
   font-style: normal;
   font-weight: 300;
   line-height: normal;
   max-width: 581px;
}

.container--documentacao--institucional .divider--documentacao--institucional {
   border: 1px solid #EBEBEB;
   width: 100%;
   margin-top: 24px;
   margin-bottom: 52px;
}

.container--documentacao--institucional .conteudo--documentacao--institucional {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   justify-content: center;
   gap: 20px;
}

.conteudo--documentacao--institucional .documentacao--institucional {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 30%;
   text-align: center;
   align-items: center;
}

.conteudo--documentacao--institucional .documentacao--institucional > h2 {
   color: #000 !important;
   font-family: Poppins;
   font-size: 16px !important;
   font-weight: 500 !important;
   text-decoration-line: underline;
   margin: 0 !important;
   text-wrap: wrap;
   word-break: break-all;
}

.conteudo--documentacao--institucional .documentacao--institucional > p {
   color: #000 !important;
   font-family: Poppins;
   font-size: 14px !important;
   font-weight: 300 !important;
   margin: 0 !important;
   word-break: break-all;
}

.conteudo--documentacao--institucional .documentacao--institucional > a {
   color: #0089BF !important;
   font-family: Poppins;
   font-size: 14px !important;
   font-weight: 400 !important;
   margin: 12px 0 0 0 !important;
   cursor: pointer;
}

.container--documentacao--institucional .container--conteudo--transparencial--salarial {
   max-width: 896px;
}

.container--seletor--pdf--transparencial--salarial {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.container--seletor--pdf--transparencial--salarial h5 {
   margin: 0;
   font-family: Poppins;
   font-weight: 500;
   font-size: 16px;
}

.container--seletor--pdf--transparencial--salarial div {
   display: flex;
   flex-direction: column;
   gap: 14px;
}

.container--seletor--pdf--transparencial--salarial div label {
   font-family: Poppins;
   font-weight: 400;
   font-size: 14px;
}

.container--seletor--pdf--transparencial--salarial div select.custom-select {
   max-width: 198px;
   padding: 14px 20px 14px 16px;

   -webkit-appearance: none; 
   -moz-appearance: none;
   appearance: none;
   background: url('/assets/img/icons/dropdown_seta.svg') no-repeat right 10px center;
   background-color: white;
   border-color: #0000001A;
   border-radius: 4px;
}

.container--visualizador--pdf--transparencia--salarial {
   margin-top: 32px;
   padding: 24px;
   border-radius: 10px;
   border: 1px solid #EBEBEB;
}

.container--visualizador--pdf--transparencia--salarial .info-pdf-btns {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.container--visualizador--pdf--transparencia--salarial .info-pdf-btns h4 {
   margin: 0;
   font-family: Poppins;
   font-weight: 700;
   font-size: 18px;
}

.container--visualizador--pdf--transparencia--salarial .info-pdf-btns button {
   padding: 12px 23px;
   background: #0089BF;

   font-family: Poppins;
   font-weight: 600;
   font-size: 14.3px;
   color: #FFFFFF;

   cursor: pointer;
}

.container--visualizador--pdf--transparencia--salarial .visualizador--pdf {
   margin-top: 20px;
}