/* Estilos Banners Rotativos y Cintillos */ .bbBannerAnounceRotativo { background: #091e37; color: white; min-height: 34px; text-align: center; padding: 5px; font-size: 17px; } .bbBannerAnounceRotativo p { position: relative; margin: 0; line-height: 2em; } .popInfomas { background: url(/arquivos/060420_icon_open.svg) no-repeat center center; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; display: inline-block; width: 15px; height: 15px; transform: translateY(3px); } .popInfoclose { width: 15px; background: url(/arquivos/060420_icon_close.svg) no-repeat center center; -webkit-background-size: 65%; -o-background-size: 65%; background-size: 65%; display: inline-block; position: relative; width: 30px; height: 30px; position: absolute; right: -26px; top: 0px; background-color: #f7f9f6; } .promoContent { -webkit-box-shadow: 1px 2px 22px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 1px 2px 22px -5px rgba(0, 0, 0, 0.75); box-shadow: 1px 2px 22px -5px rgba(0, 0, 0, 0.75); position: absolute; max-width: 520px; text-align: center; z-index: 4; background-color: #f7f9f6; color: #001f37; left: 32%; padding: 0 25px; } .promo-main { /*height: 237px;*/ height: auto; margin: 10px 0; position: relative; padding: 20px 0; } .promoTitle { margin: 0.7em 0 0; font-size: 1.5em; line-height: 1.1em; letter-spacing: 0.04em; } .hideInfo { display: none; } @media screen and (max-width: 767px) { .promoContent { width: 100%; left: 0; z-index: 999; } .promo-main { height: auto; } .promoTitle { font-size: 2.3em; margin: 0.3em 0 0; } .popInfoclose { top: 2%; right: 5%; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; width: 20px; height: 20px; z-index: 1; } .promoContent .prevBtn, .promoContent .nextBtn{ display:none !important; } .bbBannerAnounceRotativo { font-size: 15px !important; } } .slick-dots li button { background-color: #bdbdbd !important; width: 10px !important; height: 10px !important; } .slick-dots li.slick-active button { background-color: #bca578 !important; width: 10px; height: 10px; } .bbCintilloHeader { display: flex; justify-content: center; align-items: center; padding: 5px; } .bbCintilloHeader p { margin: 0; display: block; text-align: center; padding: 0.5em; border: solid 2px #062036; margin-right: 5px; /* font-family: "freight-display-pro", serif; */ position: relative; font-size: 0.85em; } .bbCintilloHeader p:last-child { margin-right: 0; } .bbCintilloHeader .CintlloBlue { background: #062036; color: white; } .bbCintilloHeader .b10 { width: 10%; } .bbCintilloHeader .b20 { width: 20%; } .bbCintilloHeader .b25 { width: 20%; } .bbCintilloHeader .b30 { width: 30%; } .bbCintilloHeader .b33 { width: 30%; } .bbCintilloHeader .b40 { width: 40%; } .bbCintilloHeader .b50 { width: 50%; } .bbCintilloHeader .b60 { width: 60%; } .bbCintilloHeader .b66 { width: 66%; } .bbCintilloHeader .b70 { width: 70%; } .bbCintilloHeader .b75 { width: 70%; } .bbCintilloHeader .b80 { width: 80%; } .bbCintilloHeader .b90 { width: 90%; } .bbCintilloHeader .b100 { width: 100%; } .bbCintilloHeader .CintilloWhite { color: #062036; } .simple-link { text-decoration: underline !important; } .special-link { position: absolute; right: 10px; text-transform: uppercase; font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 0.9em; line-height: 1.5em; text-decoration: underline !important; font-size: 12px; } .slick-dots { transform: translateY(6px); } @media screen and (max-width: 767px) { .bbCintilloHeader { flex-direction: column; } .bbCintilloHeader p { width: 100% !important; margin-right: 0; margin-bottom: 5px; } .bbCintilloHeader p:last-child { margin-bottom: 0; } .bbBannerAnounceRotativo .prevBtn,.bbBannerAnounceRotativo .nextBtn{ background-size: 20px; width: 20px;; } .bbBannerAnounceRotativo .nextBtn{ right: 0; } .bbBannerAnounceRotativo .prevBtn{ left: 0; } } .bbBannerAnounceRotativo .prevBtn,.promoContent .prevBtn, .promo-item.onLight .promo-content .prevBtn { background-image: url(/arquivos/arrow-Previous-Promotion.png); background-position: right; background-repeat: no-repeat; transition: 0.5s all ease; } .bbBannerAnounceRotativo .nextBtn, .promoContent .nextBtn, .promo-item.onLight .promo-content .nextBtn { background-image: url(/arquivos/arrow-Next-Promotion.png); background-position: left; background-repeat: no-repeat; transition: 0.5s all ease; } .promoContent .nextBtn { left: auto !important; right: -2px; } .promoContent .prevBtn, .promoContent .nextBtn { position: absolute; left: 0; top: 0; margin-top: 0; height: 100%; width: 30px; background-color: transparent; /* background-size: 62%; */ color: #fff; display: inline-block; vertical-align: middle; overflow: hidden; padding-left: 35px; transition: 0.5s all; } .promoContent .slick-dots { display: none !important; }