:root { --primary: #9e0f11; --secondary: #000; --third: #9e0f11; --grad: linear-gradient(270deg, #F73C47 0%, #c72127 100%); --fb: #3b5998; --tw: #1da1f2; --ins: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); --rss: orange; --yt: #d32323; --ws: #25d366; --viber: #8176d6; --tel: #0088cc; --catTextSize: 22px; --item-title-size: 16px; --font-family-sans-serif: "alexandria", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace } .topstory { text-align: center; float: right; width: 100%; position: relative } .topstory .item-bg .txt-cont h3 { font-size: 14px; line-height: 23px; text-align: right; max-height: 48px; text-overflow: ellipsis } @media(min-width: 992px) { .topstory .item-bg .txt-cont { padding-top: 20px } } @media(max-width: 992px) { .topstory .item-bg.to-li-sm { background: #fff; margin-bottom: 2px } .topstory .item-bg.to-li-sm .img-cont { width: 120px } .topstory .item-bg.to-li-sm .img-cont .cat { top: auto; bottom: 0; right: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis } .topstory .item-bg.to-li-sm .txt-cont { background: transparent; width: calc(100% - 120px); position: relative; float: right; padding-top: 5px !important } .topstory .item-bg.to-li-sm .txt-cont h3 { color: #000; height: 69px; max-height: none } .topstory .item-bg.to-li-sm:hover .txt-cont h3 { color: var(--primary) } } @media(min-width: 992px) { .topstory .col-lg-8 .item-bg .txt-cont { padding-top: 30px } .topstory .col-lg-8 .item-bg .txt-cont h3 { font-size: 20px; line-height: 32px; max-height: 94px } } .nc-slider .cont .item-card { margin: 0 } .nc-slider .cont .item-card .txt-cont { padding-bottom: 0; padding-left: 0; padding-right: 0 } .nc-slider .cont .swiper-slide { width: 100% } @media(min-width: 570px) { .nc-slider .cont .swiper-slide { width: 270px } } @media(min-width: 992px) { .nc-slider .cont .swiper-slide { width: 290px } } .nc-slider .foot { text-align: center; display: flex; justify-content: space-between; padding: 10px } .nc-slider .foot .swiper-pagination { position: relative } .nc-slider .foot .swiper-pagination .swiper-pagination-bullet { transition: all .345s ease-in-out } .nc-slider .foot .swiper-pagination .swiper-pagination-bullet:hover { -webkit-transform: scale(1.52); transform: scale(1.52) } .nc-slider .foot .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { -webkit-transform: scale(1.52); transform: scale(1.52) } .nc-slider .foot .v-nxt, .nc-slider .foot .v-prv { position: relative; display: inline-flex; height: 32px; width: 32px; color: var(--primary); cursor: pointer; justify-content: center; align-items: center; transition: all .35s ease-in-out } .nc-slider .foot .v-nxt:hover, .nc-slider .foot .v-prv:hover { -webkit-transform: scale(1.12); transform: scale(1.12) } .nc-slider .foot .v-nxt:hover .icon, .nc-slider .foot .v-prv:hover .icon { -webkit-filter: drop-shadow(0 0 0.75rem crimson); filter: drop-shadow(0 0 0.75rem crimson) } .nc-slider .foot .v-nxt .icon, .nc-slider .foot .v-prv .icon { fill: var(--primary); width: 20px; height: 20px } .nc-slider .foot a.more { display: inline-block; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: var(--primary); border: 0; font-weight: bold; color: #fff } .nc-parl .item-bg .img-cont::before { opacity: 0 } .nc-parl .item-bg .img-cont:after { padding-top: 60% } @media(min-width: 992px) { .nc-parl .item-bg .img-cont:after { padding-top: 56.25% } } .nc-parl .item-bg .txt-cont { background: var(--primary) } .nc-parl .item-bg .txt-cont h3 { color: #fff } @media(min-width: 768px) { .nc-parl .item-bg .txt-cont { width: 90%; right: 5%; left: 5%; bottom: 10px } } @media(min-width: 992px) { .nc-parl .item-card .img-cont:after { padding-top: 70% } } @media(min-width: 1300px) { .nc-inv .item-card .img-cont:after { padding-top: 52.9% } } .nc-inv .item-card .txt-cont { margin-top: -30px; position: relative; z-index: 2; background-color: #F0F0F0; } @media(min-width: 1300px) { .nc-inv .item-card .txt-cont h3 { font-size: 18px; line-height: 32px; height: 92px } } .nc-inv .item-card, .nc-inv .item-li { background: #F0F0F0; } .nc-inv .item-li { margin-bottom: 35px; } @media(min-width: 1200px) { .nc-acc .item-card .txt-cont { margin-top: -20px; background: #fff; position: relative; z-index: 2 } } .nc-acc .item-card, .nc-acc .item-li { background: #fff } @media(min-width: 768px) { .nc-acc .item-li .img-cont { width: 160px } .nc-acc .item-li .img-cont:after { padding-top: 60% } } @media(min-width: 1200px) { .nc-acc .item-li .img-cont { width: 180px } .nc-acc .item-li .img-cont:after { padding-top: 56.25% } } @media(min-width: 768px) { .nc-acc .item-li .txt-cont { width: calc(100% - 160px); display: flex; align-items: center; height: 100% } } @media(min-width: 992px) { .nc-acc .item-li .txt-cont { width: calc(100% - 180px); display: flex; align-items: center; height: 100% } } .nc1 .item-bg .img-cont:after { padding-top: 58% } .nc1 .item-li .txt-cont p { display: none } .nc1 .item-li .img-cont:after { padding-top: 56.25% } @media(max-width: 767px) { .nc1 .item-li .img-cont, .nc1 .item-li .txt-cont { width: 100% } } @media(min-width: 768px) { .nc1 .item-li .img-cont { width: 65.9%; float: left } .nc1 .item-li .img-cont:after { padding-top: 56.25% } .nc1 .item-li .txt-cont { width: 34.1%; float: right; padding-left: 30px; height: auto } .nc1 .item-li .txt-cont h3 { font-size: 20px; line-height: 32px; height: 126px } } @media(min-width: 992px) { .nc1 .item-li .txt-cont p { display: block } } @media(max-width: 991px) { .nc1 .to-li-sm { border-top: 1px solid #dcdcdc; margin-bottom: 0; padding: 5px 0 } .nc1 .to-li-sm .img-cont { width: 120px } .nc1 .to-li-sm .img-cont:after { padding-top: 90px } .nc1 .to-li-sm .txt-cont { width: calc(100% - 120px); padding: 5px 10px !important } .nc1 .to-li-sm .txt-cont h3 { font-size: 14px; line-height: 23px; text-align: right } } @media(max-width: 767px) { .to-li-sm .img-cont { width: 120px } .to-li-sm .img-cont:after { padding-top: 90px } .to-li-sm .txt-cont { width: calc(100% - 120px); padding: 0 10px !important } .to-li-sm .txt-cont h3 { font-size: 15px; height: 90px } } @media(max-width: 991px) { .to-li-md .img-cont { width: 120px } .to-li-md .img-cont:after { padding-top: 90px } .to-li-md .txt-cont { width: calc(100% - 120px); padding: 0 10px !important } .to-li-md .txt-cont h3 { font-size: 15px; height: 90px } } @media(max-width: 767px) { .nc2 .cont { padding-bottom: 0; padding-top: 0 } } @media(max-width: 767px) { .nc2 .to-li-sm { margin: 0; padding: 10px 0; border-bottom: 1px solid #dcdc } } .nc3 .col-lg-8 .item-card2 { padding-top: 20px } .nc3 .col-lg-8 .item-card2 .img-cont:after { padding-top: 62% } @media(min-width: 992px) { .nc3 .col-lg-8 .item-card2 .txt-cont h3 { font-size: 20px; line-height: 24px; height: 90px } } .nc3 .col-lg-4 .item-li .img-cont { width: 90px } .nc3 .col-lg-4 .item-li .txt-cont { width: calc(100% - 90px) } .nc-sport .cont { padding-bottom: 0 } @media(max-width: 991px) { .nc-sport .item-bg { margin-bottom: 0 } } @media(min-width: 1200px) { .nc-sport .item-bg .txt-cont { padding-top: 20px } .nc-sport .item-bg .txt-cont h3 { font-size: 20px; line-height: 32px } .nc-sport .item-card { margin-bottom: 0 } } @media(max-width: 991px) { .nc-sport .to-li-sm { border-bottom: 1px solid #dcdcdc; margin-bottom: 0; padding: 10px 0 } .nc-sport .to-li-sm .img-cont { width: 120px } .nc-sport .to-li-sm .txt-cont { width: calc(100% - 120px); position: relative; background: transparent; padding: 5px !important; float: right } .nc-sport .to-li-sm .txt-cont h3 { color: #000; height: 80px } } .nc-video { background: #333; border-bottom: 1px solid #555; background: #F0F0F0; } .nc-video .con { padding-bottom: 0 } .nc-video .title h2 { color: #fff } .nc-video .foot { border-bottom: 1px solid #555 } .nc-video .foot a { color: #000; } .nc-video .img-cont .icon { position: absolute; top: 10px; right: 10px; fill: var(--primary); z-index: 22 } @media(max-width: 991px) { .nc-video .item-bg { margin-bottom: 10px; } } @media(min-width: 768px) { .nc-video .item-bg .img-cont .icon { width: 40px; height: 40px } } .nc-video .item-card { margin-bottom: 20px; } @media(min-width: 992px) { .nc-video .item-card .img-cont .icon { width: 30px; height: 30px } } .nc-video .item-card .txt-cont h3 { color: #000; } @media(max-width: 991px) { .nc-video .to-li-sm { border-bottom: 1px solid #666; margin-bottom: 0; padding: 10px 0 } .nc-video .to-li-sm .img-cont { width: 120px } .nc-video .to-li-sm .img-cont .icon { width: 20px; height: 20px; top: 5px; right: 5px } .nc-video .to-li-sm .txt-cont { width: calc(100% - 120px); position: relative; background: transparent; padding: 0 5px !important; padding-right: 10px !important; float: right } .nc-video .to-li-sm .txt-cont h3 { color: #fff; height: 80px } } .nc-album { background: #F0F0F0; } .nc-album .con { padding-bottom: 0 } .nc-album .title { border-bottom: 1px solid #555; background: #333; } .nc-album .title h2 { color: #fff } .nc-album .foot { border-bottom: 1px solid #555 } .nc-album .foot a { color: #000; } @media(max-width: 767px) { .nc-album .item-card { margin: 0 } } .nc-album .img-cont .icon { position: absolute; top: 10px; right: 10px; fill: var(--primary); z-index: 22; stroke: 1px; width: 30px; width: 30px } .nc-album .txt-cont h3 { color: #000; } .nc-card4 .item-bg .img-cont:after { padding-top: 73.5% } .sec-sport { background-color: #fff } .sec-sport .item-card .txt-cont { border-radius: 0; background: green } .sec-sport .item-card .txt-cont h3 { color: #fff } .articles-wide .swiper-slide, .articles-wide .item-article { width: 277px }