Trivali
.marquee-marquee_1719286464group {
display: block;
position: relative;
overflow: hidden;
border:0;
height: 27.7px !important;
padding:0;
}
.marquee-marquee_1719286464 {
display:inline-block;
position:absolute;
top:0;
left:0;
bottom:0;
color:#000;
overflow:hidden;
}
.marquee-marquee_1719286464 h1 {
display:inline-block !important;
font-size:23.7px !important;
white-space:nowrap !important;
text-transform:uppercase !important;
border:0 !important;
color:#ffffff !important;
padding:0 !important;
}
.title-grid_blocks_1719363358 {
color:#ffffff!important;
font-size:2.7em !important;
}
.subtitle-grid_blocks_1719363358 {
font-size:1.7em !important;
color:#ffffff!important;
}
.btn-grid_blocks_1719363358 {
color: #ffffff !important;
background-color: #000000 !important;
border-color: #000000 !important;
font-size:1em !important;
}
.btn-grid_blocks_1719363358:hover {
color: #ffffff !important;
background-color: #555555 !important;
border-color: #555555 !important;
}
.btnSec-grid_blocks_1719363358 {
color: #ffffff !important;
background-color: #e2b023 !important;
border-color: #e2b023 !important;
font-size:1em !important;
}
.btnSec-grid_blocks_1719363358:hover {
color: #ffffff !important;
background-color: #555555 !important;
border-color: #555555 !important;
}
@media(min-width: 768px) {
.hero-banner-grid_blocks_1719363358 {
width: width: 80%;%;
}
.title-grid_blocks_1719363358 {
font-size:2.7em !important;
}
.subtitle-grid_blocks_1719363358 {
font-size:1.7em !important;
}
.btn-grid_blocks_1719363358 {
font-size:1em !important;
}
.btnSec-grid_blocks_1719363358 {
font-size:1em !important;
}
}
Banner promocional
Estílo Único
.title-grid_blocks_1719363358 {
color:#ffffff!important;
font-size:2.7em !important;
}
.subtitle-grid_blocks_1719363358 {
font-size:1.7em !important;
color:#ffffff!important;
}
.btn-grid_blocks_1719363358 {
color: #ffffff !important;
background-color: #000000 !important;
border-color: #000000 !important;
font-size:1em !important;
}
.btn-grid_blocks_1719363358:hover {
color: #ffffff !important;
background-color: #555555 !important;
border-color: #555555 !important;
}
.btnSec-grid_blocks_1719363358 {
color: #ffffff !important;
background-color: #bfbfbf !important;
border-color: #bfbfbf !important;
font-size:1em !important;
}
.btnSec-grid_blocks_1719363358:hover {
color: #ffffff !important;
background-color: #555555 !important;
border-color: #555555 !important;
}
@media(min-width: 768px) {
.hero-banner-grid_blocks_1719363358 {
width: width: 80%;%;
}
.title-grid_blocks_1719363358 {
font-size:2.7em !important;
}
.subtitle-grid_blocks_1719363358 {
font-size:1.7em !important;
}
.btn-grid_blocks_1719363358 {
font-size:1em !important;
}
.btnSec-grid_blocks_1719363358 {
font-size:1em !important;
}
}
Banner promocional
Espacios Coloridos
.title-grid_blocks_1719372375 {
color:#ffffff!important;
font-size:2.7em !important;
}
.subtitle-grid_blocks_1719372375 {
font-size:1.7em !important;
color:#ffffff!important;
}
.btn-grid_blocks_1719372375 {
color: #ffffff !important;
background-color: #bfbfbf !important;
border-color: #bfbfbf !important;
font-size:1em !important;
}
.btn-grid_blocks_1719372375:hover {
color: #ffffff !important;
background-color: #555555 !important;
border-color: #555555 !important;
}
.btnSec-grid_blocks_1719372375 {
color: #ffffff !important;
background-color: #bfbfbf !important;
border-color: #bfbfbf !important;
font-size:1em !important;
}
.btnSec-grid_blocks_1719372375:hover {
color: #ffffff !important;
background-color: #555555 !important;
border-color: #555555 !important;
}
@media(min-width: 768px) {
.hero-banner-grid_blocks_1719372375 {
width: width: 80%;%;
}
.title-grid_blocks_1719372375 {
font-size:2.7em !important;
}
.subtitle-grid_blocks_1719372375 {
font-size:1.7em !important;
}
.btn-grid_blocks_1719372375 {
font-size:1em !important;
}
.btnSec-grid_blocks_1719372375 {
font-size:1em !important;
}
}
Banner promocional
Funcional
.title-grid_blocks_1719372375 {
color:#ffffff!important;
font-size:2.7em !important;
}
.subtitle-grid_blocks_1719372375 {
font-size:1.7em !important;
color:#ffffff!important;
}
.btn-grid_blocks_1719372375 {
color: #ffffff !important;
background-color: #bfbfbf !important;
border-color: #bfbfbf !important;
font-size:1em !important;
}
.btn-grid_blocks_1719372375:hover {
color: #ffffff !important;
background-color: #555555 !important;
border-color: #555555 !important;
}
.btnSec-grid_blocks_1719372375 {
color: #ffffff !important;
background-color: #bfbfbf !important;
border-color: #bfbfbf !important;
font-size:1em !important;
}
.btnSec-grid_blocks_1719372375:hover {
color: #ffffff !important;
background-color: #555555 !important;
border-color: #555555 !important;
}
@media(min-width: 768px) {
.hero-banner-grid_blocks_1719372375 {
width: width: 88%;%;
}
.title-grid_blocks_1719372375 {
font-size:2.7em !important;
}
.subtitle-grid_blocks_1719372375 {
font-size:1.7em !important;
}
.btn-grid_blocks_1719372375 {
font-size:1em !important;
}
.btnSec-grid_blocks_1719372375 {
font-size:1em !important;
}
}
Banner promocional
Texturas
.title-grid_blocks_1719372375 {
color:#ffffff!important;
font-size:2.7em !important;
}
.subtitle-grid_blocks_1719372375 {
font-size:1.7em !important;
color:#ffffff!important;
}
.btn-grid_blocks_1719372375 {
color: #ffffff !important;
background-color: #000000 !important;
border-color: #000000 !important;
font-size:1em !important;
}
.btn-grid_blocks_1719372375:hover {
color: #ffffff !important;
background-color: #555555 !important;
border-color: #555555 !important;
}
.btnSec-grid_blocks_1719372375 {
color: #ffffff !important;
background-color: #bfbfbf !important;
border-color: #bfbfbf !important;
font-size:1em !important;
}
.btnSec-grid_blocks_1719372375:hover {
color: #ffffff !important;
background-color: #555555 !important;
border-color: #555555 !important;
}
@media(min-width: 768px) {
.hero-banner-grid_blocks_1719372375 {
width: width: 82%;%;
}
.title-grid_blocks_1719372375 {
font-size:2.7em !important;
}
.subtitle-grid_blocks_1719372375 {
font-size:1.7em !important;
}
.btn-grid_blocks_1719372375 {
font-size:1em !important;
}
.btnSec-grid_blocks_1719372375 {
font-size:1em !important;
}
}
Banner promocional
Colores
.section-color-slide_hero_new_1719373345 {
background-color: #ffffff;
}
.background-video-slide_hero_new_1719373345 {
width: 100%;
height: 100%;
object-fit: cover;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}
.dots-slide_hero_new_1719373345 {
width:10px;
height:10px;
background-color:#ffffff!important;
transition: background-color 0.5s;
}
.dots-slide_hero_new_1719373345.tns-nav-active,
.dots-slide_hero_new_1719373345:hover {
background-color:#555555!important;
}
.arrows-slide_hero_new_1719373345 {
color:#ffffff!important;
transition: color 0.5s;
}
.arrows-slide_hero_new_1719373345:hover {
color:#555555!important;
}
.slider-height-slide_hero_new_1719373345 {
min-height: 600px;
}
@media(min-width: 768px) {
.slider-height-slide_hero_new_1719373345 {
min-height: 500px;
}
}