html{
background-color: white !important;
}
body{
font-family: 'Noto Serif Bengali','Calibri','SutonnyMJ','Siyamrupali','Arial', Georgia, "Times New Roman", Times, serif;
color: #333;
background-color: white !important;
}
body h1,h2,h3,h4,p,span,a{
font-family: 'Noto Serif Bengali','Calibri','SutonnyMJ','Siyamrupali','Arial', Georgia, "Times New Roman", Times, serif;
}
.mobileTitle{
font-size: 2.2rem !important;
line-height: 3.2rem !important;
}
.mainDiv{
/*margin-top: 90px;*/
}
/*font sizing*/
.textBody{
font-size: 1.8rem !important;
line-height: 2.8rem !important;
text-align: left !important;
color: #333;
}
.textBody h1{
margin-top: 0px !important;
margin-bottom: 15px !important;
line-height: 2.8rem !important;
}
.textBody h2{
margin-top: 0px !important;
margin-bottom: 15px !important;
line-height: 2.8rem !important;
}
.textBody h3{
margin-top: 0px !important;
margin-bottom: 15px !important;
line-height: 2.8rem !important;
}
.textBody p{
font-size: 1.8rem !important;
line-height: 2.8rem !important;
margin-bottom: 15px !important;
}
.textBody span{
font-size: 1.8rem !important;
line-height: 2.8rem !important;
}
.textBody label{
font-size: 1.8rem !important;
line-height: 2.8rem !important;
}
/*font sizing end*/
/*background css*/
.bgUnset{
background-color: unset !important;
}
.bgImgUnset{
background-image: unset !important;
}
.bgWhite{
background-color: white
}
.bgWHite{
background-color: white
}
.bgWhiteImp{
background-color: white !important
}
.bgRed{
background-color: #bc0f0f !important;
}
.bgBrand{
background-color: #bc0f0f !important;
}
.bgLight{
background-color: #e8fbe7;
}
.bgBlack{
background-color: #222222;
}
.bgOrange{
background-color: #e18b20;
}
.bg1{
background-color: #e8fbe7 !important;
}
.bg2{
background-color: #f2f2f2 !important;
}
.bg3{
background-color: #d9d9d9 !important
}
.bg4{
background-color: #f5f5f5 !important
}
.bg5{
background-color: #333 !important
}
.bg6{
background-color: #292929 !important
}
.bg7{
background-color: #3a495e !important
}
.bg8{
background-color: #384353 !important
}
.bg9{
background-color: #bc0f0f8a !important;
}
.bg10{
background-color: #e6e6e6 !important
}
.bg11{
background-color: #fcdf12 !important;
}
/*color css*/
.colorBrand{
color: #bc0f0f !important;
}
.colorBlue{
color: #337ab7 !important;
}
.colorWhite{
color: white !important;
}
.colorBlack{
color: #333 !important;
}
.colorBlackLight{
color: #4f4f4f !important
}
.color1{
color: #6f6d6d !important;
}
.color2{
color: #d6d6d6 !important;
}
.color3{
color: #c40c13 !important;
}
.color4{
color: #b80000
}
.hoverBlue:hover{
color: rgb(184, 0, 0) !important;
}
.hoverBlack:hover{
color: #333 !important;
}
.hoverRed:hover{
color: rgb(184, 0, 0) !important;
}
.hoverAsh:hover{
color: #c3c3c3 !important;
}
.hoverRed:hover h1{
color: rgb(184, 0, 0) !important;
}
.fontBold{
font-weight: bold !important;
}
.fontNormal{
font-weight: normal !important;
}
.fontSize14{
font-size: 14px !important;
}
.hoverImage:hover img{
opacity: .8;
}
.hoverRedText:hover h4{
color: rgb(184, 0, 0) !important;
}
/*padding css*/
.padding0{
padding: 0px !important;
}
.padding3{
padding: 3px !important;
}
.padding5{
padding: 5px !important;
}
.padding6{
padding: 6px !important;
}
.padding7{
padding: 7px !important;
}
.padding8{
padding: 8px !important;
}
.padding10{
padding: 10px !important;
}
.padding15{
padding: 15px !important;
}
.padding20{
padding: 20px !important;
}
.padding40{
padding: 40px !important;
}
.paddingL10{
padding-left: 10px !important;
}
.paddingLR0{
padding-left: 0px !important;
padding-right: 0px !important;
}
.paddingLR3{
padding-left: 3px !important;
padding-right: 3px !important;
}
.paddingLR5{
padding-left: 5px !important;
padding-right: 5px !important;
}
.paddingLR7{
padding-left: 7px !important;
padding-right: 7px !important;
}
.paddingLR10{
padding-left: 10px !important;
padding-right: 10px !important;
}
.paddingLR10Imp{
padding-left: 10px !important;
padding-right: 10px !important;
}
.paddingLR13{
padding-left: 13px !important;
padding-right: 13px !important;
}
.paddingLR15{
padding-left: 15px !important;
padding-right: 15px !important;
}
.paddingLR18{
padding-left: 18px !important;
padding-right: 18px !important;
}
.paddingLR25{
padding-left: 25px !important;
padding-right: 25px !important;
}
.paddingTB3{
padding-top: 3px !important;
padding-bottom: 3px !important;
}
.paddingTB5{
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.paddingTB0{
padding-top: 0px;
padding-bottom: 0px;
}
.paddingL0{
padding-left: 0px !important;
}
.paddingL25{
padding-left: 25px !important;
}
.paddingR0{
padding-right: 0px !important;
}
.paddingR10{
padding-right: 10px !important;
}
.paddingR5{
padding-right: 5px !important;
}
.paddingR25{
padding-right: 25px !important;
}
.paddingLR20{
padding-left: 20px !important;
padding-right: 20px !important;
}
.paddingLR25{
padding-left: 25px !important;
padding-right: 25px !important;
}
.paddingLR30{
padding-left: 30px !important;
padding-right: 30px !important;
}
.paddingLR26{
padding-left: 26px !important;
padding-right: 26px !important;
}
.paddingT0{
padding-top: 0px !important;
}
.paddingT3{
padding-top: 3px;
}
.paddingT5{
padding-top: 5px;
}
.paddingT7{
padding-top: 7px !important;
}
.paddingT8{
padding-top: 8px !important;
}
.paddingT10{
padding-top: 10px !important;
}
.paddingT15{
padding-top: 15px !important;
}
.paddingT20{
padding-top: 20px !important;
}
.paddingT25{
padding-top: 25px !important;
}
.paddingT30{
padding-top: 30px !important;
}
.paddingT40{
padding-top: 40px;
}
.paddingT60{
padding-top: 60px;
}
.paddingT70{
padding-top: 70px;
}
.paddingB0{
padding-bottom: 0px !important;
}
.paddingB5{
padding-bottom: 5px !important;
}
.paddingB7{
padding-bottom: 7px !important;
}
.paddingB10{
padding-bottom: 10px !important;
}
.paddingB15{
padding-bottom: 15px !important;
}
.paddingB20{
padding-bottom: 20px !important;
}
.paddingB25{
padding-bottom: 25px !important;
}
.paddingB30{
padding-bottom: 30px !important;
}
.paddingB40{
padding-bottom: 40px;
}
.paddingB60{
padding-bottom: 60px;
}
/*margin css*/
.margin0{
margin: 0px;
}
.margin5{
margin: 5px;
}
.marginL0{
margin-left: 0px !important;
}
.marginL5{
margin-left: 5px !important;
}
.marginL10{
margin-left: 10px !important;
}
.marginL13{
margin-left: 13px !important;
}
.marginL15{
margin-left: 15px !important;
}
.marginR5{
margin-right: 5px !important;
}
.marginR10{
margin-right: 10px !important;
}
.marginR15{
margin-right: 15px !important;
}
.marginT-2{
margin-top: -2px !important;
}
.marginT-5{
margin-top: -5px !important;
}
.marginT-7{
margin-top: -7px !important;
}
.marginT-10{
margin-top: -10px !important;
}
.marginT-15{
margin-top: -15px !important;
}
.marginT-30{
margin-top: -30px
}
.marginT-50{
margin-top: -50px
}
.marginT0{
margin-top: 0px !important;
}
.marginT1{
margin-top: 1px !important;
}
.marginT2{
margin-top: 2px !important;
}
.marginT3{
margin-top: 3px !important;
}
.marginT4{
margin-top: 4px !important;
}
.marginT5{
margin-top: 5px !important;
}
.marginT7{
margin-top: 7px !important
}
.marginT8{
margin-top: 8px
}
.marginT10{
margin-top: 10px !important;
}
.marginT15{
margin-top: 15px !important;
}
.marginT18{
margin-top: 18px !important;
}
.marginT20{
margin-top: 20px !important;
}
.marginT22{
margin-top: 22px !important;
}
.marginT25{
margin-top: 25px !important;
}
.marginT30{
margin-top: 30px !important;
}
.marginT40{
margin-top: 40px !important;
}
.marginT50{
margin-top: 50px;
}
.marginT58{
margin-top: 58px;
}
.marginT60{
margin-top: 60px;
}
.marginT70{
margin-top: 70px;
}
.marginT75{
margin-top: 75px;
}
.marginT90{
margin-top: 90px;
}
.marginB-30{
margin-bottom: -30px !important;
}
.marginB0{
margin-bottom: 0px !important;
}
.marginB5{
margin-bottom: 5px !important;
}
.marginB10{
margin-bottom: 10px !important;
}
.marginB13{
margin-bottom: 13px !important;
}
.marginB15{
margin-bottom: 15px !important;
}
.marginB17{
margin-bottom: 17px !important;
}
.marginB18{
margin-bottom: 18px !important;
}
.marginB20{
margin-bottom: 20px !important;
}
.marginB22{
margin-bottom: 22px !important;
}
.marginB25{
margin-bottom: 25px !important;
}
.marginB30{
margin-bottom: 30px !important;
}
.marginB50{
margin-bottom: 50px !important;
}
.marginB85{
margin-bottom: 85px !important;
}
.marginLR0{
margin-left: 0px !important;
margin-right: 0px !important;
}
.marginLR5{
margin-left: 5px !important;
margin-right: 5px !important;
}
.marginLR-5{
margin-left: -5px !important;
margin-right: -5px !important;
}
.marginLR-7{
margin-left: -7px !important;
margin-right: -7px !important;
}
.marginLR-10{
margin-left: -10px !important;
margin-right: -10px !important;
}
.marginLR-15{
margin-left: -15px !important;
margin-right: -15px !important;
}
.bottom0{
bottom: 0;
}
.top0{
top: 0;
}
/*border css*/
.border0{
border: none !important;
}
.borderT0{
border-top: none !important;
}
.borderC1-1{
border: 1px solid #cccccc !important;
}
.borderC1T1{
border-top: 1px solid #cccccc !important;
}
.borderC4T1{
border-top: 1px solid #eae8e8 !important;
}
.borderC1T2{
border-top: 2px solid #cccccc !important;
}
.borderC2-1{
border: 1px solid #ba0207 !important;
}
.borderC2T1{
border-top: 1px solid #ac4f44
}
.borderC3T1{
border-top: 1px solid #4c5a6d
}
.borderC1B1{
border-bottom: 1px solid #cccccc !important;
}
.borderC1B2{
border-bottom: 2px solid #dddddd !important;
}
.borderC1R1{
border-right: 1px solid #cccccc !important;
}
.borderC1R2{
border-right: 2px solid #cccccc !important;
}
.borderC2B1{
border-bottom: 1px solid white !important;
}
.borderD2{
border: 2px dashed #b80000 !important;
}
.borderC1-D2{
border: 2px dashed #cccccc !important;
}
.borderG2{
border: 2px solid rgba(214, 224, 226) !important;
}
.borderC3-1 {
border: 1px solid #cecece !important;
}
.borderC4-1{
border: 1px solid #383838 !important;
}
.borderC5-4{
border: 4px solid rgb(184, 0, 0);
}
.borderC6B4{
border-bottom: 4px solid #bc0f0f;
}
.borderC7L1{
border-left: 1px solid #c24d50 !important;
}
.borderC7R1{
border-right: 1px solid #c24d50 !important;
}
.borderC7T1{
border-top: 1px solid #c24d50 !important;
}
.borderColorWhite{
border-color: white !important;
}
.shadow1{
box-shadow: 0 3px 6px rgb(186 186 186 / 40%);
}
.shadow2{
box-shadow: 0px 0px 5px 2px #ccc;
}
.shadow3{
box-shadow: 0px 0px 6px rgb(186 186 186 / 40%);
}
.borderLastItemNone .lastItemNone:last-child .borderC1B1{
border-bottom: none !important;
}
.borderLastItemNone .lastItemNone:last-child .borderC1R1{
border-right: none !important;
}
.borderRLastItemNone .borderC1R1:last-child{
border-right: none !important;
}
.borderR3rdItemNone .borderC1R1:nth-child(3n) {
border-right: none !important;
}
.borderRadius0{
border-radius: 0px !important;
}
.borderRadius4{
border-radius: 4px;
}
.borderTRadius0{
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
}
.borderTRadius4{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.borderBRadius4{
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.borderLRadius4{
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.borderRRadius4{
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.borderRadius5{
border-radius: 5px;
}
.borderTRadius5{
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.borderTRadius20{
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.borderBRadius5{
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.borderLRadius5{
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.borderRadius5{
border-radius: 5px;
}
.borderTRadius10{
border-top-left-radius: 10px !important;
border-top-right-radius: 10px !important;
}
.borderBRadius10{
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.borderRadius10{
border-radius: 10px;
}
.borderRadius50{
border-radius: 50px;
}
.borderRadius50P{
border-radius: 50% !important;
}
/*height width*/
.h100P{
height: 100%;
}
.h34{
height: 34px !important;
}
.h40{
height: 40px !important;
}
.h50{
height: 50px !important;
}
.h90{
height: 90px;
}
.h100{
height: 100px;
}
.h250{
height: 250px;
}
.w100P{
width: 100%;
}
.w17{
width: 17px;
}
.w150{
width: 150px;
}
.w300{
width: 300px;
}
.w320{
width: 320px;
}
.w728{
width: 728px;
}
.w970{
width: 970px;
}
.float-right{
float: right;
}
.overflowHidden{
overflow: hidden;
}
.textDecorationNone{
text-decoration: none !important;
}
.textCenter{
text-align: center !important;
}
/*title css*/
.dot{
font-size: .6rem;
color: #e9e9e9;
vertical-align: middle;
margin-top: -3px;
}
.shoulder{
color: #d10707;
}
.hanger{
color: #7e5fb6;
}
.detailHeadline{
font-size: 3.2rem;
line-height: 4.2rem;
}
.detailShoulder{
font-size: 2.2rem;
line-height: 2.5rem;
color: #d10707;
margin-top: 30px !important;
}
.detailHanger{
font-size: 2.2rem;
line-height: 2.5rem;
color: #7e5fb6;
margin-bottom: 20px;
margin-top: -5px;
}
.detailPTime{
font-size: 1.5rem;
line-height: 1.9rem;
margin-top: 5px;
margin-bottom: 0px;
margin-top: 0px;
}
.detailReporter{
font-size: 1.8rem;
line-height: 2.4rem;
margin-top: 5px;
margin-bottom: 0px;
margin-top: 0px;
display: inline-block;
}
.detailIcon{
display: inline-block;
vertical-align: top;
margin-right: 3px;
margin-top: 1px;
}
.detailPhotoDiv{
margin: 0px;
padding: 0px;
margin-top: 25px;
}
.detailPhotoDiv .detailPhoto .photoCounter{
font-size: 16px;padding: 5px 20px;line-height: 16px;border-radius: 20px;margin-top: 10px;margin-bottom: 10px;display: inline-block;
}
.detailPhotoDiv .detailPhoto .photoCounter:first-child{
margin-left: 20px;
margin-right: 20px;
}
.detailPhotoDiv .detailPhoto{
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.detailPhotoDiv .detailPhoto:first-child{
margin-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
}
.detailPhotoDiv .detailPhoto figcaption p{
margin-bottom: 0px;
font-size: 1.6rem;
line-height: 2.2rem;
padding: 5px 10px;
border: 1px solid #cccccc;
}
.detailPhotoDiv .detailPhoto:first-child figcaption p{
margin-bottom: 0px;
font-size: 1.6rem;
line-height: 2.2rem;
padding: 5px 10px;
border: 1px solid #cccccc;
border-left: none;
border-right: none;
}
.detailBody{
font-size: 2.2rem !important;
line-height: 3.4rem !important;
text-align: left !important;
}
.detailBody h1{
margin-top: 0px !important;
margin-bottom: 30px !important;
line-height: 3.4rem !important;
}
.detailBody h2{
margin-top: 0px !important;
margin-bottom: 30px !important;
line-height: 3.4rem !important;
}
.detailBody h3{
margin-top: 0px !important;
margin-bottom: 30px !important;
line-height: 3.4rem !important;
}
.detailBody p{
font-size: 2.2rem !important;
line-height: 3.4rem;
margin-bottom: 30px !important;
}
.detailBody span{
font-size: 2.2rem !important;
line-height: 3.4rem !important;
}
.detailBody label{
font-size: 2.2rem !important;
line-height: 3.4rem !important;
}
.detailBody figure figcaption{
font-size: 1.6rem !important;
line-height: 2.2rem !important;
margin-bottom: 0px;
padding: 5px 10px;
border: 1px solid #cccccc;
margin-bottom: 20px;
}
.detailBody figure figcaption span{
font-size: 1.6rem !important;
line-height: 2.2rem !important;
color: black !important;
}
.detailBody iframe{
width: 100% !important;
height: 240px !important
}
.detailBody figure{
width: 100% !important
}
.detailVideo{
margin: 0px;
padding: 0px;
margin-top: 25px;
margin-bottom: 20px;
}
.detailVideo iframe{
width: 100% !important;
height: 240px !important
}
.detailDocument{
padding-top: 10px;
padding-bottom: 10px;
}
.detailDocument p{
font-size: 2.2rem !important;
line-height: 3.4rem;
margin-bottom: 0px;
}
.detailDocument p a{
text-decoration: none !important;
}
.detailDocument p a i{
font-size: 1.4rem;
vertical-align: middle;
margin-top: -2px;
}
.detailTag{
margin-top: 10px;
}
.tagItem{
font-size: 1.8rem !important;
line-height: 2.6rem;
padding: 5px 10px;
background-color: #f4f4f4;
margin-bottom: 5px;
display: inline-block;
/*border-radius: 5px;*/
text-decoration: none !important;
color: black;
}
.detailLiveupdate{
font-size: 2.2rem !important;
line-height: 3.4rem !important;
text-align: left !important;
}
.detailLiveupdate h1{
margin-top: 0px !important;
margin-bottom: 20px !important;
line-height: 3.4rem !important;
}
.detailLiveupdate h2{
margin-top: 0px !important;
margin-bottom: 20px !important;
line-height: 3.4rem !important;
}
.detailLiveupdate h3{
margin-top: 0px !important;
margin-bottom: 20px !important;
line-height: 3.4rem !important;
}
.detailLiveupdate p{
font-size: 2.2rem !important;
line-height: 3.4rem;
margin-bottom: 20px !important;
}
.detailLiveupdate span{
font-size: 2.2rem !important;
line-height: 3.4rem !important;
}
.detailLiveupdate label{
font-size: 2.2rem !important;
line-height: 3.4rem !important;
}
.detailLiveupdate figure figcaption{
font-size: 1.6rem !important;
line-height: 2.2rem !important;
margin-bottom: 0px;
padding: 5px 10px;
border: 1px solid #cccccc;
margin-bottom: 20px;
}
.detailLiveupdate figure figcaption span{
font-size: 1.6rem !important;
line-height: 2.2rem !important;
color: black !important;
}
.detailLiveupdate iframe{
width: 100% !important;
height: 240px !important
}
.detailLiveupdate figure{
width: 100% !important
}
.detailLiveupdateTime{
font-size: 1.8rem !important;
line-height: 2.8rem !important;
text-align: left !important;
margin-bottom: 3px !important
}
.socialIconDiv{
border: 1px solid #cccccc;
text-align: center;
padding: 10px 5px;
border-radius: 5px;
}
.clickComments{
background-color: #3b5998;
color: white;
padding: 2px 8px;
border-radius: 5px;
font-size: 1.8rem;
}
.clickComments .fa-comments{
padding: 0px !important;
margin: 0px !important;
width: unset !important;
}
.commentsDiv{
margin-top: 20px;
}
.commentsDiv .comments{
border-bottom: 1px solid #cccccc;
text-align: left;
font-size: 2.2rem;
margin: 0px 6px;
}
.articleDividerDiv p{
border-top: 5px solid #e7e7e7;
text-align: center;
margin: 50px 0px;
}
.title1_3{
font-size: 1.3rem !important;
}
.title1_4{
font-size: 1.4rem !important;
}
.title1_6{
font-size: 1.6rem !important;
}
.title1_7{
font-size: 1.7rem !important;
}
.title1_8{
font-size: 1.6rem !important;
line-height: 2.4rem;
}
.title2_0{
font-size: 2.0rem !important;
}
.title2_3{
font-size: 2.3rem !important;
}
.title2_5{
font-size: 2.5rem !important;
}
.title2{
font-size: 2.2rem;
line-height: 2.7rem;
}
.title3{
font-size: 2.5rem !important;
line-height: 3.8rem !important;
}
.title3Large{
font-size: 3rem !important;
line-height: 4rem !important;
}
.title4{
font-size: 2rem;
line-height: 3rem;
}
.title8{
font-size: 3.5rem !important;
line-height: 4.8rem !important;
}
.title9{
font-size: 3rem !important;
line-height: 3.8rem !important;
}
.title10{
font-size: 2.5rem !important;
line-height: 3.5rem !important;
}
.title10Small{
font-size: 2.5rem !important;
line-height: 3.2rem !important;
}
.title11{
font-size: 2.2rem !important;
line-height: 3.2rem !important;
/*font-size: 2.3rem !important;*/
/*line-height: 2.7rem !important;*/
}
.title12{
font-size: 2rem !important;
line-height: 2.8rem !important;
}
.sidebarCatTitle{
font-size: 2rem;
line-height: 3rem;
}
.sidebarCatTitle i{
font-size: 1.7rem;
line-height: 1.4rem;
}
/*common css*/
.summary{
font-size: 1.8rem;
line-height: 2.6rem;
margin-top: 5px;
margin-bottom: 5px;
color: #5d5f5f;;
}
.time{
font-size: 1.6rem;
line-height: 2.2rem;
margin-top: 5px;
color: #5d5f5f;
margin-bottom: 5px;
}
.time i{
font-size: 1.1rem;
}
.author{
font-size: 1.8rem;
line-height: 2rem;
color: #5d5f5f;
border-bottom: 1px solid #d5cccc;
padding-bottom: 10px;
margin-top: 10px;
margin-bottom: 0px;
}
.author i{
font-size: 1.1rem;
background-color: #d5cccc;
color: white;
padding: 3px 5px 3px 5px;
border-radius: 2px;
}
.author2{
border: 1px solid #d7d7d7;
padding: 5px;
margin-bottom: 0px;
border-radius: 5px;
}
.author2 i{
font-size: 1.3rem;
background-color: #d5cccc;
color: black;
border-radius: 50%;
}
.moreButton{
font-size: 1.8rem;
color: #344054;
border: 1px solid #d0d5dd;
box-shadow: 0 1px 2px rgba(16,24,40,.05);
padding: 7px 20px;
border-radius: 7px;
font-weight: bold;
text-decoration: none !important;
cursor: pointer;
}
.moreButton:hover {
color: #fff;
background-color: #344054;
}
.moreButton i{
font-size: 1.2rem;
/*vertical-align: middle;*/
/*margin-top: 0px;*/
}
.sectionTitle{
font-size: 2.7rem;
line-height: 3.7rem;
margin-top: 0px;
margin-bottom: 20px;
border-bottom: 2px solid #cccccc;
}
.sectionTitle a{
text-decoration: none !important;
color: #333;
}
.sectionTitle a i{
font-size: 1.8rem;
}
.sectionTitle .categoryIcon{
height: 18px;
vertical-align: middle;
margin-top: 5px;
}
.rightMarkedMobile {
background-color: rgb(184, 0, 0);
height: 13px;
width: 13px;
display: inline-block;
vertical-align: middle;
margin-top: -7px;
margin-left: 5px;
}
.leftMarkedMobile {
background-color: rgb(184, 0, 0);
height: 18px;
width: 13px;
display: inline-block;
vertical-align: middle;
margin-top: -1px;
margin-right: 5px;
}
.positionRelative{
position: relative !important;
}
.positionAbsolute{
position: absolute !important;
}
.verticalAlignSub{
vertical-align: sub !important;
}
.verticalAlignMiddle{
vertical-align: middle !important;
}
.displayBlock{
display: block !important;
}
.displayInline{
display: inline !important;
}
.displayInlineBlock{
display: inline-block !important;
}
.displayInlineFlex{
display: inline-flex;
}
.sectionLead .thumbnail{
border: none;
padding: 0px;
margin-bottom: 0px;
}
.sectionLead .thumbnail a{
text-decoration: none !important;
}
.sectionLead .thumbnail .caption{
padding-left: 20px;
padding-right: 20px;
}
.sectionLead .thumbnail .caption h3{
margin-top: 5px;
margin-bottom: 0px;
}
.sectionListMedia .media{
border-bottom: 1px solid #cccccc;
margin-top: 0px;
padding-bottom: 12px;
padding-top: 7px;
}
.sectionListMedia .media a{
text-decoration: none !important;
}
.sectionListMedia .media .media-left .media-object{
border-radius: 5px;
margin-top: 5px;
}
.sectionListMedia .media .media-body h4{
font-size: 2.2rem;
line-height: 3.2rem;
margin-top: 0px;
margin-bottom: 0px;
color: #333;
}
.sectionListMedia .media:last-child{
border-bottom: none !important;
}
.sectionListThumbnail:nth-child(even){
padding-right: 10px !important;
}
.sectionListThumbnail:nth-child(odd){
padding-left: 10px !important;
}
.sectionListThumbnail:nth-last-child(1) .thumbnail{
margin-bottom: 0px !important;
}
.sectionListThumbnail:nth-last-child(2) .thumbnail{
margin-bottom: 0px !important;
}
.sectionListThumbnail .thumbnail{
border: none;
padding: 0px;
margin-bottom: 5px;
}
.sectionListThumbnail .thumbnail a{
text-decoration: none !important;
}
.sectionListThumbnail .thumbnail img{
border-radius: 5px;
}
.sectionListThumbnail .thumbnail .caption{
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
.sectionListThumbnail .thumbnail .caption h4{
font-size: 2.2rem;
line-height: 3.2rem;
margin-top: 0px;
margin-bottom: 0px;
}
/*slick gallery*/
*:focus {
outline: 0 !important;
}
.slick-prev{
display: block;
background-color: #333000e0;
height: 40px;
width: 40px;
color: white !important;
left: -4px !important;
z-index: 9;
border-radius: 50%;
padding-top: 2px;
box-shadow: 0 0 30px 2px lightgrey;
}
.slick-next{
display: block;
background-color: #333000e0;
height: 40px;
width: 40px;
color: white !important;
right: 0px !important;
z-index: 9;
border-radius: 50%;
padding-top: 2px;
box-shadow: 0 0 30px 2px lightgrey;
}
.slick-prev:before {
content: '←' !important;
color: white !important;
opacity: 1 !important;
top: 10 !important;
}
.slick-next:before {
content: '→' !important;
color: white !important;
opacity: 1 !important;
top: 10 !important;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
background-color: #333;
}
.photo-gallery .slick-dots{
bottom: -10px !important
}
.pvIconLarge{
position: absolute;
top: 50%;
left: 50%;
height: 50px;
width: 52px;
background: #fff;
color: #9a1515;
transform: translate(-50%,-50%);
text-align: center;
line-height: 42px;
border-radius: 50%;
padding-left: 4px;
border: 5px solid #fff;
-webkit-box-shadow: 0 0 30px 2px grey;
-moz-box-shadow: 0 0 30px 2px gray;
box-shadow: 0 0 30px 2px grey;
opacity: .8;
font-size: 20px;
}
.thumbnail:hover .pvIconLarge{
background: rgba(0,0,0,.14);
color: #fff;
}
.media:hover .pvIconLarge{
background: rgba(0,0,0,.14);
color: #fff;
}
.pvIconMedium{
position: absolute;
top: 50%;
left: 50%;
height: 40px;
width: 42px;
background: #fff;
color: #9a1515;
transform: translate(-50%,-50%);
text-align: center;
line-height: 31px;
border-radius: 50%;
padding-left: 4px;
border: 5px solid #fff;
-webkit-box-shadow: 0 0 30px 2px grey;
-moz-box-shadow: 0 0 30px 2px gray;
box-shadow: 0 0 30px 2px grey;
opacity: .8;
font-size: 20px;
}
.thumbnail:hover .pvIconMedium{
background: rgba(0,0,0,.14);
color: #fff;
}
.media:hover .pvIconMedium{
background: rgba(0,0,0,.14);
color: #fff;
}
.pvIconSmall{
position: absolute;
top: 50%;
left: 50%;
height: 30px;
width: 30px;
background: #fff;
color: #9a1515;
transform: translate(-50%,-50%);
text-align: center;
line-height: 26px;
border-radius: 50%;
padding-left: 2px;
border: 3px solid #fff;
-webkit-box-shadow: 0 0 30px 2px grey;
-moz-box-shadow: 0 0 30px 2px gray;
box-shadow: 0 0 30px 2px grey;
opacity: .8;
font-size: 10px;
}
.thumbnail:hover .pvIconSmall{
background: rgba(0,0,0,.14);
color: #fff;
}
.media:hover .pvIconSmall{
background: rgba(0,0,0,.14);
color: #fff;
}
.ppIconLarge{
position: absolute;
top: 35px;
left: 40px;
height: 41px;
width: 48px;
background: rgb(46 46 45);
color: #fff;
transform: translate(-50%,-50%);
text-align: center;
line-height: 42px;
-webkit-box-shadow: 0 0 30px 2px grey;
-moz-box-shadow: 0 0 30px 2px gray;
box-shadow: 0 0 30px 2px grey;
opacity: .8;
font-size: 20px;
border-radius: 3px;
}
.ppIconMedium{
position: absolute;
top: 26px;
left: 30px;
height: 30px;
width: 35px;
background: rgb(46 46 45);
transform: translate(-50%,-50%);
text-align: center;
line-height: 32px;
color: #fff;
-webkit-box-shadow: 0 0 30px 2px grey;
-moz-box-shadow: 0 0 30px 2px gray;
box-shadow: 0 0 30px 2px grey;
opacity: .8;
font-size: 13px;
border-radius: 3px;
}
.ppIconSmall{
position: absolute;
top: 20px;
left: 24px;
height: 24px;
width: 30px;
background: rgb(46 46 45);
transform: translate(-50%,-50%);
text-align: center;
line-height: 24px;
color: #fff;
-webkit-box-shadow: 0 0 30px 2px grey;
-moz-box-shadow: 0 0 30px 2px gray;
box-shadow: 0 0 10px 2px grey;
opacity: .8;
font-size: 10px;
border-radius: 3px;
}
.linkOverlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mobileHeader{
padding: 10px 0px;
position: fixed;
width: 100%;
background-color: white;
top: 0;
z-index: 99;
box-shadow: 0 4px 8px -2px rgba(16,24,40,.1), 0 2px 4px -2px rgba(16,24,40,.06);
}
.mobileSecondHeader{
margin-top: 20px;
border-bottom: 1px solid #cccccc;
}
.mobileSecondHeader table{
width: 100%;
}
.mobileSecondHeader table td{
text-align: center;
padding-bottom: 6px
}
.mobileSecondHeader table td a{
color: #6f6d6d;
}
.mobileSecondHeader table td a i{
font-size: 1.6rem;
}
.mobileSecondHeaderActive{
border-bottom: 2px solid rgb(184, 0, 0) !important;
}
.mobileSecondHeaderActive a{
color: rgb(184, 0, 0) !important;
}
.mobileFooter{
background-color: rgb(236 236 236);
/*border-top: 1px solid #cccccc;*/
}
.mobileFooter .editorDiv{
text-align: left;
padding: 20px;
color: white;
}
.mobileFooter .followDiv{
font-size: 1.6rem;
margin-bottom: 0px;
padding: 10px 20px;
text-align: left;
/*background-color: #bc0f0f;*/
}
.mobileFooter .copyright{
font-size: 1.6rem;
margin-bottom: 0px;
margin-top: 10px;
color: white;
text-align: left;
/*font-weight: bold;*/
}
.mobileFooter .copyright i{
font-size: 1rem;
}
.mobileFooter .linkDiv{
text-align: center;
padding: 5px 20px;
margin-left: -5px;
background-color: #bc0f0f;
}
.mobileFooter .linkDiv a{
color: white;
font-size: 1.4rem;
/*border: 1px solid white;*/
padding: 0px 0px;
margin: 5px;
display: inline-block;
text-decoration: none !important;
}
.searchIcon{
color: white;
font-size: 1.6rem;
text-align: center;
border-radius: 50%;
line-height: 30px;
}
.sidebarIcon{
height: 32px;
width: 32px;
/* background-color: rgb(184, 0, 0); */
border-radius: 50%;
font-size: 25px;
text-align: left;
line-height: 33px;
color: #5d5d5d;
/*margin-left: 5px;*/
}
.opinionCatMedia{
border: 1px solid #d7d7d7 !important;
border-radius: 10px;
overflow: visible;
margin-bottom: 30px;
padding: 10px 10px
}
.cursorPointer{
cursor: pointer;
}
.moreButton2{
margin-top: -2px;
vertical-align: middle;
padding: 4px 20px;
border: none;
border-left: 2px solid #d0d5dd;
border-radius: 0px;
font-size: 1.8rem;
color: #333;
box-shadow: unset;
font-weight: bold;
text-decoration: none !important;
cursor: pointer;
}
.moreButton2:hover {
color: #23527c;
}
.moreButton2 i{
font-size: 1.3rem;
}
.loadMoreButton{
font-size: 1.8rem;
color: #333;
border: 1px solid #d0d5dd;
box-shadow: 0 1px 2px rgba(16,24,40,.05);
padding: 7px 20px;
border-radius: 7px;
font-weight: bold;
text-decoration: none !important;
cursor: pointer;
}
.loadMoreButton:hover {
color: #fff;
background-color: #bc0f0f;
border: 1px solid #bc0f0f;
}
.loadMoreButton i{
font-size: 1.3rem;
}
.loadMoreButtonMobile{
font-size: 1.6rem;
color: #333;
border: 1px solid #d0d5dd;
box-shadow: 0 1px 2px rgba(16,24,40,.05);
padding: 5px 20px;
border-radius: 7px;
font-weight: bold;
text-decoration: none !important;
cursor: pointer;
}
.loadMoreButtonMobile:hover {
color: #fff;
background-color: #bc0f0f;
border: 1px solid #bc0f0f;
}
.loadMoreButtonMobile i{
font-size: 1.3rem;
}
.live-icon {
display: inline-block;
position: relative;
top: calc(50% - 5px);
background-color: white;
width: 8px;
height: 8px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
z-index: 1;
left: 3px
}
.live-icon:before {
content: "";
display: block;
position: absolute;
background-color: rgba(255, 0, 0, 0.6);
width: 100%;
height: 100%;
border-radius: 50%;
animation: live 2s ease-in-out infinite;
z-index: -1;
}
@keyframes live {
0% {
transform: scale(1, 1);
}
100% {
transform: scale(3.5, 3.5);
background-color: white;
}
}
.subCategoryDiv{
margin-bottom: 15px;
}
.subCategoryDiv ul{
list-style: none;
padding: 0px;
margin: 0px
}
.subCategoryDiv ul li{
display: inline-block;
font-size: 1.8rem;
margin-right: 5px;
}
.subCategoryDiv ul li h2{
display: inherit;
margin: 0px;
padding: 0px;
font-size: inherit;
}
.subCategoryDiv ul li h2 a{
color: black;
text-decoration: none !important;
}
.subCategoryDiv ul li i{
font-size: .5rem;
color: #acacef;
vertical-align: middle;
margin-top: -2px;
}
/*sidemenu*/
.sidepanel {
width: 0;
position: fixed;
z-index: 9999;
height: 100%;
top: 0;
right: 0;
background-color: #bc0f0f;
overflow-x: hidden;
transition: 0.1s;
/*padding-top: 60px;*/
box-shadow: 0 3px 12px 0 rgb(0 0 0 / 40%);
}
.sidepanel a {
padding: 7px 5px 5px 0px;
text-decoration: none;
/*font-size: 20px;*/
color: white;
display: block;
transition: 0.3s;
border-bottom: 1px solid #ba0207;
}
.sidepanel a:hover {
color: rgb(184, 0, 0);
}
.sidepanel .closebtn {
/*position: absolute;*/
/*top: -7px;*/
/*right: 25px;*/
font-size: 36px;
border: none;
padding: 0px !important;
margin-top: 10px;
font-weight: bold;
}
/*social icons*/
.topSocialIconColored .fa{
/*padding: 9px 8px 8px 8px;*/
font-size: 16px;
width: 34px;
height: 34px;
text-align: center;
text-decoration: none;
margin: 5px 1px;
border-radius: 50%;
line-height: 33px;
}
.topSocialIconColored .fa-facebook{
background-color: #2d5f9a;
color: white;
border: none;
}
.topSocialIconColored .fa-facebook:hover{
color: white;
background-color: #1b4a82;
}
.topSocialIconColored .fa-facebook-messenger{
background-color: #456ab6;
color: white;
border: none;
}
.topSocialIconColored .fa-facebook-messenger:hover{
color: white;
}
.topSocialIconColored .fa-twitter{
background-color: #1da1f2;
color: white;
border: none;
}
.topSocialIconColored .fa-twitter:hover{
color: white;
}
.topSocialIconColored .fa-x-twitter{
background-color: #333000d6;
color: white;
border: none;
}
.topSocialIconColored .fa-x-twitter:hover{
color: white;
background-color: #333000;
}
.topSocialIconColored .fa-linkedin{
background-color: #005182;
color: white;
border: none;
}
.topSocialIconColored .fa-linkedin:hover{
color: white;
background-color: #003b5f;
}
.topSocialIconColored .fa-whatsapp{
background-color: #52cc60;
color: white;
border: none;
}
.topSocialIconColored .fa-whatsapp:hover{
color: white;
}
.topSocialIconColored .fa-print{
background-color: #c1c1c1;
color: white;
border: none;
}
.topSocialIconColored .fa-print:hover{
color: white;
}
.topSocialIconColored .fa-instagram{
background-color: #c32aa3;
color: white;
border: none;
}
.topSocialIconColored .fa-instagram:hover{
color: white;
background-color: #8d1b75;
}
.topSocialIconColored .fa-youtube{
background-color: #ff0000;
color: white;
border: none;
}
.topSocialIconColored .fa-youtube:hover{
color: white;
background-color: #c30404;
}
.topSocialIcon2 .fa {
padding: 10px 20px;
font-size: 14px;
/* width: 34px; */
text-align: center;
text-decoration: none;
margin: 5px 1px;
/* border-radius: 50%; */
color: white !important;
}
.topSocialIconColored2 .fa-facebook{
background-color: #3b5998;
color: white;
border: none;
}
.topSocialIconColored2 .fa-facebook:hover{
color: white;
}
.topSocialIconColored2 .fa-facebook-messenger{
background-color: #456ab6;
color: white;
border: none;
}
.topSocialIconColored2 .fa-facebook-messenger:hover{
color: white;
}
.topSocialIconColored2 .fa-twitter{
background-color: #1da1f2;
color: white;
border: none;
}
.topSocialIconColored2 .fa-twitter:hover{
color: white;
}
.topSocialIconColored2 .fa-linkedin{
background-color: #0a66c2;
color: white;
border: none;
}
.topSocialIconColored2 .fa-linkedin:hover{
color: white;
}
.topSocialIconColored2 .fa-whatsapp{
background-color: #52cc60;
color: white;
border: none;
}
.topSocialIconColored2 .fa-whatsapp:hover{
color: white;
}
.topSocialIconColored2 .fa-print{
background-color: #c1c1c1;
color: white;
border: none;
}
.topSocialIconColored2 .fa-print:hover{
color: white;
}
.topSocialIconColored2 .fa-instagram{
background-color: #c32aa3;
color: white;
border: none;
}
.topSocialIconColored2 .fa-instagram:hover{
color: white;
}
.topSocialIconColored2 .fa-youtube{
background-color: #ff0000;
color: white;
border: none;
}
.topSocialIconColored2 .fa-youtube:hover{
color: white;
}
.topSocialIcon i{
display: inline-block !important;
}
.topSocialIcon a{
display: inline-block !important;
}
.topSocialIcon span{
display: inline-block !important;
}
.topSocialIcon a{
cursor: pointer;
}
.topSocialIcon .fa {
padding: 9px 8px 8px 8px;
font-size: 14px;
width: 34px;
text-align: center;
text-decoration: none;
margin: 5px 1px;
border-radius: 50%
}
.topSocialIconSmall .fa {
padding: 5px 4px 5px 4px !important;
font-size: 15px !important;
width: 28px !important;
text-align: center !important;
text-decoration: none !important;
margin: 5px 1px !important;
border-radius: unset !important;
}
.topSocialIcon a:first-child{
margin-left: 0px
}
.topSocialIcon a:last-child{
margin-right: 0px
}
.topSocialIcon .fa:hover {
/*opacity: 0.7;*/
}
.topSocialIcon .fa-facebook {
border: 1px solid #F1F1F1;
color: #1b4a82;
}
.topSocialIcon .fa-facebook:hover {
color: black;
}
.topSocialIcon .fa-twitter {
border: 1px solid #F1F1F1;
color: #333000;
}
.topSocialIcon .fa-twitter:hover {
color: black;
}
.topSocialIcon .fa-x-twitter {
border: 1px solid #F1F1F1;
color: #333000;
}
.topSocialIcon .fa-x-twitter:hover {
color: black;
}
.topSocialIcon .fa-whatsapp{
border: 1px solid #F1F1F1;
color: #52cc60;
}
.topSocialIcon .fa-whatsapp:hover{
color: white;
}
.topSocialIcon .fa-print{
background-color: #c1c1c1;
color: white;
border: none;
}
.topSocialIcon .fa-print:hover{
color: white;
}
.topSocialIcon .fa-google {
border: 1px solid #F1F1F1;
color: white;
}
.topSocialIcon .fa-google:hover {
color: white;
}
.topSocialIcon .fa-linkedin {
border: 1px solid #F1F1F1;
color: #003b5f;
}
.topSocialIcon .fa-linkedin:hover {
color: black;
}
.topSocialIcon .fa-youtube {
border: 1px solid #F1F1F1;
color: #c30404;
}
.topSocialIcon .fa-youtube:hover {
color: black;
}
.topSocialIcon .fa-instagram {
border: 1px solid #F1F1F1;
color: #8d1b75;
}
.topSocialIcon .fa-instagram:hover {
color: black;
}
.topSocialIcon .fa-envelope{
background-color: #f70000;
color: white;
border: none;
}
.topSocialIcon .fa-envelope:hover{
color: white;
}
/*special for desktop*/
.desktopLocationDiv h2{
color: #333;
}
.desktopLocationDiv select{
height: 45px !important;
font-size: 2rem;
}
.desktopLocationDiv button{
height: 45px !important;
font-size: 2rem;
background-color: #bc0f0f;
color: white;
}
.desktopLocationDiv button:hover{
color: white;
opacity: .9;
}
.locationDiv h2{
color: #333;
}
.locationDiv select{
height: 34px !important;
font-size: 1.4rem;
}
.locationDiv button{
height: 34px !important;
font-size: 1.4rem;
background-color: #344054;
color: white;
}
.locationDiv button:hover{
color: white;
opacity: .9;
}
.desktopMoreButton{
font-size: 2.2rem;
color: #344054;
border: 1px solid #d0d5dd;
box-shadow: 0 1px 2px rgba(16,24,40,.05);
padding: 7px 20px;
border-radius: 7px;
text-decoration: none !important;
cursor: pointer;
}
.desktopMoreButton:hover {
color: #fff;
background-color: #344054;
border: 1px solid #344054;
}
.desktopMoreButton i{
font-size: 1.6rem;
vertical-align: middle;
margin-top: -3px;
}
.desktopMoreButtonActive{
font-size: 2.2rem;
color: white;
background-color: #344054;
border: 1px solid #d0d5dd;
box-shadow: 0 1px 2px rgba(16,24,40,.05);
padding: 7px 20px;
border-radius: 7px;
font-weight: bold;
text-decoration: none !important;
cursor: pointer;
}
.desktopMoreButtonActive:hover {
color: black;
background-color: unset;
}
.desktopMoreButtonActive i{
font-size: 1.6rem;
vertical-align: middle;
margin-top: -3px;
}
.desktopVoteButtonActive{
font-size: 1.8rem;
color: white;
background-color: #344054;
border: 1px solid #d0d5dd;
box-shadow: 0 1px 2px rgba(16,24,40,.05);
padding: 5px 20px;
border-radius: 7px;
font-weight: bold;
text-decoration: none !important;
cursor: pointer;
}
.desktopVoteButtonActive:hover {
color: black;
background-color: unset;
}
.desktopVoteButtonActive i{
font-size: 1.6rem;
vertical-align: middle;
margin-top: -3px;
}
.desktopFlexRow{
display: flex;
flex-wrap: wrap;
}
.desktopSectionTitle{
font-size: 2.8rem;
line-height: 6rem;
margin-top: 0px;
margin-bottom: 0px;
border-top: 4px solid #b80000;
font-weight: bold;
}
.desktopSectionTitle a{
text-decoration: none !important;
color: #333;
}
.desktopSectionTitle a:hover{
color: rgb(184, 0, 0);
}
.desktopSectionTitle a i{
font-size: 2rem;
}
.desktopSectionTitle .categoryIcon{
height: 20px;
vertical-align: middle;
margin-top: -2px;
}
.desktopCategoryTitle{
font-size: 2.8rem;
line-height: 3.6rem;
margin-top: 0px;
margin-bottom: 5px;
display: inline-block;
}
.desktopCategoryTitle a{
text-decoration: none !important;
color: #333;
}
.desktopCategoryTitle a:hover{
color: rgb(184, 0, 0);
}
.desktopCategoryTitle a i{
font-size: 2rem;
}
.desktopSubCategoryDiv{
}
.desktopSubCategoryDiv ul{
list-style: none;
padding: 0px;
margin: 0px
}
.desktopSubCategoryDiv ul li{
display: inline-block;
font-size: 2.4rem;
margin-right: 5px;
}
.desktopSubCategoryDiv ul li h2{
display: inherit;
margin: 0px;
padding: 0px;
font-size: 2.2rem;
}
.desktopSubCategoryDiv ul li h2 a{
color: #333;
text-decoration: none !important;
}
.desktopSubCategoryDiv ul li h2 a:hover{
color: rgb(184, 0, 0);
}
.desktopSubCategoryDiv ul li i{
font-size: .7rem;
color: #acacef;
vertical-align: middle;
margin-top: -3px;
}
.desktopCategoryTitleVideo{
font-size: 5rem;
line-height: 5rem;
margin-top: 0px;
margin-bottom: 5px;
display: inline-block;
}
.desktopCategoryTitleVideo a{
text-decoration: none !important;
color: #333;
}
.desktopCategoryTitleVideo a:hover{
color: rgb(184, 0, 0);
}
.desktopCategoryTitleVideo a i{
font-size: 2rem;
vertical-align: middle;
}
.desktopSubCategoryDivVideo{
margin-top: 25px;
width: 100%;
}
.desktopSubCategoryDivVideo ul{
list-style: none;
padding: 0px;
margin: 0px;
background-color: rgb(0 0 187 / 50%);
}
.desktopSubCategoryDivVideo ul li{
display: inline-block;
border-right: 1px solid white;
margin: 0px;
margin-left: -0.4rem;
}
.desktopSubCategoryDivVideo ul li:first-child{
margin-left: 0px;
}
.desktopSubCategoryDivVideo ul li h2{
margin: 0px;
padding: 0px;
}
.desktopSubCategoryDivVideo ul li a{
font-size: 2.2rem;
line-height: 4rem;
padding: 5px 10px;
text-decoration: none;
}
.desktopSubCategoryDivVideo ul li:hover{
background-color: #e6e7e8;
}
.desktopSubCategoryDivVideo ul li:hover a{
background-color: #e6e7e8;
border-bottom: 4px solid #a94141;
color: black;
}
/*.desktopSubCategoryDivVideo ul li h2{
display: inherit;
margin: 0px;
padding: 0px;
font-size: inherit;
}
.desktopSubCategoryDivVideo ul li h2 a{
color: #333;
text-decoration: none !important;
}
.desktopSubCategoryDivVideo ul li h2 a:hover{
color: rgb(184, 0, 0);
}
.desktopSubCategoryDivVideo ul li i{
font-size: .7rem;
color: #acacef;
vertical-align: middle;
margin-top: -1px;
}
*/
.desktopDivider{
border-top: 1px solid #cccccc;
margin: 20px 0px;
}
.desktopSummary{
font-size: 1.8rem;
line-height: 2.6rem;
margin-top: 5px;
margin-bottom: 5px;
color: #5d5f5f;;
}
.desktopSummary2{
font-size: 1.8rem;
line-height: 2.1rem;
margin-top: 5px;
margin-bottom: 5px;
color: #5d5f5f;;
}
.desktopTime{
font-size: 1.8rem;
line-height: 2.6rem;
margin-top: 5px;
color: #5d5f5f;
margin-bottom: 5px;
}
.desktopTime i{
font-size: 1.1rem;
vertical-align: middle;
margin-top: -2px;
}
.categoryNameClass{
font-size: 1.8rem;
padding: 3px 10px 1px 10px;
color: #5d5f5f;
}
.categoryNameClass i{
font-size: 1.3rem;
}
.desktopDetailReporter{
font-size: 2rem;
line-height: 2.8rem;
margin-bottom: 2px;
margin-top: 0px;
display: inline-block;
color: #101828;
}
.desktopDetailIcon {
display: inline-block;
vertical-align: middle;
margin-right: 3px;
margin-top: -8px;
}
.desktopDetailHeadline{
font-size: 5.2rem;
line-height: 6.5rem;
color: #333;
}
.desktopDetailShoulder{
font-size: 2.3rem;
line-height: 3rem;
color: #d10707;
margin-bottom: 10px;
}
.desktopDetailHanger{
font-size: 2.3rem;
line-height: 3rem;
color: #7e5fb6;
}
.desktopDetailCat{
font-size: 2.3rem;
line-height: 3rem;
/*margin-bottom: 20px;*/
margin-top: 0px;
}
.desktopDetailCat a{
border-bottom: 2px solid;
text-decoration: none !important;
}
.desktopDetailPTime {
font-size: 1.8rem;
line-height: 2.3rem;
margin-bottom: 0px;
margin-top: 0px;
}
.desktopDetailPhotoDiv{
margin: 0px;
padding: 0px;
}
.desktopDetailPhotoDiv .desktopDetailPhoto .photoCounter{
font-size: 20px;padding: 5px 20px;line-height: 20px;border-radius: 20px;margin-top: 10px;margin-bottom: 10px;display: inline-block;
}
.desktopDetailPhotoDiv .desktopDetailPhoto{
margin-bottom: 20px;
}
.desktopDetailPhotoDiv .desktopDetailPhoto figcaption p{
margin-bottom: 0px;
font-size: 1.8rem;
line-height: 2.4rem;
padding: 10px 10px;
border: 1px solid #cccccc;
}
.desktopDetailBody{
font-size: 2.2rem !important;
line-height: 3.4rem !important;
text-align: left !important;
color: #333;
}
.desktopDetailBody h1{
margin-top: 0px !important;
margin-bottom: 30px !important;
line-height: 3.4rem !important;
}
.desktopDetailBody h2{
margin-top: 0px !important;
margin-bottom: 30px !important;
line-height: 3.4rem !important;
}
.desktopDetailBody h3{
margin-top: 0px !important;
margin-bottom: 30px !important;
line-height: 3.4rem !important;
}
.desktopDetailBody p{
font-size: 2.2rem !important;
line-height: 3.4rem !important;
margin-bottom: 30px !important;
}
.desktopDetailBody span{
font-size: 2.2rem !important;
line-height: 3.4rem !important;
}
.desktopDetailBody label{
font-size: 2.2rem !important;
line-height: 3.4rem !important;
}
.desktopDetailBody iframe{
width: 100% !important;
/*height: 390px !important*/
}
.desktopDetailBody .twitter-tweet iframe{
width: 100% !important;
height: 500px !important;
}
.desktopDetailBody figure{
width: 100% !important
}
.desktopDetailBody figure figcaption{
margin-bottom: 0px;
font-size: 1.8rem !important;
line-height: 2.4rem !important;
padding: 10px 10px;
border: 1px solid #cccccc;
margin-bottom: 30px;
color: black !important;
}
.desktopDetailBody figure figcaption span{
color: black !important;
font-size: 1.8rem !important;
line-height: 2.4rem !important;
}
.desktopDetailVideo{
margin: 0px;
padding: 0px;
margin-bottom: 30px;
}
.desktopDetailVideo iframe{
width: 100% !important;
height: 550px !important
}
.desktopDetailDocument{
padding-top: 10px;
padding-bottom: 10px;
}
.desktopDetailDocument p{
font-size: 2.2rem !important;
line-height: 3.4rem;
margin-bottom: 0px;
}
.desktopDetailDocument p a{
text-decoration: none !important;
}
.desktopDetailDocument p a i{
font-size: 1.6rem;
vertical-align: middle;
margin-top: -3px;
}
.desktopDetailTag{
margin-top: 10px;
}
.desktopTagItem{
font-size: 2rem !important;
line-height: 2.8rem;
padding: 8px 15px 5px 15px;
margin-top: 5px;
margin-bottom: 5px;
display: inline-block;
/*border-radius: 5px;*/
text-decoration: none !important;
margin-right: 5px;
border: 1px solid #cccccc;
color: #333;
}
.desktopTagItem i{
font-size: 1.6rem;
}
.desktopTrendingTopicItem{
font-size: 2rem !important;
line-height: 2rem;
padding: 10px 10px;
margin-top: 5px;
margin-bottom: 5px;
display: inline-block;
border-radius: 5px;
text-decoration: none !important;
margin-right: 5px;
border: 1px solid #cccccc;
color: #333;
}
.desktopTrendingTopicItem i{
font-size: 1.6rem;
}
.desktopDetailLiveupdate{
font-size: 2.2rem !important;
line-height: 3.4rem !important;
text-align: left !important;
color: #333;
}
.desktopDetailLiveupdate h1{
margin-top: 0px !important;
margin-bottom: 20px !important;
line-height: 3.4rem !important;
}
.desktopDetailLiveupdate h2{
margin-top: 0px !important;
margin-bottom: 20px !important;
line-height: 3.4rem !important;
}
.desktopDetailLiveupdate h3{
margin-top: 0px !important;
margin-bottom: 20px !important;
line-height: 3.4rem !important;
}
.desktopDetailLiveupdate p{
font-size: 2.2rem !important;
line-height: 3.4rem !important;
margin-bottom: 20px !important;
}
.desktopDetailLiveupdate span{
font-size: 2.2rem !important;
line-height: 3.4rem !important;
}
.desktopDetailLiveupdate label{
font-size: 2.2rem !important;
line-height: 3.4rem !important;
}
.desktopDetailLiveupdate iframe{
width: 100% !important;
/*height: 390px !important*/
}
.desktopDetailLiveupdate .twitter-tweet iframe{
width: 100% !important;
height: 500px !important;
}
.desktopDetailLiveupdate figure{
width: 100% !important
}
.desktopDetailLiveupdate figure figcaption{
margin-bottom: 0px;
font-size: 1.8rem !important;
line-height: 2.4rem !important;
padding: 10px 10px;
border: 1px solid #cccccc;
margin-bottom: 20px;
color: black !important;
}
.desktopDetailLiveupdate figure figcaption span{
color: black !important;
font-size: 1.8rem !important;
line-height: 2.4rem !important;
}
.mobileTrendingTopicItem{
font-size: 1.8rem !important;
line-height: 2rem;
padding: 5px 8px 2px 8px;
margin-top: 3px;
margin-bottom: 3px;
display: inline-block;
/*border-radius: 5px;*/
text-decoration: none !important;
margin-right: 3px;
border: 1px solid #cccccc;
color: #333;
}
.mobileTrendingTopicItem i{
font-size: 1.6rem;
}
.desktopSocialIconDiv{
border: 1px solid #cccccc;
padding: 10px 5px;
border-radius: 5px;
}
.desktopNewsCount{
background-color: #eaecf0;
height: 50px;
width: 50px;
display: block;
text-align: center;
border-radius: 50%;
font-size: 3rem;
line-height: 5rem;
}
.desktopMediaHeadline{
font-size: 2.2rem;
line-height: 2.4rem;
margin-top: 0px;
color: #333;
}
.listItemLastMB0 .desktopSectionLead .thumbnail{
margin-bottom: 10px !important;
}
.listItemLastMB0 .desktopSectionLead:last-child .thumbnail{
margin-bottom: 0px !important;
}
.listItemFirstPT0 .media:first-child{
padding-top: 0px !important;
}
.listItemFirstBT0 .media:first-child{
border-top: none !important;
}
.listItemLastBB0 .media:last-child{
border-bottom: none !important;
}
.listItemLastBB0 .desktopSectionLead:last-child .borderC1B1{
border-bottom: none !important;
}
.desktopSectionLead .thumbnail{
border: none;
padding: 0px;
margin-bottom: 0px;
}
.desktopSectionLead .thumbnail a{
text-decoration: none !important;
}
.desktopSectionLead .thumbnail .caption{
padding-left: 0px;
padding-right: 0px;
}
.desktopSectionLead .thumbnail .caption h3{
margin-top: 5px;
margin-bottom: 0px;
color: #333;
}
.bgOrange .desktopSectionLead .thumbnail .caption h3{
color: white;
}
.desktopSectionLead .thumbnail:hover .caption h1{
color: rgb(184, 0, 0);
}
.desktopSectionLead .thumbnail:hover .caption h2{
color: rgb(184, 0, 0);
}
.desktopSectionLead .thumbnail:hover .caption h3{
color: rgb(184, 0, 0);
}
.desktopSectionLead .thumbnail:hover .caption h4{
color: rgb(184, 0, 0);
}
.desktopSectionLead .thumbnail:hover img{
opacity: .8;
}
.desktopSectionLead:hover .caption h1{
color: rgb(184, 0, 0);
}
.desktopSectionLead:hover .caption h2{
color: rgb(184, 0, 0);
}
.desktopSectionLead:hover .caption h3{
color: rgb(184, 0, 0);
}
.desktopSectionLead:hover .caption h4{
color: rgb(184, 0, 0);
}
.desktopSectionLead:hover img{
opacity: .8;
}
.bgOrange .desktopSectionLead .thumbnail:hover .caption h1{
color: rgb(184, 0, 0);
}
.bgOrange .desktopSectionLead .thumbnail:hover .caption h2{
color: rgb(184, 0, 0);
}
.bgOrange .desktopSectionLead .thumbnail:hover .caption h3{
color: rgb(184, 0, 0);
}
.bgOrange .desktopSectionLead .thumbnail:hover .caption h4{
color: rgb(184, 0, 0);
}
.thumbHoverBlue .thumbnail:hover .caption h1{
color: rgb(184, 0, 0) !important;
}
.thumbHoverBlue .thumbnail:hover .caption h2{
color: rgb(184, 0, 0) !important;
}
.thumbHoverBlue .thumbnail:hover .caption h3{
color: rgb(184, 0, 0) !important;
}
.thumbHoverBlue .thumbnail:hover .caption h4{
color: rgb(184, 0, 0) !important;
}
.topThumbNews .desktopSectionLead:nth-child(3) .thumbnail{
margin-bottom: 0px !important
}
.topThumbNews .desktopSectionLead:nth-child(4) .thumbnail{
margin-bottom: 0px !important
}
.topThumbNews .desktopSectionLead:nth-child(3) .thumbnail .caption{
padding-bottom: 0px !important
}
.topThumbNews .desktopSectionLead:nth-child(4) .thumbnail .caption{
padding-bottom: 0px !important
}
.topNews .desktopSectionListMedia .media{
padding-top: 15px;
}
.topNews .desktopSectionListMedia .media:first-child{
padding-top: 0px;
}
.topNews .desktopSectionListMedia .media:last-child{
border: none;
}
.doubleBorder .desktopSectionListMedia .media{
border-bottom: 2px solid #dddddd;
}
.desktopSectionListMedia .media{
border-bottom: 1px solid #cccccc;
margin-top: 0px;
padding-bottom: 10px;
padding-top: 10px;
}
.desktopSectionListMedia .media a{
text-decoration: none !important;
}
.desktopSectionListMedia .media .media-body{
padding-left: 2px;
}
.desktopSectionListMedia .media .media-left .media-object{
border-radius: 5px;
margin-top: 6px;
}
.desktopSectionListMedia .media .media-body h1{
font-size: 2.2rem;
line-height: 2.6rem;
margin-top: 0px;
margin-bottom: 0px;
color: #333;
}
.desktopSectionListMedia .media .media-body h2{
font-size: 2.2rem;
line-height: 2.6rem;
margin-top: 0px;
margin-bottom: 0px;
color: #333;
}
.desktopSectionListMedia .media .media-body h3{
font-size: 2.2rem;
line-height: 2.6rem;
margin-top: 0px;
margin-bottom: 0px;
color: #333;
}
.desktopSectionListMedia .media .media-body h4{
font-size: 2.2rem;
line-height: 2.6rem;
margin-top: 0px;
margin-bottom: 0px;
color: #333;
}
.desktopSectionListMedia .media:hover .media-body h1{
color: rgb(184, 0, 0);
}
.desktopSectionListMedia .media:hover .media-body h2{
color: rgb(184, 0, 0);
}
.desktopSectionListMedia .media:hover .media-body h3{
color: rgb(184, 0, 0);
}
.desktopSectionListMedia .media:hover .media-body h4{
color: rgb(184, 0, 0);
}
.desktopSectionListMedia .media:hover .media-object{
opacity: .8;
}
.bottomMarked{
width: 30px;
height: 3px;
margin-bottom: -1px;
background-color: #bc0f0f;
display: block;
}
.rightMarked{
background-color: rgb(184, 0, 0);
height: 15px;
width: 15px;
display: inline-block;
vertical-align: middle;
margin-top: -6px;
margin-left: 5px;
}
.leftMarked{
background-color: rgb(184, 0, 0);
height: 20px;
width: 12px;
display: inline-block;
vertical-align: middle;
margin-top: -2px;
margin-right: 5px;
}
.adDiv{
text-align: center;
margin: 0 auto;
}
.marginCenter{
text-align: center;
margin: 0 auto;
}
.epaperSpan{
position: absolute;
top: 0;
left: 0px;
font-size: 2rem;
margin-top: 15px;
}
.epaperSpan a{
border: none;
margin-left: 32px;
padding: 2px 20px;
font-size: 2rem;
/* line-height: 2.7rem; */
border-radius: 7px;
color: #344054;
border: 1px solid #d0d5dd !important;
box-shadow: 0 1px 2px rgba(16,24,40,.05);
}
.desktopBeta{
margin-right: 20px;
font-size: 1.6rem !important;
font-weight: normal;
display: block !important;
cursor: text !important;
}
#desktopSidebar{
right: 0 !important;
left: unset !important;
}
#desktopSidebar a{
border-top: 1px solid #c7e5e5;
border-bottom: none;
color: #333;
}
#desktopSidebar a:hover{
color: #fff !important;
background-color: #344054;
border-top: 1px solid #344054;
}
#desktopSidebar .closebtn{
border: none;
}
#desktopSidebar .closebtn:hover{
background-color: unset;
color: black !important;
border: none;
}
.desktopSidebarCatTitle {
font-size: 2.3rem;
line-height: 2.7rem;
/*padding-top: 8px !important;*/
/*padding-bottom: 8px !important;*/
}
.desktopSidebarCatTitle i{
font-size: 1.8rem;
}
.desktopHeaderLogoLeftDiv{
margin-top: 15px;
text-align: left;
}
.desktopHeaderLogoLeftDiv span{
font-size: 2.4rem;
color: #727679;
font-weight: bold;
cursor: pointer;
}
.desktopHeaderLogoLeftDiv .desktopTodayDate{
font-weight: normal !important;
cursor: text;
/*margin-left: 10px;*/
}
.desktopHeaderLogoRightDiv{
margin-top: 5px;
text-align: right;
margin-bottom: 8px;
}
.desktopHeaderLogoRightDiv a{
font-size: 1.8rem;
color: #333;
border: 1px solid #F1F1F1;
box-shadow: 0 1px 2px rgba(16,24,40,.05);
padding: 2px 10px 0px 10px;
border-radius: 7px;
/*font-weight: bold;*/
text-decoration: none !important;
margin-left: 5px;
}
.desktopHeaderLogoRightDiv a:hover {
color: #fff;
background-color: rgb(184, 0, 0);
border: 1px solid rgb(184, 0, 0);
}
.desktopMegamenuSpecialLinks{
text-align: left;
margin-bottom: 8px;
}
.desktopMegamenuSpecialLinks a{
font-size: 1.8rem;
color: #344054;
border: 1px solid #d0d5dd;
box-shadow: 0 1px 2px rgba(16,24,40,.05);
padding: 3px 10px 1px 10px;
/*border-radius: 7px;*/
text-decoration: none !important;
margin-left: 5px;
}
.desktopMegamenuSpecialLinks a:first-child{
margin-left: 0px;
}
.desktopMegamenuSpecialLinks a:hover {
color: #fff;
background-color: rgb(184, 0, 0);
border: 1px solid rgb(184, 0, 0);
}
.desktopSearchIcon{
vertical-align: middle;
margin-top: 3px;
display: inline-block;
font-weight: bold;
font-size: 1.8rem;
color: white;
}
.desktopSearchIcon2 {
font-size: 1.8rem;
color: white;
line-height: 1.6rem;
}
.desktopStickyBarIcon {
color: white;
line-height: 1.6rem;
font-size: 2rem;
margin-left: 5px;
width: 20px;
text-align: right;
}
.fixed-top{
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.nav-tabs{
border-bottom: 1px solid #ddd !important;
/*padding-bottom: 10px;*/
text-align: center;
/*border-top-left-radius: 5px;*/
/*border-top-right-radius: 5px;*/
overflow: hidden;
}
.nav-tabs li{
display: inline-block;
width: 50%;
/*margin-top: 9px;*/
}
.nav-tabs>li>a {
color: #333;
cursor: default;
background-color: #e6e6e6;
border: none;
border-bottom: 4px solid lightgrey;
font-size: 2.3rem;
/*line-height: 2.8rem;*/
/*font-weight: bold;*/
padding: 15px 0px 12px 0px;
cursor: pointer;
border-radius: 0px;
margin-right: 0px;
}
.nav-tabs>li>a:hover {
border-color: unset;
}
.nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
background-color: #efefef;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
color: black;
cursor: default;
background-color: #e6e6e6;
border: none;
border-bottom: 4px solid #bc0f0f;
font-size: 2.3rem;
/*line-height: 2.8rem;*/
/*font-weight: bold;*/
padding: 15px 0px 12px 0px;
border-radius: 0px;
/*border-top-left-radius: 5px;*/
}
.nav-tabs .active a span {
background-color: #bc0f0f;
color: white;
padding: 0px 10px;
border-radius: 5px;
box-shadow: -1px 1px 6px rgb(130 114 114 / 70%);
}
.navbar {
min-height: unset;
margin-bottom: 0px;
border: none;
padding: 0px;
border-radius: 0px;
background-color: #15191c;
/*box-shadow: 0 4px 8px -2px rgb(218 218 218 / 29%), 0 2px 4px -2px rgb(255 255 255 / 56%);*/
box-shadow: 0px 8px 7px 4px rgb(220 0 0 / 29%), 0 2px 4px -2px rgb(182 7 7 / 52%);
}
.navbar .headerMenu{
text-align: center;
padding: 5px 0px;
margin-top: 2px;
display: inline;
/*border-bottom: 2px solid black;*/
}
.navbar .headerMenu ul{
list-style: none;
padding: 0px;
margin: 0px;
display: inline-table;
/*width: 100%;*/
}
.navbar .headerMenu ul li{
display: table-cell;
padding: 7px 7px 3px 7px;
}
.navbar .headerMenu ul li:hover{
background-color: #b50e13;
border-radius: 4px;
color: white;
}
.navbar .headerMenu ul li:first-child{
/*padding-left: 0px;*/
}
.navbar .headerMenu ul li:last-child{
/*padding-right: 0px;*/
}
.navbar .headerMenu ul li a:hover{
border-radius: 0px;
}
.navbar .headerMenu .dropdown-menu ul li:hover{
background-color: unset !important;
}
.navbar .headerMenu ul li a{
font-size: 2.3rem;
color: white;
text-decoration: none !important;
padding: 5px 4px;
font-weight: 600;
}
.navbar .headerMenu ul li .allMenu1:hover{
border-radius: 0px;
}
.navbar .headerMenu ul li .allMenu1{
font-size: 2.3rem;
color: white;
text-decoration: none !important;
padding: 5px 4px;
font-weight: 600;
}
.headerMenuWraperDiv .fa-angle-down{
font-size: 1.8rem;margin-left: 5px;
}
.customCarousel .carousel-control {
position: absolute;
top: 0;
bottom: unset;
left: unset;
width: unset;
font-size: unset;
color: #fff;
text-align: center;
text-shadow: unset;
filter: alpha(opacity=50);
opacity: unset;
margin-top: 30px;
margin-right: 20px;
}
.customCarousel .carousel-control span{
background-color: #3330007a;
padding: 5px;
font-size: 18px;
line-height: 25px;
width: 36px !important;
height: 36px !important;
border-radius: 50%;
}
.customCarousel .carousel-control span:hover{
background-color: #333000;
}
.customCarousel .leftControl{
right: 0 !important;
margin-right: 126px !important;
}
.customCarousel .customCarouselPauseButton{
position: absolute;
top: 0;
right: 0;
background-color: #3330007a;
z-index: 9;
color: white;
padding: 5px 10px;
margin-top: 20px;
border-radius: 50%;
text-align: center;
font-size: 16px;
line-height: 20px;
width: 36px !important;
height: 36px;
margin-right: 55px;
cursor: pointer;
}
.customCarousel .customCarouselPauseButton:hover{
background-color: #333000;
}
.customCarousel .customCarouselPauseButton .fa-pause{
line-height: 26px;
margin-left: 0px;
}
.customCarousel .customCarouselPlayButton{
position: absolute;
top: 0;
right: 0;
background-color: #3330007a;
z-index: 9;
color: white;
padding: 5px 10px;
margin-top: 20px;
border-radius: 50%;
text-align: center;
font-size: 16px;
line-height: 20px;
width: 36px !important;
height: 36px;
margin-right: 55px;
cursor: pointer;
}
.customCarousel .customCarouselPlayButton:hover{
background-color: #333000;
}
.customCarousel .customCarouselPlayButton .fa-play{
line-height: 26px;
margin-left: 4px;
}
.customProgressBar{
height: 5px;
position: absolute;
top: 0;
width: 100%;
z-index: 9;
}
.customProgressBar .bar {
height: 5px;
width: 100%;
.in {
animation: fill 5s linear 1;
height: 100%;
background-color: rgb(184, 0, 0);
border-top-left-radius: 5px;
}
}
@keyframes fill {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
.desktopFooter{
background-color: #fafafa;
border-top: 2px solid #dddddd;
margin-top: 50px;
}
.desktopFooter .editorDiv{
text-align: left;
padding: 10px 0px;
margin-bottom: -5px;
}
.footerBottom{
/*border-top: 1px solid #cccccc;*/
padding-bottom: 10px;
padding-top: 20px;
}
.footerBottom p{
font-size: 1.8rem;
line-height: 2.4rem;
margin-bottom: 10px;
color: #333;
}
.footerBottom p:first-child{
font-size: 2rem;
line-height: 2.8rem;
margin-bottom: 10px;
color: #333;
}
.desktopFooter .followDiv{
font-size: 1.6rem;
margin-bottom: 0px;
padding: 10px 0px;
text-align: center;
}
.desktopFooter .copyright{
font-size: 1.4rem;
margin-bottom: 0px;
font-weight: bold;
}
.desktopFooter .linkDiv{
text-align: left;
padding: 10px 0px;
/*border-left: 1px solid #cccccc;*/
border-right: 1px solid #cccccc;
margin: 0px -5px;
}
.desktopFooter .linkDiv a{
color: #333;
font-size: 1.8rem;
background-color: #e8ebeb;
padding: 5px 10px;
border-radius: 3px;
margin: 5px;
display: inline-block;
text-decoration: none !important;
}
.desktopFooter .linkDivFooter{
text-align: left;
padding: 10px 0px;
/*border-left: 1px solid #cccccc;*/
/*border-right: 1px solid #cccccc;*/
margin: 0px -5px;
}
.desktopFooter .linkDivFooter a{
color: #333;
font-size: 1.8rem;
/*background-color: #e8ebeb;*/
padding: 5px 10px;
border-radius: 3px;
margin: 5px;
display: inline-block;
text-decoration: none !important;
border: 1px solid #e7e7e7;
}
/*scrollbar*/
/* width */
.scrollbar1::-webkit-scrollbar {
width: 5px;
}
/* Track */
.scrollbar1::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
.scrollbar1::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
.scrollbar1::-webkit-scrollbar-thumb:hover {
background: #555;
}
.desktopCart1 .span1{
height: 8px;
width: 30px;
background-color: #a84040;
display: inline-block;
margin-right: 7px;
vertical-align: middle;
margin-top: -5px;
}
.desktopCart1 .span2{
width: 30px;
height: 2px;
background-color: #a84040;
display: block;
margin-top: -11px;
}
.alert-dismissable .close, .alert-dismissible .close{
top: -10px;
}
.bgOrange .desktopSectionTitle{
border-bottom: 1px solid #78562b;
}
.bgOrange .desktopDivider{
/* border-top: 1px solid #ffa637;*/
border-top: 1px solid #78562b;
}
.nav > li.dropdown.open {
position: static;
}
.nav > li.dropdown.open .dropdown-menu {
display:table; width: 100%; text-align: center; left:0; right:0;
}
.dropdown-menu>li {
display: table-cell;
}
.customTimeline ul.timeline {
list-style-type: none;
position: relative;
}
.customTimeline ul.timeline:before {
content: ' ';
background: #d4d9df;
display: inline-block;
position: absolute;
left: 29px;
width: 2px;
height: 100%;
z-index: 400;
}
.customTimeline ul.timeline > li {
margin: 20px 0;
padding-left: 20px;
}
.customTimeline ul.timeline > li:before {
content: ' ';
background: white;
display: inline-block;
position: absolute;
border-radius: 50%;
border: 3px solid #22c0e8;
left: 20px;
width: 20px;
height: 20px;
z-index: 400;
}
.customTimeline2 #timeline {
list-style: none;
position: relative;
}
.customTimeline2 #timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 2px;
background-color: #c40c13;
left: 25.60%;
margin-left: -5px;
margin-top: 15px;
margin-bottom: 15px;
}
.customTimeline2 #timeline .clearFix {
clear: both;
height: 0;
}
.customTimeline2 #timeline .timeline-badge {
color: #fff;
width: 15px;
height: 15px;
font-size: 1.2em;
text-align: center;
position: absolute;
top: 10px;
left: 26%;
margin-left: -6.8px;
background-color: #c40c13;
z-index: 9;
border-radius: 3px;
/*border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;*/
}
.customTimeline2 #timeline .timeline-badge span.timeline-balloon-date-day {
font-size: 1.4em;
}
.customTimeline2 #timeline .timeline-badge span.timeline-balloon-date-month {
font-size: .7em;
position: relative;
top: -10px;
}
.customTimeline2 #timeline .timeline-badge.timeline-filter-movement {
background-color: #ffffff;
font-size: 1.7em;
height: 35px;
margin-left: -18px;
width: 35px;
top: 40px;
}
.customTimeline2 #timeline .timeline-badge.timeline-filter-movement a span {
color: #c40c13;
font-size: 1.3em;
top: -1px;
}
.customTimeline2 #timeline .timeline-badge.timeline-future-movement {
background-color: #ffffff;
height: 35px;
width: 35px;
font-size: 1.7em;
top: -16px;
margin-left: -18px;
}
.customTimeline2 #timeline .timeline-badge.timeline-future-movement a span {
color: #c40c13;
font-size: .9em;
top: 2px;
left: 1px;
}
.customTimeline2 #timeline .timeline-movement {
/*border-bottom: dashed 1px #c40c13;*/
position: relative;
}
.customTimeline2 #timeline .timeline-movement:last-child {
border-bottom: none;
}
.customTimeline2 #timeline .timeline-movement.timeline-movement-top {
height: 60px;
}
.customTimeline2 #timeline .timeline-movement .timeline-item {
padding: 5px 0px;
}
.customTimeline2 #timeline .timeline-movement .timeline-item .timeline-panel {
/* border: 1px solid #d4d4d4; */
/* border-radius: 3px; */
/* background-color: #FFFFFF; */
/* color: #666; */
padding: 0px;
position: relative;
/* -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); */
/* box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); */
}
.customTimeline2 #timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {
list-style: none;
padding: 0;
margin: 0;
}
.customTimeline2 #timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul {
text-align: left;
}
.customTimeline2 #timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li {
color: #666;
}
.customTimeline2 #timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li span.importo {
color: #468c1f;
font-size: 1.3em;
}
.customTimeline2 #timeline .timeline-movement .timeline-item .timeline-panel.debits{
margin-left: 25px;
}
.customTimeline2 #timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul {
text-align: left;
}
.customTimeline2 #timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul span.importo {
color: #e2001a;
font-size: 1.3em;
}
.customTimeline3 #timeline {
list-style: none;
position: relative;
}
.customTimeline3 #timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 1px;
background-color: #bebebe;
left: 14.4%;
/*margin-left: -5px;*/
margin-top: 15px;
margin-bottom: 12px;
}
.customTimeline3 #timeline .clearFix {
clear: both;
height: 0;
}
.customTimeline3 #timeline .timeline-badge {
color: #fff;
width: 15px;
height: 15px;
font-size: 1.2em;
text-align: center;
position: absolute;
top: 10px;
left: 16%;
margin-left: -6.8px;
background-color: #c40c13;
z-index: 9;
border-radius: 50%;
/*border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;*/
}
.customTimeline3 #timeline .timeline-badge span.timeline-balloon-date-day {
font-size: 1.4em;
}
.customTimeline3 #timeline .timeline-badge span.timeline-balloon-date-month {
font-size: .7em;
position: relative;
top: -10px;
}
.customTimeline3 #timeline .timeline-badge.timeline-filter-movement {
background-color: #ffffff;
font-size: 1.7em;
height: 35px;
margin-left: -18px;
width: 35px;
top: 40px;
}
.customTimeline3 #timeline .timeline-badge.timeline-filter-movement a span {
color: #c40c13;
font-size: 1.3em;
top: -1px;
}
.customTimeline3 #timeline .timeline-badge.timeline-future-movement {
background-color: #ffffff;
height: 35px;
width: 35px;
font-size: 1.7em;
top: -16px;
margin-left: -18px;
}
.customTimeline3 #timeline .timeline-badge.timeline-future-movement a span {
color: #c40c13;
font-size: .9em;
top: 2px;
left: 1px;
}
.customTimeline3 #timeline .timeline-movement {
/*border-bottom: dashed 1px #c40c13;*/
position: relative;
}
.customTimeline3 #timeline .timeline-movement:last-child {
border-bottom: none;
}
.customTimeline3 #timeline .timeline-movement.timeline-movement-top {
height: 60px;
}
.customTimeline3 #timeline .timeline-movement .timeline-item {
padding: 5px 0px;
}
.customTimeline3 #timeline .timeline-movement .timeline-item .timeline-panel {
/* border: 1px solid #d4d4d4; */
/* border-radius: 3px; */
/* background-color: #FFFFFF; */
/* color: #666; */
padding: 0px;
position: relative;
/* -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); */
/* box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); */
}
.customTimeline3 #timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {
list-style: none;
padding: 0;
margin: 0;
}
.customTimeline3 #timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul {
text-align: left;
}
.customTimeline3 #timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li {
color: #666;
}
.customTimeline3 #timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li span.importo {
color: #468c1f;
font-size: 1.3em;
}
.customTimeline3 #timeline .timeline-movement .timeline-item .timeline-panel.debits{
margin-left: 25px;
}
.customTimeline3 #timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul {
text-align: left;
}
.customTimeline3 #timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul span.importo {
color: #e2001a;
font-size: 1.3em;
}
.desktopDetailAuthorDiv{
display: inline-block;
vertical-align: top;
margin-right: 8px;
margin-top: 2px;
}
.detailAuthorDiv {
display: inline-block;
vertical-align: top;
margin-right: 8px;
margin-top: 3px;
}
.desktopCatReadMore{
font-size: 2.4rem;
background-color: white;
line-height: .2rem;
padding: 0px 10px;
vertical-align: top;
display: inline;
}
.desktopCatReadMore a{
color: #8f8a8a;
text-decoration: none !important;
}
.desktopCatReadMore a:hover{
color: rgb(184, 0, 0);
}
.catReadMore{
font-size: 2rem;
background-color: white;
line-height: .2rem;
padding: 0px 10px;
vertical-align: top;
display: inline;
}
.catReadMore a{
color: rgb(184, 0, 0);
text-decoration: none !important;
}
.sidepanel .categoryIcon{
height: 14px;
vertical-align: middle;
margin-top: -2px;
}
.go-to-top{
background-color: #bc0f0f;
color: white;
padding: 5px 9px;
font-size: 20px;
position: fixed;
bottom: 0px;
right: 0px;
margin-right: 20px;
margin-bottom: 20px;
line-height: 20px;
border-radius: 3px;
cursor: pointer;
}
.pollTitle{
background-color: rgb(184, 0, 0);padding: 8px;font-size: 2.3rem;color: white;border-top-left-radius: 5px;border-top-right-radius: 5px;margin-bottom: 0px
}
.pollTitle span{
position: absolute;top: 0;right: 0;margin-right: 25px;margin-top: 15px;font-size: 16px;cursor: pointer;
}
.pollTextDiv{
padding: 10px;border: 1px solid #cccccc;border-top: none; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;
}
.pollOption{
font-size: 2rem;background-color: #ebf3f7;border-radius: 5px;padding: 2px 10px
}
.pollOption label{
font-weight: normal;margin-bottom: 0px;color: #333;width: 100%
}
.pollOption label input{
height: 20px;vertical-align: top;
}
.pagination a{
padding: 7px 10px;
background-color: white;
margin: 5px;
border-radius: 5px
}
.pagination span{
padding: 7px 10px;
background-color: white;
margin: 5px;
border-radius: 5px
}
.pagination2 a{
padding: 7px 10px;
background-color: #f4f4f4;
margin: 5px;
border-radius: 5px
}
.pagination2 span{
padding: 7px 10px;
background-color: #f4f4f4;
margin: 5px;
border-radius: 5px
}
.liveIconGif{
height: 18px;
border-radius: 50%;
vertical-align: middle;
margin-top: -4px;
}
.flead .liveIconGif{
height: 25px;
border-radius: 50%;
vertical-align: middle;
margin-top: -9px;
}
.fleadVideo iframe{
width: 100% !important;
height: 500px !important;
}
.justnowTable{
margin-bottom: 0px;
width: 100%;
box-shadow: 0px 0px 5px 2px #f6f6f6;
}
.justnowTable .titleTd{
background-color: #b80000; width: 120px;
}
.justnowTable .bn-title{
font-size: 22px;font-weight: bold; color: white;text-align: center;padding-top: 3px;
}
.justnowTable .marquee{
vertical-align: middle;
padding: 8px 15px 5px 15px;
}
.justnowTable .circleIcon{
vertical-align: top;margin-top: 10px;font-size: 7px;color: #b80000;border-radius: 50%;padding: 2px 3px;
}
.mobileJustnow .justnowTable .titleTd{
background-color: #b80000; width: 80px !important;
}
.mobileJustnow .justnowTable .marquee{
vertical-align: middle; padding: 5px 15px 2px 15px !important;
}
.mobileJustnow .justnowTable .bn-title{
font-size: 2.1rem !important;
line-height: 2.5rem !important;
font-weight: normal; color: white;text-align: center;padding-top: 3px;
}
.mainEventBg{
background-color: #99281a
}
.carousel-caption-custom{
padding: 10px;background-color: #333000a1;width: 100%;left: 0;bottom: 0;
}
.carousel-counter{
background-color: red;position: absolute;top: 0;left: 0;background-color: #3330007a;color: white;font-size: 20px;padding: 5px 10px;margin-top: 20px;margin-left: 10px;line-height: 20px;border-radius: 20px
}
.latestDivHeight{
height: 350px;overflow-y: scroll;
}
.megaMenuDiv{
width: 100%;position: fixed;height: 100%;z-index: 10;background-color: #33300082;display: none;
}
.mobileHeaderCategoryDiv{
overflow: auto;
white-space: nowrap;
padding: 12px 10px 10px 10px;
/*margin-left: 50px;*/
/*border-bottom: 1px solid #cccccc;*/
/*box-shadow: 0 4px 8px -2px rgba(16,24,40,.1), 0 2px 4px -2px rgba(16,24,40,.06);*/
}
.mobileHeaderCategoryDiv a{
background-color: white;
border-radius: 50px;
margin-left: 2px;
margin-right: 2px;
padding-top: 2px;
}
.mobileHeaderCategoryDiv .active{
background-color: #bc0f0f;
color: white !important;
border-radius: 50px;
margin-left: 2px;
margin-right: 2px;
}
.mobileHeaderCategoryDiv::-webkit-scrollbar {
display: none;
}
.mobileHeaderCategoryBars{
background-color: white;position: absolute;top: 0;left: 0;margin-top: 7px;margin-left: 15px;padding-right: 15px;
}
.mobileSidebarBars{
font-size: 2.7rem;
}
.mobileHeaderOtherSite{
/*color: white !important;*/
padding: 2px 10px 0px 10px;
font-size: 1.8rem;
border-radius: 3px;
border: 1px solid #f32525;
}
.textJustify{
text-align: justify !important;
}
.todaysDate{
font-size: 1.6rem !important;
vertical-align: middle;
}
.moreCategoryDropdown{
margin-top: 10px;width: 180px;border-radius: 5px;padding: 0px 5px 0px 0px
}
.moreCategoryDropdown ul{
height: 400px;overflow-y: scroll;width: 100%;padding: 5px 0px;margin: 0px
}
.moreCategoryDropdown ul li{
width: 100%;list-style: none;margin: 0px;
}
.moreCategoryDropdown ul li:hover{
background-color: #f2f2f2;
border-left: 2px solid rgb(184, 0, 0);
}
.moreCategoryDropdown ul li a{
font-size: 2.2rem;
line-height: 2.8rem;
padding: 7px 9px 5px 25px;
display: block;
}
.moreMenuDiv{
display: inline;margin-left: 10px
}
.moreClickLoadMenubarCategories{
font-size: 2.3rem;cursor: pointer;padding: 5px 4px;
}
.moreClickLoadMenubarCategories .fa-caret-down{
font-size: 1.8rem;margin-left: 3px;vertical-align: middle;margin-top: -4px;
}
.headerMenuWraperDiv{
padding-bottom: 5px;padding-top: 4px
}
.photoOverlayAdDiv{
width: 100%;background-color: #00000014;position: absolute;bottom: 0;text-align: center;
}
.photoOverlayAdDiv .photoOverlayClose{
background-color: #000000;
position: absolute;
right: 0;
color: white;
font-size: 1.5rem;
width: 20px;
height: 20px;
line-height: 2.4rem;
cursor: pointer;
}
.popularCount{
width: 50px;height: 40px;border-radius: 50%;font-size: 40px;text-align: center;line-height: 40px;color: #888888;margin-top: 5px;font-style: italic;
/*background-color: rgb(184, 0, 0);width: 40px;height: 40px;border-radius: 50%;font-size: 25px;text-align: center;line-height: 40px;color: white;margin-top: 5px*/
}
.latestCount{
width: 50px;height: 40px;border-radius: 50%;font-size: 40px;text-align: center;line-height: 40px;color: #888888;margin-top: 5px;font-style: italic;
}
.eventTitleLeftStyle{
vertical-align: middle;height: 5px;width: 100px;display: inline-block;background-color: #717d8d;margin-top: -13px;margin-right: 20px;
}
.eventTitleRightStyle{
vertical-align: middle;height: 5px;width: 100px;display: inline-block;background-color: #717d8d;margin-top: -13px;margin-left: 20px;
}
.namazFloating{
position: fixed;bottom: 0;right: 0;width: 100px;margin-bottom: 70px;margin-right: 20px;z-index: 999
}
.topNewsDiv .borderC1R1:nth-child(3){
border-right: none !important;
}
.topNewsDiv .borderC1R1:nth-child(6){
border-right: none !important;
}
.topNewsDiv .borderC1R1:nth-child(9){
border-right: none !important;
}
.topNewsDiv .borderC1R1:nth-child(12){
border-right: none !important;
}
.topNewsDiv .desktopSectionLead:nth-last-child(-n+3) .borderC1B1{
border-bottom: none !important;
}
.topNewsDiv .desktopSectionLead:nth-child(8) .borderC1B1{
border-bottom: none !important;
}
.topNewsDiv .desktopSectionLead:nth-child(9) .borderC1B1{
border-bottom: none !important;
}
.categoryLeftCart{
display: inline-block;height: 10px;width: 30px;background-color: #bc0f0f;vertical-align: middle;
}
.categoryPageSubLeftCart{
height: 18px;width: 1px;background-color: #bc0f0f;display: inline-block;vertical-align: middle;
}
.titleLeftDesign1{
display: inline-block;height: 10px;width: 30px;background-color: #bc0f0f;vertical-align: middle;
}
/*popup code bootstrap*/
.popupModalAd .modal-dialog {
margin-top: 0;
margin-bottom: 0;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
}
.popupModalAd .modal.fade .modal-dialog {
transform: translate(0, -100%);
}
.popupModalAd .modal.in .modal-dialog {
transform: translate(0, 0);
}
.modal-open .modal {
overflow-y: hidden !important;
}
.modal-open {
overflow-y: scroll;
padding: 0px !important;
}
.popupModalAd .modal-dialog .modal-body{
padding: 0px;
}
.popupModalAd .popupModalAdCloseButton{
position: absolute;background-color: rgb(184, 0, 0);opacity: 1;color: white;height: 32px !important;width: 40px !important;font-size: 3rem !important;right: 0;top: 0;padding-top: 3px;
}
.popupModalAd .popupModalAdCloseButton span{
color: white;
}
.popupModalAd .modal-sm{
margin: 0 auto;
width: 320px;
}
.popupModalAd .modal-md{
margin: 0 auto;
width: 660px;
}
.popupModalAd .modal-content{
position: relative;
background-color: unset;
border: none;
border-radius: 0px;
outline: 0;
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
}
/*popup code*/
@media (min-width: 768px) {
.mob-popup {
display: none;
}
}
.pop-up-ad-desk {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .7);
top: 0;
left: 0;
z-index: 999999999;
padding-top: 15%;
}
.popup_img {
width: auto;
text-align: center;
margin: 0 auto;
}
@media (max-width: 768px) {
.desk-popup {
display: none;
}
}
.pop-up-ad-mob {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .7);
top: 0;
left: 0;
z-index: 999999999;
padding-top: 50%;
}
.pop-up-ad-mob > .btn-sm {
position: absolute;
cursor: pointer;
margin-left: 131px !important;
Z-index: 9999999;
}
.pop-up-ad-desk > .btn-sm {
position: absolute;
cursor: pointer;
margin-left: 301px !important;
Z-index: 9999999;
}
/*popup code*/
/*namaz timing css*/
.namazPanel .chooseMonth.active {
background-color: rgba(154, 21, 21) !important;
color: #ffffff !important;
border-color: transparent !important;
}
@media screen and (min-width: 769px) {
.namazPanel .DSDistrict .input-group {
left: 35%;
}
.namazPanel .DSDistrict .input-group select {
width: auto;
margin: 0 auto;
}
}
@media screen and (max-width: 372px) {
.xsSearch{
display: none !important;
}
.xsLogo{
height: 25px !important;
}
}
@media screen and (max-width: 768px) {
.namazPanel .DSDistrict .input-group {
width: 100%;
margin: 0 auto;
}
}
.namazPanel .DSDistrict .input-group-addon:first-child {
border-right: 0;
background: rgba(154, 21, 21);
border: rgba(154, 21, 21);
color: #fff;
}
.namazPanel .table thead th{
font-size: 15px;
text-align: center !important;
border-bottom: 2px solid rgba(154, 21, 21) !important;
}
.namazPanel .table tbody td{
font-size: 15px;
}
.namazPanel .DMonlthList .btn-info {
font-size: 15px;
margin: 4px;
color: #333;
background-color: rgba(214, 224, 226);
border-color: rgba(214, 224, 226);
}
@media(max-width: 768px) {
.namazPanel .DSDistrict h5 {
margin-bottom: 6px !important;
text-align: center !important;
}
.namazPanel .table-striped tbody {
white-space: nowrap;
}
}
@media screen and (max-width: 768px) {
.namazPanel .sharethis-inline-share-buttons{
display: block !important;
}
}
@media screen and (min-width: 769px) {
.namazPanel .sharethis-inline-share-buttons{
display: inline-block !important;
}
}
.namazPanel .card {
padding-top: 20px;
margin: 10px 0 20px 0;
background-color: rgba(214, 224, 226, 0.2);
border-top-width: 0;
border-bottom-width: 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.namazPanel .card .card-heading {
padding: 0 20px;
margin: 0;
}
.namazPanel .card .card-heading.simple {
font-size: 20px;
font-weight: 300;
color: #777;
border-bottom: 1px solid #e5e5e5;
}
.namazPanel .card .card-heading.image img {
display: inline-block;
width: 46px;
height: 46px;
margin-right: 15px;
vertical-align: top;
border: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.namazPanel .card .card-heading.image .card-heading-header {
display: inline-block;
vertical-align: top;
}
.namazPanel .card .card-heading.image .card-heading-header h3 {
margin: 0;
font-size: 14px;
line-height: 16px;
color: #262626;
}
.namazPanel .card .card-heading.image .card-heading-header span {
font-size: 12px;
color: #999999;
}
.namazPanel .card .card-body {
padding: 0 20px;
margin-top: 20px;
}
.namazPanel .card .card-media {
padding: 0 20px;
margin: 0 -14px;
}
.namazPanel .card .card-media img {
max-width: 100%;
max-height: 100%;
}
.namazPanel .card .card-actions {
min-height: 30px;
padding: 0 20px 20px 20px;
margin: 20px 0 0 0;
}
.namazPanel .card .card-comments {
padding: 20px;
margin: 0;
background-color: #f8f8f8;
}
.namazPanel .card .card-comments .comments-collapse-toggle {
padding: 0;
margin: 0 20px 12px 20px;
}
.namazPanel .card .card-comments .comments-collapse-toggle a,
.namazPanel .card .card-comments .comments-collapse-toggle span {
padding-right: 5px;
overflow: hidden;
font-size: 12px;
color: #999;
text-overflow: ellipsis;
white-space: nowrap;
}
.namazPanel .card-comments .media-heading {
font-size: 13px;
font-weight: bold;
}
.namazPanel .card.people {
position: relative;
display: inline-block;
width: 170px;
height: 300px;
padding-top: 0;
margin-left: 20px;
overflow: hidden;
vertical-align: top;
}
.namazPanel .card.people:first-child {
margin-left: 0;
}
.namazPanel .card.people .card-top {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 170px;
height: 150px;
background-color: #ffffff;
}
.namazPanel .card.people .card-top.green {
background-color: #53a93f;
}
.namazPanel .card.people .card-top.blue {
background-color: #427fed;
}
.namazPanel .card.people .card-info {
position: absolute;
top: 150px;
display: inline-block;
width: 100%;
height: 101px;
overflow: hidden;
background: #ffffff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.namazPanel .card.people .card-info .title {
display: block;
margin: 8px 14px 0 14px;
overflow: hidden;
font-size: 16px;
font-weight: bold;
line-height: 18px;
color: #404040;
}
.namazPanel .card.people .card-info .desc {
display: block;
margin: 8px 14px 0 14px;
overflow: hidden;
font-size: 12px;
line-height: 16px;
color: #737373;
text-overflow: ellipsis;
}
.namazPanel .card.people .card-bottom {
position: absolute;
bottom: 0;
left: 0;
display: inline-block;
width: 100%;
padding: 10px 20px;
line-height: 29px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.namazPanel .card.hovercard {
position: relative;
padding-top: 0;
overflow: hidden;
text-align: center;
/*background-color: rgba(214, 224, 226, 0.2);*/
background-color: rgba(214, 224, 226, 0.2);
}
.namazPanel .card.hovercard .cardheader {
background: rgba(154, 21, 21);
background-size: cover;
height: 135px;
}
.namazPanel .card.hovercard .avatar {
position: relative;
top: -50px;
margin-bottom: -50px;
}
.namazPanel .card.hovercard .avatar img {
width: 100px;
height: 100px;
max-width: 100px;
max-height: 100px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 5px solid rgba(255,255,255,0.5);
}
.namazPanel .card.hovercard .info {
padding: 4px 8px 10px;
}
.namazPanel .card.hovercard .info .title {
margin-bottom: 4px;
font-size: 24px;
line-height: 1;
color: #262626;
vertical-align: middle;
}
.namazPanel .card.hovercard .info .desc {
overflow: hidden;
font-size: 12px;
line-height: 20px;
color: #737373;
text-overflow: ellipsis;
}
.namazPanel .card.hovercard .bottom {
display: inline-block;
padding: 0 20px;
margin-bottom: 17px;
}
/*namaz timing css*/
.np-footer {
font-family: 'Noto Serif Bengali', 'Noto Sans Bengali', system-ui, sans-serif;
background: #15191c;
color: #e5e7eb;
border-top: 1px solid rgba(148,163,184,.25);
padding-top: 40px;
font-size: 16px;
line-height: 1.7;
}
.np-footer h3 {
color: #cbd5e1;
font-size: 22px;
}
.np-footer h4 {
color: #cbd5e1;
font-size: 18px;
text-transform: uppercase;
margin-bottom: 15px;
font-weight: 600;
}
.np-footer p, .np-footer a, .np-footer li, .np-footer small {
font-size: 20px;
}
.np-footer a { color: #e5e7eb; text-decoration: none; }
.np-footer a:hover { color: #38bdf8; text-decoration: underline; }
.np-divider { height: 1px; background: rgba(148,163,184,.25); margin: 10px 0px 25px 0; }
.np-social a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border: 1px solid rgba(148,163,184,.25);
border-radius: 6px;
margin-right: 10px;
color: #cbd5e1;
font-size: 18px;
}
.np-social a:hover { color: #38bdf8; border-color: #38bdf8; }
.np-store img {
max-height: 50px;
margin: 5px 10px 5px 0;
}
@media (max-width: 767px) {
.np-footer { text-align: center; }
.np-footer .row > div { margin-bottom: 25px; }
.np-footer .text-right { text-align: center !important; }
.np-social a { margin-bottom: 8px; }
.np-store img { margin: 8px auto; display: block; }
}
.np-logo {
max-width: 270px;
}
.logoSection{
padding: 100px 50px
}
.mediaSpan{
background-color: #fcdf12;
padding: 5px 10px 2px 10px;
border-radius: 3px;
}
.mediaSpan i{
color: #5d5f5f !important
}
.afterTitle{
background-color: white;color: black;text-decoration: none !important;padding: 5px 20px;border-radius: 10px;border: 1px solid white
}
.beforeTitle{
color: white;text-decoration: none !important;padding: 5px 20px;border-radius: 10px;border: 1px solid white;margin-left: 10px
}
.clickMapAnchor{
background-color: black;color: white;text-decoration: none !important;padding: 5px 20px;border-radius: 10px;
}
.clickMapAnchor:hover{
color: #b5b2b2
}
.textMainDiv{
margin-top: 140px;
}
.clickMapDiv h3{
font-size: 5rem;line-height: 6rem;font-weight: bold;
}
/*screen responsive*/
@media (min-width: 1400px){
.container {
width: 1300px !important;
}
}
@media (min-width: 1200px) {
.container {
width: 1100px;
}
}
@media (max-width: 768px){
.logoSection{
padding: 70px 20px
}
.logoSection img{
height: 90px !important;
}
.beforeTitle{
display: inline-block;
margin-top: 25px;
margin-left: 0px !important;
}
.mediaSpan {
margin-bottom: 5px;
display: block;
padding: 4px 10px 2px 10px;
}
.timeSpan{
display: block;
}
.onscrollFixedHeader img{
height: 48px !important;
}
.onscrollFixedHeader .headerRightButtons{
border-left: 2px solid #bc0f0f;
padding-left: 10px;
}
.onscrollFixedHeader .afterTitle {
background-color: white;
color: black;
text-decoration: none !important;
padding: 0px 10px;
border-radius: 5px;
border: 1px solid white;
font-size: 1.6rem !important;
line-height: 2.8rem !important;
}
.onscrollFixedHeader .beforeTitle {
color: white;
text-decoration: none !important;
padding: 0px 10px;
border-radius: 5px;
border: 1px solid white;
font-size: 1.6rem !important;
line-height: 2.8rem !important;
margin-top: 5px !important;
margin-left: 0px !important;
}
.clickMapDiv h3{
font-size: 4rem;line-height: 5rem;font-weight: bold;
}
.xs-marginT5{
margin-top: 5px !important;
}
.xs-positionRelative{
position: relative !important;
}
.xs-marginLR-10{
margin-left: -10px !important;
margin-right: -10px !important;
}
.xs-border0{
border: none !important;
}
.textMainDiv{
margin-top: 120px;
}
.desktopDetailHeadline{
font-size: 4.2rem;
line-height: 5.5rem;
color: #333;
}
.mainDiv{
/*margin-top: 66px;*/
}
.xs-marginT10{
margin-top: 10px !important;
}
.xs-marginT20{
margin-top: 20px !important;
}
.xs-marginT30{
margin-top: 30px !important;
}
.xs-marginB0{
margin-bottom: 0px !important;
}
.xs-marginB10{
margin-bottom: 10px !important;
}
.xs-marginB15{
margin-bottom: 15px !important;
}
.xs-marginB30{
margin-bottom: 30px;
}
.xs-paddingL15{
padding-left: 15px !important
}
.xs-paddingR15{
padding-right: 15px !important
}
.xs-width120{
width: 120px !important
}
.xs-width130{
width: 130px !important
}
.xs-width140{
width: 140px !important
}
.title11{
font-size: 2.1rem;
line-height: 2.5rem;
}
.title10{
font-size: 2.2rem !important;
line-height: 3.2rem !important;
}
.title8{
font-size: 2.5rem !important;
line-height: 3.2rem !important;
}
.desktopTime{
font-size: 1.4rem !important;
line-height: 2rem !important;
}
.desktopTime i{
font-size: 1rem !important;
margin-top: 0px !important;
}
.categoryNameClass{
font-size: 1.8rem;
padding: 3px 10px 1px 10px;
color: #5d5f5f;
}
.categoryNameClass i{
font-size: 1.3rem;
}
.loadMoreButton{
font-size: 1.6rem;
color: #333;
border: 1px solid #d0d5dd;
box-shadow: 0 1px 2px rgba(16,24,40,.05);
padding: 5px 20px;
border-radius: 7px;
font-weight: bold;
text-decoration: none !important;
cursor: pointer;
}
.loadMoreButton:hover {
color: #fff;
background-color: rgb(184, 0, 0);
border: 1px solid rgb(184, 0, 0);
}
.loadMoreButton i{
font-size: 1.3rem;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
font-size: 2rem;
padding: 15px 0px 15px 0px;
}
.nav-tabs {
padding: 0px;
}
.nav-tabs li {
margin-top: 0px;
}
.nav-tabs>li>a {
font-size: 2rem;
padding: 15px 0px 15px 0px;
}
/*timeline*/
.customTimeline2 #timeline .timeline-badge {
color: #fff;
width: 12px;
height: 12px;
font-size: 1.2em;
text-align: center;
position: absolute;
top: 11px;
left: 7px;
margin-left: -6.8px;
background-color: #c40c13;
z-index: 9;
border-radius: 3px;
}
.customTimeline2 #timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 2px;
background-color: #c40c13;
left: -5px;
margin-left: -5px;
margin-top: 15px;
margin-bottom: 10px;
}
.customTimeline2 #timeline .timeline-movement .timeline-item .timeline-panel{
margin-left: 20px;
margin-top: 2px;
}
.customTimeline2 #timeline .timeline-movement .timeline-item .timeline-panel.debits {
margin-left: 20px;
margin-top: -10px;
}
.desktopDetailCat{
font-size: 1.8rem;
line-height: 2.4rem;
margin-top: 0px;
}
.desktopDetailCat a{
border-bottom: 2px solid;
text-decoration: none !important;
}
.fleadVideo iframe{
width: 100% !important;
max-height: 240px !important;
}
.desktopCategoryTitle{
font-size: 2.7rem !important;
line-height: 3.7rem !important;
margin-bottom: 0px !important;
}
.desktopSubCategoryDiv ul li h2{
font-size: 2rem !important
}
.categoryPageSubLeftCart{
height: 14px;width: 1px;
}
.borderR3rdItemNone .borderC1R1{
border-right: none !important;
}
.xs-text-center{
text-align: center !important;
}
}
@media print {
a[href]:after {
content: none !important;
}
.hidden-xs{
display: block !important;
}
.hidden-print{
display: none !important;
}
.visiblePrintDiv{
display: block !important;
}
}