.page-title::after {  display:flex;  content: ' ';  padding-bottom:0.5rem;  width:110px;  border-bottom: 2px solid #000; } .banner { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; height:500px; width:100%; overflow:hidden; } .banner > img { position:absolute; object-fit:cover; object-position: 50% 50%; width:100%; height:100%; } .banner-content::before {  position: absolute; left:-1.15rem;  content:''; width: 0; height: 0;  border-style: solid; border-width: 15px 18px 15px 0;  border-color: transparent rgba( 0, 0, 0, 0.7 ) transparent transparent; } .banner .banner-container { position:relative; z-index:3; height:100%; } .banner-content {  position: absolute; right:10%; bottom:10%;  background-color:rgba( 0, 0, 0, 0.7 ); z-index:2;  padding:1.5rem;  width:45%; } .banner-title { color:#fff; z-index:5; font-size:1.5rem; } .banner-description { color:#fff; z-index:5; } .banner-title::after {  display:flex;  content: ' ';  padding-bottom:0.5rem;  width:100px;  border-bottom: 2px solid var(--color-primary); }  nav.products {  display:flex; background:var(--color-primary); align-items:center;  -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.40);  -moz-box-shadow:  0 0 1rem 0 rgba(0, 0, 0, 0.40);  box-shadow:  0 0 1rem 0 rgba(0, 0, 0, 0.40); } nav.products .header {  position:relative; background:#000; padding:1.5rem; color:#fff;  display:flex; text-align:left; align-items:center; align-self:stretch; } nav.products .header span.arrow {  width: 0; height: 0; border-style: solid; border-width: 13px 0 13px 16px; border-color: transparent transparent transparent #000;  position:absolute; right:-16px; top:8px; } nav.products ul { list-style:none; padding:0; margin:0; overflow: hidden; } nav.products ul li { position:relative; margin:1.25rem 0; } nav.products ul li::after { position:absolute; top:8px; bottom:8px; right:0; content:''; width:1px; border-right:1px solid #a76800; } nav.products ul li:last-child::after { display:none; } nav.products ul li a {  display:flex; padding: 0 1rem; overflow:hidden; width:100px; text-transform:uppercase; font-size:12px;  flex-direction:column; justify-content:center; align-items:center; text-align:center; color:#141414; } nav.products ul li a svg { width:4em; height:4em; margin-bottom:.5rem; } @media (max-width: 991.98px) {  nav.products ul { display:flex; justify-content:center; align-items:center; } } .brands { display:flex; background:#141414; align-items:center; } .brands .header { position:relative; background:#000; padding:1.5rem; display:flex; text-align:left; align-items:center; align-self:stretch; color:#fff; } .brands .header span.arrow {  width: 0; height: 0; border-style: solid; border-width: 13px 0 13px 16px; border-color: transparent transparent transparent #000;  position:absolute; right:-16px; top:8px; } .brands ul { list-style:none; margin:1rem; padding:0; } .brands ul li { text-align:center; margin:0 1rem; }  .infos { position:relative; display:flex; width:100%; overflow:hidden; background:var(--color-primary); color:#000; } .infos p, .infos h1 { margin-bottom:2rem; } .infos a { color:#000; } .infos img { z-index:1; position:absolute; object-fit:cover; object-position: 50% 50%; width:100%; height:100%; } .infos-overlay { background:rgba(250, 166, 26, 0.75 ); z-index:2; position:absolute; top:0; bottom:0; left:0; right:0; transition:all 1s; } .infos-content { padding:3rem; z-index:5; } .last-news { padding:3rem; } .news-box {  position:relative; display:flex; height:300px; width:100%; overflow:hidden; margin:1rem 0;  color:#fff; } .news-box:hover { color:#fff; text-decoration:none; } .news-box:hover .news-box-overlay { background:rgba( 0, 0, 0, 0.8 ); } .news-box img { z-index:1; position:absolute; object-fit:cover; object-position: 50% 50%; width:100%; height:100%; } .news-box-date { color:var(--color-primary); font-weight:bold; font-size:0.9rem; } .news-box-title { font-weight:bold; font-size:1.2rem; margin:0.5rem 0; } .news-box-title::after { display:flex; content: ' '; padding-bottom:0.5rem; width:100px; border-bottom:1px solid var(--color-primary); } .news-box-content { z-index:5; padding:1rem; align-self: flex-end; } .news-box-overlay { background:rgba( 0, 0, 0, 0.3 ); z-index:2; position:absolute; top:0; bottom:0; left:0; right:0; transition:all 1s; } .news-box-link { color:var(--color-primary); }   .mega .container-fluid { padding:4rem 3rem 5rem; } .about .container-fluid { padding:3rem; } .regua { display:flex; flex:1; justify-content:space-around; margin:3rem 0 calc( -3rem - 5px ); border-bottom:10px solid #fec214; } .regua span { padding:.75rem 1rem 1rem; position:relative; } .regua span::after { content:' '; width:5px; height:25px; background:#000; position:absolute; bottom:-20px; left:50%; } .premios .container-fluid { position:relative; } .premios-box { background:#fec214; padding:2rem; margin:0 2rem; position:relative; top:-3rem; } .premios-box ul { list-style:none; padding:1em 0 0; } .premios-box ul li { display:flex; align-items:center; margin-bottom:1.25rem; } .premios-box ul li::before {  content: ''; display: inline-flex;  height:3em; width:3em;  background-image: url( '/template/default/images/icons/trofeu.svg' );  background-size: contain; background-repeat: no-repeat;  margin-right:0.75em; }  @media ( min-width: 992px ) {  .container-fluid,  .about .container-fluid { padding:0 150px; }  .infos-content { padding:3rem 150px; }  .last-news { padding:3rem 150px; }  .mega .container-fluid { padding:4rem 150px 5rem; }  nav.products .header,  .brands .header { padding-left:150px; } }