/* SPLASH */
/*.hero { display:grid; grid-template-columns:repeat(12, 1fr); grid-template-rows:repeat(3, 1fr); grid-column-gap:10px; grid-row-gap:10px; padding:10px; margin:0; overflow:hidden; position:relative; box-sizing:border-box; }*/
/*.hero-item { border-radius:5px; overflow:hidden; }*/
/*.hero-item:nth-child(1) { grid-area: 1 / 1 / 5 / 9; }*/
/*.hero-item:nth-child(2) { grid-area: 1 / 9 / 3 / 13; }*/
/*.hero-item:nth-child(3) { grid-area: 3 / 9 / 5 / 13; }*/

.hero { display:flex; padding:10px; margin:0; overflow:hidden; position:relative; box-sizing:border-box; }
.hero-column { flex-grow:0; flex-shrink:0; box-sizing:border-box; }
.hero-column:nth-child(1) { width:65%; }
.hero-column:nth-child(2) { width:35%; }
.hero-item { display:block; position:relative; width:100%; padding:40% 0 0; background:#fff; overflow:hidden; box-sizing: border-box; }
.hero-column:nth-child(1) .hero-item { padding:43.2% 0 0; }
.hero-item-body { position:absolute; display:block; top:10px; left:10px; bottom:10px; right:10px; }
.hero-item-background { position:absolute; display:block; top:0; left:0; width:100%; height:100%; object-fit:cover; pointer-events:none; background-position:center; background-size:cover; background-repeat:no-repeat; border-radius:5px; }
@media screen and (max-width: 1024px){
    .hero { flex-direction:column; }
    .hero .hero-column { width:100%; }
    .hero-column:nth-child(2) { display:flex; }
    .hero-column:nth-child(2) .hero-item { flex-grow:0; padding:24% 0 0; flex-shrink:0; width:50%; }
}
@media screen and (max-width: 800px){
    .hero { display:block; }
    .hero .hero-column { display:block; width:100%; }
    .hero .hero-column .hero-item { margin:0; width:100%; padding:43.2% 0 0; }
    .hero .hero-column .hero-item-body { top:5px; left:5px; bottom:5px; right:5px; }
}

.hero-slide { position:relative; display:block; padding:40% 0 0; width:100%; height:100%; box-sizing:border-box; }
.hero-slide .container { position:relative; }
.hero-slide-background { position:absolute; display:block; top:0; left:0; width:100%; height:100%; object-fit:cover; pointer-events:none; background-position:center; background-size:cover; background-repeat:no-repeat; }
.hero-slide-caption { background:rgba(255,255,255,1); padding:30px; left:0; bottom:50px; position:absolute; z-index:100; width:50%; box-sizing:border-box; line-height:1.2; }
.hero-slide-title { font-size:2.5em; text-transform:uppercase; }
.hero-slide-subtitle { font-size:1.5em; }
.hero-slide-content { font-size:1em; }
.hero-slide-image { float:right; display:block; width:60%; padding:30% 0 0; position:relative; }
.hero-slide-image img { display:block; width:100%; height:100%; top:0; position:absolute; object-fit:cover; }

@media screen and (max-width: 1400px){
    .hero-slide { padding:40% 0 0; }
}
@media screen and (max-width: 800px){
    .hero { display:block; }
    .hero-item { margin:0 0 10px; }
    .hero-slide { padding:45% 0 0; }
    .hero-slide-caption { padding:20px; width:100%; }
    .hero-slide-title {font-size:1.7em; }
    .hero-slide-content { font-size:1.2em; }
}


/* CATEGORIES */
.categories { margin:0 0 30px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; }
.categories .categories-category:nth-child(4n) { margin-right:0; }
.categories-category { display:block; color:inherit; width:23%; margin:0 2% 30px 0; box-sizing:border-box; position:relative; padding:35px 15px; border-radius:5px; box-shadow:0 5px 15px 1px rgba(30,50,80,0.1); background: #fff; text-align: center; }
.categories-category-image { display:block; width:150px; height:150px; margin:0 auto 30px; object-fit: contain; }
.categories-category-title { font-weight: bold; text-transform: uppercase; color:inherit; line-height: 1.2; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
@media only screen and (max-width: 600px){
    .categories .categories-category { width:48%; margin-right:4%; padding:20px 15px; }
    .categories .categories-category:nth-child(4n) { margin-right:4%; }
    .categories .categories-category:nth-child(2n) { margin-right:0%; }
}



/* promos */
/* SPLASH */
.promos { display:flex; flex-wrap: wrap; justify-content: space-between; padding:0 5px; margin:0; overflow:hidden; position:relative; box-sizing:border-box; }
.promos-promo { display:block; flex-grow:0; color:inherit; flex-shrink:0; position:relative; width:48%; margin:5px 0 40px 0; box-sizing:border-box; padding:25px; border-radius:5px; box-shadow:0 5px 15px 1px rgba(30,50,80,0.1); background: #fff; }
.promos-promo-image { display:block; width:100%; border-radius:5px; object-fit:cover; margin:0 0 20px; }
.promos-promo-body { padding:0; position:relative; }
.promos-promo-title { font-size:1.2em; margin:0 0 10px; }
.promos-promo-subtitle { color:var(--text-color); line-height: 1.5;  }