body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333333;
  background-color: #ddd;
  font-family: 'Open Sans', sans-serif;
  padding-top: 63px;
  overflow-y: scroll;
  overflow-x: hidden;
}
/* font-family: 'Open Sans', sans-serif; */

::-moz-focus-inner {
  border: 0;
}
a, a:hover, a:visited, a:focus, a:active {
  text-decoration: none;
  color: inherit;
  outline: 0 !important;
}
#radio_player, #player_button {
  display: none;
}
.content {
  min-height: 80vh;
}
header {
  position: fixed;
  width: 100%;
  z-index: 10;
  top: 0;
  background-color: #376496;
  background-image: -webkit-gradient(linear, left, right, from(#376496), to(#294c72));
  /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(left, #376496, #294c72);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image: -moz-linear-gradient(left, #376496, #294c72);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, #376496, #294c72);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, #376496, #294c72);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
  max-width: 1920px;
  margin: 0 auto;
  left: 0;
  right: 0;
  border-bottom: 1px solid white;
}
.nav-logo {
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 7px;
}
.navigation {
  border: none;
  margin-bottom: 0;
  padding: 15px 0 15px 75px;
  border-radius: 0;
  transition: all 0.2s;
}
.navbar-nav>li {
  padding-top: 3px;
  padding-right: 18px;
  position: relative;
}
.navbar-nav>li:before {
  width: 12px;
  height: 20px;
  content: '/';
  color: rgba(238, 238, 238, 0.4);
  position: absolute;
  right: 0;
}
.navbar-nav>li:last-child:before {
  display: none;
}
.navbar li a {
  color: white;
  background-color: transparent !important;
  font-size: 12px;
  padding: 0;
  transition: all 0.3s;
  margin-bottom: 0px;
  text-transform: uppercase;
}
.navbar li a span {
  position: relative;
  top: -2px;
}
.navbar .dropdown_content {
  min-width: 600px;
  max-height: 200px;
  position: relative;
  padding: 0px 15px 0px 15px;
  margin-bottom: 10px;
}
.navbar .dropdown_content .col-sm-4:nth-child(3n+1) {
  clear: left;
}
.navbar .dropdown_content h5 {
  margin-top: 0;
  color: #376496 !important;
  margin-top: 15px;
  margin-bottom: 5px;
}
.navbar .dropdown_content h5 a {
  color: inherit;
  text-transform: initial;
  font-size: 14px;
}
.navbar .dropdown_content ul {
  list-style-type: none;
  margin-bottom: 0px;
  padding-left: 0;
}
.navbar .dropdown_content ul li a {
  color: #333 !important;
  text-transform: initial;
  font-size: 13px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: block;
}
.navbar .dropdown_content ul li a:hover {
  color: #376496 !important;
}
.navbar .lng-select, .navbar .social-media, .navbar .apk-available {
  position: relative;
  list-style-type: none;
  padding-left: 0;
  display: inline-block;
  padding-left: 10px;
  margin-bottom: 0;
}
.navbar .lng-select li a {
  padding: 5px 8px;
  border: 1px solid transparent;
  text-align: center;
  transition: all 0.3s;
  color: white;
  border-radius: 5px;
}
.navbar .lng-select li a:hover {
  border: 1px solid rgba(238, 238, 238, 0.4);
}
.navbar .lng-select .lng-active a {
  border: 1px solid rgba(238, 238, 238, 0.4);
  border-radius: 5px;
}
.navbar .social-media li a {
  font-size: 16px;
  color: white;
}
.navbar .lng-select li, .navbar .social-media li, .navbar .apk-available li {
  display: inline-block;
  padding: 0px 4px;
}
.navbar .apk-available li a {
  background-color: #335f8d!important;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 20px;
  font-size: 18px;
  color: white;
  display: inline-block;
  text-align: center;
}
/* menu button animation*/

.navbar .navbar-toggle {
  border: 0px;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 5px;
  margin-right: 5px;
}
.navbar .navbar-toggle:focus, .navbar .navbar-toggle:hover {
  background-color: transparent;
}
.navbar .navbar-toggle .icon-bar {
  background-color: white;
}
.navbar-toggle .icon-bar {
  width: 29px;
  height: 3px;
}
.navbar-toggle .icon-bar {
  transition: all 0.2s;
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 0% 70%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle .bottom-bar, .navbar-toggle .top-bar, .navbar-toggle .middle-bar {
  font-size: 30px;
  margin-bottom: 6px;
  font-weight: 500;
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}
/*RECENT NEWS*/
.four-banners {
  text-align: center;
}
.four-banners .col-md-3 {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}
.four-banners img {
  display: inline-block;
  max-width: 100%;
}
.mg-top-30 {
  margin-top: 30px;
}
.mg-top-20 {
  margin-top: 20px;
}
.recent-news {
  font-family: 'Open Sans', sans-serif;
}
.recent-news .image-size-fix img {
  height: 457px;
}
.recent-news .col-md-6 .row {
  margin: 0 -5px;
}
.recent-news .col-md-6 {
  padding: 0 5px;
  position: relative;
}
.recent-news article {
  position: relative;
}
.comments-count {
  display: none;
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 5;
  padding: 5px 10px;
  background-color: #376496;
  color: white !important;
  font-size: 12px;
  border-radius: 5px;
  transition: all 0.2s;
}
.comments-count:hover {
  background-color: #DF0000;
}
.recent-news .news-txt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  background-image: linear-gradient(to right, rgba(0,0,0, 0.7), rgba(0,0,0, 0.3));
}
.recent-news .news-txt .date {
  font-size: 14px;
  color: white;
  text-transform: uppercase;
  font-weight: 500;
}
.recent-news .news-txt h2 {
  font-size: 30px;
  margin: 10px 0;
  font-weight: 700;
  color: white;
  text-shadow: 2px 2px 5px rgba(0,0,0, 0.6);
  font-family: "Arial Black", Gadget, sans-serif;
}
.recent-news .col-md-6 .col-md-6 .news-txt h2 {
  font-size: 20px;
  margin: 0;
  text-shadow: 2px 2px 5px rgba(0,0,0, 0.5);
}
.recent-news .col-md-6 .col-md-6 .news-txt .date {
  font-size: 12px;
}
.recent-news .col-md-6 .col-md-6 article {
  margin-bottom: 10px;
}
.recent-news .overlay {
  position: relative;
  overflow: hidden;
}
/*.recent-news .overlay:before,
.recent-news .overlay:after {
  content: '';
  position: absolute;
}*/
.recent-news .overlay:before {
  top: 35%;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 20%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0.65) 100%);
  opacity: 0.75;
}
.recent-news .overlay:after {
  opacity: 0;
  background-color: rgba(0,0,0, 0.2);
  transition: all 0.2s;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.recent-news a:hover .overlay:after {
  opacity: 1;
}
.recent-news a:hover .comments-count {
  background-color: #DF0000;
}
/*SIDE MENU*/

.side-menu {
  background-color: white;
  padding: 20px 30px 0px 30px;
  position: relative;
  border: 1px solid #e9e8ef;
}
.side-menu .side-menu-header {
  -webkit-box-shadow: 0px 6px 5px -5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 6px 5px -5px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 6px 5px -5px rgba(0, 0, 0, 0.3);
  position: relative;
  margin: 0 -30px;
  padding: 0px 30px 20px 30px;
  cursor: pointer;
}
.side-menu .side-menu-header h2 {
  font-size: 18px;
  color: #333333;
  font-weight: 400;
  margin: 0;
}
.side-menu .side-menu-header img {
  position: absolute;
  right: 30px;
  top: 5px;
}
.side-menu .sub-menu {
  display: none;
}
.side-menu .sub-menu.open {
  display: block;
}
.on-right-side .side-menu-content {
  display: none;
}
.on-right-side .side-menu-content.open {
  display: block;
}
.side-menu .li-expand {
  font-size: 20px;
  color: #dddddd;
  position: absolute;
  left: 0px;
  top: 7px;
  cursor: pointer;
}
.side-menu .li-expand.active {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #376496;
}
.side-menu ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.side-menu ul li {
  padding: 10px 0;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #f3f2f8;
  position: relative;
  padding-left: 40px;
}
.side-menu ul li a, .side-menu ul li a:focus, .side-menu ul li a:visited, .side-menu ul li a:active {
  font-size: 16px;
  color: #333;
  margin: 0;
  font-weight: 400;
}
.side-menu ul li a:hover {
  color: #376496;
}
.side-menu ul li a i {
  color: #376496;
}
/* .side-menu ul.sub-menu {
    padding
  } */

.side-menu ul.sub-menu li {
  border-bottom: none;
  padding: 5px 0 5px 0;
}
.side-menu ul.sub-menu li:first-child {
  padding-top: 10px;
}
.side-menu ul.sub-menu li:last-child {
  padding-bottom: 0;
}
.side-menu ul.sub-menu li a, .side-menu ul.sub-menu li a:focus, .side-menu ul.sub-menu li a:visited, .side-menu ul.sub-menu li a:active {
  font-size: 14px;
  color: #333;
  transition: all 0.3s;
}
.side-menu ul.sub-menu li a:hover {
  color: #376496;
}
.side-menu .side-menu-content {
  padding: 20px 0;
}
/*MAIN CONTENT*/

.offset-5 .col-md-3, .offset-5 .col-md-6, .offset-5 .col-md-9 {
  padding: 0 5px;
}
.nav-tabs.news-tabs {
  position: relative;
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.news-tabs:before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: white;
  display: block;
  left: 0;
  right: 0;
}
.nav-tabs.news-tabs li {
  margin: 0 0 0 0;
  float: none;
  display: inline-block;
}
.nav-tabs.news-tabs li a {
  /*margin: 0 10px;*/
  border-radius: 0;
  border: none;
/*  border-bottom: 5px solid transparent;*/
  font-size: 15px;
  color: #333;
  position: relative;
  padding: 10px 20px;
  display: inline-block;
}
.nav-tabs.news-tabs.news-tabs-slider li a {
  padding: 10px 10px;
}
.cat-title {
  font-size: 20px;
  color: #376496;
  margin-top: 10px;
  /*margin-bottom: 20px;*/
  font-weight: 400;
  border-left: 5px solid #376496;
  padding: 5px 5px 5px 20px;
}
.cat-title span {
  color: #707885;
}
/*.nav-tabs.news-tabs>li a:before {
    width: 15px;
    height: 20px;
    content: '/';
    color: #c4c3ca;
    position: absolute;
    right: -10px;
    top: 10px;
  }
  .nav-tabs.news-tabs>li:last-child a:before {
    display: none;
  }*/

.nav-tabs.news-tabs li a:hover, .nav-tabs.news-tabs li a:focus, .nav-tabs.news-tabs li a:visited, .nav-tabs.news-tabs li a:active {
  border-color: transparent;
  background-color: transparent;
}
.nav-tabs.news-tabs li.active a, .nav-tabs.news-tabs li.active a:focus, .nav-tabs.news-tabs li.active a:hover {
  background-color: transparent;
  color: #376496;
  border: none;
  border-bottom: 1px solid #376496;
}
.nav-tabs.news-tabs li.active a:after {
  width: 0px;
  height: 0px;
/*  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #376496;*/
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  position: absolute;
  background-color: transparent;
  content: '';
}
.news-tabs-slider {
  padding: 0 25px;
}
.news-tabs-slider .slick-prev, .news-tabs-slider .slick-next {
  z-index: 9;
  border-radius: 5px;
  background-color: #f3f2f8;
  border: 1px solid #dbdbde;
  top: 20px;
  width: 20px;
  height: 20px;
  transition: all 0.3s
}
.news-tabs-slider .slick-prev:hover, .news-tabs-slider .slick-next:hover {
  background-color: #376496;
  border: 1px solid transparent;
}
.news-tabs-slider .slick-prev:before, .news-tabs-slider .slick-next:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #96979a;
  opacity: 1;
  font-size: 14px;
}
.news-tabs-slider .slick-prev:hover:before, .news-tabs-slider .slick-next:hover:before {
  color: white;
}
.news-tabs-slider .slick-next:before {
  content: '\f054';
}
.news-tabs-slider .slick-prev:before {
  content: '\f053';
}
.news-tabs-slider .slick-next {
  right: 0;
}
.news-tabs-slider .slick-prev {
  left: 0;
}
.news-article {
  position: relative;
  background-color: white;
  border: 1px solid #7877;
  margin: 0 -1px 10px -1px;
}
.category {
  position: absolute;
  background-color: #376496;
  color: white;
  text-transform: uppercase;
  left: 0;
  bottom: 0;
  border-radius: 0;
  font-size: 11px;
  padding: 5px;
}
.news-article .news-txt {
  padding: 10px 15px;
}
.news-article>a {
  position: relative;
  display: block;
}
.news-article .news-txt .date {
  font-size: 12px;
  color: #707885;
}
.news-article .news-txt h2 {
  font-size: 20px;
  font-weight: bold;
  margin: 5px 0;
}
.news-article .news-reviews {
  padding-top: 10px;
  border-top: 1px solid #e9e8ef;
  position: relative;
  display: none;
}
.news-article .news-reviews ul {
  margin-bottom: 0;
}
.news-article .news-reviews li {
  font-size: 18px;
  color: #707885;
}
.news-article .news-reviews li i {
  margin-right: 10px;
}
.news-article .news-reviews .abs-right {
  position: absolute;
  right: 0px;
  top: 13px;
}
.news-article .link, .news-article .link:focus, .news-article .link:visited, .news-article .link:active {
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
  transition: all 0.2s;
  padding: 10px;
  background-color: #376496;
  border-radius: 5px;
}
.news-article .link:hover {
  color: #fff;
  background-color: #DF0000;
}
.shows-article {
  background-color: #1a1a1a;
  padding: 30px 25px;
  text-align: center;
  margin-bottom: 10px;
}
.shows-article h1 {
  color: white;
  font-size: 18px;
  margin: 0;
  border-bottom: 1px solid #2b2b2b;
  padding-bottom: 15px;
  text-transform: uppercase;
  text-align: left;
}
.shows-article h1 i {
  margin-right: 10px;
}
.shows-article img {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.shows-article h2 {
  color: white;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.shows-article .date {
  color: #7b7b7b;
  font-size: 12px;
}
.shows-article .row {
  margin: 0 -5px;
}
.shows-article .col-md-4 {
  padding: 0 5px;
  margin-top: 15px;
}
.shows-article .col-md-4:nth-child(3n+1) {
  clear: left;
}
.button, .button:focus, .button:active, .button:visited {
  background-color: #376496;
  padding: 10px 50px;
  text-align: center;
  font-size: 14px;
  color: white;
  transition: all 0.3s;
  display: inline-block;
  text-transform: uppercase;
  border-radius: 5px;
  outline: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
}
.button:hover {
  background-color: #7b7b7b;
  color: white;
}
.content .button {
  margin-top: 10px;
  margin-bottom: 20px;
}
.content .button.btn-block {
  margin-top: 0;
  margin-bottom: 0;
}
/*RIGHT SIDE*/

.right-side-news {
  margin-bottom: 10px;
}
.right-side-news .tab-content {
  border: 1px solid #efeef3;
  border-bottom: none;
}
.right-side-news .news-article-right-side {
  position: relative;
  padding: 10px 15px 10px 125px;
  background-color: white;
  border-bottom: 1px solid #efeef3;
  min-height: 82px;
}
.right-side-news .news-article-right-side img {
  position: absolute;
  left: 15px;
}
.right-side-news .news-article-right-side h3 {
  font-size: 14px;
  color: #333333;
  margin-top: 0;
  margin-bottom: 3px;
  font-weight: bold;
}
.right-side-news .news-article-right-side .date {
  color: #707885;
  font-size: 12px;
}
.date {
  color: #707885;
  font-size: 14px;
  text-transform: uppercase;
}
.banner-280, .banner-300 {
  max-width: 100%;
  margin-bottom: 10px;
  text-align: center;
}
.banner-280 img, .banner-300 img {
  display: inline-block;
}
.schedule-right-side {
  padding: 20px;
  margin-bottom: 10px;
  background-color: white;
  border: 1px solid #efeef3;
}
.schedule-right-side h2 {
  font-size: 16px;
  color: #333;
  margin-top: 0;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #efeef3;
}
.schedule-right-side h2 i {
  color: #376496;
  margin-right: 10px;
}
.schedule-right-side ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.schedule-right-side ul li {
  position: relative;
  padding-left: 70px;
  font-size: 14px;
  color: #333;
  margin-bottom: 25px;
}
.schedule-right-side ul li:last-child {
  margin-bottom: 0;
}
.schedule-right-side ul li strong {
  padding: 5px 10px;
  color: white;
  font-size: 16px;
  border-radius: 5px;
  background-color: #376496;
  position: absolute;
  left: 0px;
  font-weight: 400;
}
.most-comments-article {
  border: 1px solid #efeef3;
  border-bottom: none;
  position: relative;
}
.most-comments-article article>a {
  position: relative;
  display: block;
}
.most-comments-article .news-txt {
  padding: 10px 15px;
  background-color: white;
}
.most-comments-article .category {
  background-color: #DF0000;
}
.most-comments-article .news-txt h2 {
  font-size: 20px;
  color: #333333;
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: bold;
}
.most-comments-article .news-txt .date {
  font-size: 12px;
}
.border-section {
  border: 1px solid #efeef3;
  border-bottom: none;
}
.tv-shows-right-side {
  padding: 20px;
  margin-bottom: 10px;
  background-color: white;
  border: 1px solid #efeef3;
  position: relative;
}
.tv-shows-right-side h2 {
  font-size: 16px;
  color: #333;
  margin-top: 0;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #efeef3;
}
.tv-shows-right-side h2 i {
  color: #376496;
  margin-right: 10px;
}
.tv-shows-slide img {
  margin: 0 auto;
}
.slick-initialized .slick-slide {
  outline: 0 !important;
}
.tv-shows-slider .slick-list {
  padding: 0;
}
.slick-slider {
  margin-bottom: 0;
}
.tv-shows-slider .slick-prev, .tv-shows-slider .slick-next {
  border-radius: 5px;
  background-color: #f3f2f8;
  border: 1px solid #dbdbde;
  top: -40px;
  width: 22px;
  height: 22px;
  transition: all 0.3s
}
.tv-shows-slider .slick-prev:hover, .tv-shows-slider .slick-next:hover {
  background-color: #376496;
  border: 1px solid transparent;
}
.tv-shows-slider .slick-prev:before, .tv-shows-slider .slick-next:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #96979a;
  opacity: 1;
  font-size: 14px;
}
.tv-shows-slider .slick-prev:hover:before, .tv-shows-slider .slick-next:hover:before {
  color: white;
}
.tv-shows-slider .slick-next:before {
  content: '\f054';
}
.tv-shows-slider .slick-prev:before {
  content: '\f053';
}
.tv-shows-slider .slick-next {
  right: 0;
}
.tv-shows-slider .slick-prev {
  left: auto;
  right: 30px;
}
/*FOOTER*/

footer {
  background-color: white;
  padding: 15px 0;
  margin-top: 60px;
}
footer .img-responsive {
  display: inline-block;
}
footer .list-inline {
  padding-left: 40px;
  display: inline-block;
  margin: 0;
}
footer .social-media li a {
  color: #999;
  font-size: 16px;
  transition: all 0.3s;
}
footer .social-media li a:hover {
  color: #376496;
}
footer .apk-available li a {
  background-color: #335f8d;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  line-height: 25px;
  font-size: 18px;
  color: white;
  display: inline-block;
  text-align: center;
}
footer p {
  color: #555;
  font-size: 14px;
  margin-bottom: 0;
  display: inline-block;
}
footer p strong {
  color: #376496;
}
footer #toTop {
  background-color: #335f8d;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 30px;
  font-size: 20px;
  color: white;
  display: inline-block;
  text-align: center;
  margin-left: 30px;
  transition: all 0.3s;
}
footer #toTop:hover {
  background-color: #376496;
}
/*NEWS DETAIL*/

.news-detail-txt {
  padding: 20px 30px 0 30px;
  background-color: white;
  border: 1px solid #e9e8ef;
  margin-bottom: 10px;
  font-size: 16px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  /*text-align: justify;*/
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
.news-detail img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.news-detail video {
  max-width: 100%;
}
.news-detail-txt strong {
  font-size: 14px;
  color: #555;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 500;
  margin-right: 10px;
}
.news-detail-txt .date {
  color: #555;
  font-weight: 500;
  float: right;
}
.news-detail-txt .title {
  font-size: 36px;
  color: #333333;
  margin: 0 0 20px 0;
  font-weight: 800;
  text-align: left;
}
.news-detail-txt .sub-title {
  font-size: 30px;
  color: #333333;
  margin: 20px 0;
  font-weight: 800;
}
.news-detail-txt iframe {
	max-width: 100%;
  border: none;
  display: block;
  margin: 0 auto!important;
}
.news-detail-img {
  padding: 0px 0 15px 0;
}
.news-detail-img img {
  width: 100%;
}
.txt {
  font-size: 18px;
  color: #333333;
  margin-bottom: 15px;
}
.txt strong {
  color: #333333;
  text-transform: none;
  font-weight: bold;
  margin-right: 0;
}
.banner-728 {
  max-width: 728px;
  margin: 10px auto;
}
.banner-320 {
  max-width: 320px;
  margin: 10px auto;
}
.share-post {
  border-top: 1px solid #e9e8ef;
  padding: 30px 0;
  margin-top: 20px;
  position: relative;
}
.share-post h3 {
  color: #0a0d17;
  padding-left: 20px;
  font-weight: bold;
  margin: 0;
  border-left: 3px solid #376496;
  display: inline-block;
  font-weight: 800;
}
.share-post .list-inline {
  margin: 0;
  position: absolute;
  right: 0;
  top: 25px;
}
.share-post .list-inline li {
  margin-right: 15px;
  border-radius: 5px;
  padding: 0;
}
.share-post .list-inline li:last-child {
  margin-right: 0;
}
.share-post .list-inline li a {
  display: inline-block;
  padding: 10px 25px;
  border-radius: 5px;
  text-align: center;
  font-size: 16px;
  color: white;
}
.share-post .list-inline li:nth-child(1) a, .share-post .list-inline li:nth-child(3) a {
  background-color: #39579a;
}
.share-post .list-inline li:nth-child(2) a {
  background-color: #31a8e2;
}
.share-post .list-inline li i {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid white;
}
#comments {
  position: relative;
  top: -60px;
  visibility: hidden;
  z-index: -1;
}
#comment-mobile {
  position: relative;
  visibility: hidden;
  z-index: -1;
}
.comments-section {
  padding: 20px 30px 0 30px;
  background-color: white;
  border: 1px solid #e9e8ef;
  position: relative;
}
.comments-section .button {
  position: absolute;
  right: 30px;
  margin-top: 0;
  top: 12px;
  padding: 10px 15px;
  font-size: 16px;
}
.comments-section h2 {
  font-size: 24px;
  color: #0a0d17;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 800;
}
.comments-section h2 span {
  color: #e7e6ee;
}
.comments-section h2 strong {
  color: #376496;
}
.comments-section .comment {
  border-top: 1px solid #e9e8ef;
}
.comment .comment-txt {
  position: relative;
  padding: 20px 20px 20px 70px;
}
.comments-section .comment .comment {
  margin-left: 60px;
  border-top: 0;
}
.comment .comment-txt img {
  position: absolute;
  left: 0;
  top: 20px;
}
.comment .comment-txt h3 {
  color: #272727;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 800;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.comment .comment-txt span {
  color: #555;
  font-size: 16px;
  margin-bottom: 10px;
  display: block;
}
.comment .comment-txt span i {
  color: #376496;
  margin-right: 10px;
}
.comment .comment-txt p {
  color: #333;
  font-size: 16px;
  margin-bottom: 10px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.comment .comment-txt .reply {
  position: absolute;
  right: 0;
  top: 20px;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 12px;
  background-color: #376496;
  color: #fff;
  border-radius: 5px;
  padding: 5px 7px;
}

.comment .comment-txt .reply i {
  margin-right: 2px;
  color: #fff;
  font-size: 10px;
  position: relative;
  top: -1px;
}
.related-posts .link {
  display: inline-block;
  margin-top: 5px;
}
.related-posts .news-article .news-txt {
  padding: 20px;
}
.related-posts .news-article .news-txt h2 {
  font-size: 16px;
}
.related-posts .row {
  margin: 0 -5px;
}
.related-posts .col-md-4 {
  padding: 0 5px;
}
.related-posts .col-md-4:nth-child(3n+1) {
  clear: left;
}
.fixer {
  display: none;
  height: 60px;
}
.fixer.in {
  display: block!important;
}
.on-right-side .side-menu.fix {
  position: relative!important;
  top: 0;
  animation: none!important;
  width: 100%;
}
.on-right-side .fixer.in {
  display: none!important;
}
.side-menu.fix {
  position: fixed;
  top: 73px;
  width: 265px;
  animation: fadeInDown;
  animation-duration: 1s;
  animation-delay: 0s;
}
.side-menu {
  max-height: calc(100vH - 250px);
  position: relative;
  margin-bottom: 10px;
}
.form-control, .form-control:focus {
  height: 50px;
  box-shadow: none;
  border-radius: 10px;
  border: 1px solid transparent;
  background-color: #f1f1f1;
  color: #333333;
  margin-bottom: 20px;
  outline: none;
  font-size: 16px;
}
.form-control:focus {
  border: 1px solid #376496;
}
textarea.form-control, textarea.form-control:focus {
  height: 150px;
  resize: none;
}
.captcha {
  position: relative;
  display: inline-block;
}
.captcha span {
  position: absolute;
  top: 5px;
  font-size: 30px;
  font-weight: 900;
  font-style: italic;
  left: 15px;
  right: 15px;
  text-align: center;
}
.captcha-img {
    margin-bottom: 20px;
    border-radius: 10px;
}
.modal-title {
  font-size: 24px;
  color: #0a0d17;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 800;
  margin: 0;
}
.modal-header .close {
  background: #376496;
  opacity: 1;
  color: white;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 5px;
  outline: none;
  margin-top: 5px;
}
.modal-body .button {
  padding: 10px 25px;
  cursor: pointer;
}

.store_modal .modal-dialog {
  width: 250px;
  margin: 20px auto;
}
.store_modal .modal-body {
  text-align: center;
  padding: 30px;
  position: relative;
}
.store_modal .modal-body img {
  display: inline-block;
  margin-bottom: 10px;
  height: 28px;
}
.store_modal .modal-body p {
  font-size: 17px;
  margin-bottom: 10px;
  line-height: 1.3;
}
.store_modal .modal-body a {
  width: 100px;
  padding: 15px;
  background-color: #f5f5f5;
  display: inline-block;
  border-radius: 5px;
}
.store_modal .modal-body a img {
  height: 50px;
  display: inline-block;
  margin: 0 auto;
}
.store_modal .modal-body .close {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #376496;
  opacity: 1;
  color: white;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 5px;
  outline: none;
  margin-top: 5px;
}
/*VIDEO PAGE*/

.video {
  position: relative;
  margin-bottom: 10px;
}
.video-container video {
  vertical-align: middle;
}
video.video {
  margin-bottom: 0;
}
.video-overlay img {
  position: absolute;
  left: 20px;
  top: 20px;
}
.video-overlay strong {
  padding: 5px 15px;
  background-color: #376496;
  font-size: 12px;
  color: white;
  position: absolute;
  margin-top: -25px;
  z-index: 2;
}
.video-information {
  padding: 15px 30px;
  position: relative;
  background-color: white;
  border: 1px solid #eeeeee;
}
.video-information h2 {
  color: #333333;
  margin: 0;
  font-size: 14px;
  text-transform: uppercase;
}
.video-information h2 img {
  display: inline-block;
  margin-right: 15px;
  max-width: 50px;
}
.video-information h3 {
  font-size: 12px;
  color: #878787;
  position: absolute;
  right: 30px;
  top: 25px;
  font-weight: 300;
  margin: 0;
  text-transform: uppercase;
}
.video-section {
  margin-bottom: 10px;
}
.video-detail-txt {
  padding: 20px 30px 0 30px;
  background-color: white;
  border: 1px solid #e9e8ef;
  margin-bottom: 10px;
}
.video-detail-txt img {
  width: 100%;
}
.video-detail-txt>strong {
  font-size: 14px;
  color: #999999;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 500;
  margin-right: 30px;
}

.video-detail-txt .date {
  color: #376496;
  font-weight: 500;
}
.video-detail-txt h1 {
  font-size: 36px;
  color: #333333;
  margin: 20px 0;
  font-weight: 800;
}
/*RASPORED PROGRAMA*/

.archive-section .col-md-6:nth-child(2n+1) {
  clear: left;
}
.archive-section article {
  margin-bottom: 10px;
}
.schedule-section article {
  position: relative;
}
.mg-5 {
  margin: 0 -5px;
}
.schedule-section article img {
  width: 100%;
}
.schedule-section h2 {
  font-size: 20px;
  color: white;
  position: absolute;
  margin-top: -40px;
  margin-bottom: 0;
  left: 10px;
  font-weight: 400;
}
.schedule-section h2 strong {
  display: block;
}
.schedule-section ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 10px;
  ;
  background-color: white;
}
.schedule-section ul li {
  position: relative;
  padding: 15px 0px 15px 80px;
  border-bottom: 1px solid #e9e8ef;
  background-color: white;
  min-height: 51px;
}
.schedule-section ul li p {
  font-size: 14px;
  color: #333;
  margin: 0;
}
.schedule-section ul li p strong {
  font-weight: 700;
  background-color: transparent;
  position: relative;
  font-size: 14px;
  border-radius: 0;
  color: #333;
  left: 0;
  top: 0;
  padding: 0;
}
.schedule-section ul li:last-child {
  margin-bottom: 0;
}
.schedule-section ul li strong {
  padding: 5px 10px;
  color: white;
  font-size: 16px;
  border-radius: 5px;
  background-color: #376496;
  position: absolute;
  left: 5px;
  font-weight: 400;
  top: 10px;
  min-width: 61px;
  text-align: center;
}
.schedule-section .freq-item ul li strong {
  min-width: 125px;
}
.schedule-section .freq-item h2 {
  margin-top: -70px;
}
/* .schedule-section .freq-item:first-child ul li {
    padding-left: 80px;
  } */

.schedule-section .freq-item ul li {
  padding-left: 150px;
}
/*MARKETING*/

.marketing h2 {
  padding: 15px 20px;
  color: white;
  background-color: #335f8d;
  font-size: 20px;
  margin: 0;
  font-weight: 400;
  text-transform: uppercase;
}
.marketing ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 10px;
  background-color: white;
  border: 1px solid #e9e8ef;
}
.marketing.kontakt-info ul li, .marketing.kontakt-info ul li a {
  font-size: 18px;
}
.marketing ul li {
  padding: 5px 5px 5px 50px;
  font-size: 14px;
  color: #333333;
  margin-bottom: 0;
  position: relative;
  border-bottom: 1px solid #e9e8ef;
}
.marketing ul li:last-child {
  border-bottom: none;
}
.marketing ul li strong {
  display: block;
  color: #335f8d;
}
.marketing ul li i {
  color: #335f8d;
  font-size: 20px;
  position: absolute;
  left: 15px;
  top: 10px;
}
.marketing ul li a {
  font-size: 14px;
  color: #333333;
  transition: all 0.3s
}
.marketing ul li a:hover {
  color: #335f8d;
}
/*EPG PAGE*/

.epg-section {
  position: relative;
  padding: 30px;
  background-color: white;
  margin-bottom: 10px;
  border: 1px solid #eeeeee;
}
.epg-section h2 {
  color: #333333;
  font-size: 24px;
  margin: 0;
  font-weight: bold;
}
.epg-section .button {
  position: absolute;
  right: 30px;
  top: 15px;
}
/*KONTAKT PAGE*/

.kontakt {
  padding: 20px 30px;
  background-color: white;
  border: 1px solid #eeeeee;
  margin-bottom: 10px;
}
.kontakt h1 {
  color: #333333;
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 15px;
  padding-bottom: 15px;
  font-weight: bold;
  border-bottom: 1px solid #f4f3f7;
  text-transform: uppercase;
}
.kontakt .col-md-3, .kontakt .col-md-6, .kontakt .col-md-9 {
  padding: 0 15px;
}
.kontakt .button {
  margin: 0;
}
.error-page {
  text-align: center;
  padding: 120px 0;
}
.error-page h1 {
  font-size: 250px;
  color: #376496;
  margin: 0;
  font-weight: bold;
}
.error-page h2 {
  font-size: 48px;
  margin-top: 0;
  margin-bottom: 30px;
  font-weight: bold;
}

.prevent {
  display: none;
}
.loader {
  display: flex;
  flex: 1;
  height: 100%;
  align-items: center;
  background-color: white;
}
.sk-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@media only screen and (min-width: 992px) {
  .smaller.col-md-3 {
    width: 23.5%;
  }
  .smaller.col-md-9 {
    width: 73.5%;
  }
  .bigger.col-md-3 {
    width: 26.5%;
  }
}

.permission_popup {
  position: fixed;
  z-index: 100000;
  max-width: 400px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0,0,0, 0.2);
  padding: 20px 20px 20px 100px;
  text-align: right;
}
.permission_popup p {
  text-align: left;
}
.permission_popup figure {
  position: absolute;
  left: 20px;
  top: 20px;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background-color: #376496;
  text-align: center;
}
.permission_popup figure img {
  width: 40px;
  height: auto;
  margin-top: 16px;
}
.permission_popup button {
  background-color: #fff;
  padding: 10px 15px;
  text-transform: uppercase;
  color: #376496;
  border: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  border-radius: 5px;
}
.permission_popup button.permission_yes {
  background-color: #376496;
  color: #fff;
}
/*mobile detail*/
.mobile_detail {
  padding-top: 15px;
  padding-bottom: 15px;
  position: fixed;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  z-index: 1042;
  background-color: #fff;
  top: 0;
  opacity: 0;
  left: -100%;
  transition: all 0.2s;
}
.mobile_detail #commentsModal {
  background-color: rgba(0,0,0, 0.5)
}
.mobile_detail .news-detail-txt {
  border: none;
  padding: 0;
}
.mobile_detail .news-detail-txt img {
  max-width: 100%;
  height: auto;
}
.mobile_detail .comments-section {
  padding: 10px 10px 0 10px !important;
}
.mobile_detail .comments-section h2 {
  font-size: 14px !important;
  display:inline-block;
  font-weight:100;
}
.mobile_detail .comments-section .button {
  right: 10px !important;
  font-size: 13px !important;
  margin-left: 10px !important;
  /*padding: 5px 7px !important;
  top: 9px !important;*/
}
.mobile_detail_close {
  color: #376496 !important;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 20px;
  cursor: pointer;
}
.mobile_detail.active {
  display: block;
  left:0;
  opacity: 1;
}
body.no_scroll {
  overflow: hidden;
}

.notifications {
  margin-top: 20px;
  color: white;
}
.notifications a {
  padding: 5px 0;
  display: inline-block;
  background-color: transparent !important;
  border: none !important;
  color: #fff !important;
}
.notifications a i {
  margin-right: 5px;
}
/*************
MEDIA
*************/

/******
1199
******/

@media only screen and (max-width: 1199px) {
  .prevent {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 99999999;
  }
  .navigation {
    padding-left: 60px;
  }
  .navbar .lng-select, .navbar .social-media, .navbar .apk-available {
    padding-left: 5px;
  }
  .navbar .lng-select li, .navbar .social-media li, .navbar .apk-available li {
    padding: 0 3px;
  }
  .navbar li a {
    font-size: 11px;
  }
  .navbar-nav>li {
    padding-right: 11px;
  }
  .navbar-nav>li:before {
    width: 8px;
  }
  .navbar .lng-select li a {
    padding: 5px 3px;
  }
  .nav-tabs.news-tabs>li>a {
    padding: 10px;
  }
  .side-menu.fix {
    width: 218px;
  }
  .right-side-news .news-article-right-side img {
    position: relative;
    left: 0;
    width: 100%;
    margin-bottom: 10px
  }
  .right-side-news .news-article-right-side {
    padding: 15px;
  }
  .shows-article img {
    width: 100%;
  }
  .fixer.in {
    display: none!important;
  }
  video.video {
    height: 410px!important;
  }
  .error-page {
    padding: 120px 0;
  }
  .error-page h1 {
    font-size: 150px;
  }
  .error-page h2 {
    font-size: 36px;
  }
  .recent-news .image-size-fix img {
    height: 377px;
  }
  footer {
    margin-top: 30px;
    text-align: center;
  }
  footer .text-right {
    text-align: center;
    margin-top: 20px;
  }
  footer #toTop {
    margin: 10px auto 0;
    display: block;
  }
}
/******
991
******/

@media only screen and (max-width: 991px) {
  .google-auto-placed {
    overflow: hidden;
    max-width: 100%;
  }
  .navbar-nav>li {
    padding-right: 5px;
  }
  .navbar-nav>li:before {
    display: none;
  }
  .side-menu-content {
    display: none;
  }
  .side-menu-content.open {
    display: block;
  }
  .recent-news .news-txt {
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 10px;
  }
  .recent-news .col-md-6 .col-md-6 .news-txt h2 {
    font-size: 15px;
  }
  .recent-news .col-md-6 .col-md-6 .news-txt .date {
    font-size: 11px;
  }
  .side-menu.fix {
    position: relative;
    width: 100%;
    top: 0;
    animation: none!important;
  }
  .news-article .news-txt, .related-posts .news-article .news-txt, .shows-article, .schedule-right-side, .tv-shows-right-side, .most-comments-article .news-txt, .epg-section, .kontakt, .video-information {
    padding: 10px 15px;
  }
  .news-detail-txt, .comments-section, .video-detail-txt {
    padding: 15px 15px 0 15px;
  }
  .share-post .list-inline {
    position: relative;
    top: 0;
  }
  .share-post .list-inline li {
    margin: 10px 10px 0 0;
  }
  .share-post .list-inline li a {
    padding: 10px;
  }
  .share-post .list-inline li i {
    margin-right: 5px
  }
  .schedule-section .freq-item {
    width: 100%;
  }
  .epg-section .button {
    position: relative;
    right: 0;
    top: 0;
    margin-bottom: 0;
    margin-top: 20px;
  }
  .kontakt img {
    margin-bottom: 20px;
  }
  video.video {
    height: 280px!important;
    vertical-align: middle;
  }
  .related-posts .news-article img {
    width: 100%;
  }
  .recent-news .image-size-fix img {
    height: 291px;
  }
}
/******
767
******/

@media only screen and (max-width: 767px) {
  body {
    padding-top: 46px;
  }
  .mg-top-30 {
    margin-top: 10px;
  }
  .navigation {
    padding: 0;
  }
  .nav-logo {
    left: 15px;
    top: 11px;
  }
  .navbar-nav>li {
    padding: 5px 15px;
  }
  .navbar li a {
    font-size: 16px;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .navbar .lng-select {
    display: block;
    padding: 10px 0 20px 0;
  }
  .navbar .social-media, .navbar .apk-available {
    padding: 0;
  }
  .navbar .social-media li, .navbar .apk-available li {
    padding: 0 5px;
  }
  .navbar .lng-select li a {
    padding-left: 10px;
    padding-right: 10px;
  }
  .recent-news article {
    margin-bottom: 10px;
  }
  .recent-news article img {
    width: 100%;
  }
  .banner-280, .banner-300 {
    margin: 0 auto;
    margin-bottom: 10px;
  }
  .most-comments-article img {
    width: 100%;
  }
  .recent-news .news-txt h2 {
    font-size: 23px;
  }
  .epg-section h2 {
    font: 18px;
  }
  .news-article .news-txt h2 {
    font-size: 18px;
  }
  .recent-news .col-md-6 .col-md-6 .news-txt h2 {
    font-size: 17.5px;
  }
  .recent-news .col-md-6 .col-md-6 .news-txt .date {
    font-size: 12px;
  }
  .nav-tabs.news-tabs>li a:before {
    display: none;
  }
  footer .list-inline {
    padding-left: 20px;
  }
  .schedule-right-side ul li {
    min-height: 30px;
  }
  footer {
    text-align: center;
  }
  .news-detail-txt .title, .video-detail-txt h1 {
    font-size: 30px;
  }
  .comments-section .button {
    position: relative;
    right: 0;
    top: 0;
  }
  .comments-section .comment .comment {
    margin-left: 20px;
  }
  .comment .comment-txt .reply {
    top: 12px;
  }
  .modal-body img {
    margin-bottom: 20px;
  }
  .news-detail-txt .date {
    margin-top: 5px;
    display: block;
    font-size: 11px;
  }
  .news-detail-txt strong {
    font-size: 11px;
  }
  .news-detail-txt .txt strong {
    font-size: inherit;
  }
  .news-detail-img {
    padding: 0px 0 10px;
  }
  .schedule-section h2 {
    font-size: 18px;
  }
  .video img {
    width: 100%;
  }
  .video-overlay img {
    width: auto;
  }
  .video-information h2 img {
    display: block;
    margin-bottom: 10px;
  }
  .video-information h3 {
    position: relative;
    right: 0;
    top: 0;
    margin-top: 10px;
  }
  video.video {
    height: 210px!important;
  }
  .news-tabs-slider {
    padding: 0;
  }
  .comments-count {
    padding: 3px 8px;
    right: 5px;
    top: 0px;
    font-size: 12px;
    border-radius: 0;
  }
  .navbar .dropdown_content ul li a, .navbar .dropdown_content ul li a:hover,
  .navbar .dropdown_content h5 {
    color: #fff !important;
  }
  .navbar .dropdown_content ul li a {
    font-size: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .navbar .dropdown_content h5 {
    margin-top: 10px;
  }
  .navbar .dropdown_content {
    min-width: inherit;
    max-height: inherit;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  header {
    background-color: #376496;
    background-image: none;
  }
  .navbar-header {
    position: relative;
    z-index: 10;
    background-color: #376496;
    padding: 10px 0;
  }
  .navbar-collapse {
    padding-top: 50px;
    padding-bottom: 30px;
    background-color: #376496;
    display: block !important;
    left: -100%;
    width: 100% !important;
    height: 100% !important;
    transition: all 0.2s;
    position: fixed;
    top: 0;
    z-index: 9;
  }
  .navbar-collapse[aria-expanded="true"] {
    left: 0;
  }
  .navbar .navbar-toggle {
    float: none;
    display: block;
    margin-left: 5px;
    padding: 2px 10px;
  }
  .navbar {
    min-height: 45px;
  }
  .navbar-toggle .bottom-bar {
    margin-bottom: 0px;
  }
  .nav-logo {
    top: 9px;
    left: 44%;
    right: auto;
    margin: 0 auto;
  }
  .nav-logo img {
    height: 30px;
  }
  .news-article .news-reviews ul {
    position: relative;
    bottom: -2px;
  }
  .comment .comment-txt span {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .comment .comment-txt span i {
    margin-right: 5px;
  }
  .comment .comment-txt h3 {
    margin-bottom: 7px;
  }
  .share-post {
    padding: 0;
    margin-top: 0;
  }
  .comments-section h2 {
    margin-bottom: 15px;
  }
  .comments-section .button {
    margin-bottom: 15px;
  }
  .comment .comment-txt {
    padding: 15px 0px 15px 2px;
  }
  .comment .comment-txt img {
    height: 25px;
    top: 12px;
  }
  .comment .comment-txt p {
    font-size: 17px;
    margin-bottom: 0;
  }

  .comment-mobile {
    background:#ddd;
    color:#000 !important;
    padding:5px;
  }
  .comment .comment-txt h3 {
    padding-left: 28px;
    padding-right: 95px;
  }
  .share-post .list-inline {
    display: inline-block;
  }
  .share-post .list-inline li a {
    padding: 5px 7px;
    font-size: 12px;
  }
  .share-post .list-inline li i {
    padding-right: 0;
    border: none;
    margin-right: 3px;
  }
  .share-post .list-inline li {
    margin-right: 2px;
  }
  .share-post .list-inline li:last-child {
    margin-right: 0;
  }
  .news-detail-txt .title {
    margin-bottom: 10px;
  }
  .txt {
    margin-bottom: 15px;
  }
  .share-post h3 {
    font-size: 14px;
    padding-left: 6px;
    margin-right: 5px;
  }
  .mobile_detail .comments-section h2  {
    margin-bottom: 0 !important;
    top: 3px;
  }
  .error-page {
    padding: 80px 0;
  }
  .error-page h1 {
    font-size: 100px;
  }
  .error-page h2 {
    font-size: 30px;
  }
  .recent-news .image-size-fix img {
    height: inherit;
  }
  #radio_player, #player_button {
    display: inherit;
  }
  #radio_player {
    visibility: hidden;
  }
  #player_button {
    cursor: pointer;
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 15px;
    top: 10px;
    background-image: url('../images/radio_icon.svg');
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  #player_button.down {
    background-image: url('../images/pause_button.svg');
  }
  .recent-news .col-md-6 .col-md-6 article, .recent-news article {
    margin-bottom: 1px;
  }
  .recent-news .col-md-6 {
    padding: 0 0.5px;
  }
  .recent-news .col-md-6 .row {
    margin: 0 -0.5px;
  }
  .recent-news .container {
    overflow: hidden;
  }
  .recent-news .container>.row {
    margin: 0 -16px;
  }
  /*dark detail*/
  .mobile_detail, .mobile_detail .loader {
    background-color: #222;
  }
  .mobile_detail .sk-circle .sk-child:before {
    background-color: #fff
  }
  .mobile_detail .share-post h3,
  .mobile_detail .txt,
  .mobile_detail .comments-section h2,
  .mobile_detail .comment .comment-txt p,
  .mobile_detail .news-detail-txt .title,
  .mobile_detail .comment .comment-txt h3,
  .mobile_detail .news-detail-txt {
    color: #fff;
  }
  .mobile_detail .comment .comment-txt h3 {
    padding-left: 0;
  }
  .mobile_detail .news-detail-txt,
  .mobile_detail .comments-section {
    background-color: transparent;
  }
  .mobile_detail .comment .comment-txt img {
    display: none;
  }
  .mobile_detail .news-detail-txt strong,
  .mobile_detail .news-detail-txt .date,
  .mobile_detail .comment .comment-txt span {
    color: lightgray;
  }
  .mobile_detail .comments-section {
    border: 1px solid #444;
  }
  .mobile_detail .comments-section .comment {
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
  }
  .mobile_detail .comments-section h2 span {
    color: #555;
  }
  /* end darkmode */
  .nav-tabs.news-tabs>li>a {
    margin: 0 5px;
  }
  .nav-tabs.news-tabs.news-tabs-slider li a {
    padding: 10px 5px 3px;
    font-size:12px;
  }
  .comment .comment-txt h3 {
    padding-right: 115px;
  }
}
.banner-mobile {
  width: 100px;
  max-height: 30px;
  position: absolute;
  top: 8px;
}
.banner-mobile-left {
  left: 58px;
  padding:3px; 
}
.banner-mobile-right {
  right: 58px;
}