* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
:root {
--text-color: #000a26;
--text-color-light: #626164;
--bg-color: #ffffff;
--bg-bege: #f1edeb;
--bg-gray: #d3d2d0;
--bg-gray-light: #e9e9e8;
--blue-car80: #001A70;
--blue-car80-100: #002899;
--blue-car80-200: #0030B7;
--blue-car80-300: #003ADD;
--red-car80: #CE0E2D;
--red-car80-100: #FF0D3C;
--red-color: #D60808;
--font-primary: 'Rethink Sans', sans-serif;
--font-title: 'Rethink Sans', sans-serif; --radius-btn: 30px;
--radius-ele: 8px;
--transition-normal: all .35s ease-in-out;
--transition-fast: all .15s ease-in-out;
--transition-slow: all .5s ease-in-out;
--transition-especial: all .2s cubic-bezier(0.38, 0.005, 0.215, 1);
--transition-especial-slow: all .5s cubic-bezier(0.38, 0.005, 0.215, 1);
--transition-especial-ultraslow: all 2s cubic-bezier(0.38, 0.005, 0.215, 1);
--transition-product: all 1s cubic-bezier(0.38, 0.005, 0.215, 1);
--hero-opacity: 100;
--line-height-base: 1.6;
--font-size-xl: 3.815rem;
--font-size-h1: 2.986rem;
--font-size-h2: 2.488rem;
--font-size-h3: 2.074rem;;
--font-size-h4: 1.728rem;
--font-size-h5: 1.44rem;
--font-size-h6: 1.2em;
--font-size-base: 1rem;
--font-size-small: 0.833rem;
--font-size-xsmall: 0.74rem;
--letter-spacing: .015em;
}   html {
line-height: 1; -webkit-text-size-adjust: 100%; } main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  .content-area hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible;
border: none;
overflow: visible;
border-top: 1px solid rgba(0,0,0,.1)!important;
border-bottom: 0; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
max-width: 100%;
height: auto;
}
.fullwidth{
width: 100vw;
height: auto;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; min-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
p, li {
display: block;
margin-bottom: 1.6em;
font-size: var(--font-size-base);
font-family: var(--font-primary);
line-height: 160%;
font-weight: 400;
}
p{
font-size: var(--font-size-base);
letter-spacing: 0.036em;
}
li{
margin-bottom: 0;
}
h1 {
font-size: var(--font-size-h2);
}
h2 {
font-size: var(--font-size-h3);
}
h3 {
font-size: var(--font-size-h4);
}
h4 {
font-size: var(--font-size-h5);
}
h5 {
font-size: var(--font-size-h6);
}
h6 {
font-size: var(--font-size-base);
}
h1, 
h2, 
h3,
h4,
h5,
h6{
font-weight: 700;
line-height: 110%;
font-family: var(--font-title);
}
.zindex-10{
z-index: 10;
position: relative;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
button:focus {
outline: 0;
}
.no-gutter{
margin-left: 0!important;
margin-right: 0!important;
}
.no-gutter-padding{
padding-left: 0!important;
padding-right: 0!important;
}
.gutter-prod{
margin-left: -.5em!important;
margin-right: -.5em!important;
} strong, b {
font-weight: 700;
} .favicon-footer{
width: 80px;
margin: 0 auto 0 0;
display: block;
}
#antidesign {
background-image: url(//www.car-80.com/wp-content/themes/Car80/assets/design/antidesign.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
height: 28px;
width: 60px;
display: block;
margin: 0 0 0 auto;
font: 0/0 a;
text-shadow: none;
color: transparent;
opacity: .35;
transition: var(--transition-especial);
}
#antidesign:hover{
opacity: 1;
}
.bullet-historia {
width: 100%;
display: block;
margin: 1em 0;
text-align: left;
background-color: transparent;
font-size: var(--font-size-h5);
font-weight: 700;
color: var(--bg-gray);
transition: var(--transition-especial);
}
.bullet-historia .bullet{
width: 20px;
height: 20px;
background-color: var(--bg-gray);
display: block;
border-radius: 100%;
min-width: 20px;
margin-top: 10px;
margin-right: 10px;
transition: var(--transition-especial);
cursor: pointer;
}
.swiper-slide-active.bullet-historia{
color: var(--text-color);
}
.swiper-slide-active.bullet-historia .bullet{
background-color: var(--blue-color);
}
.bullet-historia .bullet:before{
content: "";
display: block;
position: absolute;
width: 110%;
left: 0;
bottom: 8px;
height: 3px;
z-index: -1;
background-color: var(--bg-gray);
}
.bullet-historia:last-child .bullet::before{
display: none;
}
.gallery-top {
width: 30vw;
overflow: hidden;
}
.gallery-thumbs {
width: 240px;
box-sizing: border-box;
padding: 10px 0;
}
.slider-historia{
padding: 30px 0;
}
.slider-historia p{
font-size: var(--font-size-h5);
}
.video-container {
position: relative;
padding-bottom: 56.25%; height: 0;
width: 100%;
}
.video-container iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
main{
display: block;
}
body {
margin: 0;
background-color: var(--bg-color);
color: var(--text-color);
font-family: var(--font-primary);
font-size: var(--font-size-base);
line-height: var(--line-height-base);
overflow-x: hidden;
}
.h-100{
height: 100%;
}
.h-auto{
height: auto;
}
.text-right{
text-align: right;
}
.text-left{
text-align: left;
}
.text-center{
text-align: center;
} .cta-container{
margin: 0 0 0 auto;
display: flex;
align-items: center;
justify-content: end;
}
.btn-cta{
border-radius: var(--radius-btn);
background-color: var(--bg-color);
color: var(--text-color);
transition: var(--transition-especial-slow);
display: inline-flex;
align-items: center;
padding: 0.5em 1em;
margin-left: .25em;
font-size: var(--font-size-small);
font-family: var(--font-primary);
letter-spacing: 0.026em;
text-transform: uppercase;
font-weight: 600;
}
.btn-cta .icon {
width: 32px;
height: 32px;
display: inline-block;
line-height: 0;
padding: 4px;
position: relative;
z-index: 2;
border-radius: var(--radius-btn);
}
.btn-cta .icon:hover{
background-color: var(--blue-car80-300);
}
.btn-cta:hover{
background-color: var(--blue-car80-300);
color: var(--bg-color);
}
.footer .btn-cta .icon{
filter: invert(1);
}
.o-title, .produto h1,
.wp-block-heading{
font-size: var(--font-size-xl);
line-height: .98em;
font-family: var(--font-title);
margin-bottom: .25em;
}
.archive .o-title{
padding: 3rem 0 0;
}
.JS__filter_title{
margin-bottom: 0!important;
}
.o-title span{
font-size: var(--font-size-h4);
font-weight: 700;
line-height: 1em;
display: inline-block;
}
.wp-block-heading strong{
font-size: var(--font-size-h2);
}
.produto h1{
font-size: var(--font-size-h2);
}
.produto h1 + p{
margin-top: .64em;
}
.produto h1 strong, 
.produto h1 b{
font-weight: 700;
}
.o-subtitle,
.produto h2{
font-size: var(--font-size-h5);
line-height: .96em;
font-family: var(--font-title);
}
.intro{
padding-bottom: 2rem;
background-color: var(--bg-gray-light);
}
.intro .o-title{
font-size: var(--font-size-xl);
line-height: 1em;
margin-top: 5vw;
}
.intro .o-chamada,
.produtos h2{
font-size: var(--font-size-h3);
margin-bottom: 1.4rem;
}
.icon-cat-prod{
padding: 0;
border-radius: var(--radius-btn);
}
.icon-80{
width: 80px;
min-width: 80px;
height: 80px;
}
.icon-60{
width: 60px;
min-width: 60px;
height: 60px;
}
.icon-50{
width: 50px;
min-width: 50px;
height: 50px;
}
.icon-40{
width: 40px;
min-width: 40px;
height: 40px;
}
.p-b {
padding: 6rem !important;
}
.pt-b,
.py-b {
padding-top: 6rem !important;
}
.pr-b,
.px-b {
padding-right: 6rem !important;
}
.pb-b,
.py-b {
padding-bottom: 6rem !important;
}
.pl-b,
.px-b {
padding-left: 6rem !important;
}
.o-hamburguer {
width: 32px;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
cursor: pointer;
align-items: flex-start;
margin: 10px 0 10px 10px;
}
.o-hamburguer__line {
width: 28px;
height: 2px;
background-color: var(--bg-color);
display: block;
border-radius: 0;
margin: 3px 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.o-hamburguer.active .o-hamburguer__line:nth-child(1) {
-webkit-transform: translateY(8px) rotate(45deg);
transform: translateY(8px) rotate(45deg);
}
.o-hamburguer.active .o-hamburguer__line:nth-child(2) {
opacity: 0;
}
.o-hamburguer.active .o-hamburguer__line:nth-child(3) {
-webkit-transform: translateY(-8px) rotate(-45deg);
transform: translateY(-8px) rotate(-45deg);
}
.mainmenu.desktop{
display: none;
}
.is-open .mainmenu{
display: block;
}
.mainmenu ul, .site-header-cart{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-start;
align-items: center;
}
.mainmenu ul li{
padding: 0;
margin: 0;
position: relative;
}
a h1, a h2, a h3, a h4, a h5, a h6{
color: var(--text-color);
}
.mainmenu ul li a, .submenu-item ul li a,
.mainmenu ul li a:not([href]):not([tabindex]){
font-weight: 400;
font-size: var(--font-size-base);
color: var(--bg-color);
padding: .65em 0;
line-height: 1.2em;
margin: 0 .65em;
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
text-align: left;
font-weight: 400;
font-family: var(--font-primary);
transition: var(--transition-especial);
}
.JS__menu{
display: flex;
flex-direction: column;
}
.JS__menu .container__menu{
margin-top: auto;
margin-bottom: auto;
}
.JS__menu .mainmenu ul{
flex-direction: column;
}
.JS__menu .mainmenu ul li{
display: block;
width: 100%;
}
.JS__menu .mainmenu h2{
font-size: var(--font-size-h6);
font-family: var(--font-title);
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid var(--bg-color);
}
.JS__menu .mainmenu ul li a, .JS__menu .submenu-item ul li a{
color: var(--bg-color);
font-size: var(--font-size-h4);
padding: 10px 0;
margin: 0;
}
.JS__menu .mainmenu ul li a:hover, .JS__menu .submenu-item ul li a:hover{
color: var(--bg-color)
}
.submenu-item ul li a{
padding: 0 10px;
}
.mainmenu ul li a img,
.submenu-item li a img{
width: 42px;
margin-right: 15px;
-webkit-transition: var(--transition-especial-slow);
transition: var(--transition-especial-slow);
}
.submenu-item ul li a:hover img{
margin-right: 20px;
transform: scale(1.2);
}
.mainmenu ul li a:before,
.mainmenu ul li a:after{
content: "";
display: block;
width: 0;
bottom: 4px;
right: 0;
position: absolute;
height: 1px;
background-color: var(--bg-color);
-webkit-transition: var(--transition-especial-slow);
transition: var(--transition-especial-slow);
}
.mainmenu ul li a:after{
bottom: auto;
right: auto;
left: 0;
top: 4px;
width: 0;
}
.mainmenu ul li a:hover:after{
width: 100%;
right: 0;
left: auto;
}
.mainmenu ul li a:hover:before,
.mainmenu ul li.droplink.active a:before{
width: 100%;
right: auto;
left: 0;
}
.submenu-item ul li a{
text-transform: inherit;
border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.submenu-item ul li:last-child a{
border-bottom: none;
}
.menu-close-search{
cursor: pointer;
}
.nav-mobile .droplink:after{
top: 18px;
}
.nav-mobile .mainmenu ul li a img{
width: 35px;
}
.nav-mobile .mainmenu ul.sub-menu li a{
padding: 5px 0 5px 20px;
}
.tecnologia p{
font-size: var(--font-size-base);
}
.tecnologia h2{
font-size: var(--font-size-h2);
font-weight: 800;
}
.relative, .row > *{
position: relative;
}
.alert {
width: 100%;
position: relative;
z-index: 9999;
background-color: var(--orange-car80);
overflow: hidden;
height: 40px;
top: 0;
left: 0;
transition: var(--transition-normal);
}
.alert.remove{
height: 0;
}
.bg-red{
background-color: var(--red-color);
color: var(--bg-color);
}
.bg-blue{
background-color: var(--blue-car80);
color: var(--bg-color);
}
.bg-blue-1{
background-color: var(--blue-car80-100);
color: var(--bg-color);
}
.bg-blue-2{
background-color: var(--blue-car80-200);
color: var(--bg-color);
}
.bg-orange{
background-color: var(--orange-car80);
color: var(--bg-color);
}
.bg-orange-1{
background-color: var(--orange-car80-100);
color: var(--bg-color);
}
.bg-orange-2{
background-color: var(--orange-car80-200);
color: var(--bg-color);
}
.bg-black{
background-color: var(--text-color);
color: var(--bg-color);
}
.bg-white{
background-color: var(--bg-color);
color: var(--text-color);
}
.recorte-orange{
background-image: url(//www.car-80.com/wp-content/themes/Car80/assets/design/recorte-orange.svg);
background-position: 0;
background-repeat: no-repeat;
background-size: contain;
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: -1px;
}
.btn-alert{
padding: 1px 5px;
margin-left: 10px;
border-radius: 20px;
border: 1px solid #fff;
transition: var(--transition-especial);
white-space: nowrap;
}
.btn-alert:hover{
background-color: var(--text-color);
border-color: var(--text-color);
text-decoration: none;
}
.closebtn {
margin-left: 15px;
color: white;
font-weight: 600;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
position: absolute;
right: 30px;
top: 10px;
z-index: 999;
}
.closebtn:hover {
color: black;
}
.o-header {
position: fixed;
display: block;
z-index: 998;
width: 100%;
top: 0;
left: 0;
padding: 0;
background-color: var(--blue-car80);
transition: var(--transition-especial-slow);
border: none;
}
.car80-container{
padding-left: 15px;
padding-right: 15px;
}
.car80-container .row{
margin-left: -15px;
margin-right: -15px;
}
.car80-container .row > *{
padding-left: 15px;
padding-right: 15px;
}
.o-header .car80-container{
z-index: 10;
position: relative;
background-color: var(--blue-car80);
transition: var(--transition-especial-slow);
padding-top: 10px;
padding-bottom: 10px;
}
.brand-container{
padding-left: 150px;
}
.home{
background-color: var(--blue-car80);
}
.brand{
width: 100px;
position: absolute;
top: -.65rem;
left: 0;
padding: .75rem;
background-color: var(--blue-car80);
transition: var(--transition-especial-slow);
}
.brand img{
width: 100%;
height: auto;
display: block;
}
.submenu-page{
background-color: var(--blue-color);
}
.submenu-page a{
font-weight: 600;
color: var(--bg-color);
padding: 14px 0;
line-height: 1.2em;
margin: 0;
text-transform: uppercase;
position: relative;
z-index: 10;
display: flex;
justify-content: flex-start;
align-items: center;
text-align: center;
font-size: 14px;
padding: 8px 15px;
border-radius: 20px;
margin: 5px;
transition: var(--transition-especial);
box-shadow: inset 0 0 0 2px #fff;
}
.submenu-page a:hover{
background-color: var(--bg-color);
color: var(--text-color);
}
.hide {
top: -180px;
}
.nav-right{
width: 100%;
height: 100%;
display: flex;
align-items: end;
justify-content: end;
}
.no-gutter-r{
padding-right: 0!important;
}
.space-top-25{
margin-top: 2vw;
}
.space-top-50{
margin-top: 4vw;
}
.space-top-80{
margin-top: 5vw;
}
.space-top-100{
margin-top: 8vw;
}
.space-top-120{
margin-top: 10vw;
}
.space-bottom-25{
margin-bottom: 2vw;
}
.space-bottom-50{
margin-bottom: 4vw;
}
.space-bottom-80{
margin-bottom: 5vw;
}
.space-bottom-100{
margin-bottom: 8vw;
}
.space-bottom-120{
margin-bottom: 10vw;
} .swiper-creative .swiper-slide{
line-height: 0;
}
.swiper-container.JS__home-banner .image{
width: 100%;
height: 50vw;
background-size: cover;
}
.swiper-slide-shadow{
display: block;
width: 100%;
height: 100%;
background-color: rgb(0 0 0 / 80%);
position: absolute;
}
.swiper-navigation{
display: flex;
gap: 8px;
}
.o-image-container {
width: 100%;
height: auto;
margin-top: 3rem;
margin-bottom: 0;
}
.o-image-container img{
margin: 0;
display: block;
object-fit: contain;
}
.novo-banner-home{
background-color: var(--blue-car80);
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
.home_banner .swiper-pagination{
position: absolute;
top: 30px;
right: 30px;
width: 100px;
}
.home_banner{
width: 100%;
position: relative;
}
.home_banner .right-side__img{
display: flex;
justify-content: flex-end;
position: relative;
}
.home_banner .swiper-slide {
opacity: 0 !important;
transition: 0.4s;
}
.home_banner .swiper-slide-active {
opacity: 1 !important;
}
.swiper-slide .main-wrapper > *,
.swiper-slide .main-content > * {
opacity: 0;
transition-duration: 0.8s;
}
.swiper-slide-active .main-wrapper > *,
.swiper-slide-active .main-content > * {
transform: none;
opacity: 1;
}
.home_banner .swiper-slide .center{
margin-left: 0;
}
.home_banner .btn, .btn.btn-white{
transition: var(--transition-especial);
transition-duration: .25s;
transition-delay: 0s;
background-color: transparent;
color: var(--bg-color);
border: 1px solid var(--bg-color);
min-width: 120px;
text-align: center;
align-items: center;
justify-content: center;
}
.home_banner .btn:hover{
background-color: var(--bg-color);
color: var(--text-color);
}
.btn.btn-white{
font-size: .8rem;
margin: auto;
height: 42px;
background-color: var(--blue-car80-300);
border: none;
}
.btn.btn-white:hover{
background-color: var(--text-color);
color: var(--bg-color);
}
.bottle-bg {
width: 100%;
height: 65vh;
object-fit: cover;
}
.home_banner .swiper-wrapper{
align-items: stretch;
}
.home_banner .main {
transition: var(--transition-especial-slow);
padding: 0;
display: flex;
flex-grow: 1;
position: relative;
height: auto;
}
.home_banner .main .container-fluid{
padding-left: 0;
padding-right: 0;
}
.home_banner .main-header{
transition: var(--transition-especial-ultraslow);
transition-duration: 0.8s;
transform: translateX(-30px);
transition-delay: 0.2s;
font-size: var(--font-size-h2);
font-weight: 600;
line-height: 1;
color: var(--bg-color);
}
.home_banner .main-title{
transition-delay: 0.3s;
color: var(--bg-color);
}
.home_banner .main-content__title{
color: var(--bg-color);
transition-delay: 0.3s;
font-size: var(--font-size-base);
line-height: 1.2em;
}
.home_banner .main-subtitle{
transition-delay: 0.4s;
font-size: var(--font-size-h5);
font-family: var(--font-primary);
margin-top: 1em;
margin-bottom: 3em;
font-weight: 500;
color: var(--bg-color);
}
.swiper-slide .main-wrapper,
.swiper-slide .main-content{
transform: translateX(5vw);
position: relative;
z-index: 30;
}
.swiper-slide .main-content{
transition: var(--transition-especial-ultraslow);
transition-duration: 1s;
transform: translateY(20px) translateX(5vw);
margin-left: 0;
width: 80%;
padding-right: 0;
padding-top: 20px;
margin-top: 80px;
transition-delay: .4s;
opacity: 0;
}
.swiper-slide .main-content:before{
content: "";
display: block;
width: 0;
height: 1px;
background-color: #ffffff47;
position: absolute;
top: 0;
left: 0;
transition: var(--transition-especial-ultraslow);
transition-duration: 1s;
transition-delay: .4s;
}
.swiper-slide .bottle-bg {
transition: var(--transition-especial-ultraslow);
transition-duration: 1s;
opacity: 0;
margin-top: 0;
margin-bottom: 0;
object-position: 60%;
}
.swiper-slide .bottle-img {
transition: var(--transition-product);
transition-duration: .6s;
transition-delay: .6s;
transform: scale(.6) translateX(15vw) translateY(0) rotate(10deg);
opacity: 0;
width: 60px;
height: auto;
position: absolute;
top: -50px;
left: auto;
right: -75px;
margin: 0 auto;
z-index: 35;
}
.swiper-slide-active .main-content:before{
width: 100%;
}
.swiper-slide-active .main-content{
transform: translateY(0) translateX(5vw);
opacity: 1;
}
.swiper-slide-active .main-header{
transform: translateX(0);
}
.swiper-slide-active .bottle-bg {
opacity: .5;
transform: none;
object-position: 40%;
}
.swiper-slide-active .bottle-img {
opacity: 1;
transform: scale(1) translateX(0) translateY(0) rotate(-20deg);
}
.swiper-slide .left-side{
padding-bottom: 0;
bottom: 2rem;
position: absolute;
width: 70vw;
left: 30px;
}
.home_banner .swiper-slide .container-fluid .col-md-6{
padding-left: 0;
padding-right: 0;
}
.JS__home-banner{
padding-bottom: 22px;
}
.c-home__banner{
position: relative;
width: 100vw;
overflow: hidden;
max-width: 1920px;
}
.full__banner-orange{
width: 100%;
padding-top: 3vw;
padding-bottom: 3vw;
background-color: var(--blue-car80-100);
}
.full__banner-orange .full__banner-title{
color: var(--bg-color);
font-family: var(--font-title);
font-size: var(--font-size-h1);
margin-bottom: 1em;
}
.full__banner-orange .full__banner-subtitle{
color: var(--bg-color);
font-family: var(--font-primary);
font-size: var(--font-size-h5);
margin-top: 1.5em;
margin-bottom: 1.5em;
padding-right: 0;
font-weight: 400;
line-height: 136%;
}
.full__banner-orange .full__banner-img{
padding: 3vw;
max-width: 100%;
}
.c-home__banner .mobile{
display: block;
}
.c-home__banner .desktop{
display: none;
}
.c-home__banner img{
width: 100vw;
margin-right: 0;
margin-left: 0;
height: auto;
object-fit: cover;
display: block;
}
.c-home__banner a{
display: inline-block;
width: 100%;
color: var(--blue-theme-color);
}
.c-home__banner_content{
height: 100%;
width: 65vw;
padding: 2vw 2vw 2vw 6vw;
top: 0;
position: absolute;
left: 0;
text-align: left;
box-sizing: border-box;
z-index: 99999;
opacity: 1;
-webkit-transition: var(--transition-especial);
transition: var(--transition-especial);
}
.c-home-title-inner{
flex-basis: 100%;
}
.c-home__banner_content h1{
font-size: var(--font-size-h2);
font-family: var(--font-title);
line-height: 1em;
font-weight: 400;
margin-bottom: .65em;
display: block;
width: 100%;
}
.c-home__banner_content b{
font-weight: 700;
display: block;
}
.c-home__banner_content .btn, .btn, .btn-arrow.btn, input[type=button]{
display: inline-flex;
width: auto;
max-width: 300px;
margin-left: 0;
background-color: var(--blue-car80-200);
color: var(--bg-color);
font-weight: 400;
font-size: var(--font-size-base);
border-radius: var(--radius-btn);
padding: 0.5em 1em;
position: relative;
border: none;
font-family: var(--font-primary);
transition: var(--transition-especial);
}
button.btn, input[type="button"]{
border: none ;
}
.btn.light-btn{
background-color: transparent;
color: var(--text-color)!important;
box-shadow: 0 0 0 1px var(--text-color);
}
.btn.light-btn:hover, .btn.light-btn-invert{
background-color: var(--text-color);
border-radius: var(--radius-btn);
color: var(--bg-color)!important;
}
.btn.light-btn-invert:hover{
background-color: var(--bg-color);
color: var(--text-color)!important;
}
.btn-light{
padding: .5em;
box-shadow: 0 0 0 1px var(--text-color);
}
.btn-arrow, .a-arrow, .btn-arrow.btn{
padding: 0.5em 1em;
padding-right: 5em;
margin-right: 0px;
box-sizing: border-box;
align-items: center;
align-self: end;
font-size: var(--font-size-base);
color: var(--bg-color);
position: relative;
font-family: var(--font-primary);
display: flex;
box-shadow: 0 0 0 1px #ffffff2b;
}
.a-arrow p, .inner-flex p{
margin-bottom: 0;
font-size: var(--font-size-base);
line-height: 1.36em;
}
.btn-arrow:after, .a-arrow:after{
content: "";
background-image: url(//www.car-80.com/wp-content/themes/Car80/assets/design/arrow.svg);
background-repeat: no-repeat;
background-size: 22px;
background-position: center center;
display: inline-block;
width: 30px;
height: 30px;
min-height: 30px;
margin-left: 30px;
transition: var(--transition-especial);
bottom: -6px;
right: 2em;
position: absolute;
}
.arrow-right{
margin: 0 0 0 auto;
padding-left: 0;
max-width: 220px;
}
.arrow-right p{
font-family: var(--font-title);
}
.btn-arrow:after{
height: 100%;
bottom: 0;
top: 0;
right: 2.16em;
}
.btn:hover{
background-color: var(--text-color);
}
.a-arrow:hover:after,
.btn:hover:after{
right: 1.36em;
}
.c-home__banner .desktop a:hover .btn{
background-color: var(--blue-car80-100);
}
.c-home__banner .swiper-container .swiper-pagination-bullets{
width: 16px;
margin: 0 auto;
padding: 0 0 15px 30px;
position: absolute;
left: 0px;
right: auto;
bottom: 20px;
text-align: center!important;
border-radius: 0;
line-height: 0;
}
.c-home__banner .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-bullet{
border-radius: 3px 0 3px 3px;
width: 10px;
height: 10px;
margin: 2px;
background-color: var(--bg-gray);
opacity: 1;
transition: var(--transition-especial);
}
.c-home__banner .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active{
background-color: var(--blue-car80-300);
height: 20px;
width: 10px;
}
.content-area .tool-bar ul.wp-block-categories-list{
margin: 20px 0 20px 0;
display: flex;
flex-wrap: wrap;
}
.content-area .tool-bar ul.wp-block-categories-list li a {
margin: 0 2px 2px 0;
background-color: var(--bg-gray-light);
font-weight: 400;
color: var(--text-color);
padding: .75em 1em;
border-radius: var(--radius-btn);
line-height: 1.2em;
position: relative;
z-index: 10;
display: flex;
justify-content: flex-start;
align-items: center;
text-align: center;
transition: var(--transition-especial);
}
.content-area .tool-bar ul.wp-block-categories-list li a:hover{
background-color: var(--blue-car80-300);
color: var(--bg-color);
}
.content-area ul.wp-block-categories-list li, .content-area ul.wp-block-latest-posts li {
display: block;
}
.content-area .filtro-prod{
margin-bottom: 2em;
}
.content-area .select2-container{
width: 300px;
max-width: 100%;
}
.content-area .select2-drop-active, .select2-drop-active{
border: 1px solid var(--text-color-light)!important;
border-top: none;
}
.select2-results .select2-highlighted{
background-color: var(--blue-car80-100)!important;
}
.select2-container-active .select2-choice, .select2-container-active .select2-choices{
border: 1px solid var(--text-color-light)!important;
}
.content-area .select2-container .select2-choice{
background-image: none;
padding: 0.25em 1em;
height: 36px;
}
.content-area .select2-container .select2-choice .select2-arrow{
background-image: none!important;
background-color: transparent!important;
border-left: none!important;
}
.content-area .select2-container .select2-choice .select2-arrow b{
background-image: url(//www.car-80.com/wp-content/themes/Car80/assets/design/arrow-down.svg)!important;
background-size: 12px!important;
background-position: center!important;
}
.swiper-pagination-bullet-active{
width: 20px;
background-color: var(--blue-car80-300);
}
.swiper-button-container{
position: absolute;
left: auto;
right: 5vw;
bottom: -60px;
width: auto;
height: 45px;
z-index: 9;
gap: 8px;
display: flex;
}
.swiper-button-container .d-flex{
gap: 10px;
}
.o-swiper-button-next,
.o-swiper-button-prev{
background-color: transparent;
color: var(--text-color);
font-weight: 600;
line-height: 42px;
margin: 0;
height: 42px;
width: 42px;
border-radius: var(--radius-btn);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
outline: none;
-webkit-transition: var(--transition-especial);
transition: var(--transition-especial);
box-shadow: 0 0 0 1px #ffffff1f;
background-image: url(//www.car-80.com/wp-content/themes/Car80/assets/design/arrow-right-white.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 16px;
}
.o-swiper-button-prev, .swiper-button-prev{
border-radius: var(--radius-btn);
background-image: url(//www.car-80.com/wp-content/themes/Car80/assets/design/arrow-left-white.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 16px;
}
.o-swiper-button-next:hover,
.o-swiper-button-prev:hover{
box-shadow: 0 0 0 1px var(--bg-color);
}
.swiper-button-disabled,
.swiper-button-disabled.o-swiper-button-next:hover,
.swiper-button-disabled.o-swiper-button-prev:hover{
opacity: 0;
background-color: var(--bg-gray);
pointer-events: auto! important;
cursor: not-allowed! important;
}
.inner-cat-home{
position: relative;
line-height: 0;
display: block;
}
.inner-cat-home .cat_icon{
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
}
.inner-cat-home .cat_img{
border-radius: var(--radius-ele);
opacity: .6;
transition: opacity ease .35s;
}
.inner-cat-home h2{
color: var(--bg-color);
font-size: 1.2em;
line-height: 1em;
bottom: 0;
left: 0;
width: 100%;
background-color: var(--blue-car80-200);
padding: 1rem 0;
transition: padding ease .35s;
}
.inner-cat-home:hover h2{
padding: .5em 0;
}
.inner-cat-home:hover img{
opacity: 1;
}
.submenu-search, .submenu-item {
height: auto;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
position: absolute;
background: var(--bg-color);
top: -1px;
width: 100%;
-webkit-transition: var(--transition-normal);
transition: var(--transition-normal);
will-change: transform;
overflow: hidden;
min-height: inherit;
padding: 30px 0 30px 175px;
opacity: 1;
z-index: 888;
}
.submenu-search.open, .submenu-item.open {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
box-shadow: 0 30px 30px 0 #00000047;
}
.submenu-search.open {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.submenu-search{
top: auto;
bottom: 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
background-color: var(--bg-gray);
-webkit-transition: var(--transition-especial);
transition: var(--transition-especial);
}
.submenu-search button {
position: relative;
cursor: pointer;
}
.submenu-search button svg,
.menu-close-search svg{
width: 42px;
}
.submenu-search input[type="search"]{
border-radius: 0;
width: 400px;
background-color: transparent;
border: none;
border-bottom: 2px solid;
}
#searchform{
position: relative;
}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea {
border: 1px solid var(--bg-gray);
border-radius: 6px;
font-size: 16px;
width: 100%;
height: 44px;
font-weight: 400;
text-align: left;
padding: 15px;
color: var(--text-color);
max-width: 100%;
}
#searchform button, .search-post button {
position: absolute;
cursor: pointer;
height: 44px;
width: 44px;
min-height: 44px;
padding: 14px;
top: 0;
right: 0;
}
.pre-footer .conteudo{
padding-right: 30%;
}
.pre-footer .conteudo h2{
font-size: var(--font-size-h1);
margin-bottom: .5em;
}
.regua-contato{
background-color: var(--blue-car80-100);
color: var(--bg-color);
display: none;
}
.regua-contato h5{
display: block;
border-bottom: 1px solid;
padding-bottom: .5em;
}
.regua-contato ul{
margin-top: .5em;
}
.regua-contato a{
color: var(--bg-color);
display: block;
padding: .75em 0;
line-height: 1em;
transition: var(--transition-especial);
}
.regua-contato a:hover{
color: var(--bg-color);
transform: translateX(.5em);
}
.regua-contato .icon{
width: 50px;
max-width: 50px;
min-width: 50px;
padding: .85em;
margin-right: .5em;
filter: brightness(100);
}
.regua-mobile{
margin-bottom: 200px;
}
.regua-mobile, .regua-mobile a{
color: var(--bg-color);
}
.regua-mobile .icon{
filter: invert(1);
}
.JS__menu .regua-mobile{
margin-bottom: 0;
padding-top: 30px;
}
.content-area{
margin-top: 100px;
}
.header-content{
min-height: 120px;
background-color: var(--text-color);
color: var(--bg-color);
}
.produtos .header-content{
background-color: var(--bg-gray-light);
}
.produtos .header-content h1{
color: var(--text-color);
}
.header-content h1{
margin-top: 3rem;
margin-bottom: .5em;
}
.site-main{
padding-top: 30px;
}
.site-main h1{
font-size: 2.2rem;
line-height: 1.2em;
margin-bottom: 2.2rem;
font-weight: 700;
}
.site-main h2{
font-size: 1.6rem;
line-height: 1.2em;
margin-top: 2rem;
margin-bottom: .5rem;
font-weight: 700;
}
.site-main h3{
font-size: 1.2rem;
margin-top: 2rem;
margin-bottom: .5rem;
font-weight: 600;
}
.site-main h4{
font-size: 1rem;
margin-top: 2rem;
margin-bottom: .5rem;
font-weight: 600;
}
.all-image{
display: flex;
align-items: flex-start;
align-content: flex-start;
flex-direction: column;
}
.self-right{
margin: 0 0 0 auto;
} a {
text-decoration: none;
}
ul {
list-style-type: none;
}
li {
list-style-type: disc;
}
input:focus {
outline: none;
}
button {
-webkit-appearance: none;
border: 0;
background: transparent;
}
.o-container {
padding: 0 15px;
width: 100%;
}
.JS__menu, .JS__product {
position: fixed;
top: 0;
left: 0;
width: 100%;
min-height: 100vh;
max-height: 100vh;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: transform .35s cubic-bezier(.94,.03,.63,1);
transition: transform .35s cubic-bezier(.94,.03,.63,1);
will-change: transform;
background-color: var(--blue-car80);
color: var(--bg-color);
opacity: 1;
z-index: 1;
overflow-x: hidden;
padding: 0;
}
.JS__product{
background-color: var(--bg-bege);
color: var(--bg-color);
min-height: auto;
max-height: auto;
padding-top: 4em;
padding-bottom: 4em;
}
.JS__menu.is-open, .JS__product.is-open {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
visibility: visible;
-webkit-transition: transform .35s cubic-bezier(.94,.03,.63,1);
transition: transform .35s cubic-bezier(.94,.03,.63,1);
}
#app {
-webkit-transition: all .85s ease;
-o-transition: all .85s ease;
transition: all .85s ease;
will-change: transform;
width: 100vw;
}
.loading-car80 #app {
-webkit-transform: translateX(-10%);
-ms-transform: translateX(-10%);
transform: translateX(-10%);
}
.JS__product h4{
margin-bottom: 0;
}
.JS__product li a{
opacity: 0;
transform: translateY(-40px);
-webkit-transition: all .75s cubic-bezier(.94,.03,.63,1);
transition: all .5s cubic-bezier(.94,.03,.63,1);
}
.JS__product.is-open li a{
opacity: 1;
transform: translateY(0);
-webkit-transition: all .5s cubic-bezier(.94,.03,.63,1);
transition: all .5s cubic-bezier(.94,.03,.63,1);
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.JS__product.is-open li a:nth-child(2){
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.JS__product.is-open li a:nth-child(3){
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.JS__product.is-open li a:nth-child(4){
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.JS__product.is-open li a:nth-child(5){
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.JS__product.is-open li a:nth-child(6){
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.JS__product.is-open li a:nth-child(7){
-webkit-transition-delay: .7s;
transition-delay: .7s;
}
.JS__product.is-open li a:nth-child(8){
-webkit-transition-delay: .8s;
transition-delay: .8s;
}
.JS__product.is-open li a:nth-child(9){
-webkit-transition-delay: .9s;
transition-delay: .9s;
}
.JS__product.is-open li a:nth-child(10){
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.prod-cat-page{
margin-bottom: 2em;
}
.prod-menu .menu-produtos-container{
padding: 1em;
margin-bottom: 10px;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
overflow-x: auto;
touch-action: pan-x;
}
.prod-cat-page .menu-produtos-container{
padding: 1em;
margin-bottom: 10px;
width: initial;
position: relative;
left: auto;
right: auto;
margin-left: 0;
margin-right: 0;
overflow-x: auto;
touch-action: pan-x;
}
.JS__product .mainmenu .menu, 
.prod-cat-page .menu-produtos-container .menu{
justify-content: center;
align-items: baseline;
display: flex;
}
.menu-produtos-container .menu,
.prod-cat-page .menu-produtos-container .menu,
.JS__product .mainmenu .menu-produtos-container .menu {
justify-content: space-between;
}
.JS__product .mainmenu .menu li,
.prod-cat-page .menu-produtos-container .menu li{
min-width: 140px;
max-width: 140px;
}
.JS__product .mainmenu .menu li a,
.prod-cat-page .menu-produtos-container .menu li a{
flex-direction: column;
display: flex;
text-align: center;
align-items: center;
color: var(--blue-car80)!important;
background-position: center;
background-repeat: no-repeat;
background-size: 0;
transition: var(--transition-especial);
padding: .5em;
}
.JS__product .mainmenu .menu li a img,
.prod-cat-page .menu-produtos-container .menu li a img{
width: 110px;
display: block;
margin: 0 auto;
transition: var(--transition-especial);
filter: grayscale(1);
opacity: .5;
margin-bottom: -5px;
}
.JS__product .mainmenu .menu li a:hover img,
.prod-cat-page .menu-produtos-container .menu li a:hover img,
.JS__product .mainmenu .menu li.current-menu-item a img,
.prod-cat-page .menu-produtos-container .menu li.current-menu-item a img{
transform: scale(1.1);
filter: grayscale(0);
opacity: 1;
}
.JS__product .mainmenu .menu li.current-menu-item a,
.prod-cat-page .menu-produtos-container .menu li.current-menu-item a{
box-shadow: inset 0 -1px 0 0 var(--blue-car80-100);
}
.JS__product .mainmenu .menu-linhas-de-produto-container .menu{
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 2em;
}
.JS__product .mainmenu .menu-linhas-de-produto-container .menu li{
min-width: 25%;
max-width: 100%
}
.JS__product .mainmenu .menu-linhas-de-produto-container .menu li a{
align-items: flex-start!important;
text-align: left!important;
padding: .5em 0;
margin: 0 .5em;
border-bottom: solid 1px var(--bg-gray);
}
.nav-mobile{
display: block;
padding: 30px 0 0;
}
.submenu-item__menu::-webkit-scrollbar-track {
background-color: #F5F5F5;
}
.submenu-item__menu::-webkit-scrollbar {
width: 6px;
border-radius: 6px;
}
.submenu-item__menu::-webkit-scrollbar-thumb {
background-color: #05445D;
border-radius: 6px;
}
.submenu-search, .mainmenu, .submenu-item{
padding-left: 15px;
padding-right: 15px;
} 
.col-submenu-item{
display: none;
}
.menu-categorias-container{
width: 100%;
}
ul.sub-menu{
height: auto;
max-height: 0px;
-webkit-transition: max-height 0.5s;
transition: max-height 0.5s;
overflow: hidden;
}
.active ul.sub-menu,
ul.sub-menu.active{
height: 100%;
max-height: none;
}
.droplink, .dropsubmenu{
cursor: pointer;
padding-right: 18px!important;
}
.droplink:after, .dropsubmenu:after {
content: '';
background-image: url(//www.car-80.com/wp-content/themes/Car80/assets/design/arrow-down-white.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 10px;
width: 12px;
height: 12px;
display: inline-block;
position: absolute;
top: 50%;
margin-top: -6px;
right: .5em;
-webkit-transition: var(--transition-especial);
transition: var(--transition-especial);
}
.droplink.active:after{
transform: rotate(180deg);
}
.droplink .sub-menu:after {
display: none;
}
.destaques-menu li, .destaques-menu .swiper-slide,
.sub-menu li {
opacity: 0;
-webkit-transform: translateX(-2em);
transform: translateX(-2em);
-webkit-transition: var(--transition-normal);
transition: var(--transition-normal);
}
.destaques-menu .open li,
.destaques-menu .open .swiper-slide,
.sub-menu.active li,
.active ul.sub-menu li {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.destaques-menu li:nth-child(1), 
.destaques-menu .swiper-slide:nth-child(1),
.sub-menu.active li:nth-child(1){
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.destaques-menu li:nth-child(2),
.sub-menu.active li:nth-child(1) {
-webkit-transition-delay: .15s;
transition-delay: .15s;
}
.destaques-menu li:nth-child(3),
.sub-menu.active li:nth-child(2){
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.destaques-menu li:nth-child(4),
.sub-menu.active li:nth-child(3){
-webkit-transition-delay: .25s;
transition-delay: .25s;
}
.destaques-menu li:nth-child(5),
.sub-menu.active li:nth-child(4) {
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.destaques-menu li:nth-child(6),
.sub-menu.active li:nth-child(5),
.destaques-menu .swiper-slide:nth-child(1) {
-webkit-transition-delay: .35s;
transition-delay: .35s;
}
.destaques-menu li:nth-child(7),
.sub-menu.active li:nth-child(6),
.destaques-menu .swiper-slide:nth-child(2) {
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.destaques-menu li:nth-child(8),
.destaques-menu .swiper-slide:nth-child(3) {
-webkit-transition-delay: .45s;
transition-delay: .45s;
}
.destaques-menu li:nth-child(9), .destaques-menu .swiper-slide:nth-child(4) {
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.destaques-menu li:nth-child(10), .destaques-menu .swiper-slide:nth-child(5) {
-webkit-transition-delay: .55s;
transition-delay: .55s;
}
.destaques-menu li:nth-child(11), .destaques-menu .swiper-slide:nth-child(6) {
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.o-header__breadcrumb {
width: 100%;
background: transparent;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
position: relative;
}
.o-header__breadcrumb__content {
overflow-x: auto;
overflow-y: hidden;
padding: 0;
}
.antidesign{
width: 70px;
opacity: .5;
margin: 20px auto;
display: block;
}
.antidesign:hover{
opacity: 1;
}
.ac-content{
display: none;
padding-bottom: 15px;
}
.prefooter{
padding-top: 40px;
margin-top: 20px;
background-color: var(--bg-color);
}
.footer {
padding: 60px 0 90px;
background: var(--text-color);
width: 100%;
color: var(--bg-color);
}
.footer .border-top, .JS__menu .border-top{
border-top: 1px solid #ffffff30;
}
.footer p,
.footer a,
.footer h2,
.footer h3{
color: var(--bg-color);
}
.footer li a{
margin-bottom: .36em;
display: block;
opacity: .65;
transition: var(--transition-especial);
}
.footer li a:hover{
opacity: 1;
}
.footer .wp-block-social-link:hover{
transform: none;
}
.footer h2, .footer h3, .footer h4, .footer h5{
font-weight: 700;
}
.footer .footer-02 h2,
.footer .footer-03 h2{
font-size: var(--font-size-small);
font-weight: 400;
margin-bottom: 1em;
}
.footer .footer-02 p,
.footer .footer-03 p{
opacity: .5;
margin-bottom: 2em;
}
.footer .footer-01 li a{
font-size: var(--font-size-h5);
line-height: 110%;
padding: .2rem 0;
}
.footer-logo{
margin-top: 5em;
}
.footer-logo img{
display: block;
margin: 30px auto;
width: 100px;
}
.icon-footer{
display: flex;
align-items: center;
margin-right: 10px;
font-size: 14px;
width: 32px;
height: 32px;
line-height: 1.2em;
padding: 4px;
border-radius: var(--radius-btn);
}
.icon-footer:last-child{
margin-right: 0;
}
.icon-footer img{
width: 24px;
}
a.icon-footer:hover{
background-color: var(--blue-color);
}
.footer-bar{
background-color: var(--bg-gray);
padding: 25px 0;
}
.hidden{
overflow: hidden;
}
section.hidden{
width: 100%;
}
.page-template-page-conteudo .content-area{
margin-top: 0;
padding-top: 0;
}
.blogdestaque{
padding-left: 0!important;
padding-right: 0!important;
}
.blogdestaque .swiper-navigation .blog-swiper-button-next,
.blogdestaque .swiper-navigation .blog-swiper-button-prev{
display: none;
}
.blogdestaque .swiper-slide{
line-height: 0;
}
.blogdestaquenav{
background-color: var(--bg-gray-light);
padding: 3em 0;
margin-bottom: 3em;
}
.blogdestaquenav .swiper-pagination{
top: auto;
bottom: -30px;
}
.article-post p{
font-size: var(--font-size-h6);
line-height: 160%;
margin-bottom: 1.8em;
color: var(--text-color-light);
}
.article-post h2{
font-size: var(--font-size-h4);
font-weight: 400;
margin-bottom: 1.2em;
margin-top: 1.2em;
}
.article-post h3{
font-size: var(--font-size-h5);
font-weight: 400;
margin-bottom: 1.2em;
margin-top: 1.2em;
}
.article-header-bg{
background-color: var(--text-color);
padding-top: 7em;
padding-bottom: 8em;
}
.article-header-bg h1{
max-width: 100%;
font-weight: 400;
line-height: 120%;
margin-bottom: 1em!important;
color: var(--bg-color);
}
.article-header-bg .sfsi_shortcode_container{
float: none;
margin-bottom: 20px;
}
.article-header-bg .meta{
color: var(--blue-car80-100);
}
.article-header-image{
position: relative;
margin-top: -55px;
margin-bottom: 2em;
}
.swiper-container-fade .swiper-slide{
line-height: 0;
}
.blogdestaque .swiper-pagination{
bottom: -100%;
top: auto;
}
.slider-blog-destaque-titles .destaque-title{
font-weight: 700;
font-size: var(--font-size-h5);
line-height: 1.2em;
color: var(--text-color);
opacity: .5;
transition: var(--transition-normal);
position: relative;
}
.slider-blog-destaque-titles .destaque-title:before{
content: "";
width: 0;
height: 8px;
background-color: var(--blue-car80-100);
transition: var(--transition-especial);
display: block;
position: relative;
left: 0;
top: -5px;
}
.slider-blog-destaque-titles.swiper-slide-active .destaque-title{
opacity: 1;
}
.slider-blog-destaque-titles.swiper-slide-active .destaque-title:before{
width: 100px;
}
.inner-flex{
padding: 0;
display: inline-flex;
align-items: center;
gap: 15px;
width: 100%;
}
#onde-comprar .inner-flex{
flex-direction: column;
align-items: flex-start;
}
.produtos-colunas .inner-flex{
gap: 0;
padding: 20px 0;
align-items: start;
flex-direction: column;
}
.produtos-colunas .inner-flex .inner-maq-title,
.produtos-colunas .inner-flex .inner-maq-content{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.produtos-colunas .inner-flex .inner-maq-title{
padding-right: 0;
}
.ondecomprar{
background-color: var(--bg-gray);
color: var(--text-color);
}
.institucional .header-icone{
width: 200px;
height: auto;
margin: 20px auto;
}
.garantia-frame iframe{
width: 100%;
}
.box-map{
position: relative;
}
.box-map-lojas{
position: absolute;
background-color: var(--bg-color);
z-index: 90;
padding: 1em;
width: 360px;
max-width: 100%;
top: 0;
left: 0;
right: 0;
margin: 15px auto;
border-radius: var(--radius-ele);
}
.box-map-lojas .find_field.input-text{
background-color: var(--bg-bege);
letter-spacing: 0;
}
.box-map-lojas h2{
font-size: var(--font-size-h5);
margin-bottom: .25em;
}
.box-map-lojas p{
margin-bottom: 0;
}
.inner-height-25{
min-height: 25vw;
}
.offset-image{
position: relative;
padding-bottom: 60%;
display: block;
}
.offset-d, .offset-e, .offset-n{
position: absolute;
width: 200vw;
max-width: 200vw;
left: -50vw;
right: auto;
top: 0;
margin-right: 0;
margin-left: 0;
background-position: center;
background-size: cover;
min-height: 100%;
display: block;
z-index: -1;
}
.slider-blog{
width: 280px;
margin-right: 30px;
} .post-home .post-excerpt h2{
font-size: var(--font-size-h5);
color: var(--text-color);
font-weight: 600;
font-family: var(--font-title);
}
.post-home .infos{
font-size: var(--font-size-small);
color: var(--text-color);
margin: 10px 0;
}
.post-home .post-image {
display: block;
max-width: 100%;
padding-bottom: 55%;
overflow: hidden;
margin: 0;
transform: translateZ(0);
position: relative;
-moz-transition: transform .35s cubic-bezier(.94,.03,.63,1);
-webkit-transition: transform .35s cubic-bezier(.94,.03,.63,1);
-o-transition: transform .35s cubic-bezier(.94,.03,.63,1);
transition: transform .35s cubic-bezier(.94,.03,.63,1);
}
.post-home .post-image img {
position: absolute;
object-fit: cover;
top: 0;
left: 0;
width: 100%;
transform: none;
-moz-transition: transform .35s cubic-bezier(.94,.03,.63,1);
-webkit-transition: transform .35s cubic-bezier(.94,.03,.63,1);
-o-transition: transform .35s cubic-bezier(.94,.03,.63,1);
transition: transform .35s cubic-bezier(.94,.03,.63,1);
}
.post-home:hover .post-image img{
transform: scale(1.1);
border: 1px solid transparent;
} .row-heading_produto_list{
margin-bottom: 3em;
}
.col-cards-produto {
flex: 0 0 auto;
width: 50%;
padding: 4px;
}
.hide_tipo{
display: none;
}
*:disabled{
pointer-events: none;
opacity: .2;
}
.border-bottom-double{
border-bottom: 2px solid var(--text-color);
}
.border-bottom{
border-bottom: 1px solid rgb(0 0 0 / 10%);
padding-top: .25em;
padding-bottom: .25em;
}
.anbxr_compare_display__container_box .btn--product_link {
margin-top: 0;
margin-bottom: 1.2vw;
}
.compare-list{
-webkit-overflow-scrolling: touch;
overflow-x: auto;
overflow-y: hidden;
}
.compare-list .row{
margin: 0;
}
.anbxr_compare_display__container_box .col,
.anbxr_compare_display__container_box .col-2,
.anbxr_compare_display__container_box .col-3,
.anbxr_compare_display__container_box .col-4{
min-width: 200px;
}
.compare-title{
font-size: var(--font-size-h6);
text-align: center;
}
.anbxr_compare_container {
position: fixed;
bottom: 0;
background-color: var(--bg-gray-light);
width: 100%;
z-index: 100;
border-top: 1px solid var(--text-color);
}
.col-cars-compare-produto {
flex: 0 0 auto;
width: 22%;
max-width: 160px;
text-align: center;
padding: 0;
}
.card-box--compare .card-title{
display: block;
width: 100%;
}
.card-box--compare .card-title h3 {
font-size: var(--font-size-base);
text-align: center;
}
.col-cars-compare-produto,
.maq-menu {
display: none;
}
.col-cars-compare-produto--active {
display: flex;
}
.anbxr_compare_container-box .btn{
width: 220px;
margin: 5px auto;
}
.anbxr_compare_container-box {
display: none;
}
.anbxr_compare_container-box--active {
display: block;
}
.anbxr_compare_display__especification_list li, .anbxr_display__especification_list li {
display: list-item;
list-style: none;
line-height: 1.3em;
font-family: var(--font-title);
font-size: var(--font-size-base);
}
.card-box .anbxr_compare_display__especification_list li, .card-box .anbxr_display__especification_list li {
font-size: var(--font-size-small);
}
.anbxr_compare_display__especification_list--more_than_one li, .anbxr_display__especification_list--more_than_one li {
list-style: square inside;
}
body.anbxr_compare__max_selection .card-box .card-compare {
opacity: 0;
visibility: hidden;
}
body.anbxr_compare__max_selection .card-box .card-compare--checked {
opacity: 1;
visibility: visible;
}
.bg-absolute{
background-size: 90%;
background-repeat: no-repeat;
background-position: left center;
}
.img-absolute.col-lg-6 .inner-img{
position: absolute;
width: 50vw;
max-width: 50vw;
left: 0;
top: 0;
margin-right: calc(50% - 50vw);
background-position: center;
background-size: cover;
min-height: 100%;
display: block;
overflow: hidden;
}
.img-absolute.col-lg-3 .inner-img{
position: absolute;
width: 31vw;
max-width: 31vw;
left: 0;
top: 0;
margin-right: calc(50% - 30vw);
background-position: center;
background-size: cover;
min-height: 100%;
display: block;
}
.img-absolute.col-lg-6 .inner-img img{
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.img-absolute.col-12 .inner-img{
left: 50%;
margin-left: -50vw;
margin-right: -50vw;
max-width: 100vw;
position: relative;
right: 50%;
width: 100vw;
}
.img-absolute.col-12 .inner-img img{
min-width: 100vw;
}
.download-btn{
color: #fff;
font-size: var(--font-size-base);
font-weight: 600;
line-height: 1em;
margin-bottom: 5px;
font-family: var(--font-title);
background-color: var(--blue-car80-200);
border-radius: 50px;
padding: 0.25rem 1rem 0.25rem 0.5rem;
display: inline-flex;
max-width: 100%;
}
.download-btn .icon{
background-color: var(--blue-car80-200);
width: 40px;
min-width: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
height: 40px;
margin-right: .25rem;
border-radius: var(--radius-btn);
transition: var(--transition-especial);
}
.download-btn img{
width: 32px;
height: 32px;
display: inline-block;
line-height: 0;
padding: 4px;
position: relative;
z-index: 2;
}
.download-btn:hover .icon{
background-color: var(--text-color);
}
.menu_produto{
gap: 4px;
}
.menu_produto a{
color: var(--text-color);
background-color: var(--bg-color);
opacity: 1;
font-size: var(--font-size-small);
padding: 0.75em 1.35em;
border-radius: var(--radius-btn);
transition: var(--transition-especial);
}
.menu_produto a:hover{
background-color: var(--blue-car80-300);
color: var(--bg-color);
}
.breadcrumbs,
.scrollmenu{
font-family: var(--font-primary);
font-size: var(--font-size-small);
color: var(--blue-car80-100);
line-height: 2em;
}
.breadcrumb_last{
padding: 0.5em 0.75em;
font-weight: 600;
color: var(--text-color);
}
.produto-bloco__menu{
text-align: right;
}
.produto .swiper-pagination{
bottom: auto;
position: relative;
margin: 10px auto 10px 0;
text-align: left;
}
.produto_content{
width: 100%;
max-width: 100%;
}
.produto_content h2{
font-size: var(--font-size-h2);
}
.o-produto_categoria-titulo{
line-height: 1.2em;
font-weight: 400;
font-size: var(--font-size-small);
margin-bottom: 0!important;
}
.o-produto_categoria-subtitulo{
font-weight: 400;
display: block;
}
.coluna{
column-count: 2;
column-width: 200px;
column-gap: 4rem;
}
.categoria-icon{
width: 100px;
border-radius: 10px;
color: var(--text-color);
flex-direction: column;
display: flex;
text-align: center;
align-items: center;
color: var(--text-color)!important;
background-position: center;
background-repeat: no-repeat;
background-size: 0;
transition: var(--transition-especial);
padding: 0.5em;
}
.categoria-icon:hover{
box-shadow: 0 0 0 1px var(--blue-car80-300);
}
.categorias .categoria-icon{
gap: 10px;
}
.categorias h2{
font-size: var(--font-size-h4);
}
.aplicacoes{
background-color: var(--bg-gray);
border-radius: var(--radius-ele);
}
.aplicacoes ul,
.aplicacoes ol{
margin-left: 1.7rem;
}
.aplicacoes ul li,
.aplicacoes ol li{
display: list-item;
list-style: initial;
line-height: 1.2em;
margin-bottom: 0.48em;
}
.o-categoria__filter--active{
background-color: var(--bg-color);
}
.especs{
background-color: var(--blue-car80-200);
color: var(--bg-color);
padding-top: 4rem;
padding-bottom: 4rem;
}
.especs.caract{
background-color: var(--blue-car80-100);
}
.especs h2,
.downloads h2{
color: var(--bg-color);
font-size: var(--font-size-h1);
}
.especs h3{
font-weight: 700;
font-size: var(--font-size-h6);
margin-bottom: 1em;
}
.especs .data, .data{
font-size: .8em;
}
h2.data{
font-size: var(--font-size-base);
font-weight: 400;
color: var(--text-color-light);
margin-bottom: 2em;
}
.especs-name{
font-family: var(--font-primary);
font-weight: 400;
font-size: var(--font-size-base);
display: block;
}
.especs-valor{
font-family: var(--font-title);
font-size: 1.36em;
}
.especs-line{
padding-top: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid #fffff02f;
}
.boletim .especs-line{
border-bottom: 1px solid #2e2e312f;
}
.especs-column{
border-top: 1px solid #0000002f;
margin-left: 0;
margin-right: 0;
margin-bottom: 4rem;
display: flex;
flex-direction: column;
}
.especs-number{
font-size: var(--font-size-h5);
line-height: 1.16em;
display: block;
font-weight: 400;
min-width: 70px;
}
.especs-column .especs-name{
padding-right: 6rem;
margin: auto 0 0 0;
}
.card-box .especs-line{
padding: .4em 0;
}
.sticky {
position: -webkit-sticky; position: sticky;
top: 0;
}
.stickytop{
top: 180px;
} .gray-gradient{
background: rgb(216,213,205);
background: -moz-linear-gradient(142deg, rgba(216,213,205,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(142deg, rgba(216,213,205,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(142deg, rgba(216,213,205,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d8d5cd",endColorstr="#ffffff",GradientType=1);
}
.product-line h3{
font-size: var(--font-size-h1);
}
.product-cat-home .prod-swiper-button-next, 
.product-cat-home .prod-swiper-button-prev{
position: absolute;
top: 50%;
left: 50px;
right: auto;
z-index: 10;
}
.product-cat-home .prod-swiper-button-next{
left: auto;
right: 50px;
}
.card-box{
position: relative;
background-color: var(--bg-color);
padding: 0;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
transition: var(--transition-especial);
border-radius: var(--radius-ele);
}
.card-box .card-title{
text-align: center;
position: relative;
}
.card-box .card-image{
text-align: center;
margin: 0 auto;
transition: var(--transition-especial);
}
.card-box .card-image img{
transform: scale(1.15);
transform-origin: top;
max-width: 100%;
max-height: 100%;
margin: 0 auto;
}
.card-box:hover{
box-shadow: 0 0 0 1px var(--bg-gray);
}
.posts-home .post-box{
margin-bottom: 5em;
}
.post-box .card-box{
background-color: transparent;
padding: 0;
justify-content: flex-start;
}
.post-box .card-box .card-title h2{
font-size: var(--font-size-h5);
color: var(--text-color);
font-weight: 700;
margin-top: .5em;
margin-bottom: .2em;
font-family: var(--font-title);
}
.post-box .card-image{
margin-bottom: 10px;
}
.card-box .card-content{
flex-grow: 1;
display: block;
width: 100%;
height: 150px;
overflow: hidden;
position: relative;
}
.card-box .card-content::before{
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 30px;
background: rgb(230,227,219);
background: linear-gradient(0deg, rgba(230,227,219,1) 0%, rgba(230,227,219,0) 100%);
z-index: 1;
}
.meta{
margin: 0 0 10px 0;
color: var(--text-color);
}
.card-box .btn{
width: 100%;
margin-top: 1em;
}
.card-box .card-title h2{
font-size: var(--font-size-h6);
color: var(--text-color);
font-weight: 600;
line-height: 126%;
margin: .5em 1em 1em;
}
.card-box .especs-name{
font-size: var(--font-size-small);
}
.card-box .especs-valor{
font-size: var(--font-size-small);
}
.card-compare {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
padding: 5px;
}
.card-compare__checkbox {
display: block;
position: relative;
float: right;
width: 25px;
height: 25px;
cursor: pointer;
}
.card-compare__checkbox input[type=checkbox] {
position: absolute;
visibility: hidden;
opacity: 0;
left: 0;
}
.card-compare__checkbox .check {
display: block;
position: absolute;
border: 4px solid var(--bg-gray);
background-color: var(--bg-gray);
box-shadow: 0 0 0 1px #fff;
border-radius: 0;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 5;
-webkit-transition: border 0.25s ease 0s;
-moz-transition: border 0.25s ease 0s;
-o-transition: border 0.25s ease 0s;
-ms-transition: border 0.25s ease 0s;
transition: border 0.25s ease 0s;
}
.card-compare__checkbox .check::before {
display: block;
position: absolute;
content: '';
border-radius: 0;
height: 15px;
width: 15px;
top: 5px;
left: 5px;
margin: auto;
-webkit-transition: background 0.25s ease 0s;
-moz-transition: background 0.25s ease 0s;
-o-transition: background 0.25s ease 0s;
-ms-transition: background 0.25s ease 0s;
transition: background 0.25s ease 0s;
}
.card-compare__checkbox input[type=checkbox]:checked ~ .check {
border: 4px solid var(--bg-gray);
background-color: var(--blue-car80);
}
.bg-offset-50{
position: absolute;
width: 50vw;
max-width: 50vw;
left: 0;
top: 0;
margin-right: calc(50% - 50vw);
background-position: center;
background-size: cover;
min-height: 100%;
display: block;
z-index: -1;
}
.bg-offset-50.offset-left-50{
margin-left: calc(100% - 50vw);
right: auto;
}
@media (min-width: 576px){
.o-header .car80-container{
padding-top: 15px;
padding-bottom: 15px;
}
#onde-comprar .inner-flex{
flex-direction: row;
}
.col-cards-produto {
flex: 0 0 auto;
width: 33.33%;
}
.related .col-cards-produto{
width: 50%;
}
.produtos-colunas .inner-flex .inner-maq-title, .produtos-colunas .inner-flex .inner-maq-content {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.produtos-colunas .inner-flex .inner-maq-title{
padding-right: 20px;
}
.produtos-colunas .inner-flex {
flex-direction: row;
}
}
@media (min-width: 768px){
.col-cards-produto {
flex: 0 0 auto;
width: 33.33%;
}
.related .col-cards-produto{
width: 33.33%;
}
}
@media (min-width: 992px){
.footer .footer-02 h2,
.footer .footer-03 h2{
margin-bottom: 4em;
}
.inner-flex{
padding: 5rem 0 0;
display: inline-flex;
align-items: center;
gap: 15px;
width: 100%;
}
.header-content h1{
margin-top: 3rem;
margin-bottom: 3rem;
}
.archive .o-title{
padding: 5rem 0 0;
}
.produto h1{
font-size: var(--font-size-xl);
}
.brand{
width: 150px;
left: 50px;
}
.tecnologia p,
.home_banner .main-content__title{
font-size: 1.26vw;
}
.tecnologia h2{
font-size: 3vw;
font-weight: 800;
}
.produto_content{
width: 400px;
max-width: 100%;
}
.produtos-colunas .inner-flex{
padding: 30px 0;
}
.col-cards-produto {
flex: 0 0 auto;
width: 33.33%;
}
.related .col-cards-produto{
width: 33.33%;
}
.maq-menu{
display: block;
}
.produtos-colunas .inner-flex .inner-maq-title{
padding-right: 0;
}
.o-header .car80-container{
padding-top: 20px;
padding-bottom: 20px;
}
.car80-container{
padding-left: 50px;
padding-right: 50px;
}
.car80-container .row{
margin-left: -50px;
margin-right: -50px;
}
.car80-container .row > *{
padding-left: 50px;
padding-right: 50px;
}
.brand-container{
padding-left: 215px;
}
.institucional .header-icone{
width: 250px;
height: auto;
margin: 50px auto;
}
.p-b {
padding: 4rem !important;
}
.pt-b,
.py-b {
padding-top: 4rem !important;
}
.pr-b,
.px-b {
padding-right: 4rem !important;
}
.pb-b,
.py-b {
padding-bottom: 4rem !important;
}
.pl-b,
.px-b {
padding-left: 4rem !important;
}
.produtos-colunas .inner-flex .inner-maq-title, .produtos-colunas .inner-flex .inner-maq-content{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.inner-flex{
display: inline-flex;
align-items: center;
width: 100%;
}
.offset-n{
display: none;
}
.bg-offset-50, .offset-d {
position: absolute;
width: 50vw;
max-width: 50vw;
left: 0;
top: 0;
margin-right: calc(50% - 50vw);
background-position: center;
background-size: cover;
min-height: 100%;
display: block;
z-index: -1;
}
.offset-e {
position: absolute;
width: 50vw;
max-width: 50vw;
left: 0;
top: 0;
margin-left: calc(100% - 50vw);
right: auto;
background-position: center;
background-size: cover;
min-height: 100%;
display: block;
z-index: -1;
}
.bg-offset-50.offset-left-100{
margin-left: calc(100% - 100vw);
right: auto;
}
.bg-offset-50.offset-left-50{
margin-left: calc(100% - 50vw);
right: auto;
}
.produtos-colunas .inner-flex{
padding: 20px 0;
}
.row.row-fake{
margin-right: calc(-50px + -50vw + 960px / 2);
overflow: hidden;
}
.c-home__banner{
margin-left: 50px;
margin-right: 50px;
overflow: hidden;
width: calc(-100px + 100vw);
}
.swiper-slide .left-side{
padding-top: 4vw;
width: 50%;
bottom: auto;
}
.swiper-slide .main-content{
padding-right: 15vw;
width: 80%;
}
.home_banner .main-header{
padding-right: 10vw;
}
.novo-banner-home{
background-color: var(--blue-car80);
padding-top: 4vw;
padding-bottom: 12vw;
}
.full__banner-orange .full__banner-title{
font-size: var(--font-size-xl);
margin-bottom: 1em;
}
.full__banner-orange .full__banner-subtitle{
color: var(--bg-color);
font-family: var(--font-primary);
font-size: var(--font-size-h5);
margin-top: 50px;
padding-right: 30%;
font-weight: 400;
line-height: 136%;
}
.home_banner .swiper-slide .center{
margin-left: 32vw;
width: 65vw;
height: 35vw;
transition: var(--transition-especial-slow);
transition-duration: .5s;
}
.home_banner .swiper-slide-active .center{
margin-left: 35vw;
}
.home_banner .swiper-slide .container-fluid,
.home_banner .swiper-slide .container-fluid .col-md-6{
padding-right: calc(var(--bs-gutter-x) * 1);
padding-left: calc(var(--bs-gutter-x) * 1);
}
.bottle-bg {
width: 100%;
height: 35vw;
object-fit: cover;
}
.home_banner .main {
transition: var(--transition-especial-slow);
padding: 0;
display: flex;
flex-grow: 1;
position: relative;
}
.home_banner .main-header{
transition-delay: 0.2s;
font-size: 5vw;
font-weight: 600;
margin-top: 2vw;
margin-bottom: 5vw;
}
.home_banner .main-title{
transition-delay: 0.3s;
}
.home_banner .main-subtitle{
transition-delay: 0.4s;
font-size: var(--font-size-h5);
font-family: var(--font-primary);
margin-top: 1em;
margin-bottom: 3em;
font-weight: 500;
}
.swiper-slide .bottle-bg {
transition: var(--transition-especial-ultraslow);
transition-duration: 1.2s;
opacity: 0;
margin-top: 0;
margin-bottom: 0;
object-position: 100%;
}
.swiper-slide-active .bottle-bg {
opacity: .6;
transform: translateX(0);
object-position: 50%;
}
.swiper-slide .bottle-img {
transition: var(--transition-product);
transition-duration: .6s;
transition-delay: .6s;
transform: scale(.6) translateX(15vw) translateY(0) rotate(10deg);
opacity: 0;
width: 6vw;
height: auto;
position: absolute;
top: -7vw;
left: auto;
right: -5vw;
margin: 0 auto;
z-index: 35;
}
.swiper-slide-active .bottle-img {
opacity: 1;
transform: scale(1) translateX(0) translateY(0) rotate(-20deg);
}
:root{
--font-size-xl: 3.815rem;
--font-size-h1: 2.986rem;
--font-size-h2: 2.488rem;
--font-size-h3: 2.074rem;;
--font-size-h4: 1.728rem;
--font-size-h5: 1.44rem;
--font-size-h6: 1.2em;
--font-size-base: 1rem;
--font-size-small: 0.833rem;
--font-size-xsmall: 0.74rem;
--letter-spacing: .015em;
}
.box-map-lojas{
position: absolute;
background-color: var(--bg-color);
z-index: 90;
padding: 1.5em;
width: 330px;
margin: 15px;
height: 670px;
border-radius: var(--radius-ele);
bottom: auto;
top: auto;
right: auto;
}
.blogdestaque .swiper-pagination{
display: none;
}
.slider-blog-destaque-titles.swiper-slide-active .destaque-title{
opacity: .5;
}
.slider-blog-destaque-titles.swiper-slide-active .destaque-title:before{
width: 0;
}
.slider-blog-destaque-titles:hover .destaque-title{
opacity: 1;
}
.slider-blog-destaque-titles:hover .destaque-title:before{
width: 100px;
}
.article-header-bg h1{
max-width: 65%;
}
.c-home__banner_content h1{
font-size: var(--font-size-xl);
}
.c-home__banner .mobile{
display: none;
}
.c-home__banner .desktop{
display: block;
width: 300px;
}
.bg-offset-50{
position: absolute;
width: 50vw;
max-width: 50vw;
left: 0;
top: 0;
margin-right: calc(50% - 50vw);
background-position: center;
background-size: cover;
min-height: 100%;
display: block;
z-index: -1;
} .cat-title {
font-size: var(--font-size-h4);
font-weight: 400;
margin-bottom: 20px;
}
.cat-title span{
font-weight: 700;
}
.slider-blog{
width: 480px;
}
.row.row-fake{
margin-right: 0;
overflow: initial;
}
}
@media (min-width: 1200px){
.cta-container{
margin: 0;
}
.o-hamburguer{
display: none;
}
.produtos-colunas .inner-flex{
padding: 40px 0;
}
.col-cards-produto {
flex: 0 0 auto;
width: 20%;
}
.related .col-cards-produto{
width: 33.33%;
}
.p-b {
padding: 6rem !important;
}
.pt-b,
.py-b {
padding-top: 6rem !important;
}
.pr-b,
.px-b {
padding-right: 6rem !important;
}
.pb-b,
.py-b {
padding-bottom: 6rem !important;
}
.pl-b,
.px-b {
padding-left: 6rem !important;
}
.produtos-colunas .inner-flex{
padding: 3.5vw 2vw;
}
.icon-80{
width: 80px;
min-width: 80px;
height: 80px;
}
.icon-60{
width: 60px;
min-width: 60px;
height: 60px;
}
.icon-50{
width: 50px;
min-width: 50px;
height: 50px;
}
.icon-40{
width: 40px;
min-width: 40px;
height: 40px;
}
.row.row-fake{
margin-right: calc(-50px + -50vw + 1140px / 2);
overflow: hidden;
}
.mainmenu.desktop{
display: block;
margin: 0 0 0 auto;
}
}
.tab-controller {
display: none;
}
.tab-controller ~ .tab-content, 
.tab-controller ~ section .tab-content, 
.tab-controller ~ div .tab-content, 
.tab-controller ~ .compare-list .tab-content, 
.tab-controller ~ section .o-produto-slider__custom, 
.tab-controller ~ section .o-produto-slider__default, 
.tab-controller ~ .card-image__custom, 
.tab-controller ~ .card-image__default,
.tab-controller ~ section .anbxr_compare_image_produto__custom,
.tab-controller ~ section .anbxr_compare_image_produto__default {
display: none;
}
.tab-options {
text-align: center;
padding-bottom: 1em;
}
.tab-option {
padding: 0.2em 0.75em;
border: 1px solid var(--text-color);
border-radius: 0.2em;
margin-right: 0.5em;
margin-bottom: 0.5em;
font-size: var(--font-size-h6);
cursor: pointer;
}
.o-conteudo__pagination__container {
margin-top: 30px;
margin-bottom: 60px;
}
.o-conteudo__pagination {
border: 0;
float: none;
text-align: center;
margin: 10px auto;
padding: 0 30px;
display: flex;
}
.o-conteudo__pagination__button {
display: inline-block;
border: none !important;
float: none;
margin: 0;
}
.o-conteudo__pagination__button a,
.o-conteudo__pagination__button--current,
.o-conteudo__pagination__button--disabled {
background: #fff;
color: var(--text-color);
font-weight: 500;
line-height: 45px;
margin: 2px;
height: 45px;
width: 45px;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
outline: none;
-webkit-transition: var(--transition-especial);
transition: var(--transition-especial);
-webkit-box-shadow: inset 0 0 0 2px var(--bg-color);
box-shadow: inset 0 0 0 2px var(--bg-color);
}
.o-conteudo__pagination__button--current {
background-color: var(--blue-car80);
-webkit-box-shadow: none;
box-shadow: none;
color: var(--bg-color);
}
.o-conteudo__pagination__button a:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--text-color);
box-shadow: inset 0 0 0 2px var(--text-color);
}
.o-conteudo__pagination__prev.o-conteudo__pagination__button--disabled, 
.o-conteudo__pagination__prev a, 
.o-conteudo__pagination__next.o-conteudo__pagination__button--disabled,
.o-conteudo__pagination__next a {
background-position: center;
background-repeat: no-repeat;
background-size: 22px;
}
.o-conteudo__pagination__prev.o-conteudo__pagination__button--disabled,
.o-conteudo__pagination__prev a {
background-image: url(//www.car-80.com/wp-content/themes/Car80/assets/design/arrow-left.svg);
}
.o-conteudo__pagination__next.o-conteudo__pagination__button--disabled,
.o-conteudo__pagination__next a {
background-image: url(//www.car-80.com/wp-content/themes/Car80/assets/design/arrow-right.svg);
}
@keyframes fadeandhide {
50% {
opacity: 1;
}
100% {
opacity: 0;
display: none;
}
}
.col-cards-produto.hide_produto {
display: none;
}
.o-categoria__filter--active .o-produto_categoria-titulo {
font-weight: 700;
}
.cards-produto--empty {
padding-top: 1em;
padding-bottom: 1em;
}