@font-face { font-family: icomoon; src: url("../fonts/icomoon.ttf?ytf3iw") format("truetype"), url("../fonts/icomoon.woff?ytf3iw") format("woff"); font-weight: normal; font-style: normal; font-display: block; }
[class*=" icon-"], [class^="icon-"] { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: icomoon !important; }
.icon-rewards::before { content: ""; }
.icon-calendar-month::before { content: ""; }
.icon-arrow-left::before { content: ""; }
.icon-arrow-right::before { content: ""; }
.icon-arrow-right-sm::before { content: ""; }
.icon-faq::before { content: ""; }
.icon-mail::before { content: ""; }
.icon-tv::before { content: ""; }
.icon-user::before { content: ""; }
.icon-pinterest::before { content: ""; }
.icon-facebook::before { content: ""; }
.icon-twitter::before { content: ""; }
.icon-linkedin2::before { content: ""; }
.clearfix::after { content: ""; display: block; clear: both; }
.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.wrapper { overflow: hidden; }
.container-fluid { max-width: 1326px; }
img { height: auto; }
a { transition: color 0.3s linear 0s; }
@media (min-width: 1326px) {
    .btn { min-width: 197px; padding: 0.65rem 3.75rem; }
}
@media (max-width: 767.98px) {
    .btn { min-width: 197px; }
}
@media (max-width: 767.98px) {
    h2 { font-size: 25px; }
}
.title-section { position: relative; margin-bottom: 50px; }
.title-section::after { content: ""; position: absolute; bottom: -21px; left: 0px; width: 40px; height: 7px; background-color: rgb(255, 121, 0); }
@media (min-width: 768px) {
    .title-section::after { bottom: -18px; }
}
.title-section i { font-style: normal; }
.sub-navigation { display: flex; -webkit-box-align: end; align-items: flex-end; margin-bottom: 51px; }
.sub-navigation ul { padding: 0px; margin: 0px 0px 3px 33px; list-style: none; display: flex; font-weight: 700; }
.sub-navigation li { margin: 0px 32px 0px 0px; }
.sub-navigation li:last-of-type { margin: 0px; }
.sub-navigation a { color: rgb(0, 0, 0); }
.sub-navigation a:hover { color: rgb(255, 121, 0); }
.publicite { position: relative; }
.publicite img { max-width: 100%; }
.publicite span { position: absolute; top: 20px; right: -38px; color: rgb(102, 102, 102); font-size: 14px; line-height: 1; transform: rotate(-90deg); }
.publicite.horizontal { text-align: center; }
.publicite.horizontal a { position: relative; }
.publicite.horizontal a span { right: auto; left: -38px; }
.breadcrumb { font-size: 14px; }
.breadcrumb a { color: rgb(108, 117, 125); }
.breadcrumb a:hover { color: rgb(255, 121, 0); }
@media (max-width: 767.98px) {
    .hide-mobile { display: none; }
}
.btn_c_noir_blanc { color: rgb(0, 0, 0) !important; }
.btn_c_noir_blanc:hover { color: rgb(255, 255, 255) !important; }
@media only screen and (max-width: 768px) {
    .mobile-news-holder .image-section { display: none !important; }
}
.news-list-section .horizontal .advertising-asb span { position: inherit !important; }
@media only screen and (max-width: 768px) {
    .filter-row .menu-rub-mob li { margin-right: 29px !important; }
}
.news-detail p a { color: rgb(255, 121, 0) !important; }
.news-detail p a:hover { text-decoration: underline; }
.news-detail h3 { font-size: 1rem; margin-bottom: 1rem; }
.load-more { display: flex; text-align: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-left: auto; margin-right: auto; max-width: 320px; }
.load-more .loader { border-width: 3px; border-style: solid; border-color: transparent rgb(0, 0, 0) rgb(0, 0, 0); border-image: initial; border-radius: 50%; width: 16px; height: 16px; animation: 2s linear 0s infinite normal none running spinnew; margin-right: 15px; }
.load-more:hover { color: rgb(0, 0, 0) !important; background-color: rgb(255, 255, 255) !important; }
@-webkit-keyframes spinnew {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes spinnew {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#div_footer h3 { color: inherit; }
.carousel-control-next, .carousel-control-prev { width: 8%; opacity: 1; }
.carousel-control-next:hover .carousel-control-next-icon::after, .carousel-control-next:hover .carousel-control-prev-icon::after, .carousel-control-prev:hover .carousel-control-next-icon::after, .carousel-control-prev:hover .carousel-control-prev-icon::after { color: rgb(255, 121, 0); }
.carousel-control-prev-icon { background: none; }
.carousel-control-next-icon { background: none; }
.carousel-control-next-icon, .carousel-control-prev-icon { width: auto; height: auto; position: relative; font-size: 32px; }
.carousel-control-next-icon::after, .carousel-control-prev-icon::after { content: ""; font-family: icomoon; transition: color 0.3s linear 0s; }
.carousel-control-prev-icon::after { content: ""; }
.carousel-control-next-icon::after { content: ""; }
.carousel-indicators { margin-bottom: 0px; }
.carousel-indicators li.active { background-color: rgb(255, 121, 0); }
.promo-carousel { margin-right: -15px; width: calc(100% + 30px); margin-left: -15px; }
@media (min-width: 1326px) {
    .promo-carousel { margin-left: 0px; margin-right: calc((100vw - 1296px) / -2); width: calc(100% + (100vw - 1296px) / 2); }
}
@media (min-width: 768px) {
    .promo-carousel .carousel-item { min-height: 310px; background-size: cover; background-position: 50% 50%; }
}
@media (max-width: 767.98px) {
    .promo-carousel .carousel-item { background: transparent !important; }
}
.promo-carousel .carousel-item img { width: 100%; }
@media (min-width: 768px) {
    .promo-carousel .carousel-item img { display: none; }
}
@media (max-width: 767.98px) {
    .promo-carousel .carousel-control-next, .promo-carousel .carousel-control-prev { display: none; }
}
.promo-carousel-hp .carousel-inner .carousel-item { background-size: inherit !important; background-repeat: no-repeat !important; background-position: 0% center !important; }
.news-carousel { margin-bottom: 19px; margin-right: -15px; }
@media (min-width: 768px) {
    .news-carousel { margin-right: 0px; margin-bottom: 36px; }
}
.news-carousel:hover .image-frame { background-color: rgb(0, 0, 0); }
.news-carousel:hover .category a { color: rgb(255, 255, 255) !important; }
.news-carousel:hover .category, .news-carousel:hover .title-news a { color: rgb(255, 255, 255); }
.news-carousel:hover .navigation { display: block; }
.news-carousel .navigation { position: absolute; top: 30px; right: 15px; display: none; font-weight: 700; }
@media (min-width: 768px) {
    .news-carousel .navigation { top: 134px; right: 30px; }
}
@media (min-width: 992px) {
    .news-carousel .navigation { top: 187px; right: 37px; }
}
.news-carousel .carousel-control-next, .news-carousel .carousel-control-prev { opacity: 1; }
.news-carousel .carousel-control-next-icon, .news-carousel .carousel-control-prev-icon { font-size: 15px; }
.news-carousel .carousel-control-next-icon::after, .news-carousel .carousel-control-prev-icon::after { color: rgb(255, 255, 255); }
.news-carousel .num { color: rgb(255, 255, 255); margin: 0px 10px; }
.navigation-carousel { position: absolute; inset: 0px; }
@media (min-width: 1326px) {
    .navigation-carousel { margin-left: 0px; margin-right: calc((100vw - 1296px) / 2); }
}
.promo-section { margin-bottom: 30px; }
@media (min-width: 768px) {
    .promo-section { margin-bottom: 40px; }
}
.greeting-user { display: flex; -webkit-box-pack: justify; justify-content: space-between; padding: 8px 0px; }
@media (min-width: 768px) {
    .greeting-user { display: none; }
}
.greeting-user .title { display: block; font-size: 16px; color: rgb(0, 0, 0); font-weight: 700; }
@media (min-width: 768px) {
    .greeting-user .title { font-size: 30px; color: rgb(255, 255, 255); margin-bottom: 29px; }
}
.promo-text-frame { margin: 0px -15px; padding: 8px 15px; }
@media (min-width: 768px) {
    .promo-text-frame { margin: 0px -30px 0px 0px; padding: 22px 30px 0px 0px; }
}
.promo-text-frame.logout { color: rgb(255, 255, 255); }
.promo-text-frame.logout p { font-size: 16px; line-height: 20px; font-weight: 700; }
.promo-text-frame.logout::after { background-color: rgb(102, 102, 102); }
.promo-text-frame::after { content: ""; position: absolute; inset: 0px -9999px; background-color: rgb(255, 121, 0); z-index: -1; }
.promo-text-frame .title { display: block; font-size: 22px; color: rgb(255, 255, 255); font-weight: 700; margin-bottom: 29px; }
@media (min-width: 768px) {
    .promo-text-frame .title { font-size: 30px; }
}
.promo-text-frame .login { display: block; color: rgb(102, 102, 102); }
.personal-action-list { padding: 0px; margin: 0px; list-style: none; }
.personal-action-list li { margin-bottom: 11px; }
.personal-action-list a { color: rgb(255, 255, 255); display: flex; -webkit-box-align: center; align-items: center; font-weight: 700; }
.personal-action-list a:hover { color: rgb(0, 0, 0); }
.personal-action-list a:hover i::before { color: rgb(0, 0, 0); }
.personal-action-list i::before { transition: color 0.3s linear 0s; }
.personal-action-list .icon-arrow-right-sm { font-size: 12px; margin-left: 15px; }
.personal-action-list .icon-mail { font-size: 18px; margin: -4px 7px 0px 0px; }
.personal-action-list .icon-user { font-size: 26px; margin: -4px 15px 0px 0px; }
.personal-action-list .icon-tv { margin: 0px 6px 0px 0px; font-size: 18px; }
.personal-action-list .icon-calendar-month { font-size: 22px; margin: -4px 10px 0px 0px; }
.personal-action-list .icon-rewards { font-size: 22px; margin: -4px 10px 0px 0px; }
.news-frame { padding: 21px 19px 0px 0px; display: block; color: rgb(0, 0, 0); }
@media (max-width: 767.98px) {
    .news-frame { margin-bottom: 25px; }
    .news-carousel .news-frame { padding: 20px 0px 0px 16px; margin-bottom: 0px; }
}
.news-frame:hover { color: rgb(255, 121, 0); }
.news-frame:hover .title-news { color: rgb(255, 121, 0); }
.news-frame .image-frame { background-color: rgb(244, 244, 244); transition: background-color 0.3s linear 0s; display: flex; }
@media (min-width: 768px) {
    .news-frame .image-frame { display: block; }
}
.news-frame .image-frame .text-box-inner { width: calc(100% - 157px); padding: 14px 15px 10px 4px; min-height: 123px; }
@media (min-width: 768px) {
    .news-frame .image-frame .text-box-inner { padding: 0px 19px 25px; width: auto; min-height: 0px; }
}
@media (min-width: 992px) {
    .news-frame .image-frame .text-box-inner { padding: 0px 70px 25px 19px; }
}
.news-frame .image-holder { background-size: cover; background-position: 50% 50%; margin-bottom: -6px; height: 190px; transform: translate(19px, -21px); width: 100%; }
@media (min-width: 768px) {
    .news-frame .image-holder { height: 120px; width: auto; }
}
@media (min-width: 992px) {
    .news-frame .image-holder { height: 170px; }
}
@media (max-width: 767.98px) {
    .news-carousel .news-frame .image-holder { transform: translate(-16px, -20px); width: 157px; height: 103px; }
}
.news-frame .image-holder img { width: 100%; }
@media (min-width: 992px) {
    .news-frame .image-holder.lg-height { height: 240px; }
}
.news-frame .category { font-weight: 700; display: block; transition: color 0.3s linear 0s; margin-bottom: 7px; padding-right: 60px; }
@media (max-width: 767.98px) {
    .news-frame .category { font-size: 14px; margin-bottom: 12px; }
}
.news-frame .category a { color: rgb(102, 102, 102); }
.news-frame .category a:hover { color: rgb(255, 121, 0); }
.news-frame .title-news { font-weight: 700; font-size: 16px; line-height: 17px; min-height: 33px; color: rgb(0, 0, 0); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.3s linear 0s; }
@media (min-width: 768px) {
    .news-frame .title-news { font-size: 18px; line-height: 22px; height: 42px; min-height: 45px; -webkit-line-clamp: 2; }
}
@media (max-width: 767.98px) {
    .news-carousel .news-frame .title-news { font-size: 14px; }
}
.news-frame .title-news a { color: rgb(0, 0, 0); }
.news-frame .title-news a:hover { color: rgb(255, 121, 0); }
.news-frame .text-box { padding: 22px 0px 0px; }
@media (min-width: 768px) {
    .news-frame .text-box { padding: 30px 0px 0px; }
}
.news-frame .text-box p { font-size: 14px; line-height: 17px; margin-bottom: 20px; }
@media (min-width: 768px) {
    .news-frame .text-box p { font-size: 16px; line-height: 19px; min-height: 57px; margin-bottom: 30px; }
}
.one-news-box { background-color: rgb(255, 255, 255); display: block; color: rgb(102, 102, 102); transition: background-color 0.3s linear 0s, color 0.3s linear 0s; margin: 0px -15px 30px; }
@media (min-width: 768px) {
    .one-news-box { margin: 0px 19px 0px 0px; }
}
.one-news-box:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.one-news-box:hover h3 { color: rgb(255, 255, 255); }
.one-news-box:hover strong::after { color: rgb(255, 255, 255); }
@media (min-width: 768px) {
    .one-news-box.main-news { margin-top: 143px; }
}
@media (min-width: 992px) {
    .one-news-box.main-news { margin-top: 343px; }
}
@media (min-width: 768px) {
    .one-news-box.main-news h3 { font-size: 25px; line-height: 29px; display: block; min-height: 0px; }
}
@media (min-width: 768px) {
    .one-news-box.main-news .image-holder { height: 300px; transform: translate(20px, -143px); margin-bottom: -113px; }
}
@media (min-width: 992px) {
    .one-news-box.main-news .image-holder { height: 492px; transform: translate(20px, -343px); margin-bottom: -313px; }
}
@media (min-width: 768px) {
    .one-news-box.main-news .text-box { padding: 6px 20px 25px; }
}
@media (min-width: 1326px) {
    .one-news-box.main-news strong { margin-right: 41px; }
    .one-news-box.main-news strong::after { right: -22px; }
}
@media (min-width: 768px) {
    .one-news-box .image-holder { transform: translate(20px, -20px); height: 120px; background-size: cover; background-position: 50% 50%; }
}
@media (min-width: 992px) {
    .one-news-box .image-holder { height: 170px; }
}
@media (max-width: 767.98px) {
    .one-news-box .image-holder { background: transparent !important; }
}
.one-news-box img { max-width: 100%; width: 100%; }
@media (min-width: 768px) {
    .one-news-box img { display: none; }
}
.one-news-box .text-box { padding: 28px 20px 24px; }
@media (min-width: 768px) {
    .one-news-box .text-box { padding: 6px 20px 40px; }
}
.one-news-box h3 { margin-bottom: 10px; font-size: 16px; transition: color 0.3s linear 0s; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 42px; }
@media (min-width: 768px) {
    .one-news-box h3 { font-size: 18px; line-height: 21px; margin-bottom: 10px; }
}
.one-news-box p { margin: 0px; font-size: 14px; line-height: 19px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 57px; }
@media (min-width: 768px) {
    .one-news-box p { font-size: 16px; }
}
.sub-row-news { display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 14px; }
@media (min-width: 768px) {
    .sub-row-news { margin-bottom: 8px; display: block; }
}
@media (min-width: 1326px) {
    .sub-row-news { display: flex; }
}
.sub-row-news strong { display: block; color: rgb(255, 121, 0); font-size: 14px; margin-right: 32px; position: relative; }
@media (min-width: 768px) {
    .sub-row-news strong { margin-right: 26px; }
}
.sub-row-news strong::after { content: "|"; position: absolute; top: 50%; right: -22px; transform: translate(0px, -50%); color: rgb(155, 155, 155); transition: color 0.3s linear 0s; font-size: 16px; }
@media (min-width: 768px) {
    .sub-row-news strong::after { display: none; }
}
@media (min-width: 1326px) {
    .sub-row-news strong::after { right: -14px; display: block; }
}
@media (min-width: 768px) {
    .sub-row-news strong { font-size: 16px; }
}
.sub-row-news span { font-size: 14px; font-weight: 700; color: rgb(155, 155, 155); }
@media (min-width: 768px) {
    .sub-row-news span { font-size: 16px; }
}
.news-detail .image-holder { margin-bottom: 30px; }
@media (max-width: 767.98px) {
    .news-detail .image-holder { margin-left: -15px; margin-right: -15px; }
}
.news-detail img { width: 100%; }
.news-detail p { margin-bottom: 20px; line-height: 19px; }
@media (max-width: 767.98px) {
    .news-detail p { line-height: 17px; font-size: 14px; margin-bottom: 16px; }
}
.news-detail p a { color: rgb(102, 102, 102); }
.news-detail p a:hover { color: rgb(255, 121, 0); }
.title-news-box h3 { margin-bottom: 13px; }
@media (max-width: 767.98px) {
    .title-news-box h3 { font-size: 20px; }
    .title-news-box h5 { font-size: 15px; }
}
.share-box { border-top: 1px solid rgb(151, 151, 151); border-bottom: 1px solid rgb(151, 151, 151); display: flex; -webkit-box-align: center; align-items: center; padding: 10px 0px; margin-top: 20px; }
@media (min-width: 768px) {
    .share-box { margin-top: 43px; }
}
.share-box span { display: block; font-size: 14px; font-weight: 700; margin-right: 32px; }
.share-box ul { padding: 0px; margin: 0px; list-style: none; display: flex; -webkit-box-align: center; align-items: center; }
.share-box li { margin-right: 11px; }
.share-box li:last-of-type { margin-right: 0px; }
.share-box a { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 29px; height: 29px; border-radius: 50%; border: 1px solid rgb(102, 102, 102); transition: border-color 0.3s linear 0s; }
.share-box a:hover { border-color: rgb(255, 121, 0); }
.share-box a:hover i::before { color: rgb(255, 121, 0); }
.share-box i::before { color: rgb(102, 102, 102); transition: color 0.3s linear 0s; }
.mobile-phone-section .mobile-phone-box { margin-bottom: 50px; }
.mobile-phone-section .mobile-phone-box:hover .image-holder img { transform: scale(1.2); }
.mobile-phone-section .image-frame { background-color: rgb(248, 249, 250); margin-bottom: 24px; }
.mobile-phone-section .image-holder { background-color: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); height: 314px; transform: translate(10px, -20px); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: 0px 0px 0px 10px; transition: transform 0.3s linear 0s, margin 0.3s linear 0s, -webkit-transform 0.3s linear 0s; overflow: hidden; }
.mobile-phone-section .image-holder img { max-width: 90%; transform: scale(1); transition: transform 0.3s linear 0s, -webkit-transform 0.3s linear 0s; }
.mobile-phone-section strong { font-size: 18px; line-height: 21px; color: rgb(0, 0, 0); font-weight: 700; min-height: 44px; margin-bottom: 9px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mobile-phone-section span { display: block; color: rgb(102, 102, 102); margin-bottom: 24px; }
.mobile-phone-section .das { font-size: 0.5rem; }
.mobile-phone-section em { font-style: normal; color: rgb(255, 121, 0); font-weight: 700; font-size: 1.5rem; }
.image-section { margin: 0px -15px; }
@media (min-width: 768px) {
    .image-section { margin: 0px; }
}
.image-section .inner-holder { position: relative; display: block; }
@media (min-width: 768px) {
    .image-section .inner-holder { height: 345px; background-size: cover; background-position: 50% 50%; }
}
.image-section .inner-holder img { width: 100%; }
@media (min-width: 768px) {
    .image-section .inner-holder img { display: none; }
}
.image-section h2 { position: absolute; top: 25px; left: 20px; }
@media (min-width: 768px) {
    .image-section h2 { top: 35px; left: 35px; }
}
@media (min-width: 992px) {
    .image-section h2 { top: 60px; left: 75px; }
}
.sponsored-links-section .custom-row { margin: 0px -10px; display: flex; }
.sponsored-links-section .custom-col { padding: 0px 10px; width: 22%; }
.sponsored-links-section .custom-col.large-col { width: 34%; }
.sponsored-box { display: block; margin-bottom: 40px; }
.sponsored-box.sm span, .sponsored-box.sm strong { font-size: 16px; line-height: 20px; }
.sponsored-box.sm span { margin-bottom: 7px; }
.sponsored-box:hover .image-holder img { transform: scale(1.2); }
.sponsored-box:hover span, .sponsored-box:hover strong { color: rgb(255, 121, 0); }
.sponsored-box .image-holder { margin-bottom: 17px; overflow: hidden; }
.sponsored-box img { width: 100%; transform: scale(1); transition: transform 0.3s linear 0s, -webkit-transform 0.3s linear 0s; }
@media (min-width: 992px) {
    .sponsored-box .text-box { padding-right: 35px; }
}
.sponsored-box span { display: block; font-size: 18px; font-weight: 700; color: rgb(102, 102, 102); margin-bottom: 9px; transition: color 0.3s linear 0s; }
@media (max-width: 1325.98px) {
    .sponsored-box span { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; min-height: 21px; }
}
.sponsored-box strong { display: block; font-size: 18px; line-height: 22px; color: rgb(0, 0, 0); font-weight: 700; transition: color 0.3s linear 0s; }
@media (max-width: 1325.98px) {
    .sponsored-box strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 40px; }
}
.legal-notice-section { background-color: rgb(248, 249, 250); font-size: 14px; }
.legal-notice-section .title { display: block; font-size: 16px; margin-bottom: 21px; }
@media (min-width: 768px) {
    .legal-notice-section .title { font-size: 18px; margin-bottom: 15px; }
}
.legal-notice-section p { line-height: 17px; }
.legal-notice-section p:last-of-type { margin-bottom: 0px; }
.benefits-section { color: rgb(255, 255, 255); }
.benefits-section strong { color: rgb(255, 121, 0); font-size: 20px; line-height: 24px; }
.benefits-section img { width: 40px; min-width: 40px; height: 40px; margin-right: 5px; }
@media (min-width: 992px) {
    .benefits-section img { width: 50px; min-width: 50px; height: 50px; }
}
.benefits-section span { display: block; font-size: 13px; font-weight: 700; }
@media (min-width: 768px) {
    .benefits-section span { font-size: 16px; }
}
.benefits-section span em { font-style: normal; display: inline-block; }
.benefits-section i { font-size: 10px; margin-left: 5px; display: inline-block; }
.benefits-section i::before { color: rgb(255, 121, 0); }
.product-list { padding: 0px; margin: 0px; list-style: none; }
.product-list li { margin-bottom: 13px; position: relative; }
.product-list li::after { font-family: icomoon; content: ""; position: absolute; top: 50%; right: 0px; transform: translate(0px, -50%); color: rgb(255, 121, 0); font-size: 12px; margin-top: -7px; }
.product-list li:last-of-type { margin-bottom: 0px; }
.product-list a { display: flex; }
.product-list .image-holder { width: 50px; text-align: center; display: flex; -webkit-box-align: center; align-items: center; margin-right: 20px; }
.product-list img { max-width: 100%; width: 100%; margin-top: -8px; }
.product-list .text-box { width: calc(100% - 70px); border-bottom: 1px solid rgb(215, 215, 215); padding: 3px 10px 21px 0px; }
.product-list strong { display: block; font-size: 16px; font-weight: 700; color: rgb(0, 0, 0); }
.product-list span { display: block; font-size: 14px; color: rgb(102, 102, 102); }
.equipment-box { display: block; background-color: rgb(248, 249, 250); margin-bottom: 30px; margin-right: 17px; }
.equipment-box .image-holder { border: 1px solid rgb(238, 238, 238); transform: translate(17px, -7px); background-color: rgb(255, 255, 255); height: 233px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.equipment-box img { max-width: 100%; }
.equipment-box strong { font-size: 14px; color: rgb(0, 0, 0); line-height: 16px; padding: 0px 10px 18px 17px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 32px; }
.filter-row { background-color: rgb(255, 255, 255); }
.filter-row ul { padding: 0px; margin: 0px; list-style: none; display: flex; font-size: 16px; font-weight: 700; flex-wrap: nowrap; white-space: nowrap; overflow: auto hidden; }
@media (min-width: 768px) {
    .filter-row ul { font-size: 20px; }
}
@media only screen and (min-width: 768px) {
    .filter-row ul { }
    .filter-row ul::-webkit-scrollbar { display: none; }
}
@media only screen and (max-width: 768px) {
    .filter-row li { margin-right: 20px; }
}
@media only screen and (min-width: 768px) {
    .filter-row li { margin-right: 49px; }
}
.filter-row li:last-of-type { margin-right: 0px; }
.filter-row a { color: rgb(0, 0, 0); display: block; position: relative; padding: 10px 0px 15px; }
@media (min-width: 768px) {
    .filter-row a { padding: 10px 0px; }
}
.filter-row a:hover { color: rgb(255, 121, 0); }
.filter-row a::after { content: ""; position: absolute; bottom: -2px; left: 0px; right: 0px; height: 7px; background-color: rgb(255, 121, 0); display: none; }
@media (min-width: 768px) {
    .filter-row a::after { bottom: 0px; }
}
.filter-row a.active { color: rgb(255, 121, 0); }
.filter-row a.active::after { display: block; }
body {min-width: 320px;}