* {
margin: 0;
padding: 0;
box-sizing: border-box
}
li {
list-style: none
}
ul {
margin-bottom: 0 !important
}
img {
display: block
}
a,
a:hover {
text-decoration: none !important;
cursor: pointer
}
blockquote {
margin: 0 !important
}
#myBtn {
display: none;
bottom: 20px;
right: 30px;
z-index: 99;
-sfontize: 18px;
outline: 0;
background-color: transparent;
cursor: pointer;
padding: 10px;
position: fixed;
font-size: 20px;
overflow: hidden;
z-index: 99999999;
color: #17a2b8;
width: 30px;
height: 30px;
border: 2px solid #17a2b8;
line-height: 20px;
right: 15px;
bottom: 40px;
padding-top: 2px;
border-radius: 50px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
#myBtn i {
font-size: 20px;
left: -3px;
position: relative
}
.top_header_bg {
background: #fff; border: none !important;
margin-bottom: 0 !important
}
.mobile_gtranslate {
display: none
}
.custom_container {
width: 100%;
max-width: 1270px;
padding: 0 15px;
margin: auto
}
.top_header_container { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-between
}
ul.social {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-bottom: 0 !important
}
ul.share-buttons li a i,
ul.social li a i {
width: 34px;
height: 34px;
border-radius: 100%;
text-align: center;
line-height: 34px;
color: #fff;
margin-right: 5px
}
ul.share-buttons li a i.fa-facebook-f,
ul.social li a i.fa-facebook-f {
background: #3b5998 !important;
color: #fff !important
}
ul.share-buttons li a i.fa-twitter,
ul.social li a i.fa-twitter {
background: #00aced !important;
color: #fff !important
}
ul.share-buttons li a i.fa-whatsapp {
background: #25d366 !important;
color: #fff !important
}
ul.social li a i.fa-instagram {
background: #d6249f;
background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%)
}
ul.social li a i.fa-youtube {
background: #c4302b
}
ul.social li a i.fa-linkedin-in {
background: #0a66c2 !important
}
ul.social li a i.fa-podcast {
background: #695296 !important
}
small.time_date {
margin-left: 10px;
font-size: 18px
}
.search_icon i {
cursor: pointer
}
.cross_icon i,
.search_icon i {
padding: 0 0 0 10px;
font-size: 18px;
color: #ffff;
height: 100%;
min-height: 32px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center
}
.search_inner {
display: none;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.search_form_div {
padding: 0 10px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 2.8rem;
align-items: center
}
.cross_icon {
display: none
}
#s {
border: none;
outline: 0;
background: #fff;
width: 100%;
height: 35px;
margin: 0;
z-index: 10;
padding: 7px 65px 7px 10px;
font-family: inherit;
font-size: 18px;
color: #2c3e50;
border-radius: 5px 0 0 5px
}
#seachsubmit {
color: #fff;
border: 1px solid #343a40;
border-left: none;
border-radius: 0;
right: 20px;
background: #343a40;
padding: 6px 15px;
height: 35px;
font-size: 14px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
#search_close {
color: #000;
border-left: none;
border-radius: 0 5px 5px 0;
right: 20px;
background: #fff;
padding: 6px 15px;
display: flex;
align-items: center;
height: 35px;
cursor: pointer;
font-size: 14px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.search_container {
height: 2rem;
margin-left: auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.bottom_header_bg {
background: -moz-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
background: -webkit-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
background: -webkit-gradient(radial, 49.74% 49.12%, 0, 49.74% 49.12%, 494.75, color-stop(0, #128acb), color-stop(1, #323991));
background: -o-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
background: -ms-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
color: #fafafa;
z-index: 999999;
height: 2rem;
border: none;
width: 100%
}
.fixed {
z-index: 999999;
position: fixed;
top: 0
}
.bottom_header_container {
height: 2rem;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
position: relative
}
.bar1,
.bar2,
.bar3 {
width: 18px;
height: 2px;
background-color: #fff;
margin: 6px 0;
transition: .4s
}
.change .bar1 {
-webkit-transform: rotate(-45deg) translate(-9px, 6px);
transform: rotate(-45deg) translate(-9px, 6px)
}
.change .bar2 {
opacity: 0
}
.change .bar3 {
-webkit-transform: rotate(45deg) translate(-8px, -8px);
transform: rotate(45deg) translate(-4px, -4px)
}
.home_icon {
height: 2.8rem;
color: #fff !important;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding-right: 10px;
align-items: center;
border-bottom: 2px solid transparent
}
.ul_menu {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-bottom: 0
}
.menu-item-has-children {
transition: all .3s ease-in-out 0s;
position: relative
}
.menu-item-has-children::after {
font-family: "Font Awesome 5 Free";
content: "\f0dd";
font-weight: 700;
color: #ffff;
position: relative;
top: -3px;
padding-left: 5px
}
ul.ul_menu li {
height: 2rem;
display: flex;
align-items: center;
transition: 0s;
padding: 0 10px 0 0;
border-bottom: 2px solid transparent
}
ul.ul_menu li:hover {
background: #ffffff13;
border-bottom: 2px solid #fff
}
.home_icon:hover,
ul.ul_menu li:hover {
background: #ffffff1c;
border-bottom: 2px solid #fff
}
ul.sub-menu {
display: none;
background-color: #fff;
position: absolute;
z-index: 9999;
top: 100%;
border-radius: 0 0 5px 5px
}
.menu-item-has-children:hover .sub-menu {
display: block
}
ul.sub-menu li {
min-width: 150px;
border-bottom: none;
border-bottom: 2px solid transparent
}
ul.sub-menu li:hover,
ul.sub-menu li:hover a {
background: #fff9f9;
color: #000
}
ul.sub-menu li a {
color: #000;
display: block;
width: 100%
}
#animated_hamn {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-content: center;
cursor: pointer;
padding-left: 10px
}
span.other_heading {
padding-left: 10px;
color: #fff;
align-items: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
font-size: 20px
}
.drop_nav_menu_container {
width: 100%;
background-color: #fff;
display: none;
z-index: 99999;
position: absolute
}
.drop_nav_menu {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(5, 25px);
padding-bottom: 10px;
background-color: #fff;
max-width: 1270px;
margin: auto;
grid-row-gap: 10px;
padding: 10px 15px
}
.drop_nav_menu li a {
font-size: 1.1rem;
padding: .85rem;
color: #000
}
.special-title-section {
background: #01510e;
width: 100%;
margin: 12px 0;
display: flex;
justify-content: center
}
.special-title-container {
background: #f5f4f4;
padding: 10px;
width: 97.5%
}
.cover-headline,
.cover-headline a {
font-size: 30px;
text-align: center;
display: block;
width: 100%;
margin-bottom: 0 !important
}
span.other_heading:hover .header_mobile_menu {
display: block !important
}
.bottom_header_container a {
color: #fff;
font-size: 20px;
padding: 0 0 0 10px
}
.ocs-items img {
width: 100%;
height: auto
}
.web-stories {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: auto auto;
grid-gap: .5rem
}
.archive_web-stories {
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))
}
.story-item {
position: relative;
box-shadow: 0 6px 8px 0 rgb(143 143 143)
}
.pvtitle {
background: #0c5460;
width: 5px;
margin-right: 5px
}
.psubcat {
background-color: transparent !important
}
.psubcat a {
color: #17a2b8
}
.psubcat:first-of-type {
background-color: #17a2b8 !important
}
.psubcat:first-of-type a {
color: #fff
}
.psubcat:hover {
background-color: #1593a7 !important;
color: #fff;
border-color: #17a2b8
}
.psubcat:hover a {
color: #fff;
border-color: #17a2b8
}
.story-item img {
width: 100%;
max-height: 100%;
object-fit: cover;
object-position: top;
margin-right: 15px
}
.story-item img.background-image {
width: 100%;
max-height: 100%;
object-fit: cover;
object-position: top;
margin-right: 15px
}
.story-item .story-extra {
position: absolute;
bottom: 0;
width: 100%;
padding-top: 20px;
background: linear-gradient(360deg, #000, #00000000)
}
.story-item p.story-category {
font-size: 15px;
border-left: 4px solid #d71946;
padding-left: 6px;
color: #fff;
margin-bottom: 0 !important
}
.story-item .story-extra h2 {
color: #fff;
padding: 8px;
line-height: 28px;
font-size: 19px;
margin-bottom: 0
}
.story-page-indicator {
display: flex;
justify-content: space-between;
padding: 4px
}
.story-page-indicator span {
background-color: #a09e9e;
display: block;
height: 2px;
width: 100%;
margin-right: 3px;
border-radius: 2px
}
.photo_subcat_posts_grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-template-rows: auto;
grid-gap: 15px
}
.photo_subcat_posts_grid img {
width: 100%;
height: auto;
margin-bottom: 7px
}
.single-block h4 {
margin: 0 0 5px;
font-size: 1em;
line-height: 26px
}
.single-block h4 a,
.single-block h4 a:hover {
color: #000
}
.bottom_header_container a:hover {
color: #fff
}
.home_page_ad {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 10px
}
.home_page_ad img {
margin: auto;
max-width: 100%;
height: auto
}
.footer_part_one_bg {
border-top: 3px solid #000;
padding: 10px 0;
background: #eff5f4
}
.footer_three_col {
background: #072b3c;
padding: .5rem 0 3rem 0;
padding-bottom: 50px
}
.footer_three_col .custom_container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.footer_part_two>.footer_our_text {
margin: 16px 0 10px 0
}
.footer_part_two>.footer_our_text,
.footer_social {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center
}
.footer_part_one,
.footer_part_three,
.footer_part_two {
flex: 1
}
.footer_part_one {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: flex-start;
text-align: left
}
.footer_part_three {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
text-align: right;
justify-content: flex-end
}
.footer_part_two {
padding: 10px 20px 0 20px
}
.home_page_part_one_bg {
padding: 20px 0
}
.marquee_container_bg {
position: fixed;
bottom: 0;
width: 100%;
z-index: 9999
}
.marquee_container {
width: 100%;
margin: 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
font-size: 20px;
align-items: center;
font-weight: 700;
background: none repeat scroll 0 0 #17a2b8
}
.marquee_name {
background-color: #000;
padding: 2px 10px;
color: #fff
}
.marquee_title_sizeing {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding-right: 10px
}
.marquee_title_sizeing>h2 {
display: inline;
font-size: 19px;
margin-right: 50px;
position: relative
}
.marquee_title_sizeing>h2 a {
color: #fff;
background: url(//dainikjonomot24.com/wp-content/themes/Dhaka-Post-unlimited-Theme-/img/dot.png);
padding: 0 0 0 18px;
background-repeat: no-repeat;
background-position-y: center
}
.marquee_title_sizeing>h2>a:hover {
text-decoration: none;
color: #02ff57 !important
}
.home_page_part_one {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.home_page_part_one_left {
width: 75.4%;
padding-right: 10px
}
.home_page_part_one_left_left {
width: 32%
}
.home_page_part_one_left_left_flex {
display: flex;
justify-content: space-between
}
.home_page_part_one_left_left .leatest_three_post {
border-bottom: 1px solid #f1f1f1;
padding: 8px
}
.home_page_part_one_left_left .leatest_three_post img,
.home_page_part_one_left_right .leatest_three_post img {
width: 110px;
height: 75px;
margin-right: 8px;
object-fit: cover
}
.home_page_part_one_left_left .leatest_three_post h3,
.home_page_part_one_left_right .leatest_three_post h3 {
font-size: 18px
}
.home_page_part_one_left_right {
width: 66%
}
.home_page_pat_one_left_right_grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(auto, auto);
grid-gap: 3px
}
.home_page_first_part .single_right_item {
border-bottom: none;
padding: 0 !important
}
.home_page_first_part_section_two {
flex: 2;
padding: 0 15px
}
.home_page_first_part_section_two .single_right_item {
height: 100%
}
.home_page_first_part_section_two .single_right_item img {
height: 100%;
object-fit: cover
}
.home_page_first_part_section_one,
.home_page_first_part_section_three {
flex: 1
}
.home_page_first_part_section_one .single_right_item:nth-child(2),
.home_page_first_part_section_three .single_right_item:nth-child(2) {
margin-top: 15px
}
.home_page_part_one_left_right .leatest_three_post {
display: flex
}
.home_page_part_one_left_right .leatest_three_post:first-of-type {
flex-direction: column;
grid-column: 1/3;
border-bottom: 3px solid #e0e0e0;
margin-bottom: 5px
}
.home_page_part_one_left_right .leatest_three_post:first-of-type img {
width: 100%;
height: auto
}
.home_page_part_one_left_right .leatest_three_post:first-of-type h2.title {
margin: 10px 0;
font-size: calc(1.5em + .5vw)
}
.home_page_part_one_left_right .leatest_three_post p {
display: none;
font-size: calc(1em + .2vw);
margin: 10px 0 10px 0 !important
}
.home_page_part_one_left_right .leatest_three_post:nth-child(2) {
border-right: 4px solid #e0e0e0;
margin-right: 5px
}
.home_page_part_one_left_right .leatest_three_post:first-of-type p {
display: block
}
.home_page_part_one_left_right .leatest_three_post:first-of-type h3 {
margin: 10px 0;
font-size: 34px
}
.leatest_posts {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 20px;
grid-row-gap: 5px
}
.leatest_posts img {
width: 100%;
height: auto
}
.leatest_twelve_post {
position: relative
}
.leatest_twelve_post h2.title {
padding: 5px 0
}
.leatest_twelve_post h2.title a {
display: block;
width: 100%
}
.leatest_twelve_post p {
display: none;
padding-left: 15px
}
.meta {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
position: absolute;
width: 100%;
padding: 10px;
right: 0;
left: 0;
border-top: 1px solid #eee;
background: #fff;
bottom: 0
}
.meta a {
font-size: 16px;
color: #000
}
.meta a.pull-right::before {
position: absolute;
content: "";
width: 3px;
height: 12px;
right: 10px;
background: #b30f0f;
top: 15px
}
.meta1 {
background: #f1f1f1;
border-top: 1px solid #fff
}
.leatest_twelve_post h3 a {
color: #000;
display: block
}
.home_page_part_one_right {
width: 24.6%;
padding-left: 10px
}
.three_coloumn {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between
}
.column_one {
flex: 1;
margin-right: 15px
}
.column_one:last-of-type {
margin-right: 0
}
.six_posts .six_post .post_thumb {
display: none
}
.six_posts .six_post:first-of-type .post_thumb {
display: block
}
.six_posts .six_post .post_thumb img {
width: 100%;
height: auto
}
.six_posts .six_post .post_title {
margin-bottom: 0;
border-top: 1px dashed gray;
margin: 0 10px 0 10px;
padding: 10px 0
}
.post_title a,
.post_title a:hover {
color: #000;
display: block;
width: 100%
}
.six_posts .six_post:first-of-type .post_title {
font-weight: 700;
border-top: none
}
h2.home_sidebar_cat_title {
border-top: 0 solid #0a1633;
width: 100%;
padding: 8px 0;
border-bottom: 1px solid #17a2b8;
display: flex;
justify-content: space-between
}
h2.home_sidebar_cat_title a {
color: #000;
font-size: 1.6rem
}
.home_sidebar_posts {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
h4.media-heading {
line-height: 25px;
font-size: 19px;
font-weight: 500;
margin-bottom: 0
}
.read-more {
background-color: #f5f5f5;
white-space: nowrap
}
.read-more p {
font-size: 17px;
padding: 5px;
color: #17a2b8;
margin-bottom: 0 !important
}
a h4.media-heading {
color: #000
}
.home_sidebar_two_post {
border-bottom: 2px solid #fff;
padding-bottom: 8px;
margin-bottom: 5px;
background-color: #f8f8f8;
padding: 0 .5rem
}
.youtube-follow-box {
margin: 0 0 16px;
padding: 20px;
border: 1px solid #f0dada;
border-top: 3px solid #d92027;
border-radius: 8px;
background: linear-gradient(145deg, #fff 45%, #fff3f3);
color: #202124;
overflow-wrap: anywhere
}
.youtube-follow-brand {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 16px
}
.youtube-follow-icon {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 48px;
height: 48px;
border-radius: 12px;
background: #ffe8e8;
color: #d92027;
font-size: 28px
}
.youtube-follow-channel {
min-width: 0
}
.youtube-follow-platform {
display: block;
color: #b51d24;
font-size: 14px;
line-height: 1.4
}
.youtube-follow-channel strong {
display: block;
font-size: 21px;
line-height: 1.35
}
.youtube-follow-box .youtube-follow-title {
margin: 0 0 8px;
font-size: 16px;
font-weight: 700;
line-height: 1.35
}
.youtube-follow-box .youtube-follow-description {
margin: 0 0 18px;
color: #555;
font-size: 17px;
line-height: 1.55;
white-space: pre-line
}
.youtube-follow-box .youtube-follow-button {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 44px;
padding: 10px 12px;
border-radius: 5px;
background: #cf2027;
color: #fff;
font-size: 18px;
font-weight: 700;
line-height: 1.35;
text-align: center
}
.youtube-follow-button span {
min-width: 0
}
.youtube-follow-button .fa-external-link-alt {
flex-shrink: 0;
font-size: 12px
}
.youtube-follow-box .youtube-follow-button:hover {
background: #a9181e;
color: #fff
}
.youtube-follow-box .youtube-follow-button:focus-visible {
outline: 3px solid #202124;
outline-offset: 3px
}
.leatest_popular_container {
border: 2px solid #17a2b8
}
.button_group {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.leatest_btn,
.popular_btn {
width: 50%;
background: #17a2b8;
border: none;
border-radius: 0;
color: #ffff;
font-size: 25px;
padding: 5px 10px
}
.opened {
background: #e5ebed;
color: #000
}
.fixed_height {
height: 500px;
overflow-y: scroll;
background: #ffff;
padding: 0 8px
}
.archive_non_fix_height {
height: auto !important
}
.leatest_in_a_cat_postlopp img,
.most_read_in_a_cat img {
width: 110px;
height: 75px;
object-fit: cover;
margin-right: 8px
}
.fixed_height img {
width: 100px;
max-width: 100px;
min-width: 100px;
height: 75px;
object-fit: cover;
margin: 0 8px 0 0
}
.first_item>ul,
.second_item>ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
border-bottom: 1px solid #e0e0e0;
margin: 0;
padding: 10px 0;
overflow: visible
}
.first_item>ul a,
.second_item>ul a {
position: relative
}
.home_page_part_one_left_right .single_right_item {
padding: 0 !important;
border-bottom: none !important
}
a.home_second_part_grid img {
width: 100%;
height: 100%;
object-fit: cover
}
a.home_second_part_grid {
position: relative
}
a.home_second_part_grid .tab_post {
position: absolute;
right: 0;
color: #fff;
bottom: 0;
padding: 30px 10px 10px;
line-height: 28px;
width: 100%;
background: linear-gradient(0deg, #222, transparent)
}
.leatest_popular_container .allnews a {
background-color: #17a2b8;
color: #fff;
font-size: 20px
}
.home_sidebar_posts img {
border-radius: 50%;
width: 90px;
height: 90px;
margin-right: 8px;
object-fit: cover
}
.three_firest img {
width: 100%;
height: auto
}
.three_firest h2.title {
font-size: calc(1em + .6vw);
line-height: calc(1em + .3vw);
margin: 5px 0 15px 0 !important
}
.zoom_img {
overflow: hidden
}
.zoom_img img {
transition: all .3s ease-out
}
.zoom_img:hover img {
transform: scale(1.1)
}
.img_hun_ten img {
width: 110px;
height: 75px;
object-fit: cover;
margin-right: 8px
}
.firest_item_two_column {
padding: 0 10px
}
.firest_item_two_column .single_right_item {
border-bottom: none;
padding: 0 !important
}
.firest_item_two_column .single_right_item:first-of-type {
grid-column: 1/3
}
.firest_item_two_column .single_right_item:first-of-type .home_second_part_grid {
width: 100%
}
.ocs.card .card-body {
padding: 10px
}
.ocs.card .card-body {
background: #eee;
border-left: 4px solid #17a2b8
}
.ocs.card .card-title {
font-size: 19px;
padding: 0;
margin: 0;
line-height: 27px;
color: #000
}
.flex_column:first-of-type {
flex-direction: column
}
.flex_column:first-of-type img {
width: 100%;
height: auto
}
.sports_posts {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, auto);
grid-gap: 15px
}
.eight_post {
background: #f1f1f1;
position: relative;
margin-bottom: 20px;
min-height: 240px
}
.post_title {
padding: 10px 15px;
font-size: 1.2rem;
line-height: 1.4rem;
margin-bottom: 40px
}
.category-title a {
color: #0b2e13;
margin-left: 20px
}
.category-title span {
background: #be3128;
width: 8px
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important
}
.recent-content a {
color: #000
}
.recent-item img {
width: 120px;
height: 70px;
margin-right: 5px
}
.recent-item h2 {
font-size: 18px;
font-weight: 500;
line-height: 1.2
}
ul.nav-tabs {
border-color: #4b4b4b;
margin-bottom: 10px
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
position: relative;
display: block;
padding: 10px 15px;
color: #ffff;
border: none;
background: #4b4b4b
}
.carousel img {
width: 100%;
height: auto;
border: 2px solid #fff;
margin-bottom: 10px
}
#tab_post_container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding-top: 15px !important
}
.no-margin {
margin: 0
}
.allnews a {
display: block;
text-align: center;
border: none;
padding: 5px;
color: #000;
background: #f6f6f6;
-webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
-o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%)
}
.fb-live .allnews a {
background: #000;
color: #ffff
}
.fb-live .allnews a:hover {
background-color: #333
}
.fb-live h2 a {
color: #fff;
padding: 10px 15px;
display: block;
background: #3e5c9a;
font-size: .75em;
text-align: center
}
.fb-live .media img {
width: 80px;
height: auto;
margin-right: 10px
}
.fb-live_post {
background: #333
}
.fb-live .media:first-of-type img {
width: 100%;
margin-bottom: 10px;
margin-right: 0
}
.fb-live .media h4 a,
.fb-live .media h4 a:hover {
color: #fff !important
}
.fb-live .media:first-of-type h4 a {
font-size: 20px;
padding: 0 10px;
display: block
}
.fb-live .media {
border-top: 1px dashed gray;
margin: 0 10px;
padding: 10px 0
}
.fb-live .media:first-of-type .media-left {
width: 100%
}
.fb-live .media:first-of-type {
padding-top: 0 !important;
flex-direction: column;
margin: 0;
border-top: none
}
.all-videos,
.all-videos:hover {
color: #fff;
position: absolute;
bottom: 0;
right: 0;
background: #b30f0f;
clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
padding: 10px 20px 10px 80px
}
.catTitle>a {
background: #b30f0f;
color: #fff;
padding-left: 5px
}
.intro-banner-vdo-play-btn {
height: 10px;
width: 10px;
position: absolute;
top: 13px;
left: 13px;
border-radius: 100px
}
.icon-wrapper {
height: 10px;
width: 10px;
color: #333;
background: #fff;
box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
cursor: pointer;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
transition: 250ms color;
-webkit-transition: 250ms color;
-moz-transition: 250ms color;
-ms-transition: 250ms color;
-o-transition: 250ms color;
animation-name: wave;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite
}
@keyframes wave {
0% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, .5)
}
100% {
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0)
}
}
.sports_posts img {
width: 100%;
height: auto
}
.sports_cat_title {
padding: 10px 0;
margin-bottom: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center
}
a.allright {
margin-left: auto;
float: right;
font-size: 20px;
padding-top: 5px;
color: #6a6a6a
}
a.allright:hover {
color: #6a6a6a
}
.archieve_top_cat ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
font-size: 20px;
margin-bottom: 0;
margin-left: 10px
}
.archieve_top_cat ul li a {
padding: 5px;
color: #6a6a6a
}
a.parent_cat_title {
color: #000;
font-size: 30px
}
a.parent_cat_title:hover {
color: #000
}
.catTitle {
position: relative;
overflow: hidden;
padding: 2px 0 6px;
margin: 0 0 10px 0;
font-size: 26px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.catTitle a,
.catTitle a:hover {
background: 0 0;
color: #000;
padding-right: 15px
}
.catTitle .liner::before {
position: absolute;
content: "";
width: 100%;
border-top: 6px solid #d9d9d9;
top: 10px;
display: inline-block;
vertical-align: bottom
}
.catTitle .liner::after {
position: absolute;
content: "";
width: 100%;
border-top: 6px solid #d9d9d9;
top: 18px;
display: inline-block;
vertical-align: bottom
}
.five_posts {
display: grid;
grid-template-rows: repeat(4, auto);
grid-template-columns: repeat(2, 1fr);
grid-gap: 15px;
margin-bottom: 15px
}
.five_posts img {
width: 120px;
height: 64px
}
.five_post {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
position: relative
}
.five_post:first-of-type {
grid-row: 1/5;
flex-direction: column;
background: #f5f5f5 !important
}
.five_post:first-of-type img {
width: 100%;
height: auto
}
.five_post:nth-child(2) .post_title,
.five_post:nth-child(3) .post_title,
.five_post:nth-child(4) .post_title,
.five_post:nth-child(5) .post_title {
position: relative;
margin-bottom: 0;
font-size: 18px;
line-height: 18px;
padding: 0 15px
}
.five_post:nth-child(2) .meta1,
.five_post:nth-child(3) .meta1,
.five_post:nth-child(4) .meta1,
.five_post:nth-child(5) .meta1 {
background: 0 0;
border-top: none;
left: 135px;
padding: 0
}
.grid_posts {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 15px;
grid-template-rows: repeat(auto, auto)
}
.grid_posts img {
width: 100%;
height: auto
}
.grid_post {
position: relative
}
.grid_post:nth-child(1) {
grid-column: 1/3
}
.grid_post:nth-child(2) {
grid-column: 3/5
}
.grid_post .post_title {
overflow: visible
}
.single_post_thumbnail img {
width: 100%;
height: auto
}
.tab_title {
background: #b30f0f !important;
color: #fff !important;
border-radius: 5px !important;
font-size: 1.5em;
padding: 5px 15px;
box-shadow: 0 3px 6px -3px #6e6e6e
}
.recommened_content {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
grid-gap: 15px;
margin-top: 15px
}
.recommened_ten_post img {
width: 100%;
height: auto;
border-radius: 5px;
filter: brightness(65%)
}
.recommened_ten_post {
position: relative
}
.recommened_ten_post:hover>h4.media-heading {
color: #ffb700
}
.pagination1 {
width: 100%;
margin: 10px 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.page-numbers {
position: relative;
display: block;
padding: .3rem .75rem;
margin-right: 8px;
line-height: 1.25;
border-color: #000;
background-color: #929292;
padding: 8px 18px;
color: #fff !important
}
.page-numbers,
.page-numbers:hover {
color: #000
}
.pagination1 .current {
color: #fff;
font-weight: bolder;
background-color: #b3b3b3
}
.pagi_inner {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.recommened_ten_post>h4.media-heading {
position: absolute;
left: 0;
bottom: 0;
line-height: 18px;
color: #fff;
font-weight: 700;
margin-bottom: 0 !important;
padding: 10px;
transition: .2s
}
.author_social {
background: #eeeeee59;
padding-left: 5px;
border-left: 4px solid #eee;
display: -webkit-box;
padding: .5rem 0;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between
}
#fontPlus,
#fontdefult,
#fontmines,
.social_share .share-buttons li a>i,
i.fa-clone,
i.fa-print {
width: 35px;
height: 35px;
border-radius: 20%;
color: #000;
background: #eee !important;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer
}
.social_share .share-buttons li a>i.fa-facebook-f {
background: #3b5998 !important;
color: #fff
}
.social_share .share-buttons li a>i.fa-facebook-messenger {
background-color: #0084ff !important;
background-image: linear-gradient(135deg, #00b2ff 0%, #006aff 50%, #a033ff 100%) !important;
color: #fff
}
.social_share .share-buttons li a>i.fa-whatsapp {
background: #25d366 !important;
color: #fff
}
.social_share .share-buttons li a>i.fa-twitter {
background: #1da1f2 !important;
color: #fff
}
.social_share i.fa-clone {
margin-right: 5px;
background: #17a2b8 !important;
color: #fff
}
.social_share i.fa-print {
background: #e74c3c !important;
color: #fff
}
.opinion-contents {
background: #eff5f4
}
.print_font {
display: flex;
justify-content: space-between;
width: 115px
}
.single_post_content p {
line-height: 1.75;
font-size: 20px
}
.media-list {
border: 1px solid #e6e6e6
}
.media-list .media {
padding: 15px;
margin: 0;
border-bottom: 1px solid #e6e6e6
}
.media-list .media .media-left a img {
width: 80px;
height: auto
}
.media-list .media .media-body a {
color: #000;
display: block;
margin-left: 10px
}
.single_post_content img {
max-width: 100%;
height: auto
}
.single_meta_box {
padding-bottom: 10px
}
#toast {
visibility: hidden;
max-width: 50px;
height: 50px;
margin: auto;
background-color: #333;
color: #fff;
text-align: center;
border-radius: 2px;
position: fixed;
z-index: 1;
left: 0;
right: 0;
bottom: 30px;
font-size: 17px;
white-space: nowrap
}
#toast #desc {
color: #fff;
padding: 16px;
overflow: hidden;
white-space: nowrap
}
#toast.show {
visibility: visible;
-webkit-animation: fadein .5s, expand .5s .5s, stay 3s 1s, shrink .5s 2s, fadeout .5s 2.5s;
animation: fadein .5s, expand .5s .5s, stay 3s 1s, shrink .5s 4s, fadeout .5s 4.5s
}
@-webkit-keyframes fadein {
from {
bottom: 0;
opacity: 0
}
to {
bottom: 30px;
opacity: 1
}
}
@keyframes fadein {
from {
bottom: 0;
opacity: 0
}
to {
bottom: 30px;
opacity: 1
}
}
@-webkit-keyframes expand {
from {
min-width: 50px
}
to {
min-width: 350px
}
}
@keyframes expand {
from {
min-width: 50px
}
to {
min-width: 350px
}
}
@-webkit-keyframes stay {
from {
min-width: 350px
}
to {
min-width: 350px
}
}
@keyframes stay {
from {
min-width: 350px
}
to {
min-width: 350px
}
}
@-webkit-keyframes shrink {
from {
min-width: 350px
}
to {
min-width: 50px
}
}
@keyframes shrink {
from {
min-width: 350px
}
to {
min-width: 50px
}
}
@-webkit-keyframes fadeout {
from {
bottom: 30px;
opacity: 1
}
to {
bottom: 60px;
opacity: 0
}
}
@keyframes fadeout {
from {
bottom: 30px;
opacity: 1
}
to {
bottom: 60px;
opacity: 0
}
}
.single_title {
font-size: 30px;
margin: 10px 0
}
.our_text {
text-align: justify;
line-height: 20px;
color: #777;
font-size: 15px
}
a .en-edition {
text-transform: uppercase;
padding: 5px 10px !important;
background: #000 !important
}
.photo_leatest_post img {
width: 80px;
height: auto;
padding-right: 10px
}
.photo_leatest_post {
border: 1px solid #e6e6e6
}
.media-body {
color: #000;
font-size: 18px;
line-height: 24px
}
.photo_leatest_post_li {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
border-bottom: 1px solid #e6e6e6;
padding: 15px
}
span.video_cat_title_before {
background: #be3128;
width: 8px
}
.photo_leatest_post_left_li {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column
}
.photo_leatest_post_left {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px
}
.photo_leatest_post_left img {
width: 100%;
height: auto;
display: block;
margin-bottom: 5px
}
.img_box,
.photo_subcat_posts_grid .img-box {
position: relative
}
a.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #777;
border-radius: 10px;
position: absolute;
top: 0;
border-radius: 0;
color: #f1f1f1
}
.cat-header {
border-bottom: 1px solid #d8d8d8
}
.cat-header a {
font-size: calc(1em + .7vw);
color: #000
}
.subcategories {
flex-wrap: wrap;
padding: 9px 0 8px 0;
border-bottom: 2px solid #000;
margin-bottom: 10px
}
.subcategories a {
font-size: calc(1em + .2vw);
margin-top: 8px;
color: #000;
margin-right: 10px
}
.subcategories .cat-item a {
position: relative;
margin-right: 0;
padding-left: 10px;
padding-right: 15px
}
.subcategories .cat-item:first-of-type a {
padding-left: 0
}
.subcategories .cat-item a::after {
content: "";
margin-top: 10px;
right: 0;
position: absolute;
width: 5px;
height: 5px;
background: #17a2b8
}
.subcategories .cat-item:last-of-type a::after {
background: 0 0
}
.archieve_top_cat h2 {
margin-bottom: 0 !important
}
.identifier:not(:last-child) {
margin-right: 12px
}
.identifier:first-child {
display: none
}
.identifier {
width: 5px;
height: 5px;
background: #17a2b8
}
.archive_page_post .leatest_twelve_post:first-of-type {
grid-column: 1/3;
grid-row: 1/3
}
.archive_page_post .leatest_twelve_post:first-of-type h2.title {
margin: 5px 0;
font-size: calc(1.5em + .6vw)
}
.archive_post_title {
font-size: 1.2em;
margin: 10px
}
.archive_post_title a,
.archive_post_title a:hover {
color: #000
}
.tag_posts {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-bottom: 10px;
border-bottom: 1px solid #dbdbdb;
padding-bottom: 10px
}
.tag_posts .direction_coloumn {
margin-left: 20px
}
.tag_posts .direction_coloumn small {
font-size: 12px;
color: #777;
margin-bottom: 5px
}
.tag_posts .direction_coloumn h3,
.tag_posts .direction_coloumn p {
margin-bottom: 0
}
.pv_bread {
font-size: 1rem !important
}
.tag_post_title {
font-size: 1.4rem !important;
line-height: 1.5rem
}
.tag_post_title a {
color: #000
}
.tag_post_thumb img {
width: 240px;
height: auto
}
#load_more_button {
font-size: 18px !important;
background: #053348;
text-align: center;
border: none;
padding: 6px 24px;
color: #fff;
margin: 10px auto;
border-radius: 5px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center
}
.McatTitle {
position: relative;
overflow: hidden;
padding: 3px 0 5px 15px;
margin: 0;
font-size: 1.35em
}
.McatTitle::before {
position: absolute;
content: "";
width: 100%;
height: 12px;
background: #000;
z-index: 99;
left: 0;
top: 7px
}
.McatTitle::after {
position: absolute;
content: "";
width: 100%;
height: 5px;
background: #000;
z-index: 99;
top: 21px;
left: 0
}
.McatTitle span.eee {
background: #eee;
z-index: 999;
position: relative;
padding: 0 5px
}
.breadcrumb {
padding: .75rem 1rem .3rem 1rem !important
}
.breadcrumb a {
color: #000;
font-size: 1.2em
}
.breadcrumb a:hover {
color: #17a2b8;
font-size: 1.2em
}
.single_right_item {
display: flex;
padding: 8px 0;
border-bottom: 1px solid #e0e0e0
}
.single_right_item:last-of-type {
border-bottom: none
}
.category-header {
border-top: 2px solid #0a1633;
width: 100%;
padding: 8px 0;
border-bottom: 1px solid #8f8f8f
}
h2.title {
font-size: calc(1em + .4vw);
line-height: calc(1em + .3vw);
margin-bottom: 0 !important;
color: #000
}
h2.title a {
color: #000
}
.leatest_twelve_post:hover>h2.title a,
h2.title a:hover,
h2.title:hover {
color: #17a2b8
}
.category-header .title,
.et-items {
font-size: 26px;
color: #565656;
margin: 0 5px
}
.clk-center {
padding: 0 20px
}
.clk-list .single_right_item:first-of-type {
padding-top: 0
}
.home_page_part_left {
padding-right: 10px;
flex: 1
}
.home_page_part_right {
padding-left: 10px;
flex: 1
}
.box-news {
padding-right: 15px
}
.cs_border-right {
position: relative
}
.cs_border-right::after {
content: "";
height: 89%;
width: .5px;
position: absolute;
right: 0;
bottom: 0;
background-color: #dee2e6
}
.form_col {
margin: 10px 0
}
.btn-danger {
background-color: #17a2b8 !important;
border: none !important;
cursor: pointer
}
li.tab_post {
font-size: calc(1em + .4vw);
line-height: calc(1em + .3vw)
}
.flex_column:first-of-type li.tab_post {
font-size: calc(1em + .6vw);
line-height: calc(1em + .5vw);
margin-top: 5px
}
li.tab_post a {
color: #000
}
li.tab_post a:hover {
color: #337ab7
}
.footer_flex_item {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-between
}
.footer_apps_links .publiser {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
font-size: 1.1rem;
color: #777;
padding-right: 10px;
justify-content: space-around
}
.footer_nav_ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center
}
.footer_our_text {
color: #fff;
font-size: 1rem;
line-height: 1.3rem
}
.footer_nav_ul li a {
padding: 3px 10px;
display: block;
font-size: 18px;
color: #b2bdd8 !important
}
.share-buttons {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
#map {
padding: 0 !important
}
.map_inner_block {
width: 100%;
margin-bottom: 0;
position: relative
}
.map_inner {
overflow: hidden
}
.st0 {
opacity: .7
}
.st1 {
fill: #80c2eb;
cursor: pointer
}
.st2 {
fill: none;
cursor: pointer
}
.st3 {
fill: #be241e;
stroke: #fff;
stroke-width: .75;
stroke-miterlimit: 10;
cursor: pointer
}
.st4 {
fill: #be241e;
stroke: #fff;
stroke-width: .75;
stroke-miterlimit: 10;
cursor: pointer
}
.st5 {
fill: #be241e;
stroke: #fff;
stroke-width: .75;
stroke-miterlimit: 10;
cursor: pointer
}
.st6 {
fill: #be241e;
stroke: #fff;
stroke-width: .75;
stroke-miterlimit: 10;
cursor: pointer
}
.st7 {
fill: #be241e;
stroke: #fff;
stroke-width: .75;
stroke-miterlimit: 10;
cursor: pointer
}
.st8 {
fill: #be241e;
stroke: #fff;
stroke-width: .75;
stroke-miterlimit: 10;
cursor: pointer
}
.st9 {
fill: #be241e;
stroke: #fff;
stroke-width: .75;
stroke-miterlimit: 10;
cursor: pointer
}
.st10 {
fill: #be241e;
stroke: #fff;
stroke-width: .75;
stroke-miterlimit: 10;
cursor: pointer
}
.st11 {
fill: #be241e;
stroke: #fff;
stroke-width: .75;
stroke-miterlimit: 10;
cursor: pointer
}
.st13 {
fill: #be241e;
stroke: #fff;
stroke-width: .25;
stroke-miterlimit: 10;
cursor: pointer
}
.st14 {
fill: #be241e;
stroke: #fff;
stroke-width: .75;
stroke-miterlimit: 10;
cursor: pointer
}
.st15 {
fill: #be241e;
stroke: #fff;
stroke-width: .25;
stroke-miterlimit: 10;
cursor: pointer
}
.st16 {
enable-background: new;
cursor: pointer
}
.st17 {
fill: #fff;
cursor: pointer
}
.st18 {
opacity: .34;
cursor: pointer
}
.st19 {
fill: #be241e;
cursor: pointer
}
#rangpur:hover path {
fill: #9a1515
}
#rangpur:hover path.st17 {
fill: #fff
}
#rangpur:hover path.st19 {
fill: #d5d5d5
}
#mymensingh:hover path {
fill: #9a1515
}
#mymensingh:hover path.st17 {
fill: #fff
}
#mymensingh:hover path.st19 {
fill: #d5d5d5
}
#sylhet:hover path {
fill: #9a1515
}
#sylhet:hover path.st17 {
fill: #fff
}
#sylhet:hover path.st19 {
fill: #d5d5d5
}
#rajshahi:hover path {
fill: #9a1515
}
#rajshahi:hover path.st17 {
fill: #fff
}
#rajshahi:hover path.st19 {
fill: #d5d5d5
}
#khulna:hover path {
fill: #9a1515
}
#khulna:hover path.st17 {
fill: #fff
}
#khulna:hover path.st19 {
fill: #d5d5d5
}
#borishal:hover path {
fill: #9a1515
}
#borishal:hover path.st17 {
fill: #fff
}
#borishal:hover path.st19 {
fill: #d5d5d5
}
#chittagong:hover path {
fill: #9a1515
}
#chittagong:hover path.st17 {
fill: #fff
}
#chittagong:hover path.st19 {
fill: #d5d5d5
}
#dhaka:hover path {
fill: #9a1515
}
#dhaka:hover path.st17 {
fill: #fff
}
#dhaka:hover path.st19 {
fill: #d5d5d5
}
#bars,
.div-title,
.header_mobile_menu,
.mobile_logo,
.mobile_sub_menu,
.scrollmenu {
display: none
}
.video_icon2 {
position: absolute;
top: 10px;
left: 10px;
background: rgba(255, 255, 255, .8);
width: 30px;
height: 30px;
border-radius: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px
}
.three_col_flex {
display: flex
}
.two_col_flex {
display: flex
}
.two_col_flex_part_one {
padding-right: 5px
}
.two_col_flex_part_two {
padding-left: 5px
}
.flex_two {
flex: 2;
padding: 0 20px
}
@media only screen and (max-width:1300px) {
.custom_container {
max-width: 1170px
}
}
@media only screen and (max-width:1191px) {
.custom_container {
max-width: 990px
}
.single_left_left {
display: none
}
.singe_left_right {
width: 100%
}
}
@media only screen and (max-width:991px) {
.mobile_gtranslate {
display: flex;
align-items: center;
justify-content: flex-end;
min-height: 36px;
padding: 4px 15px;
background: #e1e1e1
}
.headlines {
border: 0 solid #f3f3f3 !important;
background: #f3f3f3 !important;
margin-top: 0 !important
}
.mobb {
border-bottom: 0 solid #00bcf2 !important;
border-right: 0 solid #00bcf2 !important;
margin-bottom: -20px !important
}
.exclusive_sectino {
display: none
}
.custom_container {
max-width: 750px
}
.footer_flex_item {
justify-content: center
}
.home_icon:hover {
background: 0 0;
border-bottom: 2px solid transparent
}
.photo_subcat_posts_grid .single-block {
position: relative
}
.photo_leatest_post_left_li .img_box .home_pic_title,
.photo_subcat_posts_grid .single-block h4 {
position: absolute;
bottom: 10px;
left: 5px
}
.photo_leatest_post_left_li .img_box a.home_pic_title .media-body,
.photo_subcat_posts_grid .single-block h4 a {
color: #fff;
font-weight: 600;
font-size: 1.2rem
}
.single_video_left {
width: 100% !important
}
.footer_social {
margin: 15px 0
}
#footer_logo_img,
#home,
.footer_part_one,
.footer_part_three,
.meta,
.meta1,
.nav_menu_ground,
.single_video_right,
.top_header_bg,
.ul_menu {
display: none
}
.post_title {
margin-bottom: 0
}
#bars {
display: block;
margin-right: 5px;
font-size: 20px
}
.publiser {
width: 100%;
text-align: center;
padding: 20px 10px;
box-sizing: border-box;
color: #c4c4c4;
margin: 0
}
.div-title {
display: block;
padding: 15px;
margin: 0;
background: #f0f0f0
}
.home_icon {
background-color: transparent !important;
flex-shrink: 0
}
.bottom_header_bg,
.bottom_header_container {
height: auto;
min-height: 44px
}
.search_container {
flex-shrink: 0
}
.mobile_logo {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.mobile_logo img {
width: 260px;
max-width: 100%;
height: auto
}
.bottom_header_container a {
padding: 0
}
.header_mobile_menu {
padding: 0 10px;
position: fixed;
width: 100%;
background: #fff;
z-index: 99999
}
.header_mobile_menu_ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
grid-column-gap: 20px
}
.header_mobile_menu_ul li {
border-bottom: 1px solid #e6e6e6;
padding: 10px 0
}
.header_mobile_menu_ul li a {
color: #000;
display: block;
width: 100%
}
.header_mobile_menu_ul li a::before {
font-family: "Font Awesome 5 Free";
content: "\f35a";
width: 20px;
margin-right: 10px;
height: 20px
}
.scrollmenu {
display: block;
background-color: #ffff;
padding-left: 5px;
overflow: auto;
white-space: nowrap;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
-o-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
-webkit-overflow-scrolling: touch
}
.scrollmenu ol {
list-style: none;
padding: 0;
margin: 0
}
.scrollmenu ol li {
display: inline-block
}
.scrollmenu ol li.current-cat a {
color: #d31b21;
border-bottom: 2px solid
}
.scrollmenu ol li a {
display: inline-block;
color: #666;
text-align: center;
padding: 1px 10px;
line-height: 1.3;
text-decoration: none;
font-weight: 700
}
.home_page_part_one {
flex-direction: column
}
.home_page_part_one_left,
.home_page_part_one_right {
width: 100%;
padding: 0
}
.bottom_header_bg {
background: #f5f5f5
}
.scrollmenu {
background: -moz-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
background: -webkit-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
background: -webkit-gradient(radial, 49.74% 49.12%, 0, 49.74% 49.12%, 494.75, color-stop(0, #128acb), color-stop(1, #323991));
background: -o-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
background: -ms-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
color: #fafafa;
z-index: 999999
}
.scrollmenu ol li a {
color: #fff
}
.bar1,
.bar2,
.bar3 {
background-color: #000
}
.cross_icon i,
.search_icon i {
color: #000
}
.mobile_logo {
width: 100%;
min-width: 0
}
.mobile_logo a {
margin: auto;
max-width: 100%
}
.home_page_part_one_left_left,
.home_page_part_one_left_right {
width: 100%
}
.home_page_part_one_left_left .opinion-contents {
background: 0 0
}
.home_page_part_one_left_left .leatest_three_post {
padding: 8px 0
}
.home_page_part_one_left_left_flex {
flex-direction: column-reverse
}
.three_col_flex {
flex-direction: column
}
.three_coloumn {
flex-direction: column
}
}
@media only screen and (max-width:770px) {
.custom_container {
max-width: 570px
}
.clk-center {
padding: 0
}
.firest_item_two_column {
padding: 0
}
.flex_two {
padding: 0
}
.header_top_ad {
display: none
}
.author_social .author_box .media .media-body .time-with-author i {
margin-right: 8px
}
.author_social .author_box .media .media-body .time-with-author .hidden-print {
margin-right: 10px;
color: #645b5b
}
.home_sidebar_posts {
border-bottom: 1px solid #d6d6d6;
padding: 10px 0
}
.social_share {
margin: 5px 0
}
ul.share-buttons li a i {
width: 34px;
height: 34px;
border-radius: 100%;
text-align: center;
line-height: 34px;
color: #3333;
margin-right: 5px;
border: 1px solid #3333
}
ul.share-buttons li a i.fa-facebook-f,
ul.share-buttons li a i.fa-twitter,
ul.share-buttons li a i.fa-whatsapp {
background: 0 0
}
.leatest_twelve_post h2.title {
margin-bottom: 0;
padding: 5px
}
.five_posts {
grid-template-columns: 1fr;
grid-gap: 0
}
.five_post {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
flex-direction: row-reverse;
width: 100%;
justify-content: space-between;
padding: 12px 0;
border-bottom: 1px solid #d8d8d8
}
.five_post:first-of-type {
padding: 0;
align-items: start;
border-bottom: none
}
.five_post:first-of-type .post_thumb {
position: relative;
width: 100%
}
.five_post:first-of-type .post_title {
position: absolute;
bottom: 0;
margin-bottom: 0
}
.five_post:first-of-type .post_title a {
color: #fff
}
.five_post:first-of-type .post_thumb img {
width: 100%;
height: auto
}
.sports_posts {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
overflow-y: auto
}
.eight_post {
min-width: 280px;
min-height: auto
}
.eight_post .post_thumb {
position: relative
}
.grid_posts,
.photo_leatest_post_left {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
overflow-y: auto;
margin: 15px 0
}
.fixed_height img {
margin-left: 0
}
.grid_post,
.photo_leatest_post_left_li {
min-width: 280px;
min-height: auto
}
.eight_post .post_title {
position: absolute;
bottom: 0;
margin: 0
}
a.allright {
display: none
}
.sports_cat_title {
flex-direction: column;
align-items: flex-start
}
.archieve_top_cat ul {
margin-left: 0
}
a.parent_cat_title {
color: #7bb10a;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
width: 100%;
position: relative;
padding-left: 30px
}
a.parent_cat_title:hover {
color: #7bb10a
}
a.parent_cat_title::before {
z-index: 1;
background-color: #7bb10a;
top: 7px;
left: 0;
position: absolute;
width: 22px;
height: 60%;
content: ""
}
a.parent_cat_title::after {
top: 50%;
width: 100%;
height: 2px;
content: "";
margin-top: -1px;
background-color: #7bb10a;
margin-left: 10px
}
.eight_post .post_title a {
color: #fff
}
.mobile_archive_sub_cat_ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.mobile_archive_sub_cat_li {
margin-left: 10px
}
.mobile_sub_menu {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.tag_page_post {
padding: 10px 0
}
.tag_page_post .tag_posts .direction_coloumn p {
display: none
}
.web-stories {
display: flex;
grid-gap: .5rem;
overflow-x: auto;
overflow-y: hidden;
margin: 0;
padding: 0 10px
}
.story-item {
flex: none;
width: 150px;
height: 210px;
margin-left: 5px;
box-shadow: 0 1px 8px 0 rgb(143 143 143)
}
.archive_web-stories {
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
}
.archive_web-stories .story-item {
width: 100%;
height: auto
}
}
@media only screen and (max-width:575px) {
.youtube-follow-box {
margin: 12px 16px 16px
}
.opinion-contents {
background: 0 0
}
.custom_container {
width: 100%;
max-width: 100%;
padding: 0;
margin: auto
}
.home_page_part_one_left_right .leatest_three_post:first-of-type p {
display: none
}
.home_page_ad,
.tag_page_post {
padding: 1rem
}
.archieve_top_cat,
.bottom_header_container,
.category-list,
.most_read_in_a_cat,
.page_container,
.pagination1,
.photo_subcat,
.singe_left_right {
padding: 0 1rem
}
.home_page_part_one_left_right .leatest_three_post:first-of-type {
flex-direction: column;
grid-column: 1/3;
border-bottom: none;
margin-bottom: 5px
}
.home_page_part_one_left_right .leatest_three_post:nth-child(2),
.home_page_part_one_left_right .leatest_three_post:nth-child(3) {
border-right: none;
grid-column: 1/3;
background: #eff0f5;
padding: 10px 15px;
margin-right: 0;
margin-top: 4px
}
.opinion-contents .leatest_three_post {
background: #eff0f5;
padding: 10px 15px;
margin: 7px 0
}
.home_page_part_one_left_right .leatest_three_post:first-of-type h2.title {
background: #eff0f5;
margin: -25px 16px;
font-size: calc(1.5em + .1vw);
padding: 10px
}
.home_page_part_one_left_left .leatest_in_a_cat_postlopp {
display: none
}
.home_page_part_one_left .leatest_posts {
display: block
}
.home_page_part_one_left .leatest_posts .leatest_twelve_post {
display: flex;
border-bottom: 1px solid #eee;
padding: .5rem 0;
margin: 0 1rem
}
.home_sidebar_cat_title {
width: auto !important;
margin: 0 1rem
}
.home_page_pat_one_left_right_grid {
display: block
}
.home_page_pat_one_left_right_grid .single_right_item a,
.leatest_in_a_cat_postlopp .single_right_item {
display: flex;
border-bottom: 1px solid #bbbaba;
padding: .5rem 0;
margin: 0 1rem;
width: auto
}
.home_page_pat_one_left_right_grid .single_right_item img {
width: 110px;
min-width: 110px !important;
max-width: 110px !important;
height: 75px;
object-fit: cover;
margin-right: 8px
}
a.home_second_part_grid .tab_post {
position: relative;
color: #000;
padding: 0;
line-height: 28px;
width: 100%;
background: 0 0
}
.home_page_pat_one_left_right_grid .single_right_item:first-of-type a,
.leatest_in_a_cat_postlopp .single_right_item:first-of-type {
flex-direction: column;
margin: 0;
border-bottom: none;
margin-bottom: 20px !important
}
.home_page_pat_one_left_right_grid .single_right_item:first-of-type a img,
.leatest_in_a_cat_postlopp .single_right_item:first-of-type img {
width: 100%;
min-width: 100% !important;
max-width: 100% !important;
height: auto;
object-fit: cover;
margin-right: 0
}
.home_page_pat_one_left_right_grid .single_right_item:first-of-type a li.tab_post,
.leatest_in_a_cat_postlopp .single_right_item:first-of-type li.tab_post {
background: #eff0f5;
margin: -25px 16px;
font-size: calc(1.3em + .1vw);
padding: 10px;
width: auto
}
.home_page_part_one_left .leatest_posts .leatest_twelve_post:last-of-type {
border-bottom: none
}
.home_sidebar_two_post {
border-bottom: 2px solid #fff;
padding-bottom: 8px;
margin: 10px 0;
background-color: transparent;
padding: 0 1rem
}
.leatest_popular_container {
margin: .5rem 1rem
}
.home_page_part_one_left .leatest_posts .leatest_twelve_post img {
width: 110px;
min-width: 110px !important;
max-width: 110px !important;
height: 75px;
object-fit: cover;
margin-right: 8px
}
.clk-list .three_firest,
.three_col_flex .img_hun_ten:last-of-type,
.three_col_flex .three_firest {
display: none
}
.clk-center {
padding: 0;
margin: 10px 0
}
.form-group {
display: flex;
flex-wrap: wrap;
padding: 0 1rem;
justify-content: space-between
}
.form_col {
width: 48% !important
}
.home_page_part_right {
padding-left: 0
}
.home_page_part_left {
padding-right: 0;
flex: 1
}
.two_col_flex_part_one {
padding-right: 0
}
.flex_two {
padding: 0
}
.ocs-items {
padding: 0 1rem
}
.ocs-items img {
width: 110px;
min-width: 110px !important;
max-width: 110px !important;
height: 75px;
object-fit: cover
}
.card {
width: 100%;
margin-bottom: 1rem;
border: none !important;
border-radius: 0 !important;
flex-direction: row !important
}
.ocs.card .card-body {
border-left: none
}
.two_col_flex_part_two {
display: none
}
.column_one {
margin-right: 0
}
.firest_item_three_column,
.firest_item_two_column {
display: none
}
.archive_page_post .leatest_twelve_post:first-of-type {
flex-direction: column;
border-bottom: none;
margin: 0 !important
}
.archive_page_post .leatest_twelve_post:first-of-type a {
width: 100%
}
.archive_page_post .leatest_twelve_post:first-of-type img {
width: 100% !important;
height: auto !important;
min-width: 100% !important;
max-width: 100% !important
}
.archive_page_post .leatest_twelve_post:first-of-type h2.title {
background: #eff0f5;
margin: -25px 16px;
font-size: calc(1.5em + .1vw);
padding: 10px
}
.tag_post_thumb img {
width: 140px;
height: auto
}
.tag_posts .direction_coloumn {
margin-left: 12px
}
.breadcrumb {
margin: 0 1rem !important
}
.tag_post_title {
font-size: 1.1rem !important;
line-height: 1.3rem
}
.row {
margin-left: 0 !important;
margin-right: 0 !important
}
}
.demo-gallery>ul {
margin-bottom: 0
}
.demo-gallery>ul>li a {
border: 3px solid #fff;
border-radius: 3px;
display: block;
overflow: hidden;
position: relative
}
.demo-gallery>ul>li a>img {
-webkit-transition: -webkit-transform .15s ease 0s;
-moz-transition: -moz-transform .15s ease 0s;
-o-transition: -o-transform .15s ease 0s;
transition: transform .15s ease 0s;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
height: 100%;
width: 100%
}
.demo-gallery>ul>li a:hover>img {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
.demo-gallery>ul>li a:hover .demo-gallery-poster>img {
opacity: 1
}
.demo-gallery>ul>li a .demo-gallery-poster {
background-color: rgba(0, 0, 0, .1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: background-color .15s ease 0s;
-o-transition: background-color .15s ease 0s;
transition: background-color .15s ease 0s
}
.demo-gallery>ul>li a .demo-gallery-poster>img {
left: 50%;
margin-left: -10px;
margin-top: -10px;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transition: opacity .3s ease 0s;
-o-transition: opacity .3s ease 0s;
transition: opacity .3s ease 0s
}
.demo-gallery>ul>li a:hover .demo-gallery-poster {
background-color: rgba(0, 0, 0, .5)
}
.demo-gallery .justified-gallery>a>img {
-webkit-transition: -webkit-transform .15s ease 0s;
-moz-transition: -moz-transform .15s ease 0s;
-o-transition: -o-transform .15s ease 0s;
transition: transform .15s ease 0s;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
height: 100%;
width: 100%
}
.demo-gallery .justified-gallery>a:hover>img {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
.demo-gallery .justified-gallery>a:hover .demo-gallery-poster>img {
opacity: 1
}
.demo-gallery .justified-gallery>a .demo-gallery-poster {
background-color: rgba(0, 0, 0, .1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: background-color .15s ease 0s;
-o-transition: background-color .15s ease 0s;
transition: background-color .15s ease 0s
}
.demo-gallery .justified-gallery>a .demo-gallery-poster>img {
left: 50%;
margin-left: -10px;
margin-top: -10px;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transition: opacity .3s ease 0s;
-o-transition: opacity .3s ease 0s;
transition: opacity .3s ease 0s
}
.demo-gallery .justified-gallery>a:hover .demo-gallery-poster {
background-color: rgba(0, 0, 0, .5)
}
.demo-gallery .video .demo-gallery-poster img {
height: 48px;
margin-left: -24px;
margin-top: -24px;
opacity: .8;
width: 48px
}
.demo-gallery.dark>ul>li a {
border: 3px solid #04070a
}
.home .demo-gallery {
padding-bottom: 80px
}
.lg-on>header {
display: none
}
.lg-on>footer {
display: none
}
.notice_single {
text-align: center;
margin-bottom: 25px;
padding: 20px;
background: #abe0cb none repeat scroll 0 0
}
.home_sidebar_cat_title strong {
font-size: 24px;
margin: 0;
line-height: 24px;
position: absolute;
background: #17a2b8;
color: #fff;
padding: 6px 15px
}
.headlines {
width: 100%;
font-size: 18px;
margin-top: 10px;
border: 1px solid #00bcf2;
overflow: hidden;
background: #f3f3f3;
z-index: 99;
width: 100%;
border-radius: 2px;
position: relative
}
.headlines a {
background: url(//dainikjonomot24.com/wp-content/themes/Dhaka-Post-unlimited-Theme-/img/dot.png);
padding: 0 0 0 18px;
background-repeat: no-repeat;
background-position-y: center;
color: #17a2b8;
;
}
.headline_left {
font-size: 20px;
display: inline-block;
border-right: 1px solid #00bcf2;
padding: 0 10px 0 0;
color: #000;
float: left;
background: #fff;
position: absolute;
left: 0;
top: 0;
z-index: 99
}
.headlines ul li {
list-style: none;
margin-top: 4px !important;
margin-bottom: -6px !important
}
.img-fluid {
max-width: 100%;
height: auto
}
.gt_white_content{
background-color: #23232378 !important; 
}