@font-face { font-family: naskurd bold; src: url(../fonts/NASKurdBold.ttf); font-weight: 400; font-style: normal }
@font-face { font-family: naskurd-fontregular; src: url(../fonts/NasKurd-FontRegular.ttf); font-weight: 400; font-style: normal }
@font-face { font-family: naskurdmedium2; src: url(../fonts/NASKurdMedium2.ttf); font-weight: 400; font-style: normal }
.right, nav .pages-menu { text-align: right; direction: rtl }
*, *:before, *:after { box-sizing: border-box }
h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 500; line-height: 1.1 }
a { text-decoration: none !important; color: #232323 !important }
a:hover { color: #ba1816 !important }
.shadows, .main-news .main-img, .middle-news .each-middle, .each-news-row, .side1, .side-item .side1, .nusar-page .nusar-name, .quote-p2 { background: #fff; box-shadow: 0 4px 8px rgba(0,0,0,.08); z-index: 1 }
@media(max-width:512px) {
.shadows, .main-news .main-img, .middle-news .each-middle, .each-news-row, .side1, .side-item .side1, .nusar-page .nusar-name, .quote-p2 { margin-bottom: 10px }
}
body { font-family: naskurdmedium2; position: relative; margin: 0; padding: 0; background: #fcfcfc }
.trans, a, a:hover, nav .plus-icon, .sticky, .rotate, .display, .hl-news .hl-content .hl-text .center, .hl-news .hl-content .hl-text .center:hover, .middle-news .each-middle, .middle-news .each-middle:hover a, .kurdstani div:hover h5, .birwra .birwra-wrapper .birwra-big:hover .birwra-big-text h4, .newlife .box .lSSlideOuter .lSPager.lSpg > li:hover a, .newlife .box .lSSlideOuter .lSPager.lSpg > li.active a, .multi-wrapper .top-multi .multi-big:hover h4, .multi-wrapper .top-multi .multi-big:hover a, .multi-wrapper .top-multi .multi-big .multi-content h4, .multi-wrapper .top-multi .multi-sml:hover h4, .multi-wrapper .top-multi .multi-sml:hover a, .multi-wrapper .btm-multi .each-multi:hover, .multi-wrapper .btm-multi .each-multi:hover h5, .multi-wrapper .btm-multi .each-multi:hover a, footer .footer-btm .social-media a:hover i, footer .footer-btm .social-media i, .each-gallery, .each-gallery:hover, .life-style-page .life-top .life-top-wrapper .top-multi .multi-big:hover h4, .life-style-page .life-top .life-top-wrapper .top-multi .multi-big:hover a, .life-style-page .life-top .life-top-wrapper .top-multi .multi-big .multi-content h4, .life-style-page .life-top .life-top-wrapper .top-multi .multi-sml:hover h4, .life-style-page .life-top .life-top-wrapper .top-multi .multi-sml:hover a, .life-style-page .life-top .life-top-wrapper .top-multi .multi-sml h4 { transition: .3s ease-in-out }
img { width: 100% }
.r2eklam img { width: 100% }
.topr { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px }
@media(max-width:1024px) {
.topr { grid-template-columns: 1fr }
.topr img:nth-child(2) { display: none }
}
.wrapper, .r2eklam, .ticker, nav .pages-menu .main-ul, .hl-news .hl-content, .main-news, .section-title, .kurdstani, .daily-speech, .three-prt, .birwra .birwra-wrapper, .social-sport .social-sport-wrapper, .raport, .newlife .box, .multi-wrapper, footer .footer-wrapper, footer .footer-btm, .kE-main, .two-side, .side-item, .main-video, .babat-main, .detail-title, .detail-wrapper, .nusar-page, .image-gallery-page, .contact, .life-style-page .life-top .life-top-wrapper, .gallery-detail-page .banner-gallery .gallery-title, .gallery-detail-page .gallery-images-detail { width: 1200px; height: auto; position: relative; padding: 10px 0; margin: auto }
@media(max-width:1500px) {
.wrapper, .r2eklam, .ticker, nav .pages-menu .main-ul, .hl-news .hl-content, .main-news, .section-title, .kurdstani, .daily-speech, .three-prt, .birwra .birwra-wrapper, .social-sport .social-sport-wrapper, .raport, .newlife .box, .multi-wrapper, footer .footer-wrapper, footer .footer-btm, .kE-main, .two-side, .side-item, .main-video, .babat-main, .detail-title, .detail-wrapper, .nusar-page, .image-gallery-page, .contact, .life-style-page .life-top .life-top-wrapper, .gallery-detail-page .banner-gallery .gallery-title, .gallery-detail-page .gallery-images-detail { width: 1100px }
}
@media(max-width:1200px) {
.wrapper, .r2eklam, .ticker, nav .pages-menu .main-ul, .hl-news .hl-content, .main-news, .section-title, .kurdstani, .daily-speech, .three-prt, .birwra .birwra-wrapper, .social-sport .social-sport-wrapper, .raport, .newlife .box, .multi-wrapper, footer .footer-wrapper, footer .footer-btm, .kE-main, .two-side, .side-item, .main-video, .babat-main, .detail-title, .detail-wrapper, .nusar-page, .image-gallery-page, .contact, .life-style-page .life-top .life-top-wrapper, .gallery-detail-page .banner-gallery .gallery-title, .gallery-detail-page .gallery-images-detail { width: 952px }
}
@media(max-width:992px) {
.wrapper, .r2eklam, .ticker, nav .pages-menu .main-ul, .hl-news .hl-content, .main-news, .section-title, .kurdstani, .daily-speech, .three-prt, .birwra .birwra-wrapper, .social-sport .social-sport-wrapper, .raport, .newlife .box, .multi-wrapper, footer .footer-wrapper, footer .footer-btm, .kE-main, .two-side, .side-item, .main-video, .babat-main, .detail-title, .detail-wrapper, .nusar-page, .image-gallery-page, .contact, .life-style-page .life-top .life-top-wrapper, .gallery-detail-page .banner-gallery .gallery-title, .gallery-detail-page .gallery-images-detail { width: 95% }
}
.grid3, .three-prt { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 15px }
@media(max-width:1024px) {
.grid3, .three-prt { grid-template-columns: 1fr }
}
.tick-box { box-shadow: 1px 2px 3px rgba(0,0,0,.16); height: 40px; background: #fff }
@media(max-width:1024px) {
.tick-box { display: none }
}
.ticker { height: 40px; text-align: right; margin-top: 5px; margin-bottom: 5px; position: relative }
.ticker .more { position: absolute; top: 21px; left: 79px; transform: translate(-50%,-50%); background: #fff; width: 160px; height: 38px; z-index: 1; text-align: left; padding-left: 5px; padding-bottom: 20px }
.ticker .more p { margin: 8px; color: #ba1816 }
.ticker .news { position: absolute; top: 21px; right: -26px; transform: translate(-50%,-50%); background: #fff; width: 50px; height: 38px; z-index: 1; text-align: right; padding-left: 8px; padding-bottom: 20px }
.ticker .news p { margin: 8px; color: #ba1816 }
.ticker .demo { margin-right: 60px }
.ticker li { list-style: none }
.ticker h3 { line-height: 0; margin: 10px }
#navbar { width: 100% }
nav { width: 100% }
nav .top-nav { background: #ba1816; width: 100%; height: 90px }
nav .top-nav .grid3, nav .top-nav .three-prt { grid-template-columns: 1fr 1fr 1fr }
nav .top-nav .wrapper, nav .top-nav .r2eklam, nav .top-nav .ticker, nav .top-nav .pages-menu .main-ul, nav .pages-menu .top-nav .main-ul, nav .top-nav .hl-news .hl-content, .hl-news nav .top-nav .hl-content, nav .top-nav .main-news, nav .top-nav .section-title, nav .top-nav .kurdstani, nav .top-nav .daily-speech, nav .top-nav .three-prt, nav .top-nav .birwra .birwra-wrapper, .birwra nav .top-nav .birwra-wrapper, nav .top-nav .social-sport .social-sport-wrapper, .social-sport nav .top-nav .social-sport-wrapper, nav .top-nav .raport, nav .top-nav .newlife .box, .newlife nav .top-nav .box, nav .top-nav .multi-wrapper, nav .top-nav footer .footer-wrapper, footer nav .top-nav .footer-wrapper, nav .top-nav footer .footer-btm, footer nav .top-nav .footer-btm, nav .top-nav .kE-main, nav .top-nav .two-side, nav .top-nav .side-item, nav .top-nav .main-video, nav .top-nav .babat-main, nav .top-nav .detail-title, nav .top-nav .detail-wrapper, nav .top-nav .nusar-page, nav .top-nav .image-gallery-page, nav .top-nav .contact, nav .top-nav .life-style-page .life-top .life-top-wrapper, .life-style-page .life-top nav .top-nav .life-top-wrapper, nav .top-nav .gallery-detail-page .banner-gallery .gallery-title, .gallery-detail-page .banner-gallery nav .top-nav .gallery-title, nav .top-nav .gallery-detail-page .gallery-images-detail, .gallery-detail-page nav .top-nav .gallery-images-detail { padding: 10px; position: relative }
@media(max-width:700px) {
nav .top-nav .wrapper, nav .top-nav .r2eklam, nav .top-nav .ticker, nav .top-nav .pages-menu .main-ul, nav .pages-menu .top-nav .main-ul, nav .top-nav .hl-news .hl-content, .hl-news nav .top-nav .hl-content, nav .top-nav .main-news, nav .top-nav .section-title, nav .top-nav .kurdstani, nav .top-nav .daily-speech, nav .top-nav .three-prt, nav .top-nav .birwra .birwra-wrapper, .birwra nav .top-nav .birwra-wrapper, nav .top-nav .social-sport .social-sport-wrapper, .social-sport nav .top-nav .social-sport-wrapper, nav .top-nav .raport, nav .top-nav .newlife .box, .newlife nav .top-nav .box, nav .top-nav .multi-wrapper, nav .top-nav footer .footer-wrapper, footer nav .top-nav .footer-wrapper, nav .top-nav footer .footer-btm, footer nav .top-nav .footer-btm, nav .top-nav .kE-main, nav .top-nav .two-side, nav .top-nav .side-item, nav .top-nav .main-video, nav .top-nav .babat-main, nav .top-nav .detail-title, nav .top-nav .detail-wrapper, nav .top-nav .nusar-page, nav .top-nav .image-gallery-page, nav .top-nav .contact, nav .top-nav .life-style-page .life-top .life-top-wrapper, .life-style-page .life-top nav .top-nav .life-top-wrapper, nav .top-nav .gallery-detail-page .banner-gallery .gallery-title, .gallery-detail-page .banner-gallery nav .top-nav .gallery-title, nav .top-nav .gallery-detail-page .gallery-images-detail, .gallery-detail-page nav .top-nav .gallery-images-detail { padding: 0 }
}
nav .top-nav .social { display: grid; grid-template-columns: 34px 1fr; margin-top: 20px }
nav .top-nav .lang-icon { width: 50px; z-index: 20 }
nav .top-nav .lang-icon i { font-size: 23px; color: #fff !important }
@media(max-width:700px) {
nav .top-nav .lang-icon { position: absolute; top: 30px; right: 22px }
}
nav .top-nav .lang-choices { display: none; background: #ba1816; width: 60px; line-height: 20px; padding: 1px; margin-top: 5px; text-align: center; color: #fff !important; margin-left: -15px }
nav .top-nav .lang-choices a { color: #fff !important }
@media(max-width:700px) {
nav .top-nav .social-media { position: absolute; top: 30px; left: -8px }
}
nav .top-nav .social-media i { color: #fff; font-size: 23px; margin-right: 10px; margin-left: 10px }
@media(max-width:700px) {
nav .top-nav .social-media i { margin-right: 3px; margin-left: 5px }
}
nav .top-nav .LogoSite { text-align: center }
@media(max-width:700px) {
nav .top-nav .LogoSite { margin-top: 12px }
}
nav .top-nav .LogoSite img { width: 150px }
nav .top-nav .top-links { text-align: right; position: absolute; top: 30px; right: 0; text-align: right }
nav .top-nav .top-links a { font-weight: 400; font-size: 15px; line-height: 30px; text-align: right; color: #fff !important; padding-left: 20px; font-family: naskurd bold }
@media(max-width:1024px) {
nav .top-nav .top-links { display: none }
}
nav .top-nav .menu-bar { position: absolute; top: 30px; right: 3px; text-align: right }
nav .top-nav .menu-bar i { color: #fff; font-size: 26px }
@media(min-width:1024px) {
nav .top-nav .menu-bar { display: none }
}
@media(min-width:1024px) {
nav .plus-icon { display: none }
}
@media(max-width:1024px) {
nav .plus-icon { position: absolute; left: 5px; font-size: 20px }
}
nav .pages-menu { height: 50px; position: relative; background: #fff; box-shadow: 1px 2px 3px rgba(0,0,0,.16) }
@media(max-width:1024px) {
nav .pages-menu { height: 100%; display: none }
}
nav .pages-menu .main-ul { padding: 14px 0 }
nav .pages-menu ul { padding-right: 0 }
nav .pages-menu ul li { display: inline-block; list-style: none; margin-left: 17px; font-family: naskurd bold; font-size: 17px; position: relative }
@media(min-width:1024px) and (max-width:1200px) {
nav .pages-menu ul li { font-size: 14px }
}
@media(max-width:1024px) {
nav .pages-menu ul li { display: block; border-bottom: 1px solid #f3f3f3; line-height: 35px }
}
nav .pages-menu ul li ul { background: #fff; box-shadow: 1px 2px 3px rgba(0,0,0,.16); position: absolute; top: 5px; padding: 5px; margin-top: 10px; transition: .3s ease-in-out; opacity: 0; width: 130px; z-index: 5; display: none }
nav .pages-menu ul li ul li { font-size: 14px }
@media(min-width:1024px) {
nav .pages-menu ul li ul { display: none }
}
@media(min-width:1024px) {
nav .pages-menu ul li:hover { transition: .3s ease-in-out }
nav .pages-menu ul li:hover ul { display: block; top: 10px; transition: .3s ease-in-out; opacity: 1 }
nav .pages-menu ul li:hover ul li { display: block; line-height: 30px }
}
@media(min-width:1024px) {
nav .pages-menu ul .kccrc { position: absolute; top: 17px; left: 0 }
}
@media(max-width:1024px) {
nav .pages-menu .appear { box-shadow: 1px 2px 3px transparent; position: relative; padding: 10px; margin-top: 0; transition: .3s ease-in-out; opacity: 1; width: auto; margin-bottom: 10px; background: #ededed; display: block }
}
.kccrc { width: 75px }
@media(min-width:1024px) {
.sticky { position: fixed; z-index: 100; top: 0; animation: pulse .3s }
}
.anim { opacity: 0 }
@keyframes pulse2 {
0% { opacity: 1 }
100% { opacity: 0 }
}
@keyframes pulse {
0% { opacity: 0 }
100% { opacity: 1 }
}
.rotate { transform: rotate(180deg) }
.display { display: block !important; opacity: 1 !important }
.hl-news { width: 100%; background: #130a0a; border-bottom: #ba1816 solid 5px }
.hl-news .hl-content { display: grid; grid-template-columns: 1fr 1fr; padding: 30px 0 }
@media(max-width:1024px) {
.hl-news .hl-content { grid-template-columns: 1fr }
}
.hl-news .hl-content .hl-img { position: relative }
.hl-news .hl-content .hl-img .grng { position: absolute; right: -22px; top: 20px; transform: translate(-50%,-50%); background: #ba1816; padding: 5px 15px; color: #fff }
.hl-news .hl-content .hl-img img { width: 100% }
.hl-news .hl-content .hl-text { color: #fff; padding: 20px; position: relative }
.hl-news .hl-content .hl-text h1 { padding: 10px }
@media(max-width:1024px) {
.hl-news .hl-content .hl-text h1 { font-size: 30px; padding: 0 }
}
.hl-news .hl-content .hl-text .p-text { position: relative }
.hl-news .hl-content .hl-text .center { position: absolute; left: 50%; transform: translate(-50%,-50%); color: #fff !important; margin-top: 20px }
.hl-news .hl-content .hl-text .center:hover { color: #ba1816 }
.time { color: #fff }
.time i { margin-left: 10px; margin-right: 10px }
.time-tag { color: #232323; font-size: 13px }
.time-tag i { color: #ba1816; margin-left: 5px }
.time-tag i:nth-child(3) { margin-left: 5px; margin-right: 10px !important }
.black-fade { background: #130a0a; background: linear-gradient(0deg,rgba(19,10,10,0.9052) 35%,rgba(255,255,255,0) 100%); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 100px; width: 100% }
@media(max-width:1024px) {
.black-fade { height: 160px }
}
@media(max-width:512px) {
.black-fade { }
nav .top-nav .LogoSite img {display: none }
nav .top-nav .LogoSite2 img {display: inline!important; width:155px; padding-top:5px; }
}
.main-news { display: grid; grid-template-columns: 2fr 1fr 280px; grid-gap: 15px; margin-top: 30px }
@media(max-width:1024px) {
.main-news { grid-template-columns: 1fr }
nav .top-nav .LogoSite2 img {display: none }
}
nav .top-nav .LogoSite2 img {display: none }
.main-news img { width: 100% }
.main-news .main-img-title { padding: 20px 10px }
.main-news .main-img-title h3 { font-size: 22px; line-height: 32px; margin: 0; font-weight: 400 }
.main-news .left-img { height: 100%; width: 100%; direction: ltr }
.main-news .left-img .my2 { max-width: 280px }
@media(max-width:1024px) {
.main-news .left-img .my2 { margin: auto; max-width: 350px }
}
.main-news .left-img img { width: 100%; height: 100% }
.main-news .left-img .side-slider { background-position: center; background-size: cover; height: 552px; width: 280px }
@media(max-width:1024px) {
.main-news .left-img .side-slider { margin: auto; height: 600px; width: 320px }
}
.main-news .left-img .gallery { list-style: none outside none; padding-left: 0; margin: 0; height: 100% !important }
.main-news .left-img .lSSlideOuter .lSPager.lSpg > li:hover a, .main-news .left-img .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #fff }
.main-news .left-img .lSSlideOuter .lSPager.lSpg > li a { background-color: transparent; border: solid #fff 1px; width: 11px; height: 11px }
.main-news .left-img .li { position: relative; width: 100%; height: 100% }
.main-news .left-img .content-slider h3 { margin: 0; padding: 70px 0 }
.main-news .left-img .demo { width: 100%; position: relative; overflow: hidden; height: 100% }
.main-news .left-img .lSSlideWrapper { max-width: 100%; overflow: hidden; position: relative }
.main-news .left-img .lSPager.lSpg { position: absolute; top: 15px; left: 40px; transform: translate(-50%,-50%); z-index: 4; width: 300px }
@media(max-width:1024px) {
.main-news .left-img .lSPager.lSpg { left: 50% }
}
.middle-news .each-middle { padding: 10px; margin-top: 20px; height: 123px }
.middle-news .each-middle:nth-child(1) { margin-top: 0 }
.middle-news .each-middle:hover a { color: #ba1816 }
.title-news h4 { font-size: 15px; line-height: 24px; font-weight: 400; font-family: naskurd bold }
.title-news h5 { font-size: 18px; line-height: 25px; font-weight: 400 }
.section-title { font-family: naskurd bold; border-right: solid 5px #ba1816; padding: 0 10px; margin-top: 50px }
.section-title h2 { font-size: 30px; color: #232323 }
.kurdstani { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 10px }
@media(max-width:1024px) {
.kurdstani { grid-template-columns: 1fr 1fr }
}
@media(max-width:512px) {
.kurdstani { grid-template-columns: 1fr }
}
.kurdstani div img { width: 100% }
.kurdstani div .title-news { margin-top: 15px }
.kurdstani div .title-news h5 { height: 80px }
@media(max-width:1024px) {
.kurdstani div .title-news h5 { height: auto }
}
.kurdstani div:hover h5 { color: #ba1816 }
.flow-hid { overflow: hidden }
.daily-speech { position: relative; border-top: solid 5px #ba1816; border-bottom: solid 5px #ba1816; min-height: 200px; margin-top: 150px; padding-bottom: 50px }
.daily-speech:after { content: ''; position: absolute; top: -3px; right: 48px; transform: translate(-50%,-50%); width: 55px; height: 8px; background: #fff }
.daily-speech .quote-top { position: absolute; top: -11px; right: -36px; transform: translate(-50%,-50%); width: 65px; height: 56px }
.daily-speech .quote-top i { font-size: 60px; background: #fcfcfc; padding: 10px; color: #ba1816 }
.daily-speech .quote-top img { width: 100% }
.daily-speech .quote-btm { position: absolute; bottom: -46px; left: 28px; transform: translate(-50%,-50%) rotate(180deg); width: 65px; height: 56px }
.daily-speech .quote-btm i { font-size: 60px; background: #fcfcfc; padding: 10px; color: #ba1816 }
.daily-speech .quote-btm img { width: 100% }
.daily-speech .dot-corner { height: 250px; width: 589px; position: absolute; top: 0; left: 112%; transform: translate(-50%,-50%); z-index: -1 }
@media(max-width:512px) {
.daily-speech .dot-corner { height: 166px; width: 434px; position: absolute; top: -23px; left: 100%; transform: translate(-50%,-50%); z-index: -1 }
}
.daily-speech .speech-title { font-family: naskurd bold; position: absolute; top: -54px; right: -45px; transform: translate(-50%,-50%); color: #ba1816 }
.daily-speech .speech-title h2 { font-size: 30px }
.daily-speech .speech-content { margin-right: 150px }
.daily-speech .speech-content h4 { color: #755005; font-size: 30px }
.daily-speech .speech-content h5 { text-align: center; font-size: 40px; color: #ba1816; font-family: naskurd bold }
.daily-speech .speech-content h5 a { color: #ba1816 !important }
@media(max-width:512px) {
.daily-speech .speech-content h5 { font-size: 30px }
}
@media(max-width:512px) {
.daily-speech .speech-content { margin-right: 20px; margin-top: 50px }
}
.three-prt { grid-gap: 10px; margin-top: 100px; padding-bottom: 50px }
@media(max-width:1024px) {
.three-prt { grid-template-columns: 1fr; margin-top: 40px }
}
.three-prt .eact-cat:nth-child(3) { background: #fff; border-radius: 0; box-shadow: 0 0 12px 2px #e6e6e6; margin-top: 20px; position: relative }
.three-prt .eact-cat:nth-child(3) .each-news-row { box-shadow: none }
.three-prt .eact-cat:nth-child(3) .section-title { margin-top: 30px }
.three-prt .eact-cat:nth-child(3) .dot-corner { position: absolute; top: 50%; left: 50px; transform: translate(-50%,-50%); width: 300px; height: 900px; z-index: -1 }
@media(max-width:1024px) {
.three-prt .eact-cat:nth-child(3) { background: #ba1816; padding: 0 10px }
.three-prt .eact-cat:nth-child(3) .section-title h2 { color: #fff }
.three-prt .eact-cat:nth-child(3) .title-news h4 { color: #fff }
.three-prt .eact-cat:nth-child(3) .time-tag { color: #fff }
.three-prt .eact-cat:nth-child(3) .time-tag i { color: #fff }
.three-prt .eact-cat:nth-child(3) .shadows, .three-prt .eact-cat:nth-child(3) .main-news .main-img, .main-news .three-prt .eact-cat:nth-child(3) .main-img, .three-prt .eact-cat:nth-child(3) .middle-news .each-middle, .middle-news .three-prt .eact-cat:nth-child(3) .each-middle, .three-prt .eact-cat:nth-child(3) .each-news-row, .three-prt .eact-cat:nth-child(3) .side1, .three-prt .eact-cat:nth-child(3) .nusar-page .nusar-name, .nusar-page .three-prt .eact-cat:nth-child(3) .nusar-name, .three-prt .eact-cat:nth-child(3) .quote-p2 { background: 0 0 }
.three-prt .eact-cat:nth-child(3) .shadows h5, .three-prt .eact-cat:nth-child(3) .main-news .main-img h5, .main-news .three-prt .eact-cat:nth-child(3) .main-img h5, .three-prt .eact-cat:nth-child(3) .middle-news .each-middle h5, .middle-news .three-prt .eact-cat:nth-child(3) .each-middle h5, .three-prt .eact-cat:nth-child(3) .each-news-row h5, .three-prt .eact-cat:nth-child(3) .side1 h5, .three-prt .eact-cat:nth-child(3) .nusar-page .nusar-name h5, .nusar-page .three-prt .eact-cat:nth-child(3) .nusar-name h5, .three-prt .eact-cat:nth-child(3) .quote-p2 h5 { color: #fff }
}
.three-prt .eact-cat .section-title { width: 100% }
.three-prt .eact-cat img { width: 100% }
.three-prt .eact-cat .title-news { height: 110px; padding-left: 5px }
@media(max-width:1024px) {
.three-prt .eact-cat .title-news { height: auto }
}
.three-prt .eact-cat .title-news h4 { font-size: 22px; font-family: naskurd bold; line-height: 35px }
.three-prt .eact-cat .title-news a:hover { color: #ba1816 }
.three-prt .eact-cat .margin { margin-bottom: 20px; margin-top: 10px; padding: 0 10px }
.three-prt .border { border-right: solid 3px #ba1816; border-top: solid 3px #ba1816 }
.each-news-row { height: 105px; display: grid; grid-template-columns: 150px 1fr; margin-top: 10px }
@media(max-width:512px) {
.each-news-row { grid-template-columns: 120px 1fr; height: 125px }
}
.each-news-row img { width: 100% }
.each-news-row .each-news-text { padding: 10px }
.each-news-row .each-news-text h5 { font-size: 14px; line-height: 25px; margin-top: 0 }
@media(max-width:512px) {
.each-news-row .each-news-text h5 { font-size: 13px }
}
@media(max-width:512px) {
.each-news-row .each-news-text { padding: 0; padding-right: 7px; margin-top: 20px }
}
@media(max-width:512px) {
.each-news-row .each-news-img { padding-top: 20px }
}
.birwra { background: #f5f5f5; padding: 1px; padding-bottom: 40px }
.birwra .birwra-wrapper { display: grid; grid-template-columns: 2fr 1fr; grid-gap: 17px }
@media(max-width:1200px) {
.birwra .birwra-wrapper { grid-template-columns: 1fr }
}
.birwra .birwra-wrapper .time { color: #949494; font-size: 14px }
.birwra .birwra-wrapper .time i { margin-right: 0 }
.birwra .birwra-wrapper .birwra-big { display: grid; grid-template-columns: 1fr 1fr; background: #fff }
@media(max-width:1024px) {
.birwra .birwra-wrapper .birwra-big { grid-template-columns: 1fr }
}
.birwra .birwra-wrapper .birwra-big img { height: 100% }
@media(max-width:1024px) {
.birwra .birwra-wrapper .birwra-big img { height: auto }
}
.birwra .birwra-wrapper .birwra-big .birwra-big-text { background: #fff; box-shadow: 0 6px 11px rgba(119,119,119,.1); padding: 10px; padding-top: 50px; position: relative; height: 100%; }
.birwra .birwra-wrapper .birwra-big .birwra-big-text h5 { color: #949494; font-family: naskurd bold; font-size: 22px; color: #ba1816 }
.birwra .birwra-wrapper .birwra-big .birwra-big-text h4 { font-family: naskurd bold; font-size: 20px; line-height: 30px }
.birwra .birwra-wrapper .birwra-big .birwra-big-text .quote { position: absolute; left: 40px; bottom: 10px; transform: translate(-50%,-50%); color: #ba1816; font-size: 35px }
@media(max-width:1024px) {
.birwra .birwra-wrapper .birwra-big .birwra-big-text .quote { bottom: 70px }
}
.birwra .birwra-wrapper .birwra-big:hover .birwra-big-text h4 { color: #ba1816 }
.birwra .birwra-wrapper .birwra-small .each-news-row { margin-top: 0; grid-template-columns: 190px 1fr; height: auto }
.birwra .birwra-wrapper .birwra-small .each-news-row h6 { font-size: 12px; color: #ba1816; margin: 0; font-family: naskurd bold }
@media(min-width:1501px) {
.birwra .birwra-wrapper .birwra-small .each-news-row { grid-template-columns: 190px 1fr; height: 133px }
}
@media(max-width:1501px) {
.birwra .birwra-wrapper .birwra-small .each-news-row { grid-template-columns: 173px 1fr; height: 121px }
}
@media(max-width:1200px) {
.birwra .birwra-wrapper .birwra-small .each-news-row { grid-template-columns: 142px 1fr; height: 100px }
}
@media(max-width:512px) {
.birwra .birwra-wrapper .birwra-small .each-news-row { grid-template-columns: 142px 1fr; height: 125px }
}
.birwra .birwra-wrapper .birwra-small .each-news-row:nth-child(2) { margin-top: 17px }
.birwra .birwra-wrapper .birwra-small .each-news-row .each-news-text { padding-left: 5px }
@media(max-width:512px) {
.birwra .birwra-wrapper .birwra-small .each-news-row .each-news-img { padding-top: 13px }
}
.last-one .section-title { width: 100% }
.social-sport { background: #f5f5f5; padding-top: 1px; padding-bottom: 50px; position: relative; overflow: hidden }
.social-sport .dot-corner { position: absolute; left: 0; top: 70%; transform: translate(-50%,-50%); width: 150px; height: 400px }
@media(max-width:1024px) {
.social-sport .dot-corner { display: none }
}
.social-sport .social-sport-wrapper { display: grid; grid-template-columns: 2fr ; grid-gap: 15px }
@media(max-width:1024px) {
.social-sport .social-sport-wrapper { grid-template-columns: 1fr }
}
.social-sport .social-sport-wrapper .section-title { width: 100% }
.social-sport .social-sport-wrapper .social .grid3, .social-sport .social-sport-wrapper .social .three-prt { grid-gap: 15px }
@media(max-width:512px) {
.social-sport .social-sport-wrapper .social .grid3, .social-sport .social-sport-wrapper .social .three-prt { grid-template-columns: 1fr }
}
.social-sport .social-sport-wrapper .social .title-news { padding: 10px; height: 120px }
.social-sport .social-sport-wrapper .social .title-news h5 { font-size: 16px }
.social-sport .social-sport-wrapper .sport .title-news { padding: 5px; height: 110px }
.social-sport .social-sport-wrapper .sport .title-news h4 { font-family: naskurd bold; font-size: 19px }
@media(max-width:1400px) {
.social-sport .social-sport-wrapper .sport .title-news { height: 102px }
}
.social-sport .social-sport-wrapper .sport h5 { font-size: 14px }
@media(max-width:1200px) and (min-width:1200px) {
.social-sport .social-sport-wrapper .sport .each-news-row { height: 90px; display: grid; grid-template-columns: 130px 1fr; margin-top: 18px }
.social-sport .social-sport-wrapper .sport .each-news-row h5 { font-size: 12px }
}
@media(max-width:1200px) and (min-width:1024px) {
.social-sport .social-sport-wrapper .sport .each-news-row { height: 100px; display: grid; grid-template-columns: 142px 1fr }
.social-sport .social-sport-wrapper .sport .each-news-row h5 { font-size: 12px; line-height: 15px }
}
.raport { display: grid; grid-template-columns: 3fr 1fr; grid-gap: 10px; padding-bottom: 50px }
@media(max-width:1024px) {
.raport { grid-template-columns: 1fr }
}
.raport .section-title { width: 100% }
.raport .raport-box { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px }
@media(max-width:1024px) {
.raport .raport-box { grid-template-columns: 1fr }
}
.raport .raport-box .title-news { padding: 5px }
.raport .raprsy-box { overflow: hidden }
.raport .raprsy-box .infographic { background: #ba1816; width: 90%; height: 100%; position: relative; margin-top: 40px }
@media(max-width:1024px) {
.raport .raprsy-box .infographic { height: 350px }
}
.raport .raprsy-box .infographic .infograph-content { position: absolute; top: 134px; left: 40%; transform: translate(-50%,-50%); background: #dfdfdf; width: 100%; text-align: center; padding: 20px; height: 300px; border-radius: 50px 0 }
.raport .raprsy-box .infographic .infograph-content h1 { margin-top: 30px; font-size: 29px; line-height: 40px }
.newlife ul { list-style: none outside none; padding-left: 0; margin: 0 }
.newlife .demo .item { margin-bottom: 60px }
.newlife .content-slider li { background-color: #ed3020; text-align: center; color: #fff }
.newlife .content-slider h3 { margin: 0; padding: 70px 0 }
.newlife .demo { width: 100%; position: relative; overflow: hidden; margin-top: 40px }
.newlife .demo .title-news { padding: 5px; direction: rtl }
.newlife .demo h5 { font-family: naskurd bold }
.newlife .demo .title-news { padding: 10px; height: 100px }
.newlife .demo img { width: 100% }
.newlife .box { display: grid; grid-template-columns: 1fr 1fr 1fr; direction: ltr; grid-gap: 16px }
.newlife .box .lSSlideOuter .lSPager.lSpg { height: 20px }
@media(max-width:1024px) {
.newlife .box { grid-template-columns: 1fr }
}
.newlife .box .section-title { width: 100% }
.newlife .box .lSSlideOuter .lSPager.lSpg > li:hover a, .newlife .box .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #ba1816; height: 15px; width: 15px }
.newlife .box .lSSlideOuter .lSPager.lSpg > li:hover a, .newlife .box .lSSlideOuter .lSPager.lSpg > li a { background-color: gray }
.newlife .box .second-life { padding-top: 88px; margin-top: 40px; direction: rtl }
.newlife .box .second-life .each-news-row { margin-top: 20px; height: 115px; display: grid; grid-template-columns: 164px 1fr }
@media(min-width:1200px) and (max-width:1500px) {
.newlife .box .second-life .each-news-row { height: 113px; display: grid; grid-template-columns: 162px 1fr }
}
@media(max-width:1200px) {
.newlife .box .second-life .each-news-row { height: 100px; display: grid; grid-template-columns: 144px 1fr }
}
@media(max-width:1024px) {
.newlife .box .second-life .each-news-row { height: 125px; display: grid; grid-template-columns: 142px 1fr }
.newlife .box .second-life .each-news-row h5 { font-size: 15px }
.newlife .box .second-life .each-news-row .each-news-img { padding-top: 13px }
}
.newlife .box .first-life { position: relative; margin-top: 40px; direction: rtl }
.newlife .box .first-life .dot-corner { height: 400px; width: 400px; position: absolute; top: 212px; left: 72%; transform: translate(-50%,-50%); z-index: -1 }
.newlife .box .first-life h4 { font-family: naskurd bold }
.newlife .box .first-life .title-news { padding: 10px; height: 100px }
@media(max-width:1500px) {
.newlife .box .first-life .title-news { height: 124px }
}
@media(min-width:1500px) {
.newlife .box .first-life .title-news { height: 105px }
}
@media(max-width:1024px) {
.first-life { grid-row: 1/3; margin-top: 20px !important }
}
@media(max-width:1024px) {
.second-life { grid-row: 3/3; padding-top: 0 !important; margin-top: 0 !important }
}
@media(max-width:1024px) {
.demo { margin-top: 0 !important }
}
.multi-wrapper .top-multi { display: grid; grid-template-columns: 3fr 1fr; grid-gap: 15px }
@media(max-width:1200px) {
.multi-wrapper .top-multi { grid-template-columns: 1fr }
}
.multi-wrapper .top-multi .multi-big { display: grid; grid-template-columns: 1fr 1fr }
@media(max-width:512px) {
.multi-wrapper .top-multi .multi-big { grid-template-columns: 1fr }
}
.multi-wrapper .top-multi .multi-big:hover h4 { color: #ba1816 !important }
.multi-wrapper .top-multi .multi-big:hover a { color: #ba1816 !important }
.multi-wrapper .top-multi .multi-big .multi-content { background: #2f3740; box-shadow: 0 6px 11px rgba(119,119,119,.1); padding: 10px; height: 100%; padding-top: 70px; position: relative; padding-right: 20px }
@media(max-width:512px) {
.multi-wrapper .top-multi .multi-big .multi-content { padding-top: 10px }
}
.multi-wrapper .top-multi .multi-big .multi-content h4 { color: #fff; font-size: 30px; line-height: 40px }
@media(max-width:1024px) {
.multi-wrapper .top-multi .multi-big .multi-content h4 { font-size: 20px; line-height: 30px }
}
.multi-wrapper .top-multi .multi-big .multi-content .time i { color: #fff; font-size: 20px }
.multi-wrapper .top-multi img { height: 100% }
@media(max-width:1024px) {
.multi-wrapper .top-multi img { height: auto }
}
.multi-wrapper .top-multi .shadows, .multi-wrapper .top-multi .main-news .main-img, .main-news .multi-wrapper .top-multi .main-img, .multi-wrapper .top-multi .middle-news .each-middle, .middle-news .multi-wrapper .top-multi .each-middle, .multi-wrapper .top-multi .each-news-row, .multi-wrapper .top-multi .side1, .multi-wrapper .top-multi .nusar-page .nusar-name, .nusar-page .multi-wrapper .top-multi .nusar-name, .multi-wrapper .top-multi .quote-p2 { background: #2f3740 }
.multi-wrapper .top-multi .multi-sml:hover h4 { color: #ba1816 !important }
.multi-wrapper .top-multi .multi-sml:hover a { color: #ba1816 !important }
.multi-wrapper .top-multi .multi-sml .title-news { padding: 5px; padding-right: 10px }
.multi-wrapper .top-multi .multi-sml h4 { color: #fff }
@media(max-width:1500px) {
.multi-wrapper .top-multi .multi-sml h4 { margin-top: 0 !important }
}
.multi-wrapper .top-multi .multi-sml .time-tag { color: #fff }
.multi-wrapper .top-multi .multi-sml .time-tag i { color: #fff }
.multi-wrapper .btm-multi { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 10px; margin-top: 10px }
@media(max-width:1024px) {
.multi-wrapper .btm-multi { grid-template-columns: repeat(2,1fr) }
}
@media(max-width:512px) {
.multi-wrapper .btm-multi { grid-template-columns: 1fr }
}
.multi-wrapper .btm-multi .each-multi { background: #2f3740 }
@media(max-width:512px) {
.multi-wrapper .btm-multi .each-multi { margin-bottom: 10px }
}
.multi-wrapper .btm-multi .each-multi:hover h5 { color: #ba1816 !important }
.multi-wrapper .btm-multi .each-multi:hover a { color: #ba1816 !important }
.multi-wrapper .btm-multi .title-news { color: #fff; padding: 10px }
.multi-wrapper .btm-multi .title-news .time-tag { color: #fff }
.multi-wrapper .btm-multi .title-news .time-tag i { color: #fff }
.dark-bg { background: #1a232e; padding: 1px; padding-bottom: 30px }
.dark-bg .section-title h2 { color: #fff }
footer { background: #1a232e; position: relative; padding-bottom: 50px; padding-top: 60px }
footer .logoDot { position: absolute; left: 20%; top: 50%; transform: translate(-50%,-50%); width: 400px !important; opacity: .5 }
@media(min-width:1024px) {
footer .footer-wrapper { display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 10px }
}
@media(max-width:1024px) {
footer .footer-wrapper { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 10px }
}
footer .footer-wrapper ul { color: #fff; padding-right: 0 !important }
@media(min-width:1024px) {
footer .footer-wrapper ul:nth-child(6) { display: none }
}
footer .footer-wrapper ul a { color: #fff !important; font-family: naskurd-fontregular }
footer .footer-wrapper ul a:hover { color: #ba1816 !important }
footer .footer-wrapper ul li { list-style: none; line-height: 27px; font-family: naskurd regular }
@media(max-width:1024px) {
footer .footer-wrapper ul li { font-size: 12px }
}
footer .footer-wrapper ul li:nth-child(1) { font-family: naskurd bold; font-size: 20px }
@media(max-width:1024px) {
footer .footer-wrapper ul li:nth-child(1) { font-size: 14px }
}
footer .footer-btm { text-align: center; color: #fff }
footer .footer-btm .f-logo { width: 100px; margin: auto }
footer .footer-btm .social-media a:hover i { color: #ba1816; transform: scale(1.2) }
footer .footer-btm .social-media i { color: #fff; margin: 10px }
footer .footer-btm .search { width: 30%; height: 40px; margin: auto }
@media(max-width:512px) {
footer .footer-btm .search { width: 100% }
}
.gsc-control-cse { background-color: #1a232e !important; border: 1px solid #1a232e !important }
.gsc-search-button-v2 { border-color: #fff !important; background-color: #fff !important; background-image: linear-gradient(top,#4d90fe,#357ae8); border-radius: 0 !important }
.gsc-search-button { margin-right: 0 !important }
table.gsc-search-box td.gsc-input { padding-left: 0 !important }
.gsc-search-button-v2 svg { fill: #ba1816 !important; height: 18px; width: 18px }
gsc-input { font-size: 15px !important }
.gsc-control-cse { padding: 0 !important }
.gsc-control-cse { font-family: arial,sans-serif; background: #fff !important }
.gsc-input-box { border: 0 #dfe1e5 !important; background: #fff }
.my-width { width: 100% }
@media(max-width:512px) {
.my-width { width: 350px; margin: auto }
}
.my-width2 { width: 100% }
@media(max-width:512px) {
.my-width2 { width: 350px; margin: auto }
}
.kE-main { display: grid; grid-template-columns: 3fr 2fr; grid-gap: 15px }
@media(max-width:1024px) {
.kE-main { grid-template-columns: 1fr }
}
.kE-main .ke-big .title-news { height: 110px; padding: 10px }
.kE-main .ke-big .title-news h5 { font-size: 22px; font-family: naskurd bold; margin-top: 20px }
.kE-main .ke-sml .title-news { height: 100px; padding: 10px }
.kE-main .ke-sml .each-news-row { height: 161px; display: grid; grid-template-columns: 230px 1fr; margin-top: 15px }
@media(max-width:1500px) {
.kE-main .ke-sml .each-news-row { height: 147px; display: grid; grid-template-columns: 210px 1fr; margin-top: 15px }
}
@media(max-width:1200px) {
.kE-main .ke-sml .each-news-row { height: 128px; display: grid; grid-template-columns: 182px 1fr; margin-top: 15px }
}
@media(max-width:1024px) {
.kE-main .ke-sml .each-news-row { grid-template-columns: 120px 1fr; height: 125px }
}
.eslami div .title-news { padding: 10px }
.eslami div .title-news h5 { height: auto }
.eslami div .title-news { margin-top: 0 }
.two-side { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px }
@media(max-width:1024px) {
.two-side { grid-template-columns: 1fr }
}
.two-side .side2 { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px }
@media(max-width:512px) {
.two-side .side2 { grid-template-columns: 1fr }
}
.two-side .side2 .title-news { padding: 5px }
.two-side .side2 .title-news h5 { font-size: 14px; margin: 0 }
.gray-bg { background: #ebebeb; padding: 1px; margin-top: 40px; padding-bottom: 40px; overflow: hidden }
.side1 .title-news { padding: 10px; height: 150px; margin-top: 10px }
.side1 .title-news h5 { font-size: 22px; font-family: naskurd bold; margin-top: 20px }
.side-item { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px }
@media(max-width:1024px) {
.side-item { grid-template-columns: 1fr }
}
.side-item .side1 .title-news { padding: 5px; height: 100px }
.side-item .side1 .title-news h5 { font-size: 22px; font-family: naskurd bold; margin-top: 0 }
.side-item .side-rows a:nth-child(1) .each-news-row { margin-top: 0 }
.side-item .side-rows .each-news-row { height: 123px; display: grid; grid-template-columns: 175px 1fr; margin-top: 14px !important }
.side-item .side-rows .each-news-row h5 { font-size: 16px; line-height: 25px; margin-top: 10px }
@media(max-width:512px) {
.side-item .side-rows .each-news-row { height: 123px; display: grid; grid-template-columns: 146px 1fr }
}
@media(max-width:512px) {
.side-item .each-news-img { padding-top: 10px }
}
.relative { position: relative }
.relative .dot-corner { position: absolute; left: 100%; top: 42px; transform: translate(-50%,-50%); height: 250px; width: 589px }
@media(max-width:1024px) {
.eslami .shadows:nth-child(1) a img, .eslami .main-news .main-img:nth-child(1) a img, .main-news .eslami .main-img:nth-child(1) a img, .eslami .middle-news .each-middle:nth-child(1) a img, .middle-news .eslami .each-middle:nth-child(1) a img, .eslami .each-news-row:nth-child(1) a img, .eslami .side1:nth-child(1) a img, .eslami .nusar-page .nusar-name:nth-child(1) a img, .nusar-page .eslami .nusar-name:nth-child(1) a img, .eslami .quote-p2:nth-child(1) a img { border-top: 5px solid #ba1816; border-right: 5px solid #ba1816 }
}
.dark-bg { background: #1a232e }
.main-video { margin: auto; text-align: center; border-bottom: 1px #fff solid; padding-bottom: 50px; padding-top: 50px }
.main-video iframe { width: 90%; height: 450px; margin: auto }
@media(max-width:1024px) {
.main-video iframe { width: 90%; height: 300px }
}
.main-video .video-detail h2 { color: #fff }
.babat-main { }
@media(max-width:1024px) {
.babat-main { grid-template-columns: 1fr }
}
.babat-main .babat-big { position: relative }
.babat-main .babat-big .babat-text { position: absolute; bottom: -60px; left: 50%; transform: translate(-50%,-50%); width: 100%; color: #fff; background: rgba(0,0,0,.5); padding: 10px; height: 133px }
@media(max-width:512px) {
.babat-main .babat-big .babat-text { bottom: -53px; height: 120px }
}
@media(max-width:1024px) {
.babat-main .babat-big .babat-text h2 { font-size: 18px; line-height: 25px; margin-bottom: 10px !important }
}
.babat-main .babat-big .babat-text .time-tag { color: #fff }
.babat-main .babat-big .babat-text .time-tag i { color: #fff }
.babat-main .shadows, .babat-main .main-news .main-img, .main-news .babat-main .main-img, .babat-main .middle-news .each-middle, .middle-news .babat-main .each-middle, .babat-main .each-news-row, .babat-main .side1, .babat-main .nusar-page .nusar-name, .nusar-page .babat-main .nusar-name, .babat-main .quote-p2 { height: 98% }
.babat-main .title-news { padding: 20px }
.babat-main .title-news h4 { font-family: naskurd bold; font-size: 22px; line-height: 26px }
@media(max-width:512px) {
.babat-main .title-news h4 { line-height: 35px }
}
.babat { grid-gap: 15px; padding-bottom: 50px }
.babat .title-news { padding: 10px; margin-top: 0 !important }
.babat .title-news h5 { font-family: naskurd bold; font-size: 16px; line-height: 30px; margin: 0; height: auto !important }
.detail-title { display: grid; grid-template-columns: 2fr 1fr; grid-gap: 20px }
@media(max-width:1024px) {
.detail-title { grid-template-columns: 1fr }
}
.detail-title .all-news li { line-height: 50px; padding: 5px; font-size: 20px; border-bottom: solid 1px #f2f2f2; margin-left: 20px }
.detail-title .section-title { width: 100% }
.detail-title p { color: #ba1816 }
.detail-title h1 { line-height: 45px; font-family: naskurd bold }
.detail-wrapper { display: grid; grid-template-columns: 2fr 1fr; grid-gap: 20px; overflow: hidden }
@media(max-width:1024px) {
.detail-wrapper { grid-template-columns: 1fr }
}
.detail-wrapper p { line-height: 30px; font-size: 18px }
.detail-wrapper h6 { margin-top: 0; font-size: 14px }
.detail-wrapper a { color: #ba1816 !important }
.detail-wrapper a:hover { text-decoration: underline !important }
.detail-wrapper .tags { margin-top: 20px; margin-bottom: 20px }
.detail-wrapper .tags a { color: #ba1816 !important; margin: 5px }
.detail-wrapper .tags a:hover { color: #ba1816 !important }
.detail-wrapper .daily-speech { width: 100%; position: relative; border-top: solid 5px #027a7a; border-bottom: solid 5px #027a7a; height: auto; min-height: 0; margin-top: 50px; padding-bottom: 30px; padding-top: 30px; border-top: solid 2px #027a7a; border-bottom: solid 2px #027a7a }
.detail-wrapper .daily-speech .speech-content { margin-right: 30px }
.detail-wrapper .daily-speech .speech-content h4 { color: #232323; font-size: 25px; line-height: 35px; font-family: naskurd bold }
.detail-wrapper .daily-speech .quote-btm i { font-size: 40px; background: #fcfcfc; padding: 10px; color: #027a7a }
.detail-wrapper .daily-speech .quote-top i { font-size: 40px; background: #fcfcfc; padding: 10px; color: #027a7a }
.detail-wrapper .daily-speech:after { content: ''; position: absolute; top: -3px; right: 48px; transform: translate(-50%,-50%); width: 55px; height: 8px; background: no-repeat }
.detail-wrapper .quote2 { padding: 20px 30px; position: relative; border-radius: 5px; background: #fff; box-shadow: 2px 2px 6px rgba(0,0,0,.16) }
.detail-wrapper .quote2 .quote-top { position: absolute; right: 0; top: 5px; transform: translate(-50%,-50%); font-size: 35px; color: #027a7a }
.detail-wrapper .quote2 h4 { color: #232323; font-size: 25px; line-height: 35px; font-family: naskurd bold }
.detail-wrapper .detail-sml .section-title { width: 100% }
.detail-wrapper .detail-sml .each-middle { padding: 10px 16px; margin-top: 10px; min-height: 80px }
@media(max-width:1024px) {
.detail-wrapper .detail-sml .each-middle { height: auto }
}
.bold { font-family: naskurd bold; font-size: 18px }
.reklam-btm { margin-top: 50px; width: 100% }
.reklam-sidebar { width: 100% }
.breaking-news { background: #c2081e; height: auto; width: 100%; position: fixed; bottom: 0; padding-top: 0; z-index: 20 }
@media(max-width:1024px) {
.breaking-news { height: auto }
}
.breaking-news a { color: #fff !important; font-size: 25px }
@media(max-width:1024px) {
.breaking-news a { font-size: 16px }
}
.breaking-news .close { background: #c2081e; color: #fff; width: 40px; font-size: 25px; text-align: center; right: 1%; top: -26px; position: absolute }
.breaking-news .close:hover { cursor: pointer }
.nusar-page { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px }
@media(max-width:1024px) {
.nusar-page { grid-template-columns: 1fr }
}
.nusar-page .nusar-name { height: 98%; padding: 30px }
.image-gallery-page { }
.galery-grids { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 20px }
@media(max-width:1024px) {
.galery-grids { column-count: 2 }
}
@media(max-width:512px) {
.galery-grids { column-count: 1 }
}
.each-gallery { position: relative; margin-bottom: 20px; }
.each-gallery h3 { position: absolute; bottom: -7px; background: rgba(0,0,0,.5); color: #fff; padding: 5px; font-size: 14px; width: 100% }
.each-gallery img { transition: .1s ; max-height:210px}
.each-gallery:hover img { opacity: .3; transition: .1s }
.each-gallery:hover h3 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: 0 0; color: #000; padding: 5px; font-size: 25px; width: 100%; text-align: center }
.each-gallery i { position: absolute; top: 30px; right: 1px; transform: translate(-50%,-50%); opacity: .5; font-size: 35px; color: #fff }
.about-page { padding: 40px; margin-bottom: 50px; margin-top: 30px }
.about-page p { line-height: 30px }
@media(max-width:1024px) {
.about-page { padding: 20px }
}
::-webkit-scrollbar { width: 15px }
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px }
::-webkit-scrollbar-thumb { background: gray; border-radius: 10px }
::-webkit-scrollbar-thumb:hover { background: #ba1816 }
.grid2 { display: grid; grid-template-columns: 300px 1fr; margin-top: 20px }
@media(max-width:1024px) {
.grid2 { grid-template-columns: 1fr }
}
.grid2 div { padding: 10px; padding-bottom: 0 }
.contact { display: grid; grid-template-columns: 2fr 1fr; grid-gap: 20px }
@media(max-width:1024px) {
.contact { grid-template-columns: 1fr }
}
.contact form { max-width: 420px; margin: 50px auto }
.contact .feedback-input { color: gray; font-family: naskurd; font-weight: 500; font-size: 18px; border-radius: 5px; line-height: 22px; background-color: transparent; border: 1px solid #ba1816; transition: all .3s; padding: 13px; margin-bottom: 15px; width: 100%; box-sizing: border-box; outline: 0 }
.contact .feedback-input:focus { border: 2px solid #ba1816 }
.contact textarea { height: 150px; line-height: 150%; resize: vertical }
.contact [type=submit] { width: 100%; background: #ba1816; border-radius: 5px; border: 0; cursor: pointer; color: #fff; font-size: 24px; padding-top: 10px; padding-bottom: 10px; transition: all .3s; margin-top: -4px; font-weight: 700 }
.contact [type=submit]:hover { background: #ba1816 }
#at4-share, #at4-soc { border: solid !important }
.addthis_inline_share_toolbox_oczp { position: relative; border: solid red; border: solid !important }
.latest-news .birwra-wrapper { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 17px }
@media(max-width:1200px) {
.latest-news .birwra-wrapper { grid-template-columns: 1fr !important }
.latest-news .birwra-wrapper .birwra-big-text { padding-top: 10px !important }
}
.latest-news h4 { font-family: naskurd bold; font-size: 15px !important; line-height: 30px }
.dot-wrapper { width: 100%; overflow: hidden; position: relative }
.dot-wrapper .dot-side { position: absolute; left: 100%; top: 40%; transform: translate(-50%,-50%); width: 200px; height: 600px; background-image: url(../images/dot3.png) }
@media(max-width:1024px) {
.dot-wrapper .dot-side { display: none }
}
.life-style-page .life-top { width: 100%; background: #c82d91 }
.life-style-page .life-top .life-top-wrapper { padding: 50px 0 }
.life-style-page .life-top .life-top-wrapper .top-multi { display: grid; grid-template-columns: 3fr 1fr; grid-gap: 15px }
@media(max-width:1200px) {
.life-style-page .life-top .life-top-wrapper .top-multi { grid-template-columns: 1fr }
}
.life-style-page .life-top .life-top-wrapper .top-multi .multi-big { display: grid; grid-template-columns: 1fr 1fr }
@media(max-width:512px) {
.life-style-page .life-top .life-top-wrapper .top-multi .multi-big { grid-template-columns: 1fr }
}
.life-style-page .life-top .life-top-wrapper .top-multi .multi-big:hover h4 { color: #ba1816 !important }
.life-style-page .life-top .life-top-wrapper .top-multi .multi-big:hover a { color: #ba1816 !important }
.life-style-page .life-top .life-top-wrapper .top-multi .multi-big .multi-content { background: #fff; box-shadow: 0 6px 11px rgba(119,119,119,.1); padding: 10px; height: 100%; padding-top: 70px; position: relative; padding-right: 20px }
@media(max-width:512px) {
.life-style-page .life-top .life-top-wrapper .top-multi .multi-big .multi-content { padding-top: 10px }
}
.life-style-page .life-top .life-top-wrapper .top-multi .multi-big .multi-content h4 { color: #000; font-size: 30px; line-height: 40px }
@media(max-width:1024px) {
.life-style-page .life-top .life-top-wrapper .top-multi .multi-big .multi-content h4 { font-size: 20px; line-height: 30px }
}
.life-style-page .life-top .life-top-wrapper .top-multi .multi-big .multi-content .time { color: #000 }
.life-style-page .life-top .life-top-wrapper .top-multi .multi-big .multi-content .time i { color: #ba1816; font-size: 20px }
.life-style-page .life-top .life-top-wrapper .top-multi .multi-img img { height: 100% }
.life-style-page .life-top .life-top-wrapper .top-multi .multi-sml:hover h4 { color: #ba1816 !important }
.life-style-page .life-top .life-top-wrapper .top-multi .multi-sml:hover a { color: #ba1816 !important }
.life-style-page .life-top .life-top-wrapper .top-multi .multi-sml .shadows, .life-style-page .life-top .life-top-wrapper .top-multi .multi-sml .main-news .main-img, .main-news .life-style-page .life-top .life-top-wrapper .top-multi .multi-sml .main-img, .life-style-page .life-top .life-top-wrapper .top-multi .multi-sml .middle-news .each-middle, .middle-news .life-style-page .life-top .life-top-wrapper .top-multi .multi-sml .each-middle, .life-style-page .life-top .life-top-wrapper .top-multi .multi-sml .each-news-row, .life-style-page .life-top .life-top-wrapper .top-multi .multi-sml .side1, .life-style-page .life-top .life-top-wrapper .top-multi .multi-sml .nusar-page .nusar-name, .nusar-page .life-style-page .life-top .life-top-wrapper .top-multi .multi-sml .nusar-name, .life-style-page .life-top .life-top-wrapper .top-multi .multi-sml .quote-p2 { background: #fff }
.life-style-page .life-top .life-top-wrapper .top-multi .multi-sml .title-news { padding: 5px; padding-right: 10px }
.life-style-page .life-top .life-top-wrapper .top-multi .multi-sml h4 { color: #000 }
@media(max-width:1500px) {
.life-style-page .life-top .life-top-wrapper .top-multi .multi-sml h4 { margin-top: 0 !important }
}
.life-style-page .life-top .life-top-wrapper .top-multi .multi-sml .time-tag { color: #000 }
.life-style-page .life-top .life-top-wrapper .top-multi .multi-sml .time-tag i { color: #ba1816 }
.life-style-page .life-top .title-news { padding: 10px }
.life-style-page .sec-life { background: #fff4fb; padding-top: 10px; padding-bottom: 50px }
.life-style-page .sec-life .title-news { padding: 10px }
.life-style-page .box { direction: rtl; margin-bottom: 50px }
.life-style-page .top-m { margin-top: 148px }
@media(max-width:1024px) {
.life-style-page .top-m { margin-top: 15px }
}
.life-style-page .top-m .title-news { padding: 10px }
.life-style-page .gray-bg { padding-bottom: 0; margin-top: 0 }
.life-style-page .leftDot { padding-bottom: 50px }
.life-style-page .leftDot .title-news { padding: 10px }
.life-style-page .third-news { position: relative }
@media(max-width:512px) {
.life-style-page .third-news { margin-top: 50px }
}
.life-style-page .third-news .dot-corner { height: 330px; width: 330px; position: absolute; top: 99px; left: 65px; transform: translate(-50%,-50%); z-index: -1 }
@media(max-width:512px) {
.life-style-page .third-news .dot-corner { height: 330px; width: 330px; position: absolute; top: 119px; left: 50px; transform: translate(-50%,-50%); z-index: -1 }
}
.life-style-page .new-style { display: block; background-color: #c82d91; background-image: url(/web/20221008172409im_/https://milletpress.com/Content/logo-back.png); background-repeat: no-repeat; background-position: right 100px; padding: 1px 0 0; margin-bottom: 30px; position: relative }
.life-style-page .new-style .title-news { height: 120px; padding: 10px }
.life-style-page .new-style .grid3, .life-style-page .new-style .three-prt { z-index: 1 }
.life-style-page .new-style .half-color { width: 100%; background: #fcfcfc; height: 137px; position: absolute; bottom: 0 }
.life-style-page .new-style .section-title { border-right: solid 5px #fff }
.life-style-page .new-style .section-title h2 { color: #fff }
.life-style-page .section-title { border-right: solid 5px #c82d91 }
.download-btn { background: #ba1816; width: 100%; padding: 20px; color: #fff; font-size: 20px; font-family: naskurd bold }
.ful { height: 100% }
.gallery-detail-page { background: #2a2f33; color: #fff }
.gallery-detail-page .banner-gallery .gallery-title .title-pos { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; background: #2a2f33; padding: 15px; color: #fff }
@media(max-width:1024px) {
.gallery-detail-page .banner-gallery .gallery-title .title-pos { position: relative; top: unset; left: unset; transform: unset }
}
.gallery-detail-page .time-tag { color: #fff }
.gallery-detail-page .time-tag i { color: #ba1816; margin-left: 5px; margin-right: 5px }
.gallery-detail-page .time-tag i:nth-child(2) { margin-left: 5px; margin-right: 20px }
.gallery-detail-page .gallery-images-detail { margin-top: 60px }
@media(max-width:1024px) {
.gallery-detail-page .gallery-images-detail { margin-top: 10px }
}
.babat-life { background: #fff4fb !important }
.babat-life .section-title { background: #fff4fb !important; margin-top: 0 }
.babat-life .section-title { border-right: solid 5px #c82d91 }
.pt { padding-top: 50px }
.quote-p { border: solid red }
.quote-p1 { width: 90%; margin: 40px auto; border-top: 2px #ba1816 solid; border-bottom: 2px #ba1816 solid; border-bottom-left-radius: 0; position: relative; padding: 20px 40px 20px 20px; font-size: 26px; font-family: conv_xendan-bold; color: #000 !important; line-height: 40px; color: #232323; font-size: 25px; line-height: 35px; font-family: naskurd bold }
.quote-p1:before { position: absolute; background-color: #fff; color: #fea700; font-size: 36px; top: -36px; right: -21px; content: ""; font-family: iconmonstr-iconic-font; background-image: url(../images/qp.png); background-position: center; width: 60px; height: 60px; background-repeat: no-repeat; padding: 0 42px }
.quote-p2 { width: 90%; margin: 40px auto; border-bottom-left-radius: 0; position: relative; padding: 20px 40px 20px 20px; font-size: 26px; font-family: conv_xendan-bold; color: #000 !important; line-height: 40px; color: #232323; font-size: 25px; line-height: 35px; font-family: naskurd bold }
.quote-p2:before { position: absolute; background-color: #fff; color: #fea700; font-size: 36px; top: -31px; right: 1px; content: ""; font-family: iconmonstr-iconic-font; background-image: url(../images/qp2.png); background-position: center; width: 50px; height: 50px; background-repeat: no-repeat; padding: 0 42px }
.first-word { display: none }
.st-word { display: inline }
.Paging { text-align: center; margin-bottom: 40px }
.Paging a { margin: 0 5px }
.Paging .Paging .currentpage { color: #026769 !important }
.Paging span { font-size: 18px }
.Paging .nextbutton { margin: 0 10px; color: #ba1816 !important }
.Paging .lastbutton { color: #ba1816 !important }
.dropdown-archive { border-radius: 5px !important; padding: 5px 25px !important; border: #dcdcdc solid 1px; margin-left: 10px; margin-right: 10px; margin-top: 20px }
.wtar-writer-btn { font-family: naskurd-fontregular; font-family: naskurd-fontregular; padding: 7px 55px; background: #ba1816; border-radius: 5px; border: #ffdead; color: #fff }
.each-raprsi { display: grid; grid-template-columns: 150px 1fr 1fr; margin: 10px 0 }
.each-raprsi .rap-img { width: 100px; height: 100px }
.each-raprsi .rap-checkbx input { width: 50px; height: 50px }
.Rangdaflwi { width: 1300px; position: relative }
.Rangdaflwi2 { width: 1200px; position: relative }
.rangdanboxBitmy { width: 373px; height: 346px; float: right; margin-left: 20px; margin-bottom: 20px; }
.rangdanboxBitmy:hover p { background-color: #B2110C; color: #fff; transition: all 0.2s ease-in-out 0s; }
.rangdanboxBitmy img { width: 373px; height: 246px; }
.rangdanboxBitmy p { width: 373px; height: 80px; background-color: #fff; padding: 10px; transition: all 0.2s ease-in-out 0s; }
.PagerButtonCSS { padding: 10px 17px; background: url(../images/next.jpg) no-repeat; border: 0; width: 65px; height: 43px; font-size: 20px; }
.PagerButtonCSS:hover { padding: 10px 17px; background: url(../images/next1.jpg) no-repeat; border: 0; width: 65px; height: 43px; cursor: pointer; font-size: 20px; }
.NumericButtonCSS { padding: 10px 17px; background: url(../images/pagbg.jpg) no-repeat; font-size: 20px; }
.NumericButtonCSS:hover { padding: 10px 17px; background: url(../images/pagbg1.jpg) no-repeat; font-size: 20px; }
.CurrentPageLabelCSS { padding: 10px 17px; background: url(../images/pagbg.jpg) no-repeat; color: #FFA103; font-weight: bold; font-size: 20px; }
.NextPreviousButtonCSS { padding: 10px 17px; background: url(../images/pagbg.jpg) no-repeat; }
.paginationcls { width: 95%; }
div.pager { width: 1160px; margin-top: 5px; text-align: center; background-color: #BB0903; padding: 10px 0; color: #fff; }
/* pager links */
div.pager a { border: 0 solid #fff; color: #fff !important; background: #AC6358; padding: 2px 4px; display: inline-block; text-decoration: none; margin: auto 2px; }
/* current page */
div.pager span span { color: #fff; padding: 3px 5px; display: inline-block; margin: auto 2px; background: #5B2A1E; }
.current { color: #fff; }
.numeric { color: #fff; }
.next { color: #fff; }
@media screen and (max-width: 640px) {
div.pager { width: 100%; margin-top: 5px; text-align: center; background-color: #BB0903; padding: 10px 0; color: #fff; }
.Rangdaflwi { width: 100%; position: relative }
.Rangdaflwi2 { width: 100%; position: relative }
.rangdanboxBitmy { width: 100%; height: auto; float: none; margin-left: 0; margin-bottom: 20px; }
/*.rangdanboxBitmy:last-child { width: 373px; height: 366px; float: right; margin-left: 0; margin-bottom: 20px; }*/
.rangdanboxBitmy:hover p { background-color: #B2110C; color: #fff; transition: all 0.2s ease-in-out 0s; }
.rangdanboxBitmy img { width: 100%; height: auto; }
.rangdanboxBitmy p { width: 100%; height: 100px; background-color: #fff; padding: 10px; transition: all 0.2s ease-in-out 0s; }
}
.numberdv { width: 50px; height: 50px; background-color: red; color: #fff; text-align: center; padding-top: 10px; position: relative; margin-top: -205px; float: left; font-size: 25px; font-weight: bold; opacity: 0.7; }
.underl { color: #F6AC19 !important; background-image: linear-gradient(#F6AC19, #F6AC19); background-size: 100% 2px, auto; background-repeat: no-repeat; background-position: center bottom; transition: all .2s ease-out; }
.underl:hover { background-size: 0 5px, auto; }