.counterContainer { display: block; position: relative; width: 100%; height: auto; background-repeat: no-repeat; background-size: cover; height: 350px; } #contdownContainer { margin: 0 auto; padding: 20px 40px 20px 20px; text-align: center; display: block; box-sizing: border-box; position: absolute; display: block; top: 90px; right: 0; color: #fff; z-index: 1; } #contdownContainer.leftTop { left: 40px; top: 40px; right: auto; padding: 0; } #contdownContainer.leftBottom { left: 40px; bottom: 40px; top: auto; right: auto; padding: 0; } #contdownContainer.rightTop { right: 40px; top: 40px; left: auto; padding: 0; } #contdownContainer.rightBottom { right: 40px; bottom: 40px; top: auto; padding: 0; left: auto; } #contdownContainer .time { //float: left; display: inline-block; position: relative; //margin-left: 10px; font-family: wuerthextra_bold_cond, Arial, Helvetica, sans-serif; font-weight: normal; } #contdownContainer .time.days { margin: 0; } #contdownContainer .time span { display: block; position: relative; padding: 10px; font-size: 16px; } #contdownContainer .time span.nbrCnt { color: #ffffff; font-size: 60px; padding: 8px; border-top-left-radius: 0.4rem; border-top-right-radius: 0.4rem; } #contdownContainer .time span.cntLabel { background: rgba(255,255,255,.8); font-family: wuerthbold, Arial, Helvetica, sans-serif; color: #000000; border-bottom-left-radius: 0.4rem; border-bottom-right-radius: 0.4rem; } /* #contdownContainer .time.days span.cntLabel { width: 80px; } #contdownContainer .time.hours span.cntLabel { width: 80px; } #contdownContainer .time.minutes span.cntLabel { width: 80px; } #contdownContainer .time.seconds span.cntLabel { width: 100px; }*/ .titlImgText #contdownContainer.countdownSuggest { position: relative; left:auto; bottom: auto; top: auto; right: auto; } .titleImg .countdownSuggest .imageCta .btn_cta, .titleImg .countdownSuggest .imageCta .btn_function { position: relative; } span.high-text { font-size: 6rem; font-family:wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; line-height:1; } #contdownContainer.row { position: relative;top: 0; } .content { color: #fff; } .outer-slick { width: 90%; margin: auto; } #contdownContainer .slick-prev { left: -20px; } #contdownContainer .slick-next { right: -20px; } #contdownContainer .slick-next:before #contdownContainer .slick-prev:before { color:#fff; } #contdownContainer .slick-container a { text-decoration: none !important; color: unset !important; } #contdownContainer .card-body { border-top: 0.2rem solid #cc0000; height: 100%; } #contdownContainer card { border: unset; } .prefix-custom { float: right; color: #000; font-size: 1.5rem; font-family: Arial, Helvetica, sans-serif; } .price-custom { color: #cc0000; font-family: wuerthextra_bold_cond, Arial, Helvetica, sans-serif; font-size: 3.2rem; display: inline-block; line-height: 1.0; } @media all and (max-width: 576px) { span.high-text { font-size: 5rem; } #contdownContainer.row .time { max-width: 20rem; } #contdownContainer.row .time span.nbrCnt { font-size: 40px; } #contdownContainer.row .time span { font-size: 13px; } } @media screen and (max-width: 974px) { .contentPage .titleImg .titleImgImage { max-height: 100%; } }