@charset "UTF-8";
/*=== variables ===*/
.w-33 {
  width: 33.33%;
}

.w-40 {
  width: 40%;
}

.bg-secondary-lighten {
  background: #333;
}

.bg-brown {
  background: #fffcd9;
}

.bg-black {
  background: #EB1C24;
}

.bg-light {
  background: #efefef !important;
}

.bg-brown-dark {
  background: #635b4e;
}

.font-1-15 {
  font-size: 1.1rem !important;
  line-height: 26px;
}

.font-0-95 {
  font-size: 0.95rem !important;
  line-height: 24px;
}

.text-dark {
  color: black !important;
}

.text-ccc {
  color: #ccc !important;
}

.text-red {
  color: red;
}

/*=== Main css start ===*/
/*=== Main css start ===*/
.logo-online-edition {
  position: relative;
  height: 20px;
}
.logo-online-edition::before {
  content: "";
  width: 75%;
  height: 1px;
  background: #000;
  position: absolute;
  left: 12.5%;
  top: 12px;
}
.logo-online-edition::after {
  content: "অনলাইন সংস্করণ";
  height: 100%;
  background: #fff;
  color: red;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 0 10px;
}

/*=== heading, title css ===*/
.rakSab-common-cat-title {
  font-size: 20px;
  margin-top: 0;
  border-top: 3px solid rgba(255, 0, 0, 0.3);
  padding-bottom: 7px;
  position: relative;
  padding-top: 5px;
  margin-bottom: 0;
  font-weight: bold;
}
.rakSab-common-cat-title span, .rakSab-common-cat-title a {
  color: #000;
  display: inline-block;
  text-decoration: none;
}
.rakSab-common-cat-title a:hover {
  color: #ff5722;
}

h2.rakSab-common-cat-title::before {
  background: #F90909;
  top: -3px;
  position: absolute;
  width: 100px;
  height: 3px;
  content: "";
}

/*===image shimmer css===*/
.figure {
  background-color: "#f6f7f8";
  background-image: linear-gradient(to right, "#f6f7f8" 0%, #edeef1 20%, "#f6f7f8" 40%, "#f6f7f8" 100%);
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  position: relative;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
  width: 100%;
  padding-bottom: 56.5%;
}
.figure img {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.figure img::before, .figure img:after {
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.figure img::before {
  top: 0;
  content: " ";
  background-color: #f1f1f1;
}
.figure img::after {
  font-size: 8px;
  font-style: normal;
  color: #646464;
  text-align: center;
  top: 45%;
  content: "Image not found";
}

.title-overlay {
  left: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  padding: 20px 10px 10px;
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
  color: #fff !important;
  margin: 0;
}

@-webkit-keyframes placeholderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
/*=== pagination css===*/
.pPagination .pagination > li {
  display: inline-block;
}

.pPagination .pagination {
  display: block;
}

.pPagination .pagination > li:first-child > a, .pPagination .pagination > li:first-child > span, .pPagination .pagination > li:last-child > a, .jt_pPagination .pagination > li:last-child > span {
  border-radius: 0;
}

.pPagination .pagination > .active > a, .pPagination .pagination > .active > a:focus, .pPagination .pagination > .active > a:hover, .pPagination .pagination > .active > span, .pPagination .pagination > .active > span:focus, .pPagination .pagination > .active > span:hover {
  background-color: #000;
  border-color: #000;
}

.pPagination .pagination a:hover {
  background: #666;
  border-color: #666;
  color: #fff;
}

.pPagination .pagination > li > a, .pPagination .pagination > li > span {
  padding: 6px 10px;
  color: #000;
  font-size: 14px;
}

.pPagination .pagination > .active > a, .pPagination .pagination > .active > span {
  color: #fff;
}

/*=== more css===*/
.more {
  left: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  color: #F90909;
}
.more:hover {
  color: #f96760 !important;
}

/*===nav-pills css===*/
.nav-pills .nav-link {
  color: #000;
}
.nav-pills .nav-link.active {
  background-color: #000;
}
.nav-pills .show > .nav-link {
  background-color: #F90909;
  color: #000;
}

/*===details css===*/
.details p {
  font-size: 1.2rem;
  text-align: justify;
}

/*===carousel css===*/
.carousel .carousel-item .carousel-caption {
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px 15px !important;
}
.carousel .carousel-item .carousel-caption p {
  line-height: 1.42;
  margin-bottom: 0;
}
.carousel .carousel-item:hover .carousel-caption {
  background: #000;
}
.carousel .carousel-item:hover .carousel-caption p {
  color: #f96760;
}

/*=== tabcontent css===*/
.tab-content #pills-home .list-unstyled,
.tab-content #pills-profile .list-unstyled {
  height: 350px;
  overflow: hidden;
  overflow-y: auto;
}

/*lead-news*/
.lead-news:hover h1 a.text-dark {
  color: #F90909 !important;
}

/*=== Title Dot ===*/
.widget-title {
  font-size: 20px;
  margin-top: 0;
  border-top: 3px solid rgba(0, 0, 0, 0.42);
  padding-bottom: 7px;
  position: relative;
  padding-top: 5px;
  margin-bottom: 0;
  font-weight: bold;
}
.widget-title::before {
  position: absolute;
  content: "";
  width: 100px;
  height: 3px;
  background: #000000;
  top: -3px;
}

.widget-title .main-title {
  color: #000;
  position: relative;
  display: block;
  font-weight: bold;
  font-size: 20px;
  padding-left: 5px;
  text-decoration: none;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}

.widget-title .main-title:hover {
  color: #F90909;
}

.widget-title .widget-arrow {
  position: absolute;
  color: #F90909;
  right: 0;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}

.widget-title .widget-arrow i.fa {
  display: none;
}

.widget-title .main-title:hover .widget-arrow {
  right: 5px;
}

span.widget-arrow::before {
  content: "»";
  position: absolute;
  right: 0;
  font-family: auto;
  font-size: 30px;
  top: -8px;
  color: #F90909;
}

.widget-title .line-dot {
  width: 9px;
  height: 15px;
  position: absolute;
  top: 23px;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-box-shadow: -4px -4px 0px 0px #9f9e9e;
  -moz-box-shadow: -4px -4px 0px 0px #9f9e9e;
  box-shadow: -4px -4px 0px 0px #9f9e9e;
  background-color: #F90909;
}

.widget-title:hover .line-dot {
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-box-shadow: 0px 0px 0px 0px #F90909;
  -moz-box-shadow: 0px 0px 0px 0px #F90909;
  box-shadow: 0px 0px 0px 0px #F90909;
}

/*=== Header Top text color change animation ===*/
.text-animation {
  /*@include myAnimation(color-change 5s infinite);*/
  color: #fff;
}

@-webkit-keyframes color-change {
  0% {
    color: red;
  }
  25% {
    color: white;
  }
  50% {
    color: #00e200;
  }
  75% {
    color: white;
  }
  100% {
    color: red;
  }
}
@-moz-keyframes color-change {
  0% {
    color: red;
  }
  25% {
    color: white;
  }
  50% {
    color: #00e200;
  }
  75% {
    color: white;
  }
  100% {
    color: red;
  }
}
@-ms-keyframes color-change {
  0% {
    color: red;
  }
  25% {
    color: white;
  }
  50% {
    color: #00e200;
  }
  75% {
    color: white;
  }
  100% {
    color: red;
  }
}
@-o-keyframes color-change {
  0% {
    color: red;
  }
  25% {
    color: white;
  }
  50% {
    color: #00e200;
  }
  75% {
    color: white;
  }
  100% {
    color: red;
  }
}
@keyframes color-change {
  0% {
    color: red;
  }
  25% {
    color: white;
  }
  50% {
    color: #00e200;
  }
  75% {
    color: white;
  }
  100% {
    color: red;
  }
}
/*=== pp-tv ===*/
.pp-tv .media {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pp-tv:hover .media {
  background: #fafafa;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.15) !important;
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.15) !important;
}
.pp-tv .media:hover,
.pp-tv a.link:hover .shadow-sm {
  background: #fff;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/*=== Social Media ===*/
.social-media a {
  color: #fff;
}
.social-media a .fa {
  height: 30px;
  width: 30px;
  line-height: 32px;
  text-align: center;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.social-media a .fa-facebook {
  background: #3b5998 !important;
}
.social-media a .fa-twitter {
  background: #00aced !important;
}
.social-media a .fa-youtube {
  background: #c4302b !important;
}
.social-media a .fa-whatsapp {
  background: #01e675 !important;
}
.social-media a:hover .fa {
  opacity: 0.8;
}

/*===footer css===*/
footer {
  background: #222020;
}
/*===navbar css===*/
#nav {
  -webkit-box-shadow: 0 0 5px 0 #000;
  -moz-box-shadow: 0 0 5px 0 #000;
  box-shadow: 0 0 5px 0 #000;
}
#nav .nav-link {
  color: #fff;
}
#nav .nav-link.active, #nav .nav-link:hover {
  color: #f96760;
}
#nav #navbarSupportedContent > ul.navbar-nav li .dropdown-menu-all {
  display: none;
}
#nav #navbarSupportedContent > ul.navbar-nav li.nav-item.dropdown .dropdown-item:hover {
  color: #f96760;
}

.bg-search {
  background: #dedede;
}

/*===link hover css===*/
.link:hover, .link:hover h5, .link:hover .text-dark,
.link:hover .title-overlay,
.link:hover .title-overlay h5,
.link:hover .title-overlay .text-dark,
a.link:hover,
a.link:hover h5,
a.link:hover .text-dark {
  color: #F90909 !important;
  text-decoration: none;
}

/*=== photo_carousel ===*/
#photo_gallery .link:hover h5 a,
#photo_gallery .link:hover h6,
#photo_gallery .link:hover h6 a {
  color: #f96760 !important;
  text-decoration: none;
}

/*===bg-light-red===*/
.bg-light-red {
  background: rgba(249, 9, 9, 0.03) !important;
}

/*===Media query css===*/
@media (max-width: 768px) {
  body {
    padding-top: 0;
  }

  main {
    /*margin-top: 1.5em;*/
  }

  .m-w-40 {
    width: 40% !important;
  }

  .media.m-w-100 {
    display: block !important;
  }

  .m-w-100 {
    width: 100% !important;
  }

  #navbarSupportedContent .nav-item .nav-link {
    padding: 0.25rem 0;
  }

  .carousel .carousel-item .carousel-caption p {
    font-size: 1rem;
  }

  .mLead {
    margin: -14px -15px -12px !important;
  }
  .mLead h4 {
    padding: 10px 15px !important;
    font-size: 18px;
    margin-bottom: 0;
    background: rgba(249, 9, 9, 0.05);
  }
  .mLead .small {
    background: rgba(249, 9, 9, 0.05);
    display: block;
    padding-left: 15px;
  }

  .m-100 .col {
    flex-basis: auto;
  }

  #nav {
    position: relative;
  }
  #nav .nav-link {
    padding: 0.25rem 0;
  }
  #nav #navbarSupportedContent form {
    margin: 10px 0 !important;
  }
  #nav #navbarSupportedContent > ul.navbar-nav {
    display: block !important;
    border-top: 1px dotted #000;
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
    padding-top: 5px;
  }
  #nav #navbarSupportedContent > ul.navbar-nav li.nav-item {
    width: 50%;
    float: left;
  }
  #nav #navbarSupportedContent > ul.navbar-nav li.nav-item.dropdown {
    width: 100% !important;
    float: none !important;
    overflow: hidden;
  }
  #nav #navbarSupportedContent > ul.navbar-nav li.nav-item.dropdown #navbarDropdown {
    display: none;
  }
  #nav #navbarSupportedContent > ul.navbar-nav li.nav-item.dropdown .dropdown-menu.dropdown-menu-right {
    display: block;
    background: transparent;
    border: none;
    overflow: hidden;
    margin-top: 0;
    padding-top: 0;
    visibility: visible !important;
    opacity: 1 !important;
  }
  #nav #navbarSupportedContent > ul.navbar-nav li.nav-item.dropdown .dropdown-menu.dropdown-menu-right .dropdown-item {
    width: 50%;
    padding: 0.25rem 0;
    float: left;
    clear: inherit;
  }
  #nav #navbarSupportedContent > ul.navbar-nav li.nav-item.dropdown .dropdown-menu.dropdown-menu-right .dropdown-item:hover {
    color: #f96760 !important;
    background: transparent !important;
  }
  #nav.navbar-dark .navbar-nav .nav-link {
    padding: 0.25rem 0;
    color: #fff;
  }

  .m-text-center {
    text-align: center !important;
  }

  .tab-content #pills-home .list-unstyled,
.tab-content #pills-profile .list-unstyled {
    height: auto;
  }

  .writer-image {
    width: 60px !important;
    margin-right: 15px;
    float: left;
  }

  .writer-info {
    font-size: 1.2rem;
  }
}

/*# sourceMappingURL=style.css.map */