@keyframes splide-loading { 0% { transform: rotate(0) } to { transform: rotate(1turn) } } .splide__container { position: relative; box-sizing: border-box } .splide__list { margin: 0 !important; padding: 0 !important; width: -webkit-max-content; width: max-content; will-change: trasform } .splide.is-active .splide__list { display: flex } .splide__pagination { display: inline-flex; align-items: center; width: 95%; flex-wrap: wrap; justify-content: center; margin: 0 } .splide__pagination li { list-style-type: none; display: inline-block; line-height: 1; margin: 0 } .splide { visibility: hidden } .splide, .splide__slide { position: relative; outline: none } .splide__slide { box-sizing: border-box; list-style-type: none !important; margin: 0; flex-shrink: 0 } .splide__slide img { vertical-align: bottom } .splide__slider { position: relative } .splide__spinner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: inline-block; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #999; border-left-color: transparent; animation: splide-loading 1s linear infinite } .splide__track { position: relative; z-index: 0; overflow: hidden } .splide--draggable>.splide__track>.splide__list>.splide__slide { -webkit-user-select: none; user-select: none } .splide--fade>.splide__track>.splide__list { display: block } .splide--fade>.splide__track>.splide__list>.splide__slide { position: absolute; top: 0; left: 0; z-index: 0; opacity: 0 } .splide--fade>.splide__track>.splide__list>.splide__slide.is-active { position: relative; z-index: 1; opacity: 1 } .splide--rtl { direction: rtl } .splide--ttb>.splide__track>.splide__list { display: block } .splide--ttb>.splide__pagination { width: auto } .splide__arrow { position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); width: 2em; height: 2em; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: none; padding: 0; opacity: .7; background: #ccc } .splide__arrow svg { width: 1.2em; height: 1.2em } .splide__arrow:hover { cursor: pointer; opacity: .9 } .splide__arrow:focus { outline: none } .splide__arrow--prev { left: 1em } .splide__arrow--prev svg { transform: scaleX(-1) } .splide__arrow--next { right: 1em } .splide__pagination { position: absolute; z-index: 1; bottom: .5em; left: 50%; transform: translateX(-50%); padding: 0 } .splide__pagination__page { display: inline-block; width: 8px; height: 8px; background: #ccc; border-radius: 50%; margin: 3px; padding: 0; transition: transfrom .2s linear; border: none; opacity: .7 } .splide__pagination__page.is-active { transform: scale(1.4); background: #fff } .splide__pagination__page:hover { cursor: pointer; opacity: .9 } .splide__pagination__page:focus { outline: none } .splide__progress__bar { width: 0; height: 3px; background: #ccc } .splide--nav>.splide__track>.splide__list>.splide__slide { border: 3px solid transparent } .splide--nav>.splide__track>.splide__list>.splide__slide.is-active { border-color: #000 } .splide--nav>.splide__track>.splide__list>.splide__slide:focus { outline: none } .splide--rtl>.splide__arrows .splide__arrow--prev, .splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev { right: 1em; left: auto } .splide--rtl>.splide__arrows .splide__arrow--prev svg, .splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg { transform: scaleX(1) } .splide--rtl>.splide__arrows .splide__arrow--next, .splide--rtl>.splide__track>.splide__arrows .splide__arrow--next { left: 1em; right: auto } .splide--rtl>.splide__arrows .splide__arrow--next svg, .splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg { transform: scaleX(-1) } .splide--ttb>.splide__arrows .splide__arrow, .splide--ttb>.splide__track>.splide__arrows .splide__arrow { left: 50%; transform: translate(-50%) } .splide--ttb>.splide__arrows .splide__arrow--prev, .splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev { top: 1em } .splide--ttb>.splide__arrows .splide__arrow--prev svg, .splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg { transform: rotate(-90deg) } .splide--ttb>.splide__arrows .splide__arrow--next, .splide--ttb>.splide__track>.splide__arrows .splide__arrow--next { top: auto; bottom: 1em } .splide--ttb>.splide__arrows .splide__arrow--next svg, .splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg { transform: rotate(90deg) } .splide--ttb>.splide__pagination { display: flex; flex-direction: column; bottom: 50%; left: auto; right: .5em; transform: translateY(50%) } ; .splide.hathome-carrousel .splide__pagination { bottom: -1.8em } .splide.hathome-carrousel .splide__pagination li .splide__pagination__page { width: 25px; border-radius: 150px; opacity: 1 } .splide.hathome-carrousel .splide__pagination li .splide__pagination__page.is-active { background-color: #ff8400; transform: scale(1) } @media (max-width:600px) { .splide.hathome-carrousel .splide__pagination { display: none !important } .fretegratishat>.col-12 { padding-top: 1rem !important } } ; .splide.hathome-carrousel .splide__pagination { bottom: -1.5em } .splide.hathome-carrousel .splide__pagination li .splide__pagination__page { height: 12px; width: 12px } .theme-hathome .owl-dots, .theme-hathome .owl-nav { background: #343a40; border-radius: 0; width: auto; height: 15px; text-align: center } .theme-hathome .owl-nav { margin-top: 10px } .theme-hathome .owl-stage { background: #d6d6d6 } .theme-hathome .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px } .theme-hathome .owl-nav [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none } .theme-hathome .owl-nav .disabled { opacity: .5; cursor: default } .theme-hathome .owl-nav.disabled+.owl-dots { padding: 3px; border: 0 } .theme-hathome .owl-dots .owl-dot { display: inline-block; zoom: 1 } .theme-hathome .owl-dots .owl-dot span { background: #ccc; width: 20px; height: 7px; border-radius: 150px; display: inline-block; margin: 3px; border: 0 } .theme-hathome .owl-dots .owl-dot.active span, .theme-hathome .owl-dots .owl-dot:hover span { background: #ff7509 } .theme-hathome .owl-item img { width: 990px; max-width: 100%; height: auto; max-height: 400px; margin: 0 auto } .hathome-infos__slide { min-height: 48px } .hathome-infos img { max-height: 48px; max-width: 64px } .hathome-infos p { line-height: 1.15 } .hathome-carrousel .splide__arrow { background: #ccc0 } @media (min-width:1200px) { .hathome-carrousel .splide__arrow--prev { left: calc(50% - 520px) } .hathome-carrousel .splide__arrow--next { right: calc(50% - 520px) } .hathome-infos .splide__list { width: 100% } .hathome-infos__slide:not(a) { cursor: default } .hathome-infos__slide { filter: saturate(0) } .hathome-infos__slide, .hathome-infos__slide * { transition: .15s linear all } .hathome-infos__slide:hover { filter: saturate(1); text-decoration: none } .hathome-infos__img { opacity: .75 } .hathome-infos__slide:hover .hathome-infos__img { opacity: 1 } } @media (min-width:1600px) { .hathome-infos .splide__slide { width: 20% } } @media (max-width:1100px) { .hathome-carrousel .splide__arrows { display: none } } .infos__regiao { display: inline-block } .infos .infos__regiao { animation-name: infofreteregiao; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: step-end } .infos .infos__regiao:last-child { visibility: hidden; animation-delay: 2s; max-width: 0; max-height: 0; overflow: hidden } .hathome-infos__slide img { max-height: 48px; max-width: 64px } @keyframes infofreteregiao { 0% { visibility: visible; max-width: unset; max-height: unset; overflow: initial } 50% { visibility: hidden; max-width: 0; max-height: 0; overflow: hidden } } @media (min-width:992px) { .hathome-infos__slide { filter: saturate(0); transition: 300ms ease } .hathome-infos__slide:hover { filter: none } };.info-item { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 12px 0; text-align: left; }