/* -- encode -- */
@charset "UTF-8"; /* -- config -- */
html, body {
overflow: visible;
overflow-x: visible;
overflow-y: visible;
}
.afteClear:after {
content: '';
display: block;
clear: both;
}
.header__floater:after {
display: none;
}
.header__floater {
box-shadow: 0 0 12px 0px #e5e5e5;
}
.product .header__floater {
box-shadow: unset;
}
.catalog .header__floater {
box-shadow: unset;
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb {
background: rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb:hover {
background: rgb(0 0 0 / 0.3);
}
body>main {
margin-top: 107px;
}
/* -- bar -- */
header .container-fluid .row #bar-prog {
background: #f3f3f3;
}
/* -- header -- */
.header__logo {
transform: translate(0);
top: calc(50% - (34px / 2));
left: calc(50% - (91px / 2));
margin: 0;
position: absolute;
}
.header__logo img {
transition: filter 0.4s;
}
.header__logo:hover img, .header__logo:focus img {
filter: grayscale(100%) opacity(0.65);
}
.header__container {
display: block;
margin: 0 auto;
width: 100%;
/*max-width: 1280px;*/
max-width: 1024px;
padding: 0 15px;
}
.header__area--bottom {
background: #FFFFFF;
}
.account.loggin {
color: #0C3370;
}
.header__menu .menu__toggle {
color: #0C3370;
}
.search__modal, .search__input {
background: #363636 !important;
}
/* -- menu -- */
.headerMenu {
float: left;
width: 40%;
}
.headerMenu .btnMenu {
display: none;
}
.headerMenu .btnMenu i {
font-size: 30px;
display: block;
color: #1D4999;
line-height: 30px;
font-weight: 700;
}
.headerMenu .btnMenu i:before {
pointer-events: none;
}
.headerMenu .boxNavigator {
margin: 30px 0 0;
}
.headerMenu .boxNavigator .menu-departamento {
}
.headerMenu .boxNavigator .menu-departamento ul li {
display: inline-block;
margin: 0 14px 0 0;
font-weight: normal;
position: relative;
}
.headerMenu .boxNavigator .menu-departamento ul li a:after {
content: '';
width: 0;
height: 1px;
background: #1D4999;
display: block;
position: absolute;
top: 100%;
left: 0;
transition: width 0.4s;
}
.headerMenu .boxNavigator .menu-departamento ul li a:hover:after, .headerMenu .boxNavigator .menu-departamento ul li a:focus:after {
width: 100%;
}
.headerMenu .boxNavigator .menu-departamento ul li a.noLine:after {
display: none;
}
.headerMenu .boxNavigator.active .menu-departamento ul li a:after {
background: #FFFFFF;
}
.headerMenu .boxNavigator .menu-departamento ul li:last-of-type {
margin: 0;
}
.headerMenu .boxNavigator .menu-departamento ul li a {
color: #0C3370;
font-size: 14px;
line-height: 14px;
position: relative;
padding: 0 0 10px;
}
.headerMenu .boxNavigator .menu-departamento ul li ul {
position: absolute;
display: none;
top: calc(100% + 10px);
left: calc(50% - 90px);
z-index: 2;
background: #1d4999;
border-radius: 6px;
padding: 15px 0;
width: 180px;
}
.headerMenu .boxNavigator .menu-departamento ul li ul:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: -20px;
left: calc(50% - 10px);
z-index: 1;
border-top: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #1d4999;
border-left: 10px solid transparent;
pointer-events: none;
}
.headerMenu .boxNavigator .menu-departamento ul li ul:after {
content: '';
width: 100%;
height: 20px;
position: absolute;
top: -20px;
left: 0;
z-index: 1;
display: block;
pointer-events: none;
}
.headerMenu .boxNavigator .menu-departamento ul li ul li {
margin: 0;
padding: 0;
display: block;
}
.headerMenu .boxNavigator .menu-departamento ul li ul li:last-child {
margin: 0;
}
.headerMenu .boxNavigator .menu-departamento ul li ul li a {
color: #FFFFFF;
text-align: center;
font-size: 13px;
line-height: 13px;
display: block;
margin: 0 0 10px;
}
.headerMenu .boxNavigator .menu-departamento ul li ul li a:after {
content: '';
width: 0;
height: 1px;
background: #FFFFFF;
display: block;
position: absolute;
top: 100%;
left: 0;
transition: width 0.4s;
}
.headerMenu .boxNavigator .menu-departamento ul li ul li a:hover:after, .headerMenu .boxNavigator .menu-departamento ul li ul li a:focus:after {
width: 100%;
}
.headerMenu .boxNavigator .menu-departamento ul li ul li:last-child a {
margin: 0;
}
.headerMenu .boxNavigator .menu-departamento ul li:hover ul {
display: block;
}
.headerMenu .boxNavigator .menu-departamento ul li:hover ul:before, .headerMenu .boxNavigator .menu-departamento ul li:hover ul:after {
pointer-events: all;
}
/* -- search -- */
.headerMenu .btnSearch {
display: none;
}
.headerMenu .btnSearch i {
font-size: 21px;
display: block;
color: #1D4999;
line-height: 21px;
font-weight: 700;
transition: color 0.4s;
}
.headerMenu .btnSearch:hover i, .headerMenu .btnSearch:focus i {
color: #6b6b6b;
}
.headerMenu .btnSearch i:before {
pointer-events: none;
}
.header__box.header__search {
padding: 3px !important;
display: block;
flex: unset;
}
.header__box.header__search fieldset.busca {
padding: 0;
border: 0;
margin: 0;
position: relative;
position: absolute;
top: -150%;
left: 0;
z-index: 1;
width: 100%;
padding: 15px;
background: #1d4999;
transition: top 0.4s;
}
.pink .header__box.header__search fieldset.busca {
background: #F57EB6;
}
.header__box.header__search fieldset.busca.active {
top: 100%;
box-shadow: 0 0 12px 0px #e5e5e5;
}
.header__box.header__search fieldset.busca:before {
content: "";
display: inline-block;
vertical-align: middle;
font-family: "icomoon" !important;
font-size: inherit;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: inherit;
line-height: 1;
color: #1D4999;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0;
right: 0;
z-index: 1;
pointer-events: none;
margin: 22px 31px;
font-size: 20px;
line-height: 20px;
}
.header__box.header__search fieldset.busca legend {
display: none;
}
.header__box.header__search fieldset.busca label {
display: none;
}
.header__box.header__search fieldset.busca select {
display: none;
}
.header__box.header__search fieldset.busca input[type="text"] {
background: #FFFFFF;
font-size: 14px;
color: #1d4999;
line-height: 25px;
border: 1px solid #FFFFFF;
width: 100%;
padding: 5px 10px;
border-radius: 6px;
}
.header__box.header__search fieldset.busca input[type="button"] {
border: 0;
font-size: 0;
width: 50px;
height: 35px;
cursor: pointer;
padding: 0;
background: none;
margin: 16px;
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 0;
}
i.icon.icon-search.close:before {
content: "" !important;
}
i.icon.icon-minicart {
color: #1D4999;
font-weight: 700;
}
/* -- access -- */
.header__right-content {
float: right;
width: 40%;
}
.header__box.header__user {
width: 130px;
margin: 21px 0;
display: block;
flex: unset;
position: relative;
}
.header__box.header__user i.icon.icon-search {
position: absolute;
left: -35px;
z-index: 1;
font-size: 18px;
margin: 4px 0 0;
cursor: pointer;
color: #1D4999;
font-weight: 700;
transition: color 0.4s;
}
.header__box.header__user i.icon.icon-search:hover, .header__box.header__user i.icon.icon-search:focus {
color: #6b6b6b;
}
.header__box.header__user i.icon.icon-search:before {
content: "";
pointer-events: none;
}
.header__box.header__user i.icon.icon-user {
font-size: 22px;
line-height: 22px;
margin: 0 10px 0 0;
color: #1D4999;
font-weight: 700;
}
.header__box.header__user .ajax-content-loader {
display: inline-block;
vertical-align: middle;
}
.header__box.header__user p.welcome {
color: #0C3370;
font-size: 11px;
line-height: 12px;
display: inline-block;
cursor: pointer;
transition: color 0.4s;
}
.header__box.header__user p.welcome:hover, .header__box.header__user p.welcome:focus {
color: #6b6b6b;
}
button.minicart__toggle.minicart__js-toggle.icon__button i {
transition: color 0.4s;
}
button.minicart__toggle.minicart__js-toggle.icon__button:hover i, button.minicart__toggle.minicart__js-toggle.icon__button:focus i {
color: #6b6b6b;
}
.home__banner-shelf .home__shelf .shelf__title {
color: #0C3370;
font-size: 20px;
font-weight: 400;
line-height: 20px;
}
.customSelect--1 .customSelect__list {
border: 1px solid #dbdbdb;
display: block !important;
text-align: center;
font-size: 0;
padding: 5px;
width: calc(100% - 12px);
border-radius: 4px;
box-sizing: unset;
}
.customSelect--1 .customSelect__list .customSelect__list-option {
display: inline-block;
width: 24.9%;
max-width: unset;
margin: 0;
padding: 0;
border: 0;
box-sizing: unset;
font-weight: 400;
color: #9D9999;
text-transform: uppercase;
transition: background 0.4s;
border-radius: 4px;
}
.customSelect--1 .customSelect__list .customSelect__list-option br {
display: none;
}
.customSelect--1 .customSelect__list .customSelect__list-option:hover, .customSelect--1 .customSelect__list .customSelect__list-option:focus {
background: #f3f3f3;
}
.customSelect--1 .customSelect__list .customSelect__list-option.active {
background: #1D4999;
color: #FFFFFF;
}
/* -- banner full -- */
.home__area.home__area--banner-tv {
padding: 0 0 30px;
}
.banner--full .slick-dots {
top: 100%;
}
.banner--full .slick-dots li {
border: 1px solid #1D4999;
}
.banner--full .slick-dots li.slick-active {
background: #1D4999;
}
/* -- callout -- */
.callout {
background: url('/arquivos/bg-banner-mid.jpg') no-repeat 0 -150px / 100% auto;
}
.callout__list {
display: block;
text-align: center;
font-size: 0;
padding: 25px 0 0;
}
.callout__item {
vertical-align: middle;
display: inline-block;
text-align: center;
margin: 0 15px;
padding: 0;
width: 100px;
}
.callout i.icon {
background: #9AB5FF;
border-radius: 50%;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
font-size: 40px;
padding: 0;
display: block;
color: #1D2E5C;
font-weight: 700;
}
.callout__item span {
display: block;
margin: 15px 0 0;
font-size: 11px;
line-height: 13px;
color: #232323;
text-transform: uppercase;
}
/* -- shelf -- */
.prateleira .slick-slide {
padding: 10px 0;
}
li .shelf-product {
border-radius: 6px;
transition: box-shadow 0.4s;
}
.pink li .shelf-product {
border: 0 !important;
}
li:hover .shelf-product, li:focus .shelf-product {
border-radius: 6px;
box-shadow: 0 0 15px #d7d7d7;
}
.shelf-product__title {
color: #232323;
}
.shelf-product__buy-button .grid {
font-size: 12px;
font-weight: 700;
background: #88C736;
line-height: 35px;
padding: 0 20px;
margin: 0;
min-height: unset;
width: auto;
display: inline-block;
}
.shelf-product__buy-button {
background: none;
}
.slick-arrow, .instafeed__arrow {
background: #FFFFFF;
color: #1D4999;
}
.slick-arrow .icon, .instafeed__arrow .icon {
font-size: 20px;
transition: color 0.4s;
}
.shelf-product {
border: 0;
}
.slick-arrow:hover, .instafeed__arrow:hover {
color: #FFFFFF;
}
/* -- diferenciais -- */
.home__area--diferenciais {
}
.diferenciais {
padding: 0;
background: none;
color: #1D2E5C;
text-align: left;
position: relative;
overflow: hidden;
}
.diferenciais:after {
content: '';
display: block;
clear: both;
}
.home__area--diferenciais .diffImage {
width: 50%;
display: inline-block;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
height: 100%;
}
.home__area--diferenciais .diffImage .diffBanner {
display: block;
height: 100%;
}
.home__area--diferenciais .diffImage .diffBanner .box-banner {
display: block;
height: 100%;
}
.home__area--diferenciais .diffImage .diffBanner .box-banner a {
height: 100%;
}
.home__area--diferenciais .diffImage .diffBanner .box-banner a img {
width: auto;
max-width: unset;
height: 100%;
}
.home__area--diferenciais .diffText {
width: 50%;
display: inline-block;
float: right;
padding: 20px;
}
.home__area--diferenciais .diffText .diferenciais__header {
margin: 0 0 35px;
}
.home__area--diferenciais .diffText .diferenciais__header h3 {
font-size: 34px;
line-height: 34px;
width: 210px;
display: block;
color: #1D2E5C;
font-weight: 300;
margin: 0;
padding: 0 0 0 15px;
}
.home__area--diferenciais .diffText .diferenciais__content {
position: relative;
padding: 0 0 30px;
}
.home__area--diferenciais .diffText .diferenciais__content:after {
content: '';
display: block;
clear: both;
}
.home__area--diferenciais .diffText .diferenciais__content .slick-list.draggable {
width: calc(100% - 40px);
float: right;
}
.home__area--diferenciais .diffText .diferenciais__content .diferenciais__content-item {
padding: 30px 10px;
}
.home__area--diferenciais .diffText .diferenciais__content .diferenciais__content-item .elemento-quimico {
border: 1px solid #0C234A;
border-radius: 20px;
padding: 0;
margin: 0;
width: 70px;
height: 70px;
font-size: 37px;
line-height: 70px;
color: #0C234A;
display: inline-block;
overflow: hidden;
font-weight: normal;
float: left;
}
.home__area--diferenciais .diffText .diferenciais__content .diferenciais__content-item .elemento-nome {
width: calc(100% - 90px);
margin: 0 0 5px 90px;
font-size: 35px;
font-weight: 500;
line-height: 35px;
}
.home__area--diferenciais .diffText .diferenciais__content .diferenciais__content-item .elemento-text {
width: calc(100% - 130px);
margin: 0 0 0 90px;
color: #1D2E5C;
font-size: 12px;
line-height: 19px;
}
.home__area--diferenciais .diffText .diferenciais__content.slick-slider ul.slick-dots {
width: 40px;
float: left;
position: absolute;
top: calc(50% - (90px / 2));
left: 0;
}
/* -- selecao especial -- */
body:not(.assinatura) .home__shelf.home__shelf--3 {
}
body:not(.assinatura) .home__shelf.home__shelf--3 .shelf {
padding: 40px 0 30px;
}
body:not(.assinatura) .home__shelf.home__shelf--3 .grid.grid--center {
width: 210px;
display: inline-block;
vertical-align: middle;
}
body:not(.assinatura) .home__shelf.home__shelf--3 .js-slider-shelf {
width: calc(100% - 212px);
display: inline-block;
vertical-align: middle;
padding: 0 0 0 75px;
}
body:not(.assinatura) .home__shelf--3 h1.shelf__title {
color: #1D2E5C;
font-size: 32px;
line-height: 34px;
font-weight: 300;
margin: 0;
}
body:not(.assinatura) .home__area.home__area--shelf .container {
border-bottom: 5px solid #1D4999;
margin-bottom: 70px;
padding-bottom: 50px;
}
body:not(.assinatura) .home__shelf--3 .shelf .prateleira .slick-prev,.home__shelf--3 .shelf .prateleira .instafeed__arrow--prev {
left: 0;
}
body:not(.assinatura) .home__shelf--3 .shelf .prateleira .slick-next,.home__shelf--3 .shelf .prateleira .instafeed__arrow--next {
right: 0;
}
.assinatura .card.active .body {
padding: 30px 0;
}
/* -- banner middle -- */
body:not(.assinatura) .home__area.home__area--diferenciais {
padding: 50px 0;
}
body:not(.assinatura) .home__area.home__area--banner-mid {
}
body:not(.assinatura) .home__area.home__area--banner-mid .banner-mid {
background: #D0CAB6;
position: relative;
}
body:not(.assinatura) .home__area.home__area--banner-mid .banner-mid:after {
content: '';
display: block;
clear: both;
}
body:not(.assinatura) .home__area.home__area--banner-mid .banner-mid .banner-mid__img {
height: 100%;
position: absolute;
top: 0;
left: 0;
}
body:not(.assinatura) .home__area.home__area--banner-mid .banner-mid .banner-mid__img .banner, .home__area.home__area--banner-mid .banner-mid .banner-mid__img .banner .box-banner, .home__area.home__area--banner-mid .banner-mid .banner-mid__img .banner .box-banner a {
height: 100%;
overflow: hidden;
position: relative;
}
body:not(.assinatura) .home__area.home__area--banner-mid .banner-mid .banner-mid__img img {
width: auto;
height: 100%;
max-width: unset;
}
body:not(.assinatura) .home__area.home__area--banner-mid .banner-mid .banner-mid__text {
color: #1D2E5C;
padding: 35px 0 35px 30px;
float: right;
width: calc(50% - 30px);
display: block;
box-sizing: unset;
}
body:not(.assinatura) .home__area.home__area--banner-mid .banner-mid .banner-mid__text img {
width: auto;
display: block;
margin: 0 0 20px;
}
body:not(.assinatura) .home__area.home__area--banner-mid .banner-mid .banner-mid__text h3 {
font-size: 30px;
line-height: 32px;
margin: 0 0 15px;
}
body:not(.assinatura) .home__area.home__area--banner-mid .banner-mid .banner-mid__text p {
font-size: 14px;
line-height: 18px;
margin: 0 0 20px;
width: 86%;
}
body:not(.assinatura) .home__area.home__area--banner-mid .banner-mid .banner-mid__text .btn {
position: relative;
margin: 0;
padding: 11px 30px;
text-align: center;
display: inline-block;
width: auto;
height: auto;
line-height: unset;
font-size: 12px;
line-height: 12px;
color: #FFFFFF;
text-transform: uppercase;
background: #1D2E5C;
}
body:not(.assinatura) .home__area.home__area--banner-mid .banner-mid .banner-mid__text .btn:hover, .home__area.home__area--banner-mid .banner-mid .banner-mid__text .btn:focus {
background: #363636;
}
body:not(.assinatura) .home__area.home__area--banner-mid .banner-mid .banner-mid__text .btn p {
margin: 0;
padding: 0;
display: inline-block;
line-height: inherit;
font-size: inherit;
width: auto;
}
/* -- banner bottom -- */
body:not(.assinatura) .banner-bottom__container {
}
body:not(.assinatura) .banner-bottom__container .home__banner {
}
body:not(.assinatura) .banner-bottom__container .home__banner .banner-bottom {
position: relative;
overflow: hidden;
padding: 28px 0;
}
body:not(.assinatura) .banner-bottom__container .home__banner .banner-bottom__img {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
body:not(.assinatura) .banner-bottom__container .home__banner .banner-bottom__img .banner.js-ready {
height: 100%;
}
body:not(.assinatura) .banner-bottom__container .home__banner .banner-bottom__img .banner.js-ready .box-banner {
height: 100%;
}
body:not(.assinatura) .banner-bottom__container .home__banner .banner-bottom__img .box-banner a {
text-align: right;
height: 100%;
}
body:not(.assinatura) .banner-bottom__container .home__banner .banner-bottom__img .box-banner a img {
height: 100%;
width: auto;
display: inline-block;
max-width: unset;
}
body:not(.assinatura) .banner-bottom__container .home__banner .banner-bottom__text {
background: none;
position: relative;
z-index: 1;
width: 315px;
padding: 0;
margin: 0;
border: 0;
}
body:not(.assinatura) .banner-bottom__container .home__banner .banner-bottom__text h3 {
color: #1D2E5C;
font-size: 32px;
line-height: 34px;
font-weight: 300;
margin: 0 0 35px;
}
body:not(.assinatura) .banner-bottom__container .home__banner .banner-bottom__text p {
font-size: 14px;
line-height: 21px;
font-weight: 400;
margin: 0 0 35px;
color: #1D2E5C;
}
body:not(.assinatura) .banner-bottom__container .home__banner .banner-bottom__text a {
background: #1D4999;
color: #FFFFFF;
width: 100%;
padding: 11px 0;
height: auto;
margin: 0;
transition: background 0.4s, color 0.4s;
}
body:not(.assinatura) .banner-bottom__container .home__banner .banner-bottom__text a:hover, .banner-bottom__container .home__banner .banner-bottom__text a:focus {
background: #363636;
}
body:not(.assinatura) .banner-bottom__container .home__banner .banner-bottom__text a p {
color: #FFFFFF;
font-weight: 700;
font-size: 12px;
line-height: 12px;
margin: 0;
}
/* -- institutional -- */
.institucionais__container.institucionais__container {
padding: 40px 0 0;
}
.institucionais__wrapper .box-image-text.grid {
position: relative;
}
.institucionais__wrapper .box-image-text.grid:before {
content: '';
background: #D0CAB6;
position: absolute;
top: 0;
left: calc(50% - 50vw);
display: none;
width: 100vw;
height: 100%;
}
.bgAbout01 {
background-color: #D0CAB6;
padding: 50px 0;
}
.bgAbout02 {
background: url('/arquivos/bg-banner-mid.jpg') no-repeat top center / 100% auto;
padding: 40px 0 110px;
}
.bgAbout02 .box-3-col__title {
margin: 45px auto 35px;
text-align: left;
}
body:not(.assinatura) .box-image-text__content h1, body:not(.assinatura) .box-image-text__content h2, body:not(.assinatura) .box-image-text__content h3, body:not(.assinatura) .box-image-text__content h4, body:not(.assinatura) .box-image-text__content h5, body:not(.assinatura) .box-image-text__content h6, body:not(.assinatura) .box-image-text__content b, body:not(.assinatura) .box-text-highlight h1, body:not(.assinatura) .box-text-highlight h2, body:not(.assinatura) .box-text-highlight h3, body:not(.assinatura) .box-text-highlight h4, body:not(.assinatura) .box-text-highlight h5, body:not(.assinatura) .box-text-highlight h6, body:not(.assinatura) .box-text-highlight b, body:not(.assinatura) .bgAbout02 .box-3-col__title, body:not(.assinatura) .box-qualidade__title h1, body:not(.assinatura) .box-qualidade__title h2, body:not(.assinatura) .box-qualidade__title h3, body:not(.assinatura) .box-qualidade__title h4, body:not(.assinatura) .box-qualidade__title h5, body:not(.assinatura) .box-qualidade__title h6, body:not(.assinatura) .box-qualidade__title b, body:not(.assinatura) .box-text h1, body:not(.assinatura) .box-text h2, body:not(.assinatura) .box-text h3, body:not(.assinatura) .box-text h4, body:not(.assinatura) .box-text h5, body:not(.assinatura) .box-text h6, body:not(.assinatura) .box-mosaic__title {
color: #1D2E5C;
font-size: 30px;
font-weight: 100;
line-height: 34px;
text-align: left;
}
.container.box-text-highlight.grid div:first-of-type p {
font-size: 32px;
line-height: 36px;
}
.box-3-col__item .box-banner img {
padding: 0;
width: 100%;
height: auto;
}
.box-text-highlight p {
color: #1D2E5C;
font-size: 14px;
line-height: 22px;
}
.box-text-highlight p i {
font-style: normal;
font-weight: 100;
}
.box-image-text__content p {
color: #1D2E5C;
font-size: 14px;
line-height: 25px;
}
.box-text-mission {
width: 100%;
}
.box-text-mission.grid__col--md-6.grid__col--md-max-6 {
width: 100%;
max-width: 100%;
}
.box-text-mission ul {
font-size: 0;
width: 100%;
text-align: center;
display: block;
}
.box-text-mission ul li {
display: inline-block;
width: 33%;
text-align: left;
}
.box-text-mission ul li img {
display: inline-block;
margin: 0 15px 0 0;
vertical-align: middle;
text-align: left;
}
.box-text-mission ul li p {
display: inline-block;
font-size: 12px;
text-align: left;
color: #1D2E5C;
vertical-align: top;
width: calc(100% - 95px);
font-style: normal;
}
.box-text-mission ul li p strong {
font-size: 32px;
line-height: 32px;
font-weight: normal;
display: block;
margin: 0 0 10px;
}
.box-text-mission ul li p em {
font-style: normal;
line-height: 19px;
}
.box-3-col__item .box-banner a:before {
opacity: 1;
width: 50%;
display: block;
transform: unset;
padding: 10px 0;
pointer-events: all;
margin: 0;
background: #1D4999;
text-transform: uppercase;
font-weight: 700;
top: 100%;
left: calc(50% - 25%);
text-align: center;
font-size: 12px;
}
.box-qualidade__wrapper .box-qualidade__item {
}
.box-qualidade__wrapper .box-qualidade__item p {
font-size: 12px;
}
.box-qualidade__wrapper .box-qualidade__item p b {
font-weight: normal;
}
.box-qualidade__wrapper .box-qualidade__item p img {
display: block;
width: auto;
margin: 0 auto 25px;
}
.wrapper--vertical-lg-xl {
padding: 60px 0;
}
.bxLeft, .bxRight {
width: calc(50% - 30px) !important;
display: inline-block;
vertical-align: top;
padding: 0 15px;
}
.bxLeft p {
color: #1D2E5C;
font-size: 14px;
line-height: 22px;
width: 80%;
}
.bxLeft h2, .bxRight h2 {
margin: 0 0 30px;
}
.bxRight .grid.js-banner-slider {
margin: 0 0 30px;
}
.bgLine .container {
position: relative;
padding: 80px 0 0;
margin: 0 auto;
}
.bgLine .container:before {
content: '';
width: 100%;
height: 5px;
background: #1D4999;
display: block;
position: absolute;
top: 0;
left: 0;
}
.sobre__banner-img.hide--sm {
padding: 30px 0;
}
.box-image-text__image.box-image-text--left.box-image-text--destaque.grid__col--md-6.grid__col--md-max-6, .box-image-text__content.box-image-text--right.grid__col--sm-12.grid__col--md-6.grid__col--sm-max-12.grid__col--md-max-6 {
width: 49% !important;
max-width: 100% !important;
padding: 0;
flex: unset;
}
.box-image-text__content.box-image-text--right.grid__col--sm-12.grid__col--md-6.grid__col--sm-max-12.grid__col--md-max-6 p {
width: 95%;
}
.container.box-image-text.grid .box-image-text__image.box-image-text--left.box-image-text--destaque.grid__col--md-6.grid__col--md-max-6 iframe {
width: 100%;
}
p.dest-paredao {
color: #1D2E5C;
font-size: 30px;
font-weight: 100;
line-height: 34px;
text-align: left;
}
.institucionais__video.bgAbout02 {
padding: 50px 0;
}
.institucionais__video.bgAbout02 .box-text-highlight.grid, .institucionais__video.bgAbout02 .box-text-highlight.grid, .box-text-highlight--left.box-text-highlight--destaque.grid__col--md-6.grid__col--md-max-6, .box-text-highlight--right.grid__col--sm-12.grid__col--md-6.grid__col--sm-max-12.grid__col--md-max-6 {
width: 100%;
max-width: 100%;
}
.box-text-highlight--left.box-text-highlight--destaque.grid__col--md-6.grid__col--md-max-6 {
padding: 0 80px 0 0 !important;
}
.institucionais__video.bgAbout02 iframe {
width: 80%;
height: 350px;
margin: 0 auto;
display: block;
}
p.dest-txt {
color: #1D2E5C;
font-size: 14px;
line-height: 22px;
width: 85%;
}
.box-image-text__content.box-image-text--right.grid__col--sm-12.grid__col--md-6.grid__col--sm-max-12.grid__col--md-max-6 {
}
.box-image-text__content.box-image-text--right.grid__col--sm-12.grid__col--md-6.grid__col--sm-max-12.grid__col--md-max-6 .box-banner {
width: 100%;
height: auto;
display: block;
}
.box-image-text__content.box-image-text--right.grid__col--sm-12.grid__col--md-6.grid__col--sm-max-12.grid__col--md-max-6 .box-banner a {
width: 100%;
height: auto;
display: block;
background: none;
border: 0;
margin: 0;
padding: 0;
}
.box-image-text__content.box-image-text--right.grid__col--sm-12.grid__col--md-6.grid__col--sm-max-12.grid__col--md-max-6 .box-banner a img {
width: 100%;
height: auto;
display: block;
}
.institucionais__banner.artist {
}
.institucionais__banner.artist h2 {
width: 100%;
display: block;
text-align: center;
color: #1D2E5C;
font-size: 30px;
font-weight: 100;
line-height: 34px;
margin: 0 0 45px;
}
.institucionais__banner.artist .box-image-text__content.box-image-text--left {
width: 100% !important;
max-width: 100% !important;
flex: unset;
padding: 0;
font-size: 0;
}
.institucionais__banner.artist .box-image-text__image.box-image-text--right {
width: 100% !important;
max-width: 100% !important;
flex: unset;
margin: 0;
padding: 0;
}
.institucionais__banner.artist .box-image-text.grid {
width: 60%;
margin: 0 auto;
padding: 60px 0 0;
}
.institucionais__banner.artist .box-image-text__content.box-image-text--left .dest2-img, .institucionais__banner.artist .box-image-text__image.box-image-text--right .dest2-img {
width: 50%;
display: inline-block;
vertical-align: middle;
box-sizing: unset;
}
.institucionais__banner.artist .box-image-text__content.box-image-text--left .dest2-img img, .institucionais__banner.artist .box-image-text__image.box-image-text--right .dest2-img img {
width: 100%;
}
.institucionais__banner.artist .box-image-text__content.box-image-text--left .dest2-txt, .institucionais__banner.artist .box-image-text__image.box-image-text--right .dest2-txt {
width: 40%;
padding: 4.5%;
display: inline-block;
vertical-align: middle;
box-sizing: unset;
}
.institucionais__banner.artist .box-image-text__content.box-image-text--left .dest2-txt h3, .institucionais__banner.artist .box-image-text__image.box-image-text--right .dest2-txt h3 {
margin: 0;
font-weight: 100;
display: block;
font-size: 27px;
line-height: 29px;
}
.institucionais__banner.artist .box-image-text__content.box-image-text--left .dest2-txt a, .institucionais__banner.artist .box-image-text__image.box-image-text--right .dest2-txt a {
padding: 0;
margin: 0;
background: none;
line-height: 16px;
border: 0;
text-align: left;
display: block;
color: #1D2E5C;
font-size: 16px;
height: auto;
font-weight: 100;
text-transform: none;
}
.institucionais__banner.artist .box-image-text__content.box-image-text--left .dest2-txt p, .institucionais__banner.artist .box-image-text__image.box-image-text--right .dest2-txt p {
font-size: 14px;
margin: 20px 0 0;
line-height: 22px;
}
.box-text-highlight.grid, .institucionais__wrapper .box-image-text.grid {
padding: 0 15px;
}
.institucionais__video .box-text-highlight--left.box-text-highlight--destaque.grid__col--md-6.grid__col--md-max-6 {
padding: 0 !important;
}
/* -- sustentabilidade -- */
.sust {
}
.sust .boxBannerHeader {
padding: 0;
margin: 0;
}
.sust .boxBannerHeader .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl {
padding: 0;
}
.sust .boxBannerHeader .box-banner {
}
.sust .boxBannerHeader .box-banner a {
}
.sust .boxBannerHeader .box-banner a img {
width: 100%;
height: auto;
display: block;
}
.sust .box-text-highlight.grid {
padding: 0;
}
.sust .boxTitle.bgAbout02 {
padding: 0;
margin: 0 0 -150px;
background-size: 100% auto;
background-position: 0 -55px;
}
.sust .boxTitle.bgAbout02 .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl {
padding: 65px 0 0;
}
.sust .boxTitle.bgAbout02 .box-text-highlight.grid {
width: 45%;
}
.sust .boxTitle.bgAbout02 .box-text-highlight--left {
padding: 0;
}
.sust .boxTitle.bgAbout02 .box-text-highlight--left h2 {
font-size: 32px;
line-height: 38px;
}
.sust .boxBannerEsg {
padding: 0 0 125px;
margin: 0;
}
.sust .boxBannerEsg .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl {
padding: 0;
}
.sust .boxBannerEsg .box-text-highlight--left {
width: 49%;
padding: 0;
vertical-align: middle;
display: inline-block;
}
.sust .boxBannerEsg .box-text-highlight--left .box-banner {
}
.sust .boxBannerEsg .box-text-highlight--left .box-banner a {
}
.sust .boxBannerEsg .box-text-highlight--left .box-banner a img {
width: 100%;
display: block;
height: auto;
position: relative;
top: 150px;
}
.sust .boxBannerEsg .box-text-highlight--right {
width: 49%;
padding: 3%;
display: inline-block;
vertical-align: middle;
}
.sust .boxBannerEsg .box-text-highlight--right h2 {
color: #1D2E5C;
font-size: 34px;
line-height: 34px;
display: block;
margin: 0 0 20px;
font-weight: 100;
}
.sust .boxBannerEsg .box-text-highlight--right p {
color: #1D2E5C;
font-size: 14px;
line-height: 22px;
display: block;
}
.sust .contentList {
padding: 0;
margin: 0;
}
.sust .contentList .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl {
padding: 0 0 100px;
}
.sust .contentList .box-text-highlight--left {
width: 30%;
padding: 0;
}
.sust .contentList .box-text-highlight--left h2 {
text-transform: uppercase;
position: relative;
color: #1D2E5C;
font-size: 30px;
line-height: 34px;
display: block;
font-weight: 100;
}
.sust .contentList .box-text-highlight--left h2:after {
content: '';
display: block;
width: 40px;
height: 1px;
background: #163F82;
position: absolute;
top: 50%;
right: 0;
}
.sust .contentList .box-text-highlight--right {
width: 70%;
padding: 0 0 0 40px;
border-left: 1px solid #163F82;
}
.sust .contentList .box-text-highlight--right p {
color: #1D2E5C;
font-size: 14px;
line-height: 22px;
}
.sust .contentWater {
padding: 0;
margin: 0;
}
.sust .contentWater .box-banner {
}
.sust .contentWater .box-banner a {
}
.sust .contentWater .box-banner a img {
width: 100%;
margin: 0 auto;
display: block;
}
/* -- drinks prata -- */
.drinks {
}
.drinks .institucionais__container.boxBannerHeader {
padding: 0 !important;
margin: 0;
}
.drinks .institucionais__container.boxBannerHeader .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl {
padding: 60px 0 !important;
}
.drinks.OTX-AP2-drinks-prata .institucionais__container.boxBannerHeader .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl {
padding: 0 !important;
}
.drinks .institucionais__container.boxBannerHeader .box-banner {
}
.drinks .institucionais__container.boxBannerHeader .box-banner a {
}
.drinks .institucionais__container.boxBannerHeader .box-banner a img {
width: 100%;
margin: 0 auto;
display: block;
}
.drinks .institucionais__container.boxTitle {
padding: 60px 0;
margin: 0;
}
.drinks .institucionais__container.boxTitle .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl {
padding: 0;
}
.drinks .institucionais__container.boxTitle .box-text-highlight.grid {
padding: 0;
}
.drinks .institucionais__container.boxTitle .box-text-highlight--left {
padding: 0;
width: 49%;
}
.drinks .institucionais__container.boxTitle .box-text-highlight--left h2 {
display: inline-block;
vertical-align: middle;
}
.drinks .institucionais__container.boxTitle .box-text-highlight--right {
padding: 0;
width: 49%;
}
.drinks .institucionais__container.boxTitle .box-text-highlight--right .box-banner {
}
.drinks .institucionais__container.boxTitle .box-text-highlight--right .box-banner a {
text-align: right;
}
.drinks .institucionais__container.boxTitle .box-text-highlight--right .box-banner a img {
width: auto;
vertical-align: middle;
display: inline-block;
margin: 0 80px 0 0;
}
.drinks .institucionais__container.boxSelect {
}
.drinks .institucionais__container.boxSelect .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl {
padding: 0;
}
.drinks .institucionais__container.boxSelect .box-text-highlight.grid {
padding: 0;
}
.drinks .institucionais__container.boxSelect .box-text-highlight--left {
padding: 0;
width: 100%;
text-align: center;
margin: 0 0 25px;
}
.drinks .institucionais__container.boxSelect .box-text-highlight--left h2 {
display: inline-block;
width: auto;
}
.drinks .institucionais__container.boxSelect .box-text-highlight--right {
padding: 0;
width: 100%;
font-size: 0;
}
.drinks .institucionais__container.boxSelect .box-text-highlight--right ul {
font-size: 0;
vertical-align: middle;
display: block;
}
.drinks .institucionais__container.boxSelect .box-text-highlight--right ul li {
width: 14.5%;
display: inline-block;
margin: 1%;
vertical-align: middle;
padding: 0;
font-size: 0;
}
.drinks .institucionais__container.boxSelect .box-text-highlight--right ul li a {
display: block;
border: 1px solid #FFFFFF;
transition: border 0.4s;
}
.drinks .institucionais__container.boxSelect .box-text-highlight--right ul li a:hover, .drinks .institucionais__container.boxSelect .box-text-highlight--right ul li a:focus {
/* border-color: #FAC61A; */
}
.drinks .institucionais__container.boxSelect .box-text-highlight--right ul li a img {
width: 100%;
margin: 0 auto;
display: block;
}
.drinks .institucionais__container.boxDrink {
padding: 60px 0;
}
.drinks .institucionais__container.boxDrink .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl {
padding: 0;
}
.drinks .institucionais__container.boxDrink .box-text-highlight.grid {
padding: 0;
}
.drinks .institucionais__container.boxDrink .box-text-highlight--left {
padding: 0;
width: 49%;
}
.drinks .institucionais__container.boxDrink .box-text-highlight--left .box-banner {
}
.drinks .institucionais__container.boxDrink .box-text-highlight--left .box-banner a {
}
.drinks .institucionais__container.boxDrink .box-text-highlight--left .box-banner a img {
width: 100%;
display: block;
margin: 0 auto;
}
.drinks .institucionais__container.boxDrink .box-text-highlight--right {
padding: 0;
width: 49%;
}
.drinks .institucionais__container.boxDrink .box-text-highlight--right h2 {
font-weight: 400;
font-size: 32px;
line-height: 34px;
}
.drinks .institucionais__container.boxDrink .box-text-highlight--right p {
margin: 20px 0 35px;
}
.drinks .institucionais__container.boxDrink .box-text-highlight--right h3 {
text-transform: uppercase;
margin: 0 0 20px;
}
.drinks .institucionais__container.boxDrink .box-text-highlight--right form {
border: 0;
padding: 0;
margin: 0;
}
.drinks .institucionais__container.boxDrink .box-text-highlight--right form fieldset {
margin: 0;
padding: 0;
border: 0;
}
.drinks .institucionais__container.boxDrink .box-text-highlight--right form fieldset label {
display: block;
width: 100%;
border: 1px solid #707070;
position: relative;
margin: 0 0 20px;
}
.drinks .institucionais__container.boxDrink .box-text-highlight--right form fieldset label input[type="text"] {
width: 100%;
display: block;
padding: 8px;
border: 0;
margin: 0;
background: none;
font-size: 15px;
line-height: 15px;
color: #1D2E5C;
}
.drinks .institucionais__container.boxDrink .box-text-highlight--right form fieldset label input[type="button"] {
width: 50px;
height: 33px;
background: none;
border: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
font-size: 0;
z-index: 1;
}
.drinks .institucionais__container.boxDrink .box-text-highlight--right form fieldset label i {
position: absolute;
top: 0;
right: 0;
z-index: 2;
color: #707070;
font-size: 22px;
line-height: 22px;
pointer-events: none;
margin: 6px 14px;
}
.drinks .institucionais__container.boxDrink .box-text-highlight--right form fieldset div {
}
.drinks .institucionais__container.boxDrink .box-text-highlight--right form fieldset div em {
display: block;
font-size: 16px;
line-height: 16px;
color: #1D2E5C;
font-style: normal;
margin: 0 0 10px;
}
.drinks .institucionais__container.boxDrink .box-text-highlight--right form fieldset div label {
border: 0;
margin: 0 10px 0 0;
width: auto;
display: inline-block;
}
.drinks .institucionais__container.boxDrink .box-text-highlight--right form fieldset div label input[type="checkbox"] {
margin: 0 5px 0 0;
padding: 0;
width: 22px;
height: 22px;
display: inline-block;
vertical-align: middle;
}
.drinks .institucionais__container.boxDrink .box-text-highlight--right form fieldset div label em {
margin: 0;
display: inline-block;
vertical-align: middle;
font-size: 15px;
line-height: 15px;
}
.drinks .institucionais__container.boxRecipe {
background: #F9F9F9;
padding: 60px 0;
}
.drinks .institucionais__container.boxRecipe .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl {
padding: 0;
}
.drinks .institucionais__container.boxRecipe .box-text-highlight.grid {
padding: 0;
}
.drinks .institucionais__container.boxRecipe .box-text-highlight--left {
width: 35%;
padding: 0;
}
.drinks .institucionais__container.boxRecipe .box-text-highlight--left .box-banner {
position: relative;
}
.drinks .institucionais__container.boxRecipe .box-text-highlight--left .box-banner:before {
content: '';
width: 64px;
height: 80px;
position: absolute;
display: block;
/* background: url('/arquivos/box-recipe-seal.png') no-repeat center; */
z-index: 1;
top: -20px;
left: 20px;
}
.drinks .institucionais__container.boxRecipe .box-text-highlight--left .box-banner a {
}
.drinks .institucionais__container.boxRecipe .box-text-highlight--left .box-banner a img {
display: block;
margin: 0 auto;
width: 100%;
}
.drinks .institucionais__container.boxRecipe .box-text-highlight--right {
padding: 0 20% 0 0;
width: 60%;
position: relative;
}
.drinks .institucionais__container.boxRecipe .box-text-highlight--right h2 {
font-size: 30px;
line-height: 32px;
display: block;
margin: 0 0 50px;
font-weight: 100;
text-transform: uppercase;
}
.drinks .institucionais__container.boxRecipe .box-text-highlight--right p {
margin: 0 0 25px;
}
.drinks .institucionais__container.boxRecipe .box-text-highlight--right p:last-of-type {
margin: 0;
}
.drinks .institucionais__container.boxRecipe .box-text-highlight--right p strong {
display: block;
text-transform: uppercase;
font-size: 20px;
line-height: 20px;
font-weight: 100;
margin: 0 0 20px;
}
.institucionais__container.boxRecipe .box-text-highlight--right ul {
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
.drinks .institucionais__container.boxRecipe .box-text-highlight--right ul li {
display: inline-block;
text-align: center;
margin: 0 0 0 6px;
}
.drinks .institucionais__container.boxRecipe .box-text-highlight--right ul li p {
margin: 0;
padding: 0;
}
.drinks .institucionais__container.boxRecipe .box-text-highlight--right ul li p img {
display: block;
margin: 0 auto 10px;
}
.drinks .institucionais__container.boxRecipe .box-text-highlight--right ul li p em {
display: block;
text-align: center;
font-size: 13px;
line-height: 13px;
font-style: normal;
}
.drinks .institucionais__container.boxDrinksBottom {
padding: 100px 0 180px;
margin: 0;
}
.drinks .institucionais__container.boxDrinksBottom .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl {
padding: 0;
}
.drinks .institucionais__container.boxDrinksBottom .container {
background: url('/arquivos/bg-banner-mid.jpg') no-repeat top center / 100% auto;
}
.drinks .institucionais__container.boxDrinksBottom .box-text-highlight.grid {
padding: 0;
}
.drinks .institucionais__container.boxDrinksBottom p {
display: block;
width: 100%;
height: 140px;
line-height: 140px;
vertical-align: middle;
}
.drinks .institucionais__container.boxDrinksBottom p img {
display: inline-block;
vertical-align: middle;
position: relative;
top: -45px;
float: left;
}
.drinks .institucionais__container.boxDrinksBottom p strong {
display: inline-block;
font-size: 30px;
line-height: 35px;
font-weight: 100;
vertical-align: middle;
}
.drinks .institucionais__container.boxDrinksBottom p a {
display: inline-block;
line-height: 18px;
font-size: 18px;
vertical-align: middle;
font-weight: normal;
color: #1D4999;
border: 1px solid #1D4999;
margin: 0 0 0 80px;
padding: 10px 25px;
transition: background 0.4s, color 0.4s;
}
.drinks .institucionais__container.boxDrinksBottom p a:hover, .drinks .institucionais__container.boxDrinksBottom p a:focus {
background: #1D4999;
color: #FFFFFF;
}
/* -- newsletter -- */
.footer__newsletter {
background: #1D4999;
padding: 45px 0;
}
.footer__newsletter--title h1 {
font-weight: normal;
font-size: 29px;
line-height: 29px;
}
input#newsletterFirstName {
border-radius: 6px;
}
input#newsletterEmail {
border-radius: 6px;
}
/* -- footer -- */
.footer__newsletter--title p {
display: block;
margin: 15px auto 25px;
width: 70%;
}
.footer__newsletter--campos {
margin: 0;
width: 100%;
padding: 0;
}
.footer__newsletter--campos .button {
background: #88C736 !important;
}
.footer__newsletter--campos .button:hover, .footer__newsletter--campos .button:focus {
background: #6dab1d !important;
}
.footer {
background: #FFFFFF;
padding: 60px 0 0;
}
.footer__basic.footer__menu {
width: 80%;
margin: 0 auto;
padding: 0;
min-width: 600px;
}
.footer__basic--nav li {
padding: 8px 0;
}
.footer__basic--nav li a {
color: #1D2E5C;
}
.footer__basic-col h2 {
color: #1D2E5C;
text-transform: none;
font-weight: 800;
font-size: 22px;
line-height: 22px;
margin: 0 0 15px;
}
.footer__basic-col p {
color: #1D2E5C;
font-size: 12px;
line-height: 12px;
margin: 0;
text-align: left !important;
display: block;
}
.footer__basic--nav li a {
color: #1D2E5C;
font-size: 12px;
line-height: 12px;
display: inline-block;
}
.footer__basic--nav li a:hover, .footer__basic--nav li a:focus {
text-decoration: underline;
}
.footer__menu .footer__basic-col:last-child {
border-left: 1px solid #1D2E5C;
padding: 0 0 0 50px;
}
.footer__flags.grid.grid--center.grid--middle {
justify-content: right;
padding: 0 72px 0 0;
}
.footer__flags.grid.grid--center.grid--middle h2 {
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
font-weight: normal;
vertical-align: middle;
display: inline-block;
}
.footer__copy {
padding: 25px 0;
background: #0085FF;
}
.footer__logo {
margin: 0 0 60px;
}
ul.footer__basic--nav.footer__socials-body li a {
color: #FFFFFF;
border-radius: 50%;
background: #1D2E5C;
border: 1px solid #1D2E5C;
width: 35px;
height: 35px;
display: block;
text-align: center;
line-height: 32px;
transition: background 0.4s, color 0.4s;
}
ul.footer__basic--nav.footer__socials-body li a:hover, ul.footer__basic--nav.footer__socials-body li a:focus {
color: #1D2E5C;
background: #FFFFFF;
}
.footer__socials-body li a span:before {
font-size: 23px;
line-height: 23px;
}
ul.footer__basic--nav.footer__socials-body li {
margin: 0 15px 0 0;
}
ul.footer__basic--nav.footer__socials-body li a i {
font-size: 50px;
}
/* -- product page -- */
.product__main-container {
background: #F9F9F9;
}
.product__area--thumbs {
display: none;
}
.product__area--images {
overflow: visible;
flex: 0 0 49%;
margin: 0 2% 0 0;
}
.product__images {
padding: 0;
}
.product-gallery {
border-radius: 20px;
overflow: hidden;
box-shadow: 0 0 15px #d7d7d7;
}
.product__area--info {
border-radius: 20px;
box-shadow: 0 0 15px #d7d7d7;
flex: 0 0 49%;
background: #FFFFFF;
}
.product .product__area-floater.product__area-floater {
box-shadow: unset;
border-radius: 20px;
}
.product__main-container {
position: relative;
}
.catalog .sr_loadMore {
width: 100%;
text-decoration: none;
color: #FFFFFF;
font-size: 14px;
line-height: 40px;
padding: 0;
margin: 0;
border: 0;
background: #474747;
}
.catalog .catalog__container {
overflow: hidden;
}
.catalog .custom-select__icon {
background: #1d4999;
}
.catalog .custom-select {
border-color: #1d4999;
color: #1d4999;
}
.catalog .custom-select__text-1 {
color: #1d4999;
}
.catalog .custom-select:hover .custom-select__dropdown {
border-color: #1d4999;
}
.product__main-container:before, .catalog .catalog__container:before {
content: '';
position: absolute;
top: 0;
left: calc(50% - (994px / 2));
background: #1D4999;
width: 100%;
height: 8px;
display: block;
z-index: 1;
max-width: 994px;
}
.product__breadcrumb, .catalog .catalog__breadcrumb {
position: relative;
padding: 20px 0;
}
.product__breadcrumb:before, .catalog .catalog__breadcrumb:before {
content: '';
position: absolute;
top: 0;
left: calc(50% - 50vw);
background: #FFFFFF;
width: 100vw;
height: 100%;
display: block;
z-index: 0;
}
.product__breadcrumb .container, .catalog .catalog__breadcrumb .container {
position: relative;
z-index: 1;
}
.catalog .catalog__breadcrumb .bread-crumb {
position: relative;
margin: 0;
padding: 0;
}
.product__container {
overflow: hidden;
}
.bread-crumb, .bread-crumb a, .bread-crumb li:first-child a:before {
font-size: 11px;
}
.product__area .product__name {
font-size: 28px;
font-weight: 100;
margin: 0 0 15px;
padding: 0 0 20px;
}
.fn.productName {
margin: 0 0 15px;
font-weight: 100;
}
.product__selector:after {
content: '';
clear: both;
display: block;
}
.product__purchase {
display: block;
width: 100%;
text-align: center;
}
.product__purchase:after {
content: '';
clear: both;
display: block;
}
.product button.product__buy.button {
width: 49%;
/*display: inline-block !important;*/
flex: unset;
padding: 0;
border: 0;
margin: 0;
float: left;
background: #88C736;
height: auto;
line-height: 40px;
}
.product .custom-select-assign {
width: 100% !important;
/*display: inline-block !important;*/
flex: unset;
margin: 0;
padding: 0 !important;
float: right;
border: 0;
height: auto;
line-height: 40px;
margin-top: 30px;
}
.product .select-selected {
background: #219ACF !important;
padding: 0;
border: 0;
}
.product .select-items div {
padding: 0;
border: 0;
line-height: 30px;
}
.product__purchase .portal-notify-me-ref {
}
.product__unavailable {
}
.product__shipping .shipping__tab .shipping__btn {
background: none;
padding: 0;
border: 0;
margin: 0;
text-decoration: underline;
display: inline-block;
font-size: 12px;
line-height: 12px;
font-weight: 700;
width: auto;
height: auto;
flex: unset;
min-height: auto;
}
.product__shipping .shipping__tab .shipping__btn i {
display: none;
}
.product-gallery__main .product-image {
margin: 0 auto;
width: 100% !important;
}
.product ul.info-tabs__nav.grid.grid--center {
border: 1px solid #dbdbdb;
display: block !important;
text-align: center;
font-size: 0;
padding: 5px;
width: calc(100% - 12px);
border-radius: 4px;
box-sizing: unset;
margin: 0 auto 35px;
flex: unset;
max-width: 994px;
}
.product .product__info-tabs .info-tabs__nav-item {
margin: 0;
padding: 0;
border: 0;
width: auto;
display: inline-block;
width: 33.3%;
}
.product .product__info-tabs .info-tabs__nav-button {
padding: 0;
margin: 0;
border: 0;
min-width: unset;
max-width: unset;
width: 100%;
height: auto;
line-height: 35px;
font-size: 12px;
display: inline-block;
font-weight: 400;
color: #9D9999;
text-transform: uppercase;
transition: background 0.4s;
border-radius: 4px;
}
.product button.info-tabs__nav-button.active {
background: #1D4999 !important;
color: #FFFFFF;
}
.product .product__info-tabs .info-tabs__nav-button:hover, .product .product__info-tabs .info-tabs__nav-button:focus {
background: #f3f3f3;
}
.product .product__info-tabs .info-tabs__content-item {
padding: 0;
}
.product .product__info-tabs .info-tabs__content-item div {
color: #1D4999;
padding: 0;
}
.catalog.resultado-busca .catalog__search-info {
width: 100%;
}
/* -- pink lemonade -- */
.pink .institucionais__container.boxLemonFullBanner {
padding: 0 !important;
margin: 0 0 -10%;
}
.pink .institucionais__container.boxLemonFullBanner .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl {
padding: 0;
}
.pink .institucionais__container.boxLemonFullBanner .container {
padding: 0;
width: 100%;
max-width: 100%;
}
.pink .institucionais__container.boxLemonFullBanner .box-text-highlight.grid {
padding: 0 !important;
}
.pink .institucionais__container.boxLemonFullBanner .box-text-highlight--left {
padding: 0;
width: 100%;
margin: 0;
}
.pink .institucionais__container.boxLemonFullBanner .box-text-highlight--left .box-banner {
width: 100%;
max-width: 100%;
}
.pink .institucionais__container.boxLemonFullBanner .box-text-highlight--left .box-banner a {
}
.pink .institucionais__container.boxLemonFullBanner .box-text-highlight--left .box-banner a img {
display: block;
width: 100%;
margin: 0 auto;
}
.pink .institucionais__container.boxBannerHeader {
padding: 0;
}
.pink.OTX-AP2-pink-lemonade-2 .institucionais__container.boxBannerHeader .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl {
padding: 60px 0 110px !important;
}
.pink .institucionais__container.boxBannerHeader .box-text-highlight.grid {
}
.pink .institucionais__container.boxBannerHeader .box-text-highlight--left {
padding: 110px 0 40px;
width: 49%;
vertical-align: unset;
}
.pink .institucionais__container.boxBannerHeader .box-text-highlight--left h2 {
display: block;
font-size: 79px;
line-height: 69px;
color: #F57EB6;
font-weight: 600;
}
.pink .institucionais__container.boxBannerHeader .box-text-highlight--left h2 em {
display: block;
font-size: 32px;
line-height: 32px;
margin: 0 0 5px;
font-weight: 100;
font-style: normal;
}
.pink .institucionais__container.boxBannerHeader .box-text-highlight.grid {
padding: 0;
vertical-align: unset;
position: relative;
}
.pink .institucionais__container.boxBannerHeader .box-text-highlight--right {
width: 49%;
padding: 0;
vertical-align: unset;
position: absolute;
top: 0;
right: 0;
}
.pink.OTX-AP2-pink-lemonade-2 .institucionais__container.boxBannerHeader .box-text-highlight--right {
top: -42%;
}
.pink .institucionais__container.boxBannerHeader .box-text-highlight--right .box-banner {
}
.pink .institucionais__container.boxBannerHeader .box-text-highlight--right .box-banner a {
}
.pink .institucionais__container.boxBannerHeader .box-text-highlight--right .box-banner a img {
display: block;
width: 100%;
margin: 0 auto;
max-width: 456px;
}
.pink .institucionais__container.boxLemonDrink {
background: linear-gradient(to left, #FEA8D2, #F57EB6);
padding: 80px 0;
margin: 0;
}
.pink .institucionais__container.boxLemonDrink .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl {
padding: 0;
}
.pink .institucionais__container.boxLemonDrink .box-text-highlight.grid {
padding: 0;
}
.pink .institucionais__container.boxLemonDrink .box-text-highlight--left {
padding: 0;
width: 100%;
position: relative;
}
.pink .institucionais__container.boxLemonDrink .box-text-highlight--left:before {
content: '';
width: 100%;
max-width: 265px;
min-height: 267px;
position: absolute;
top: 30%;
right: 0;
z-index: 1;
display: block;
background: url('/arquivos/lemon-slice-1.png') no-repeat center / 100% auto;
}
.pink .institucionais__container.boxLemonDrink .box-text-highlight--left p {
display: block;
color: #FFFFFF;
font-size: 30px;
line-height: 34px;
font-style: normal;
text-transform: uppercase;
font-weight: 100;
}
.pink .institucionais__container.boxLemonDrink .box-text-highlight--left p strong {
display: block;
font-weight: 100;
margin: 0 0 10px;
}
.pink .institucionais__container.boxLemonDrink .box-text-highlight--left p a {
font-weight: 700;
display: inline-block;
background: #FFFFFF;
padding: 10.5px 25px;
font-size: 12px;
line-height: 12px;
transition: background 0.4s, color 0.4s;
color: #F57EB6;
border: 1px solid #FFFFFF;
}
.pink .institucionais__container.boxLemonDrink .box-text-highlight--left p a:hover, .pink .institucionais__container.boxLemonDrink .box-text-highlight--left p a:focus {
background: none;
color: #FFFFFF;
}
.pink .institucionais__container.boxLemonShare {
padding: 50px 0;
margin: 0;
}
.pink .institucionais__container.boxLemonShare .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl {
padding: 0;
}
.pink .institucionais__container.boxLemonShare .box-text-highlight.grid {
padding: 0;
text-align: center;
}
.pink .institucionais__container.boxLemonShare .box-text-highlight.grid h2 {
color: #1D2E5C;
font-size: 24px;
text-align: center;
text-transform: uppercase;
line-height: 24px;
letter-spacing: 6px;
display: block;
margin: 0 0 15px;
}
.pink .institucionais__container.boxLemonShare .box-text-highlight.grid ul {
display: block;
text-align: center;
width: 100%;
font-size: 0;
}
.pink .institucionais__container.boxLemonShare .box-text-highlight.grid ul li {
display: inline-block;
margin: 0 5px;
vertical-align: middle;
width: 40px;
height: 40px;
}
.pink .institucionais__container.boxLemonShare .box-text-highlight.grid ul li a {
display: block;
text-align: center;
vertical-align: middle;
width: 40px;
height: 40px;
line-height: 40px;
overflow: hidden;
border-radius: 6px;
transition: background 0.4s;
}
.pink .institucionais__container.boxLemonShare .box-text-highlight.grid ul li a img {
display: inline-block;
vertical-align: middle;
}
.pink .institucionais__container.boxLemonShare .box-text-highlight.grid ul li a:hover, .pink .institucionais__container.boxLemonShare .box-text-highlight.grid ul li a:focus {
background: #f57eb6;
}
.pink .institucionais__container.boxLemonShare .box-text-highlight.grid ul li a:hover img, .pink .institucionais__container.boxLemonShare .box-text-highlight.grid ul li a:focus img {
filter: brightness(0) invert(1);
}
.pink .institucionais__container.boxLemonDetails {
padding: 65px 0 85px;
margin: 0;
background: url('/arquivos/bg-lemon-curves-1.png') repeat-x bottom center #F57EB6;
}
.pink .institucionais__container.boxLemonDetails .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl {
padding: 0;
}
.pink .institucionais__container.boxLemonDetails .box-text-highlight.grid {
padding: 0;
}
.pink .institucionais__container.boxLemonDetails .box-text-highlight--left {
padding: 0;
width: 49%;
position: relative;
}
.pink .institucionais__container.boxLemonDetails .box-text-highlight--left:before {
content: '';
width: 100%;
max-width: 169px;
min-height: 83px;
position: absolute;
top: -105px;
right: 0;
z-index: 1;
display: block;
background: url('/arquivos/lemon-slice-small-1.png') no-repeat center / 100% auto;
}
.pink .institucionais__container.boxLemonDetails .box-text-highlight--left:after {
content: '';
width: 100%;
max-width: 251px;
min-height: 290px;
position: absolute;
bottom: -60%;
left: -10%;
z-index: 1;
display: block;
background: url('/arquivos/lemon-slice-blur-1.png') no-repeat center / 100% auto;
}
.pink .institucionais__container.boxLemonDetails .box-text-highlight--left .box-banner {
}
.pink .institucionais__container.boxLemonDetails .box-text-highlight--left .box-banner a {
}
.pink .institucionais__container.boxLemonDetails .box-text-highlight--left .box-banner a img {
display: block;
margin: 0 auto;
max-width: 360px;
width: 100%;
}
.pink .institucionais__container.boxLemonDetails .box-text-highlight--right {
padding: 0 9% 0 0;
width: 49%;
}
.pink .institucionais__container.boxLemonDetails .box-text-highlight--right h2 {
display: block;
color: #FFFFFF;
margin: 0 0 60px;
font-size: 32px;
line-height: 32px;
}
.pink .institucionais__container.boxLemonDetails .box-text-highlight--right p {
display: block;
color: #FFFFFF;
}
.pink .institucionais__container.boxLemonDetails .box-text-highlight--right p strong {
display: block;
margin: 0 0 30px;
font-size: 14px;
line-height: 20px;
}
.pink .institucionais__container.boxLemonDetails .box-text-highlight--right p em {
display: block;
font-style: normal;
font-size: 12px;
line-height: 20px;
}
.pink .institucionais__container.boxLemonShelf {
padding: 90px 0 60px;
margin: 0;
}
.pink .institucionais__container.boxLemonShelf .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl {
padding: 0;
}
.pink .institucionais__container.boxLemonShelf .box-text-highlight.grid {
padding: 0;
}
.pink .institucionais__container.boxLemonShelf .box-text-highlight--left {
padding: 0;
width: 30%;
vertical-align: middle;
}
.pink .institucionais__container.boxLemonShelf .box-text-highlight--left h2 {
display: block;
color: #F57EB6;
margin: 0 0 10px;
}
.pink .institucionais__container.boxLemonShelf .box-text-highlight--left a {
font-weight: 700;
display: inline-block;
background: #F57EB6;
padding: 10.5px 25px;
font-size: 12px;
line-height: 12px;
transition: background 0.4s, color 0.4s;
color: #FFFFFF;
border: 1px solid #F57EB6;
text-transform: uppercase;
font-style: normal;
}
.pink .institucionais__container.boxLemonShelf .box-text-highlight--left a:hover, .pink .institucionais__container.boxLemonShelf .box-text-highlight--left a:focus {
background: none;
color: #F57EB6;
}
.pink .institucionais__container.boxLemonShelf .box-text-highlight--right {
padding: 0;
width: 67%;
vertical-align: middle;
}
.pink .institucionais__container.boxLemonShelf .box-text-highlight--right .prateleira ul.slick-dots {
display: none !important;
}
.pink .institucionais__container.boxLemonShelf .box-text-highlight--right .prateleira h2 {
}
.pink .institucionais__container.boxLemonShelf .box-text-highlight--right .prateleira ul {
}
.pink .institucionais__container.boxLemonShelf .box-text-highlight--right .prateleira ul li {
}
.pink .institucionais__container.formLemonDrink {
padding: 0 0 20px;
margin: 0;
}
.pink .institucionais__container.formLemonDrink .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl {
padding: 0;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight.grid {
padding: 0;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--left {
padding: 0;
width: 30%;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--left h2 {
display: block;
color: #1D2E5C;
font-size: 30px;
line-height: 34px;
font-style: normal;
text-transform: uppercase;
font-weight: 100;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--left h2 br {
display: none;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right {
padding: 0;
width: 65%;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form {
border: 0;
padding: 0;
margin: 0;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset {
margin: 0;
padding: 0;
border: 0;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset label {
display: block;
width: 100%;
margin: 0 0 4px;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset label select {
width: 100%;
display: block;
padding: 8px;
border-radius: 6px;
margin: 0;
background: none;
font-size: 15px;
line-height: 15px;
border: 1px solid #dddddd;
color: #1D2E5C;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset div {
width: 49%;
display: inline-block;
vertical-align: top;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset div em {
display: block;
font-size: 16px;
line-height: 16px;
color: #1D2E5C;
font-style: normal;
margin: 0 0 10px;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset div label {
border: 0;
margin: 0 10px 0 0;
display: block;
width: 100%;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset div label input[type="checkbox"] {
margin: 0 5px 0 0;
padding: 0;
width: 22px;
height: 22px;
display: inline-block;
vertical-align: middle;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset div label em {
margin: 0;
display: inline-block;
vertical-align: middle;
font-size: 15px;
line-height: 15px;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset div {
width: 100%;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset div ul {
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset div ul li {
width: calc(32% - 2px);
display: inline-block;
margin: 20px 0.5% 0.5%;
vertical-align: top;
border-radius: 0 6px 6px 6px;
text-align: left;
border: 1px solid #dddddd;
position: relative;
padding: 5px 8px;
font-size: 0;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset div ul li p {
font-size: 11px;
line-height: 16px;
margin: 0;
position: absolute;
top: -16px;
left: -1px;
font-weight: 800;
color: #1d4999;
text-transform: uppercase;
padding: 0 5px;
background: #dddddd;
border-radius: 6px 6px 0 0;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset div ul li p strong {
display: block;
font-weight: 800;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset div ul li label {
display: inline-block;
width: auto;
cursor: pointer;
width: calc(100%);
margin: 0;
transition: background 0.4s;
padding: 0 5px;
border-radius: 6px;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset div ul li label input[type="radio"] {
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset div ul li label em {
display: inline-block;
vertical-align: middle;
font-size: 13px;
line-height: 13px;
transition: color 0.4s;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset div ul li label:hover, .pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset div ul li label:focus {
color: #FFFFFF;
background: #1d4999;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset div ul li label:hover em, .pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset div ul li label:focus em {
color: #FFFFFF;
}
.pink .institucionais__container.boxLemonRecipe {
padding: 60px 0;
margin: 0;
background: #F9F9F9;
}
.pink .institucionais__container.boxLemonRecipe .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl {
padding: 0;
}
.pink .institucionais__container.boxLemonRecipe .box-text-highlight.grid {
padding: 0;
}
.pink .institucionais__container.boxLemonRecipe .box-text-highlight--left {
width: 35%;
padding: 0;
}
.pink .institucionais__container.boxLemonRecipe .box-text-highlight--left .box-banner {
position: relative;
}
.pink .institucionais__container.boxLemonRecipe .box-text-highlight--left .box-banner:before {
content: '';
width: 64px;
height: 80px;
position: absolute;
display: block;
background: url('/arquivos/box-recipe-pink-seal.png') no-repeat center;
z-index: 1;
top: -20px;
left: 20px;
}
.pink .institucionais__container.boxLemonRecipe .box-text-highlight--left .box-banner a {
}
.pink .institucionais__container.boxLemonRecipe .box-text-highlight--left .box-banner a img {
display: block;
margin: 0 auto;
width: 100%;
}
.pink .institucionais__container.boxLemonRecipe .box-text-highlight--right {
padding: 0 20% 0 0;
width: 60%;
position: relative;
}
.pink .institucionais__container.boxLemonRecipe .box-text-highlight--right h2 {
font-size: 30px;
line-height: 32px;
display: block;
margin: 0 0 50px;
font-weight: 100;
text-transform: uppercase;
}
.pink .institucionais__container.boxLemonRecipe .box-text-highlight--right p {
margin: 0 0 25px;
}
.pink .institucionais__container.boxLemonRecipe .box-text-highlight--right p:last-of-type {
margin: 0;
}
.pink .institucionais__container.boxLemonRecipe .box-text-highlight--right p strong {
display: block;
text-transform: uppercase;
font-size: 20px;
line-height: 20px;
font-weight: 100;
margin: 0 0 20px;
}
.institucionais__container.boxLemonRecipe .box-text-highlight--right ul {
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
.pink .institucionais__container.boxLemonRecipe .box-text-highlight--right ul li {
display: inline-block;
text-align: center;
margin: 0 0 0 6px;
}
.pink .institucionais__container.boxLemonRecipe .box-text-highlight--right ul li p {
margin: 0;
padding: 0;
}
.pink .institucionais__container.boxLemonRecipe .box-text-highlight--right ul li p img {
display: block;
margin: 0 auto 10px;
}
.pink .institucionais__container.boxLemonRecipe .box-text-highlight--right ul li p em {
display: block;
text-align: center;
font-size: 13px;
line-height: 13px;
font-style: normal;
}
.pink .institucionais__container.boxLemonRecipeList, .drinks .institucionais__container.boxRecipeList {
padding: 0;
margin: 0;
}
.pink .institucionais__container.boxLemonRecipeList .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl, .drinks .institucionais__container.boxRecipeList .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl {
padding: 0;
}
.pink .institucionais__container.boxLemonRecipeList .box-text-highlight.grid, .drinks .institucionais__container.boxRecipeList .box-text-highlight.grid {
padding: 0;
display: block !important;
flex: unset;
font-size: 0;
}
.pink .institucionais__container.boxLemonRecipeList ul, .drinks .institucionais__container.boxRecipeList ul {
display: block;
width: 100%;
text-align: center;
font-size: 0;
box-sizing: unset;
list-style: none;
padding: 0;
margin: 0;
border: 0;
}
.pink .institucionais__container.boxLemonRecipeList .prateleira, .drinks .institucionais__container.boxRecipeList .prateleira {
overflow-x: scroll;
}
.pink .institucionais__container.boxLemonRecipeList ul:after, .drinks .institucionais__container.boxRecipeList ul:after {
content: '';
display: block;
clear: both;
}
.pink .institucionais__container.boxLemonRecipeList ul li, .drinks .institucionais__container.boxRecipeList ul li {
display: block;
width: auto;
margin: 10px;
padding: 0;
border: 1px solid #D6D6D6;
line-height: normal;
box-sizing: unset;
font-size: 0;
float: left;
position: relative;
transition: border 0.4s, box-shadow 0.4s;
}
.pink .institucionais__container.boxLemonRecipeList ul li a *, .drinks .institucionais__container.boxRecipeList ul li a * {
pointer-events: none;
}
.pink .institucionais__container.boxLemonRecipeList ul li:hover, .pink .institucionais__container.boxLemonRecipeList ul li:focus, .drinks .institucionais__container.boxRecipeList ul li:hover, .drinks .institucionais__container.boxRecipeList ul li:focus {
box-shadow: 0 0 15px #d7d7d7;
}
.pink .institucionais__container.boxLemonRecipeList ul li:before, .drinks .institucionais__container.boxRecipeList ul li:before {
content: '';
width: 64px;
height: 80px;
position: absolute;
display: block;
/* background: url('/arquivos/box-recipe-pink-seal.png') no-repeat center; */
z-index: 1;
top: -20px;
left: 20px;
}
/* .drinks .institucionais__container.boxRecipeList ul li:before { */
/* background: url('/arquivos/box-recipe-seal.png') no-repeat center; */
/* } */
.pink .institucionais__container.boxLemonRecipeList ul li a, .drinks .institucionais__container.boxRecipeList ul li a {
display: block;
width: 100%;
position: relative;
}
.pink .institucionais__container.boxLemonRecipeList ul li a img, .drinks .institucionais__container.boxRecipeList ul li a img {
display: block;
width: 100%;
margin: 0 auto;
}
.pink .institucionais__container.boxLemonRecipeList ul li a b, .drinks .institucionais__container.boxRecipeList ul li a b {
display: block;
text-align: center;
font-size: 12px;
line-height: 15px;
font-weight: 100;
padding: 5px 0;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
letter-spacing: normal;
width: 100%;
font-weight: 800;
background: rgb(0 0 0 / 54%);
color: #FFFFFF;
}
.pink .institucionais__container.boxLemonRecipeList ul.slick-dots, .drinks .institucionais__container.boxRecipeList ul.slick-dots {
display: block;
width: 100%;
text-align: center;
font-size: 0;
box-sizing: unset;
list-style: none;
padding: 0;
margin: 0;
border: 0;
}
.pink .institucionais__container.boxLemonRecipeList ul.slick-dots:after, .drinks .institucionais__container.boxRecipeList ul.slick-dots:after {
display: none;
}
.pink .institucionais__container.boxLemonRecipeList ul.slick-dots li, .drinks .institucionais__container.boxRecipeList ul.slick-dots li {
display: block;
width: inherit;
margin: inherit;
padding: 0;
border: 0;
box-sizing: unset;
font-size: 0;
float: none;
position: inherit;
}
.pink .institucionais__container.boxLemonRecipeList ul.slick-dots li:hover, .pink .institucionais__container.boxLemonRecipeList ul.slick-dots li:focus, .drinks .institucionais__container.boxRecipeList ul.slick-dots li:hover, .drinks .institucionais__container.boxRecipeList ul.slick-dots li:focus {
box-shadow: unset;
background: #f57eb6;
}
.drinks .institucionais__container.boxRecipeList ul.slick-dots li:hover, .drinks .institucionais__container.boxRecipeList ul.slick-dots li:focus {
background: #1D4999;
}
.pink .institucionais__container.boxLemonRecipeList ul.slick-dots li:before, .drinks .institucionais__container.boxRecipeList ul.slick-dots li:before {
display: none;
}
.pink .institucionais__container.boxLemonRecipeList ul.slick-dots li a, .drinks .institucionais__container.boxRecipeList ul.slick-dots li a {
display: block;
width: 100%;
}
.pink .institucionais__container.boxLemonRecipeList ul.slick-dots li, .drinks .institucionais__container.boxRecipeList ul.slick-dots li {
border: 1px solid #1D4999;
}
.pink .institucionais__container.boxLemonRecipeList ul.slick-dots li.slick-active {
background: #f57eb6;
}
.drinks .institucionais__container.boxRecipeList ul.slick-dots li.slick-active {
background: #1D4999;
}
.pink .institucionais__container.boxLemonRecipeList ul.slick-dots, .drinks .institucionais__container.boxRecipeList ul.slick-dots {
position: relative;
width: 100%;
text-align: center;
z-index: 1;
padding: 20px 0 0;
}
.pink .institucionais__container.boxLemonRecipeList ul.slick-dots li, .drinks .institucionais__container.boxRecipeList ul.slick-dots li {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
margin: 0 7px;
border-radius: 50%;
font-size: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
background: transparent;
cursor: pointer;
border: 1px solid #f57eb6;
}
.drinks .institucionais__container.boxRecipeList ul.slick-dots li {
border: 1px solid #1D4999;
}
.pink .institucionais__container.boxLemonRecipeList ul.slick-dots li:only-child, .drinks .institucionais__container.boxRecipeList ul.slick-dots li:only-child {
display: none
}
.pink .shelf-product__title, .drinks .shelf-product__title {
color: #333 !important;
font-weight: 600 !important;
line-height: 15px !important;
font-size: 11px !important;
height: 29px;
overflow: hidden;
display: block !important;
text-align: center !important;
}
.pink .shelf-product__info, .drinks .shelf-product__info {
padding: 0 10px 5px;
}
.pink .shelf-product__image, .drinks .shelf-product__image {
padding: 5px 10px;
}
.pink .slick-arrow:hover, .pink .instafeed__arrow:hover, .drinks .slick-arrow:hover, .drinks .instafeed__arrow:hover {
background: #f57eb6;
}
.pink .slick-arrow, .drinks .slick-arrow {
display: none !important;
}
/* -- results search -- */
ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
width: calc(100% - 24px) !important;
padding: 12px;
margin: 0;
position: fixed !important;
top: 174px !important;
left: 0 !important;
box-sizing: unset !important;
border: 0;
background: #FFFFFF;
flex: unset;
height: calc(100vh - 174px - 24px);
overflow: auto;
}
ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li {
display: block;
vertical-align: middle;
}
ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li a {
height: 35px;
cursor: pointer;
display: block;
line-height: 35px;
padding: 0 10px;
overflow: hidden;
transition: background 0.4s;
box-sizing: unset;
margin: 0;
border: 0;
border-radius: 6px;
}
ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li a:hover, ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li a:focus {
background: #ddd;
}
ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li a img {
width: 39px;
height: 39px;
max-width: unset;
display: inline-block;
vertical-align: top;
border: 0;
margin: 0;
padding: 0;
box-sizing: unset;
display: none;
}
/* -- media [responsive mobile] -- */
@media screen and (min-width: 1400px) {
.home__area.home__area--banner-mid .banner-mid .banner-mid__img img, .home__area--diferenciais .diffImage .diffBanner .box-banner a img {
width: 105%;
height: auto;
}
.banner-bottom__container .home__banner .banner-bottom__img .box-banner a img {
width: 73%;
height: auto;
}
}
@media screen and (min-width: 1120px) {
.home__area--diferenciais .diffImage .diffBanner .box-banner a img {
width: 100%;
height: auto;
}
}
@media screen and (max-width: 1060px) {
.product .product__area--images {
margin: 0 auto 20px;
flex: unset;
width: calc(100% - 20px);
}
.product .product__area--info {
flex: unset;
padding: 0;
margin: 0 auto 30px;
width: calc(100% - 20px);
}
.product .product__area-floater.product__area-floater {
width: 100%;
display: block;
flex: unset;
background: none;
margin: 0;
}
.product .slick-slider .slick-track, .product .slick-slider .slick-list {
width: 100% !important;
background: #FFFFFF;
text-align: center;
}
.product .product-gallery__main .product-image a img {
margin: 0 auto;
}
.product .product__content.grid {
padding: 0 0 30px;
}
.product .product__descriptions {
width: calc(98% - 12px);
margin: 0 auto;
}
.product .product__container {
background: none;
}
.product .product__float-actions {
display: none;
}
.product .product__panel.text__shipping {
margin: 20px 0;
}
.product .product__info-tabs .info-tabs__nav-item {
width: 33.2%;
}
}
@media screen and (max-width: 1024px) {
.header__right-content {
display: block;
float: right;
margin: 9px 0 0;
vertical-align: middle;
width: auto;
}
.header__box.header__user {
display: inline-block !important;
width: 23px;
margin: 0 5px;
}
.header__box.header__minicart {
display: inline-block;
margin: 0;
}
.headerMenu {
padding: 17px 0 0;
}
.headerMenu .btnMenu {
display: inline-block;
padding: 0;
margin: 0;
vertical-align: middle;
}
.headerMenu .btnMenu i {
transition: color 0.4s;
}
.headerMenu .btnMenu:hover i, .headerMenu .btnMenu:focus i {
color: #6b6b6b;
}
.headerMenu .boxNavigator {
display: block;
width: 100%;
position: absolute;
top: -100vh;
left: 0;
padding: 20px;
z-index: 2;
background: #1d4999;
transition: top 0.4s;
margin: 0;
}
.headerMenu .boxNavigator.active {
top: 100%;
}
.headerMenu .boxNavigator .menu-departamento ul li {
width: 100%;
text-align: center;
margin: 0;
padding: 0;
display: block;
}
.headerMenu .boxNavigator .menu-departamento ul li ul li {
margin: 0;
padding: 0;
}
.headerMenu .boxNavigator .menu-departamento ul li a, .headerMenu .boxNavigator .menu-departamento ul li ul li a {
color: #FFFFFF;
padding: 10px 0;
display: inline-block;
margin: 0;
}
.headerMenu .boxNavigator .menu-departamento ul li ul {
display: block;
position: relative;
background: none;
padding: 10px 0;
margin: 0;
top: inherit;
left: 0 !important;
width: 100%;
background: #183e83;
transform: unset !important;
}
.headerMenu .boxNavigator .menu-departamento ul li ul:before {
display: none;
}
.headerMenu .btnSearch {
display: inline-block;
padding: 0;
margin: 0 0 0 10px;
vertical-align: middle;
}
.header__box.header__user i.icon.icon-search {
display: none;
}
.header__box.header__user i.icon.icon-user {
display: none;
}
.header__box.header__user p.welcome {
font-size: 0;
margin: 0;
cursor: default;
position: absolute;
padding: 0;
line-height: 0;
top: 0;
left: 0;
}
.header__box.header__user p.welcome a#login {
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
cursor: pointer;
}
.header__box.header__user p.welcome a#login:before {
content: "î¤";
position: absolute;
top: 0;
left: 0;
display: block;
font-size: 22px;
line-height: 22px;
vertical-align: middle;
font-family: "icomoon" !important;
font-style: normal;
font-weight: 700;
font-variant: normal;
text-transform: none;
color: inherit;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.minicart__modal {
bottom: 50vh;
}
.minicart.js-open .minicart__modal {
bottom: 0;
}
.footer__newsletter--campos label {
text-align: center;
}
.footer__newsletter--campos .button {
margin: 20px auto -20px;
width: auto;
padding: 15px 20px;
}
.footer__newsletter {
padding: 25px 0 0;
}
.footer__newsletter--form {
background: none;
}
.footer__newsletter--campos label {
display: none;
}
.footer__newsletter--campos input[type="text"] {
margin: 0 0 10px;
}
.footer__newsletter--form form.container {
width: 80%;
}
.footer__logo.grid.grid--center {
display: none;
}
.footer__doubt {
/* display: none; */
}
.footer__basic-col--full {
padding: 0;
text-align: left;
}
.footer__flags.grid.grid--center.grid--middle {
padding: 0;
display: block;
margin: 30px 0;
}
.footer__flags-title {
display: block;
padding: 0;
margin: 0;
}
.footer__basic.footer__menu {
padding: 290px 0 0 0;
display: block;
width: 95%;
margin: 0 auto;
min-width: auto;
}
.footer__basic:nth-child(3) {
display: block;
width: 95%;
margin: 0 auto;
}
.footer__flags-body>img:first-child {
margin: 0 5px 0 0;
}
.footer__menu .footer__basic-col:last-child {
border: 0;
padding: 0;
position: absolute;
top: 0;
left: calc(50% - (108px / 2));
text-align: center;
display: block !important;
}
.footer__menu .footer__basic-col:last-child p {
text-align: center !important;
display: block;
}
.footer__socials-body {
text-align: center;
display: block;
}
ul.footer__basic--nav.footer__socials-body li {
margin: 0 5px;
display: inline-block;
}
h2.footer__socials-title span {
display: none;
}
.footer__copy {
background: none;
}
.footer__copy>.container {
width: 95%;
text-align: left;
}
.footer__copy>.container p {
color: #1D2E5C;
}
.footer__copy--author.grid__col--sm-12.grid__col--md-4.grid.grid--right {
display: none;
}
.footer__basic.hide--md.hide--lg {
display: none;
}
.product__main-container:before, .catalog .catalog__container:before {
left: 0;
width: 100%;
max-width: 100%;
}
.catalog__grid.grid.grid--top {
display: block;
flex: unset;
width: 100%;
position: relative;
}
.catalog__grid.grid.grid--top .catalog__actions {
width: 100%;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
.catalog__grid.grid.grid--top .catalog__area.catalog__area--filter.grid__col--sm-12.grid__col--md-12.grid__col--lg-3.js-active.js-order-active, .catalog__area.catalog__area--filter.grid__col--sm-12.grid__col--md-12.grid__col--lg-3.js-active.js-filter-active {
width: 100%;
margin: 0;
padding: 0;
border: 0;
flex: unset;
height: calc(100vh - 95px);
top: 95px;
display: block;
overflow-x: hidden;
}
.catalog .action__button:first-child {
border: 0;
}
body>main {
margin-top: 95px !important;
}
.sust .boxTitle.bgAbout02 {
margin: 0 0 30px;
}
.sust .boxTitle.bgAbout02 .box-text-highlight--left {
padding: 0 !important;
}
.sust .boxTitle.bgAbout02 .box-text-highlight.grid {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.sust .boxBannerEsg {
padding-bottom: 40px;
}
.sust .boxBannerEsg .box-text-highlight--left, .sust .boxBannerEsg .box-text-highlight--right {
width: 100%;
padding: 2.5% 15px;
}
.sust .boxBannerEsg .box-text-highlight--left .box-banner a img {
display: none;
}
.sust .contentList .box-text-highlight--left, .sust .contentList .box-text-highlight--right {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.sust .contentList .box-text-highlight--left {
margin: 0 0 20px;
}
.sust .contentList .box-text-highlight--left h2:after {
display: none;
}
.sust .contentList .box-text-highlight--left h2 {
border-bottom: 1px solid #163F82;
display: block;
padding: 0 0 10px;
text-transform: capitalize;
}
.sust .contentList .box-text-highlight--left h2 br {
display: none;
}
.sust .contentList .box-text-highlight--right {
margin: 0;
border: 0;
}
.drinks .institucionais__container .box-text-highlight.grid, .pink .institucionais__container .box-text-highlight.grid {
width: 100% !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
}
@media screen and (max-width: 990px) {
.drinks .institucionais__container.boxDrinksBottom p strong {
width: calc(100% - 200px);
float: left;
padding: 20px 0;
}
.drinks .institucionais__container.boxDrinksBottom p strong br {
display: none;
}
.drinks .institucionais__container.boxDrinksBottom p a {
margin: 0;
float: left;
}
.drinks .institucionais__container.boxDrinksBottom p {
height: auto;
line-height: unset;
}
}
@media screen and (max-width: 900px) {
.pink .institucionais__container.boxBannerHeader .box-text-highlight--left h2 {
font-size: 60px;
line-height: 60px;
}
}
@media screen and (max-width: 767px) {
.home__area--diferenciais .diffImage .diffBanner .box-banner a img {
width:100%;
height: auto;
}
.footer__newsletter--campos label {
display: none;
}
.footer__newsletter--campos input[type="text"] {
margin: 0 0 10px;
}
.customSelect--1 .customSelect__list .customSelect__list-option {
font-size: 10px !important;
line-height: 12px;
height: auto;
padding: 5px 0;
vertical-align: middle;
min-height: 24px;
}
.customSelect--1 .customSelect__list .customSelect__list-option br {
display: block;
}
.home__area.home__area--banner-mid .banner-mid .banner-mid__img {
position: relative;
width: 100%;
}
.home__area.home__area--banner-mid .banner-mid .banner-mid__img img {
width: 100% !important;
height: auto !important;
}
.home__area.home__area--banner-mid .banner-mid .banner-mid__text {
width: calc(100% - 40px) !important;
padding: 30px 20px !important;
}
.home__area.home__area--banner-mid .banner-mid .banner-mid__text p {
width: 100% !important;
}
.home__area.home__area--banner-mid .banner-mid .banner-mid__text .btn p {
height: auto !important;
}
.home__area--diferenciais .diffImage {
width: 100%;
position: relative;
}
.home__area--diferenciais .diffText {
width: 100%;
position: relative;
}
.home__area--diferenciais .diffText .diferenciais__header h3 {
width: 100%;
text-align: center;
font-size: 24px;
line-height: 24px;
padding: 0;
}
.home__area.home__area--banner-mid .banner-mid .banner-mid__text h3 {
font-size: 26px;
line-height: 30px;
}
.home__shelf.home__shelf--3 .grid.grid--center {
width: 100%;
}
.home__shelf.home__shelf--3 .js-slider-shelf {
width: 100% !important;
padding: 0;
}
.home__shelf--3 h1.shelf__title {
font-size: 20px;
line-height: 20px;
}
.banner-bottom__container .home__banner .banner-bottom__img {
width: 100%;
height: auto;
}
.banner-bottom__container .home__banner .banner-bottom__text {
padding: 45% 25px 0;
width: 100%;
}
.banner-bottom__container .home__banner .banner-bottom__text h3 {
text-align: center;
}
.banner-bottom__container .home__banner .banner-bottom__img .box-banner a img {
width: 100%;
height: auto;
}
.home__area.home__area--banner-tv {
padding: 0 0 60px;
}
.product .product__info-tabs .info-tabs__nav-button {
font-size: 10px;
line-height: 11px;
height: 35px;
vertical-align: middle;
}
.product button.product__buy.button {
width: 100%;
margin: 0 0 10px;
}
.product .custom-select-assign {
width: 100% !important;
}
.container.box-image-text.grid .box-image-text__image.box-image-text--left.box-image-text--destaque.grid__col--md-6.grid__col--md-max-6, .box-image-text__content.box-image-text--right.grid__col--sm-12.grid__col--md-6.grid__col--sm-max-12.grid__col--md-max-6 {
width: 100% !important;
}
.container.box-image-text.grid .box-image-text__image.box-image-text--left.box-image-text--destaque.grid__col--md-6.grid__col--md-max-6 iframe {
width: 100%;
height: 50vh;
}
.box-image-text__content, .box-text-highlight .box-text-highlight--left, .box-text-highlight .box-text-highlight--right, .box-text-mission ul, .bgAbout02 .box-3-col__title, .box-qualidade__title.title.title--2.title--center, .box-image-text__image.box-image-text--right.grid__col--sm-12.grid__col--md-6.grid__col--sm-max-12.grid__col--md-max-6 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.box-text-mission ul li {
width: 100%;
margin: 0 0 20px;
}
.box-qualidade__wrapper .box-qualidade__item {
width: 100%;
display: block;
padding: 0;
text-align: left;
margin: 0 0 20px;
vertical-align: middle;
flex: unset;
height: auto;
}
.box-qualidade__wrapper .box-qualidade__item p {
vertical-align: middle;
display: inline-block;
line-height: 21px;
}
.box-qualidade__wrapper .box-qualidade__item p img {
margin: 0 10px 0 0;
display: inline-block;
float: left;
}
.box-qualidade__title.title.title--2.title--center {
margin: 0 0 30px;
}
.bxLeft, .bxRight {
width: 100% !important;
}
.bxLeft {
margin: 0 0 40px;
}
.bxLeft p {
width: 100%;
}
.box-text-highlight--left.box-text-highlight--destaque.grid__col--md-6.grid__col--md-max-6, .box-text-highlight--right.grid__col--sm-12.grid__col--md-6.grid__col--sm-max-12.grid__col--md-max-6 {
padding: 0 !important;
}
.box-text-highlight--left.box-text-highlight--destaque.grid__col--md-6.grid__col--md-max-6 {
margin: 0 0 40px;
}
.box-image-text__image.box-image-text--left.box-image-text--destaque.grid__col--md-6.grid__col--md-max-6, .box-image-text__content.box-image-text--right.grid__col--sm-12.grid__col--md-6.grid__col--sm-max-12.grid__col--md-max-6 {
width: 100% !important;
max-width: 100% !important;
}
.box-image-text__image.box-image-text--left.box-image-text--destaque.grid__col--md-6.grid__col--md-max-6 {
margin: 0 0 40px;
}
p.dest-txt {
width: 100%;
}
.institucionais__banner.artist .box-image-text.grid {
width: 100%;
}
.drinks .box-text-highlight--left, .drinks .box-text-highlight--right {
padding: 0 !important;
width: 100% !important;
margin: 0 0 30px;
text-align: center;
}
.pink .institucionais__container.boxBannerHeader .box-text-highlight--right {
position: relative;
}
.pink .institucionais__container.boxLemonDrink .box-text-highlight--left {
margin: 0;
}
.pink .institucionais__container.boxLemonDrink .box-text-highlight--left p strong br {
display: none;
}
.pink .institucionais__container.boxLemonDrink .box-text-highlight--left:before {
max-width: 165px;
min-height: 136px;
top: 60%;
}
.pink .institucionais__container.boxLemonDetails .box-text-highlight--left:before {
display: none;
}
.pink .institucionais__container.boxLemonShare {
padding: 60px 0 !important;
}
.pink .institucionais__container.boxBannerHeader .institucionais__wrapper.wrapper--vertical-sm-md.wrapper--vertical-md-xl {
padding: 60px 0 0 !important;
margin: 0 0 -80px;
}
.drinks .box-text-highlight--right {
margin: 0 !important;
}
.drinks .box-text-highlight--left h2, .drinks .box-text-highlight--right h2, .drinks .box-text-highlight--left h3, .drinks .box-text-highlight--right h3 {
text-align: center;
}
.drinks .box-text-highlight--left h2 br, .drinks .box-text-highlight--right h2 br, .drinks .box-text-highlight--left h3 br, .drinks .box-text-highlight--right h3 br {
display: none;
}
.drinks .box-text-highlight--left .box-banner, .drinks .box-text-highlight--right .box-banner {
width: 95%;
max-width: 350px;
margin: 0 auto;
text-align: center;
}
.drinks .box-text-highlight--left .box-banner a img, .drinks .box-text-highlight--right .box-banner a img {
width: 95%;
}
.drinks .institucionais__container.boxTitle .box-text-highlight--right .box-banner a img {
padding: 0 !important;
margin: 0 auto;
display: block;
}
.drinks .institucionais__container {
padding: 40px 0 !important;
margin: 0 !important;
}
.pink .institucionais__container.boxLemonDrink .box-text-highlight--left p strong {
padding: 60px 0 0;
}
.drinks .institucionais__container.boxDrinksBottom {
padding: 60px 0 !important;
margin: 0 0 80px !important;
}
.drinks .institucionais__container.boxRecipeList ul li:before {
width: 37px;
height: 45px;
background-size: cover;
}
.pink .institucionais__container.boxLemonDetails .box-text-highlight--left:after {
max-width: 165px;
min-height: 190px;
bottom: -10%;
left: 12%;
}
.pink .institucionais__container.boxLemonDetails .box-text-highlight--right h2 {
margin: 20px 0;
}
.pink .institucionais__container.boxLemonDetails {
padding: 60px 0 85px !important;
}
.institucionais__container.boxLemonRecipe .box-text-highlight--right ul, .institucionais__container.boxRecipe .box-text-highlight--right ul {
position: relative;
top: inherit;
right: inherit;
padding: 35px 0 0;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset div label {
display: inline-block;
width: auto;
}
}
@media screen and (max-width: 500px) {
.customSelect--1 .customSelect__list .customSelect__list-option {
font-size: 9px !important;
line-height: 12px;
float: left;
}
.callout .container.wrapper--lg {
padding: 60px 0;
}
.callout__list {
padding: 0;
}
.callout__item {
width: 80px;
margin: 0 8px;
}
.callout__item span {
font-size: 10px;
font-weight: 400;
}
.footer__newsletter--title h1 {
font-size: 20px;
line-height: 20px;
}
.home__area--diferenciais .diffText .diferenciais__header {
margin: 0 0 10px;
}
.home__area--diferenciais .diffText .diferenciais__content .slick-list.draggable {
width: 100%;
}
.home__area--diferenciais .diffText .diferenciais__content .diferenciais__content-item {
padding: 30px 0;
}
.home__area--diferenciais .diffText .diferenciais__content.slick-slider ul.slick-dots {
width: 100%;
float: left;
position: relative;
top: inherit;
left: inherit;
}
.home__area.home__area--diferenciais {
padding: 0;
}
.home__area--diferenciais .diffText .diferenciais__content .diferenciais__content-item .elemento-nome {
text-align: left;
}
.home__area--diferenciais .diffText .diferenciais__content .diferenciais__content-item .elemento-text {
text-align: left;
width: calc(100% - 90px);
}
.callout {
background: url(/arquivos/bg-banner-mid.jpg) no-repeat 0 0 / 140% auto;
}
.home__area.home__area--banner-mid .banner-mid .banner-mid__text {
width: calc(100% - 20px);
padding: 30px 10px;
}
.home__area.home__area--banner-mid .banner-mid .banner-mid__text h3 {
font-size: 23px;
line-height: 25px;
letter-spacing: 0;
}
.home__area.home__area--banner-mid .banner-mid .banner-mid__text .btn {
padding: 11px 0;
font-size: 11px;
width: 100%;
}
.footer__basic-col h2 {
font-size: 18px;
line-height: 18px;
}
li .shelf-product {
border-radius: 6px !important;
box-shadow: 0 0 15px #dddddd !important;
background: #FFFFFF;
}
li .shelf-product figure {
overflow: hidden;
border-radius: 6px;
}
.slick-slide img {
width: 100%;
}
.institucionais__video.bgAbout02 {
padding: 30px 0 0 !important;
}
.institucionais__video.bgAbout02 .container {
padding: 0 !important;
}
.institucionais__video.bgAbout02 iframe {
width: 100%;
}
.box-image-text__content.box-image-text--right.grid__col--sm-12.grid__col--md-6.grid__col--sm-max-12.grid__col--md-max-6 {
width: 100% !important;
margin: 0;
padding: 0 !important;
}
.institucionais__banner.artist .box-image-text__content.box-image-text--left {
margin: 0 0 20px;
border-bottom: 5px solid #1D4999;
padding: 0 0 20px;
}
.institucionais__banner.artist .box-image-text__content.box-image-text--left .dest2-img, .institucionais__banner.artist .box-image-text__image.box-image-text--right .dest2-img {
width: 100%;
}
.institucionais__banner.artist .box-image-text__content.box-image-text--left .dest2-txt, .institucionais__banner.artist .box-image-text__image.box-image-text--right .dest2-txt {
width: 91%;
}
.drinks .institucionais__container.boxDrinksBottom p img {
float: none;
display: block;
margin: 0 auto;
}
.drinks .institucionais__container.boxDrinksBottom p strong {
width: 100%;
text-align: center;
float: none;
display: block;
padding: 0 0 30px;
}
.drinks .institucionais__container.boxDrinksBottom p a {
display: block;
width: 100%;
padding: 10px 0;
text-align: center;
}
.drinks .institucionais__container.boxDrinksBottom .container {
background-size: cover;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset div {
width: 100%;
margin: 0 0 20px;
}
.pink .institucionais__container.formLemonDrink .box-text-highlight--right form fieldset div label em {
font-size: 12px;
line-height: 12px;
}
.pink .institucionais__container.boxBannerHeader .box-text-highlight--left h2 {
font-size: 45px;
line-height: 45px;
}
.pink .institucionais__container.boxLemonDrink .box-text-highlight--left:before {
max-width: 105px;
min-height: 87px;
top: 85%;
}
.pink .institucionais__container.boxLemonDetails .box-text-highlight--left:after {
max-width: 125px;
min-height: 140px;
bottom: -10%;
left: -5%;
}
.user.js-ready {
display: none;
}
.account.loggin p{
display: none;
}
.account.loggin ul{
display: none;
}
.account.logged {
display: none;
}
body:not(.assinatura) .home__area.home__area--banner-mid .banner-mid .banner-mid__text {
color: #1D2E5C;
padding: 35px 0 35px 30px;
float: right;
width: calc(50% - 30px);
display: block;
box-sizing: unset;
margin-top: 230px;
}
body:not(.assinatura) .home__area.home__area--banner-mid .banner-mid .banner-mid__text img {
width: auto;
display: block;
margin: auto;
padding: 15px;
}
body:not(.assinatura) .home__shelf.home__shelf--3 .js-slider-shelf {
width: calc(100% - 212px);
display: inline-block;
vertical-align: middle;
padding: 15px;
}
body:not(.assinatura) .home__shelf.home__shelf--3 .grid.grid--center {
display: inline-block;
vertical-align: middle;
}
body:not(.assinatura) .banner-bottom__container .home__banner .banner-bottom__img {
position: relative;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
body:not(.assinatura) .banner-bottom__container .home__banner .banner-bottom__img .box-banner a img {
height: 100%;
width: 100%;
display: inline-block;
max-width: unset;
}
}