.m-0 {
    margin: 0 !important
  }
  
  .mt-0 {
    margin-top: 0 !important
  }
  
  .mt-2,
  .my-2 {
    margin-top: .5rem !important
  }
  
  .mx-2 {
    margin-right: .5rem !important
  }
  
  .mb-2,
  .my-2 {
    margin-bottom: .5rem !important
  }
  
  .mx-2 {
    margin-left: .5rem !important
  }
  
  .mt-3 {
    margin-top: 1rem !important
  }
  
  .mt-4 {
    margin-top: 1.5rem !important
  }
  
  .mt-5 {
    margin-top: 3rem !important
  }
  .mr-0{
      margin-right: 0 !important;
  }
  .pr-0,
  .px-0 {
    padding-right: 0 !important
  }
  
  .pl-0,
  .px-0 {
    padding-left: 0 !important
  }
  
  .pt-2 {
    padding-top: .5rem !important
  }
  
  .pb-2 {
    padding-bottom: .5rem !important
  }
  
  .p-3 {
    padding: 1rem !important
  }
  
  .pt-4 {
    padding-top: 1.5rem !important
  }
  
  .text-center {
    text-align: center !important
  }
  
  .text-uppercase {
    text-transform: uppercase !important
  }
  
  html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
  }
  
  body {
    margin: 0
  }
  
  aside,
  figcaption,
  figure,
  header,
  main,
  nav,
  section {
    display: block
  }
  
  a {
    background-color: transparent
  }
  
  img {
    border: 0
  }
  
  figure {
    margin: 1em 40px
  }
  
  button,
  input {
    margin: 0;
    font: inherit;
    color: inherit
  }
  
  button {
    overflow: visible
  }
  
  button {
    text-transform: none
  }
  
  button {
    -webkit-appearance: button
  }
  
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    padding: 0;
    border: 0
  }
  
  input {
    line-height: normal
  }
  
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
  
  :before,
  :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
  
  html {
    font-size: 10px
  }
  
  body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff
  }
  
  input,
  button {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
  }
  
  a {
    color: #337ab7;
    text-decoration: none
  }
  
  figure {
    margin: 0
  }
  
  img {
    vertical-align: middle
  }
  
  .img-responsive {
    display: block;
    max-width: 100%;
    height: auto
  }
  
  .position-relative{
    position: relative;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
  }
  
  h2,
  h4 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
  }
  
  h2 {
    margin-top: 20px;
    margin-bottom: 10px
  }
  
  h4 {
    margin-top: 10px;
    margin-bottom: 10px
  }
  
  h2 {
    font-size: 30px
  }
  
  h4 {
    font-size: 18px
  }
  
  p {
    margin: 0 0 10px
  }
  
  .small {
    font-size: 85%
  }
  
  .text-center {
    text-align: center
  }
  
  .text-uppercase {
    text-transform: uppercase
  }
  .f-20{
    font-size: 20px !important;
  }
  .f-16{
    font-size: 16px !important;
  }
  .f-12{
    font-size: 12px !important;
    line-height: 1.4 !important;
    padding-bottom: 10px;
  }
  ul {
    margin-top: 0;
    margin-bottom: 10px
  }
  
  blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
  }
  
  .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
  }
  
  @media (min-width:768px) {
    .container {
      width: 675px;
    }
    [data-category-section="show"] {
        margin-top: 20px;
    }
    .main-wrapper {
        margin-top: 100px !important;
    }
  }
  
  @media (min-width:992px) {
    .container {
      width: 930px;
    }
  }
  
  @media (min-width:1200px) {
    .container {
      width: 1200px;
    }
    [data-category-section="show"] {
        margin-top: 10px;
    }
    .main-wrapper {
        margin-top: 150px !important;
    }
  }
  
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
  }
  
  .row {
    margin-right: -15px;
    margin-left: -15px
  }
  
  .col-xs-3,
  .col-md-3,
  .col-lg-3,
  .col-xs-4,
  .col-sm-4,
  .col-md-4,
  .col-sm-5,
  .col-md-5,
  .col-lg-5,
  .col-sm-6,
  .col-md-6,
  .col-sm-7,
  .col-md-7,
  .col-lg-7,
  .col-xs-8,
  .col-md-8,
  .col-xs-9,
  .col-md-9,
  .col-lg-9,
  .col-xs-12,
  .col-sm-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
  }
  
  .col-xs-3,
  .col-xs-4,
  .col-xs-8,
  .col-xs-9,
  .col-xs-12 {
    float: left
  }
  
  .col-xs-12 {
    width: 100%
  }
  
  .col-xs-9 {
    width: 75%
  }
  
  .col-xs-8 {
    width: 66.66666667%
  }
  
  .col-xs-4 {
    width: 33.33333333%
  }
  
  .col-xs-3 {
    width: 25%
  }
  
  @media (min-width:768px) {
  
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-12 {
      float: left
    }
  
    .col-sm-12 {
      width: 100%
    }
  
    .col-sm-7 {
      width: 58.33333333%
    }
  
    .col-sm-6 {
      width: 50%
    }
  
    .col-sm-5 {
      width: 41.66666667%
    }
  
    .col-sm-4 {
      width: 33.33333333%
    }
  }
  
  @media (min-width:992px) {
  
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
      float: left
    }
  
    .col-md-9 {
      width: 75%
    }
  
    .col-md-8 {
      width: 66.66666667%
    }
  
    .col-md-7 {
      width: 58.33333333%
    }
  
    .col-md-6 {
      width: 50%
    }
  
    .col-md-5 {
      width: 41.66666667%
    }
  
    .col-md-4 {
      width: 33.33333333%
    }
  
    .col-md-3 {
      width: 25%
    }
  }
  
  @media (min-width:1200px) {
  
    .col-lg-3,
    .col-lg-5,
    .col-lg-7,
    .col-lg-9 {
      float: left
    }
  
    .col-lg-9 {
      width: 75%
    }
  
    .col-lg-7 {
      width: 58.33333333%
    }
  
    .col-lg-5 {
      width: 41.66666667%
    }
  
    .col-lg-3 {
      width: 25%
    }
  }
  
  .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
  }
  
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1
  }
  
  .form-control:-ms-input-placeholder {
    color: #999
  }
  
  .form-control::-webkit-input-placeholder {
    color: #999
  }
  
  .form-group {
    margin-bottom: 15px
  }
  
  .collapse {
    display: none;
    visibility: hidden
  }
  
  .navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
  }
  
  @media (min-width:768px) {
    .navbar {
      border-radius: 4px
    }
  }
  
  @media (min-width:768px) {
    .navbar-header {
      float: left
    }
  }
  
  .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
  }
  
  @media (min-width:768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      -webkit-box-shadow: none;
      box-shadow: none
    }
  
    .navbar-collapse.collapse {
      display: block !important;
      height: auto !important;
      padding-bottom: 0;
      overflow: visible !important;
      visibility: visible !important
    }
  
    .navbar-fixed-top .navbar-collapse {
      padding-right: 0;
      padding-left: 0
    }
  }
  
  .navbar-fixed-top .navbar-collapse {
    max-height: 340px
  }
  
  @media (max-device-width:480px) and (orientation:landscape) {
    .navbar-fixed-top .navbar-collapse {
      max-height: 200px
    }
  }
  
  .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
  }
  
  @media (min-width:768px) {
    .navbar-fixed-top {
      border-radius: 0
    }
  }
  
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
  }
  
  .navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px
  }
  
  .navbar-brand>img {
    display: block
  }
  
  .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
  }
  
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
  }
  
  .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
  }
  
  @media (min-width:768px) {
    .navbar-toggle {
      display: none
    }
  }
  
  .navbar-inverse {
    background-color: #222;
    border-color: #080808
  }
  
  .navbar-inverse .navbar-brand {
    color: #9d9d9d
  }
  
  .navbar-inverse .navbar-toggle {
    border-color: #000
  }
  
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
  }
  
  .navbar-inverse .navbar-collapse {
    border-color: #101010
  }
  
  .clearfix:before,
  .clearfix:after,
  .container:before,
  .container:after,
  .container-fluid:before,
  .container-fluid:after,
  .row:before,
  .row:after,
  .navbar:before,
  .navbar:after,
  .navbar-header:before,
  .navbar-header:after,
  .navbar-collapse:before,
  .navbar-collapse:after {
    display: table;
    content: " "
  }
  
  .clearfix:after,
  .container:after,
  .container-fluid:after,
  .row:after,
  .navbar:after,
  .navbar-header:after,
  .navbar-collapse:after {
    clear: both
  }
  
  .d-flex{
    display: flex !important;
  }
  
  .hidden {
    display: none !important;
    visibility: hidden !important
  }
  
  @-ms-viewport {
    width: device-width
  }
  
  @media (max-width:767px) {
    .hidden-xs {
      display: none !important
    }
  }
  
  @media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
      display: none !important
    }
  }
  
  @media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
      display: none !important
    }
  }
  
  @media (min-width:1200px) {
    .hidden-lg {
      display: none !important
    }
  }
  
  @import url('https://fonts.googleapis.com/css?family=Roboto:400,500');
  /* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap'); */

  
  @font-face {
    font-family: proregular;
    font-display: swap;
    src: local('sans-serif'), url('/static/fonts/Roboto-Regular.ttf')
  }
  
  @font-face {
    font-family: heading-regular;
    font-display: swap;
    src: local('sans-serif'), url('/static/fonts/Roboto-Regular.ttf')
  }
  
  @font-face {
    font-family: 'fontawesome';
    font-display: swap;
    src: url('/static/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('/static/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/static/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/static/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/static/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/static/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
  }

/* Montserrat-Bold */
  @font-face {
    font-family: MontserratBold;
    font-display: swap;
    src: local('sans-serif'), url('/static/fonts/Montserrat-Bold.ttf')
  }
  
  @font-face {
    font-family: MontserratMedium;
    font-display: swap;
    src: local('sans-serif'), url('/static/fonts/Montserrat-Medium.ttf')
  }

  @font-face {
      font-family: MontserratSemibold;
      font-display: swap;
      src: local('sans-serif'), url('/static/fonts/Montserrat-SemiBold.ttf')
  }
  
  * {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box
  }
  
  p {
    font-size: 1em
  }
  
  body {
    font-size: 20px;
    margin: 0px;
    padding: 0px;
    font-family: MontserratMedium, Helvetica, sans-serif;
    font-kerning: normal;
    font-size-adjust: 0.55
  }
  
  img {
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%
  }
  
  h2,
  h4 {
    font-family: MontserratMedium, sans-serif;
    letter-spacing: .4px;
    line-height: 2rem;
    padding: 0px
  }
  
  .no-padding {
    padding-left: 0px !important;
    padding-right: 0px !important
  }
  
  .no-padding-left {
    padding-left: 0px !important
  }
  
  .fa-angle-right:after {
    content: "\f105"
  }
  
  .fa {
    font-family: 'fontawesome';
    display: inline-block;
    font-style: normal
  }
  
  .fa-angle-left:after {
    content: "\f104"
  }
  
  .text {
    color: #000;
    font-size: 12px;
    line-height: 18px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    letter-spacing: .04rem;
    font-family: MontserratMedium;
  }
  
  .home-time .time {
    color: #afafaf;
    font-weight: 600;
    display: none
  }
  
  .text.small,
  figcaption p,
  .content p {
    font-size: 12px;
    padding-right: .5rem;
    margin-top: 0rem;
    color: #555555;
    line-height: 1.4
  }
  
  .title,
  .content .title {
    color: #000;
    font-size: 12px;
    margin-bottom: .5rem;
    letter-spacing: .04rem;
    margin-top: 0rem;
    font-family: MontserratMedium;
    font-weight: 500
  }
  
  .title.large {
    font-size: 2.1rem;
    line-height: 1.4
  }
  
  .title.small {
    letter-spacing: 0;
    color: #1d1d1d;
    font-size: 1.488rem;
    font-weight: 500;
    margin-top: 0
  }
  
  .border {
    border: 1px solid #dadada;
  }
  
  .section-gap {
    margin-top: 1rem;
  }
  
  .section-gap1 {
    margin-top: 1.1rem;
  }
  
  .time {
    font-size: 1.1rem;
    line-height: 1em;
    margin-top: 1rem;
    margin-bottom: 0
  }
  
  .time.small {
    font-size: .589em
  }
  
  .time>.time-red {
    text-transform: none
  }
  
  .time-red {
    color: #ec5150;
    text-decoration: none !important
  }
  
  .time-gray {
    color: #6f6f6f;
    text-decoration: none !important
  }
  
  .card {
    background-color: #fff;
    padding: 1.5rem .5rem;
    width: 100%;
    box-shadow: 0px 0px 2px 2px rgb(230, 230, 230)
  }
  
  .figure-wrapper .figure:not(.no-box) {
    /* box-shadow: 0px 0px 2px 2px rgb(230, 230, 230);
    height: 100%; */
    box-shadow: none;
    height: auto;
  }
  
  .figure-wrapper .figure .bottom {
    position: relative;
    padding-bottom: 1.2rem;
    margin-bottom: .5rem
  }
  
  .figure-wrapper .figure .bottom:after {
    content: "";
    border-bottom: 1px solid #dedede;
    padding-bottom: 1rem;
    margin-bottom: .4rem;
    position: absolute;
    left: 1.2rem;
    right: 1.2rem;
    bottom: 0
  }
  
  .figure-wrapper .slider-top-news .figure figcaption{
    border: none;
  }
  
  .figure-wrapper .figure figcaption {
    padding: 1rem 0;
    border-bottom: 1px dotted #686868;
  }
.figure-wrapper .figure figcaption h2,
.category-31 .top-cat-block .bottom.figure .title, 
.editor-block .top-cat-block .bottom.figure .title{
  height: 5.7rem;
}
.tab-teaser h2{
  height: 6rem;
}
.h-5{
  height: 5rem !important;
}
  .figure-wrapper .figure figcaption h2.border-right-dotted{
    /* border-right: 1px dotted #686868; */
  }
  .category-card {
    background-color: #fff;
    position: relative;
    margin-bottom: 1.9rem;
    border-bottom: 1.9px solid #34a2f1
  }
  
  .category-card .cat-title,
  .category-1 .card .card-title {
    margin: 0
  }
  
  .category-card .cat-title .inner-block,
  .category-1 .card .card-title .inner-block {
    position: relative;
    display: inline-block;
    background-color: #34a2f1;
    padding: 0.7rem 1.5rem .5rem;
    text-transform: uppercase;
    font-size: 1.35rem;
    font-weight: 600;
    color: #fff
  }
  
  .category-card .cat-title .view-more {
    position: relative;
    background-color: transparent;
    color: #fff;
    display: inline-block;
    padding: 0.2rem 1.5rem;
    text-transform: uppercase;
    font-size: 1.16rem;
    font-weight: 600;
    right: 0;
    z-index: 9;
    float: right;
    margin-right: 0;
    margin-top: .7rem
  }
  
  .category-card .cat-title .view-more.action-arrow {
    background-color: transparent;
    padding: 0;
    margin: 0
  }
  
  .category-card .cat-title .view-more.action-arrow:before {
    display: none
  }
  
  .category-card .cat-title .view-more.action-arrow i.fa.fa-angle-left,
  .category-card .cat-title .view-more.action-arrow i.fa.fa-angle-right {
    height: 2.4rem;
    width: 2.4rem;
    margin-right: 1.2rem;
    text-align: center;
    line-height: 1.5;
    border-radius: 50%;
    text-align: center;
    position: relative;
    font-size: 1.6rem;
    color: #3a3a3a;
    border: 1px solid #dadada
  }
  
  .category-card .cat-title .view-more.action-arrow i.fa.fa-angle-left:after {
    position: absolute;
    left: -4px;
    top: -1px;
    right: 0;
    bottom: 0
  }
  
  .category-card .cat-title .view-more.action-arrow i.fa.fa-angle-right:after {
    position: absolute;
    right: 8px;
    top: -2px;
    bottom: 0;
    left: auto
  }
  
  .category-card .cat-title .view-more.action-arrow i.fa.fa-angle-right {
    margin-right: 0
  }
  
  .category-card .cat-title .view-more.action-arrow i.fa.fa-angle-right.active {
    background-color: #3fa79e;
    color: #fff
  }
  
  .category-card .cat-title .view-more:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #34a2f1;
    transform: skewX(22deg);
    z-index: -9
  }
  
  /* .category-1 .category-card .cat-title .view-more:before {
    background-color: #3ba79e
  }
  
  .category-1 .category-card .cat-title .inner-block,
  .category-1 .card .card-title .inner-block {
    background-color: #3ba79e
  }
  
  .category-1 .category-card {
    border-color: #3ba79e
  }
  
  .category-1 .category-card .cat-title .inner-block.section-cut-style:after,
  .category-1 .card .card-title .inner-block.section-cut-style:after {
    border-color: #3ba79e
  } */
  .category-block .category-card .cat-title .view-more{
    color: #e21010;
    font-size: 14px;
    font-family: MontserratSemibold;
  }
  .category-block .category-card .cat-title .view-more:before {
    background-color: #fff !important;
    content: "\f105";
    font-family: fontawesome;
    font-size: 18px;
    transform: none;
    left: auto;
  
  }
  .d-flex{
    display: flex;
  }
  .align-items-center{
    align-items: center;
  }
  .category-block .category-card .cat-title .inner-block {
    background-color: #fff;
    color: #000;
    padding: 0 50px 5px 0;
    font-size: 20px;
    font-family: MontserratBold;
  }
  
  .category-block .category-card {
    border-color: #c5c5c5;
    border-width: 2px;
  }
  
  .category-block .category-card .cat-title .inner-block.section-cut-style:after {
      border-top: none;
      border-right: none;
      border-left: none;
      border-bottom: 5px solid #e0191b;
      right: 0;
      left: 0;
      bottom: -2px;
  }
  
  .category-11.category-block .category-card .cat-title .inner-block{
    padding: 0 40px 7px 0;
    font-size: 19px;
  }
  
  .category-11.category-block .category-card .cat-title .inner-block.section-cut-style:after{
    border-bottom: 5px solid #3ba79e;
  }
  .category-31.category-block .category-card .cat-title .inner-block.section-cut-style:after{
    border-bottom: 5px solid #33a3f1;
  }
  .category-41.category-block .category-card .cat-title .inner-block.section-cut-style:after{
    border-bottom: 5px solid #56c8be;
  }
  .category-51.category-block .category-card .cat-title .inner-block.section-cut-style:after{
    border-bottom: 5px solid #189f42;
  }
  .category-61.category-block .category-card .cat-title .inner-block.section-cut-style:after{
    border-bottom: 5px solid #6e2aae;
  }
  .category-71.category-block .category-card .cat-title .inner-block.section-cut-style:after{
    border-bottom: 5px solid #5cabe2;
  }
  .category-81.category-block .category-card .cat-title .inner-block.section-cut-style:after{
    border-bottom: 5px solid #6e2aae;
  }
  
  /* .category-3 .category-card .cat-title .view-more:before {
    background-color: #33a3f1
  }
  
  .category-3 .category-card .cat-title .inner-block {
    background-color: #33a3f1
  }
  
  .category-3 .category-card {
    border-color: #33a3f1
  }
  
  .category-3 .category-card .cat-title .inner-block.section-cut-style:after {
    border-color: #33a3f1
  }
  
  .category-4 .category-card .cat-title .view-more:before {
    background-color: #5cabe2
  }
  
  .category-4 .category-card .cat-title .inner-block {
    background-color: #5cabe2
  }
  
  .category-4 .category-card {
    border-color: #5cabe2
  }
  
  .category-4 .category-card .cat-title .inner-block.section-cut-style:after {
    border-color: #5cabe2
  }
  
  .category-5 .category-card .cat-title .view-more:before {
    background-color: #189f42
  }
  
  .category-5 .category-card .cat-title .inner-block {
    background-color: #189f42
  }
  
  .category-5 .category-card {
    border-color: #189f42
  }
  
  .category-5 .category-card .cat-title .inner-block.section-cut-style:after {
    border-color: #189f42
  }
  
  .category-6 .category-card .cat-title .view-more:before {
    background-color: #6e2aae
  }
  
  .category-6 .category-card .cat-title .inner-block {
    background-color: #6e2aae
  }
  
  .category-6 .category-card {
    border-color: #6e2aae
  }
  
  .category-6 .category-card .cat-title .inner-block.section-cut-style:after {
    border-color: #6e2aae
  }
  
  .category-7 .category-card .cat-title .view-more:before {
    background-color: #e0191b
  }
  
  .category-7 .category-card .cat-title .inner-block {
    background-color: #e0191b
  }
  
  .category-7 .category-card {
    border-color: #e0191b
  }
  
  .category-7 .category-card .cat-title .inner-block.section-cut-style:after {
    border-color: #e0191b
  }
  
  .category-8 .category-card .cat-title .inner-block {
    background-color: #56c8be
  }
  
  .category-8 .category-card {
    border-color: #56c8be
  }
  
  .category-8 .category-card .cat-title .inner-block.section-cut-style:after {
    border-color: #56c8be
  } */
  
  .card .card-header {
    margin: -1.5rem -1.5rem 1.5rem;
    box-shadow: 1px 1px 1px 1px rgba(222, 222, 222, 0.87)
  }
  
  .card .inner-card-wrap {
    /* box-shadow: 0px 0px 1px 1px #dedede */
  }
  
  .card .inner-card-wrap .content {
    padding: 0 1.5rem;
    padding-bottom: 1.3rem
  }
  
  .card .inner-card-wrap .content .time {
    line-height: 1rem
  }
  
  .card .inner-card-wrap .video-block .embed-responsive-item {
    width: 100%;
    height: 34rem;
    border: none;
  }
  
  .backdrop {
    position: fixed;
    background: rgba(0, 0, 0, 0.66);
    width: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 12;
    display: none;
    visibility: hidden
  }
  
  .main-wrapper {
    padding-bottom: 6rem;
  }
  
  .img-responsive {
    width: 100%
  }
  
  .social-share {
    list-style-type: none;
    display: inline-block;
    margin-top: .5rem;
    padding-top: 2rem
  }
  
  .social-share li {
    display: inline-block
  }
  
  .social-share li a {
    display: inline-block;
    font-size: 16px;
    color: #5a5a5a;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    text-align: center;
    padding-top: 2px;
    color: #fff;
    position: relative
  }
  
  .social-share li a:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
  }
  
  .search-icon:before {
    content: "\f002";
    font-family: fontawesome;
    font-size: .789em;
    color: #4e575d
  }
  
  .social-share li:first-child {
    margin-left: 0px
  }
  
  .social-share a {
    display: inline-block
  }
  
  .social-share .facebook a {
    background: #3b5998;
    border-color: #3b5998 !important
  }
  
  .social-share .facebook a:before {
    content: "\f09a";
    font-family: fontawesome
  }
  
  .social-share .google-plus a {
    background: #dd4b39;
    border-color: #dd4b39 !important
  }
  
  .social-share .google-plus a:before {
    font-family: fontawesome;
    content: "\f0d5"
  }
  
  .rss-feed a {
    background: #f7931a;
    border-color: #f7931a !important
  }
  
  .rss-feed a:before {
    content: "\f09e";
    font-family: fontawesome;
    color: #fff
  }
  
  .social-share .twitter a {
    background: #1da1f2;
    border-color: #1da1f2 !important
  }
  
  .social-share .twitter a:before {
    font-family: fontawesome;
    content: "\f099"
  }
  
  .social-share .you-tube a {
    background: #cd201f;
    border-color: #cd201f !important
  }
  
  .social-share .you-tube a:before {
    font-family: fontawesome;
    content: "\f16a"
  }
  
  .home-icon:before {
    content: "\f015";
    font-family: fontawesome;
    font-size: 1.4em;
    line-height: 1rem;
    margin-top: 1rem;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 7px
  }
  
  .green {
    color: #41c5a6
  }
  
  .search-box {
    position: fixed;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0;
    width: 0%;
    height: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    margin: 0px auto;
    z-index: -31
  }
  
  .search-box>.search-inner-box .form-group {
    display: -webkit-flex;
    text-align: center;
    align-items: center;
    vertical-align: -webkit-baseline-middle;
    position: relative;
    padding-top: 30%
  }
  
  .search-box>.search-inner-box .form-group .form-control {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    font-size: 1.278em;
    padding: 1rem;
    height: auto;
    padding-left: 2rem
  }
  
  .search-box>.search-inner-box .form-group .search-icon {
    position: absolute;
    left: -2rem;
    right: 0px;
    width: 106%;
    height: 1px;
    bottom: 0px;
    background: #fff
  }
  
  .search-box>.search-inner-box .form-group .search-icon:before {
    position: absolute;
    color: #fff;
    left: 0;
    font-size: 1.1em;
    transform: rotate(90deg);
    top: -4rem;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
  }
  
  .search-box>.search-inner-box .form-group .form-control+.search-icon:after {
    content: "";
    position: absolute;
    background: #33a2f1;
    width: 0%;
    height: 2px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    bottom: 0
  }
  
  .search-box>.search-inner-box .form-group .close-btn {
    position: absolute;
    right: -1.5rem;
    bottom: 16px
  }
  
  .close-btn .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
  }
  
  .close-btn .icon-bar:nth-child(4) {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
    -o-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    width: 22px
  }
  
  .close-btn .icon-bar:nth-child(3) {
    display: none
  }
  
  .close-btn .icon-bar:nth-child(2) {
    margin-top: 12px;
    -webkit-transform: translate3d(0, -8px, 0) rotate(45deg);
    -moz-transform: translate3d(0, -8px, 0) rotate(45deg);
    -o-transform: translate3d(0, -8px, 0) rotate(45deg);
    transform: translate3d(0, -8px, 0) rotate(45deg);
    width: 22px
  }
  
  .search-box>.search-inner-box .form-group .close-btn>.icon-bar {
    background: #fff
  }
  
  header .navbar {
    margin-bottom: 0;
    border-radius: 0;
    background: #080808
  }
  
  header .navbar-inverse .navbar-collapse {
    border-color: transparent;
    clear: both;
    background: #ffffff
  }
  
  header .navbar-header {
    width: 100%;
    clear: both;
    padding: 1rem 0
  }
  
  header .navbar-brand {
    height: auto;
    float: none;
    display: block;
    padding: 0
  }
  
  header .navbar-brand .img-responsive {
    height: 82px;
    object-fit: contain;
    padding-top: 1rem
  }
  
  header .bottom-header-block .menu {
    margin-bottom: 0;
    list-style-type: none
  }
  
  ul.menu {
    text-align: left;
    padding-left: 15px;
    list-style-type: none
  }
  
  div#navbar div.col-xs-12 {
    padding-left: 0px;
    padding-right: 0px
  }
  
  header .bottom-header-block .menu .elem {
    display: inline-block;
    font-size: 1.453rem;
    margin-top: 0rem;
    color: #4e575d;
    line-height: 1.9rem;
    letter-spacing: .01rem;
    text-align: center;
    border-left: 1px solid #e2e2e2;
    padding: 0% .8rem
  }
  
  header .bottom-header-block .menu .elem a {
    color: #3d3d3d;
    padding: 1rem 0.1rem;
    display: inline-block;
    text-decoration: none;
    font-family: MontserratMedium;
    font-weight: 600
  }
  header .bottom-header-block .menu .elem a.home-icons{
    padding: 0.1rem 0.1rem;
  }
header .bottom-header-block .menu .elem a.home-icons img{
    border-radius: 50%;
}
  header .bottom-header-block .menu .elem.home {
    width: 2.6%;
    border: 0;
    position: relative;
    padding: 0 0px 0 0;
  }
  
  header .bottom-header-block .menu li:nth-last-child(2) {
    border-right: 1px solid #e2e2e2
  }
  
  header .bottom-header-block .menu .elem:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 0%;
    left: 0;
    top: 0rem;
    right: 0;
    margin: 0px auto
  }
  
  header .bottom-header-block .menu .elem:nth-child(odd):before {
    background: #19ba9b
  }
  
  header .bottom-header-block .menu .elem:nth-child(1):before {
    display: none
  }
  
  header .navbar-header .extra-info-header .elem {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    vertical-align: top
  }
  
  header .navbar-header .extra-info-header .elem.time span {
    font-size: 9px;
    display: inline-block;
    position: relative;
    top: -2px;
    padding: 0px .3rem
  }
  
  header .navbar-header .extra-info-header {
    list-style-type: none;
    padding-top: 2.38rem;
    clear: both
  }
  
  header .navbar-inverse {
    background-color: #080808;
    border: 0;
    box-shadow: 0px 1px 3px 2px rgb(232, 232, 232);
    background-image: url(/static/img/header-bg.jpg);
    background-repeat: repeat
  }
  
  header .navbar-header .extra-info-header .elem img {
    width: 150px;
    height: 37px;
    object-fit: contain
  }
  
  header nav.navbar .navbar-toggle.navbar-toggle-button {
    border: 0px;
    margin-right: 0px;
    position: relative;
    background: none;
    top: 8px;
    float: left
  }
  
  header .navbar-toggle .icon-bar,
  .close-btn>.icon-bar {
    background: #838383
  }
  
  header .bottom-header-block .menu .search {
    display: inline-block;
    padding-left: 1rem
  }
  
  header .navbar-header .menu.menu-search .search .search-icon:before {
    padding: 2rem;
    top: 10px;
    position: relative;
    font-size: 1.3em;
    left: 0px;
    color: #fff
  }
  
  header .navbar-header .social-share {
    padding-top: 1.5rem;
    margin-bottom: 1px
  }
  
  header .navbar-header .social-share-block .extra-info-header {
    padding-top: 0;
    margin-bottom: 0
  }
  
  header .navbar-header .social-share li {
    font-size: 14px;
    padding-top: 3px;
    margin-right: 10px;
    margin-left: 0
  }
  
  header nav.navbar.navbar-fixed-top .navbar-collapse.side-menu.collapse .logo-fixed {
    position: absolute;
    top: 19px;
    right: 16px;
    display: none
  }
  
  header nav.navbar.navbar-fixed-top .navbar-collapse.side-menu.collapse .logo-fixed .img-responsive {
    width: 51vw
  }
  
  header .bottom-header-block .menu li:nth-last-child(2),
  header .bottom-header-block .menu li:nth-last-child(2) a {
    color: #fff
  }

.cat-title .section-cut-style:before{
    border-top: none;

}
  
  /* .section-cut-style:before {
    content: "";
    position: absolute;
    border-bottom: 15px solid rgba(255, 255, 255, 0);
    left: auto;
    border-top: 17px solid #fff;
    bottom: auto;
    top: 0;
    right: -3.3rem;
    z-index: 9;
    border-right: 16px solid #fff;
    border-left: 17px solid rgba(255, 255, 255, 0)
  } */
  
  .section-cut-style:after {
    content: "";
    border-top: 15px solid #35a2f1;
    border-right: 12px solid #35a2f1;
    border-left: 20px solid #35a2f1;
    border-bottom: 15px solid #35a2f1;
    position: absolute;
    right: -3.1rem;
    bottom: 0
  }
  
  .home-page .category-block .top-cat-block .text.small {
    margin-bottom: 0
  }
  
  .home-page .category-block .top-cat-block {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    /* display: -webkit-box;
    display: -ms-flexbox; */
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    height: 100%
  }
  
  .home-page .category-block .top-cat-block .col-sm-4 {
    -webkit-box-flex: 33%;
    -ms-flex: 33%;
    flex: 33%
  }
  
  .home-page .category-block .top-cat-block .time {
    margin-top: 1.4rem
  }
  .home-page .featured-video-block .card{
    background-color: #000;
    border-radius: 10px;
  }
  .home-page .featured-video-block .card .inner-card-wrap{
    box-shadow: none;
    border: none;
  }
  .home-page .featured-video-block .card .inner-card-wrap .content{
    padding: 0rem;
  }
  .home-page .featured-video-block .featured-video-right-block .inner-card-wrap {
    margin-bottom: 1.5rem;
    min-height: 95%;
    box-shadow: none;
    border: none;
  }
  
  .home-page .featured-video-block .featured-video-right-block [data-video-url] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 49.333333%;
    max-width: 59.333333%
  }
  
  .home-page .featured-video-block .featured-video-right-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .home-page .featured-video-block .card .inner-card-wrap .content h2, .home-page .featured-video-block .card .inner-card-wrap .content h2:hover{
    color: #fff;
  }
.home-page .featured-video-block .card .inner-card-wrap .content h2.title.large{
    font-size: 20px;
    font-family: 'MontserratBold';
}
  .home-page .featured-video-block .featured-video-right-block .inner-card-wrap .title.small {
    font-size: 14px;
    color: #fff;
    font-family: MontserratSemibold;
    height: 6rem;
  }
  
  .home-page .side-content .card-header .card-title {
    margin: 0;
    border-bottom: 2px solid #3fa79e
  }
  
  .home-page .section-gap {
    display: inline-block
  }
  
  
  
  
  .time>.time-red {
    line-height: 14px
  }
  
  .ticker {
    text-transform: uppercase;
    color: #5cb3f5
  }
  
  .side-content .card {
    padding: 1.5rem 1rem
  }
  
  header .navbar-header .extra-info-header .elem.time {
    margin-top: 0.7em
  }
  
  .featured-block .img-container,
  .editor-block .img-container {
    margin-bottom: 10px
  }
  
  section.for-mobile.twitter-feed {
    height: 100vh;
    overflow: hidden;
    overflow-y: scroll
  }
  
  .ad-section a {
    margin: 0 0 10px;
    display: block
  }
  
  .home-page .section-gap.ad-gap {
    width: 100%
  }
  
  li.search {
    list-style: none
  }
  
  #gif {
    display: none;
    position: absolute;
    top: 55%;
    left: 0;
    right: 0;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    z-index: 9999;
    text-align: center
  }
  
  div#gif {
    display: none
  }
  
  @media only screen and (max-width:767px) {
    .search-box>.search-inner-box .form-group .form-control {
      font-size: 1em;
      padding-left: 1rem
    }
  
    .new-img-block img {
      margin-bottom: 10px
    }
    .topics-col{
      display: block;
    }
    #gif {
      top: 20.5%;
      width: 30px;
      height: 30px
    }
  }
  
  .avtaar-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-block;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
  }
  
  .home-page .category-block .bottom-cat-block.avtaar-wrapper .avtaar-list,
  .home-page .section-gap.category-6 .avtaar-list {
    -webkit-box-flex: 33%;
    -ms-flex: 33%;
    flex: 33%
  }
  
  .avtaar-wrapper .avtaar-list {
    margin-bottom: 1.6rem;
    position: relative;
    padding-bottom: 1.2rem;
    min-height: 84px
  }
  
  .avtaar-wrapper .avtaar-list:before {
    content: "";
    border-bottom: 1px dotted #686868;
    padding-bottom: 1.3rem;
    position: absolute;
    left: 1.2rem;
    right: 0;
    bottom: 0
  }
  
  .cat-content-block .avtaar-wrapper .avtaar-list:before {
    width: 95%
  }
  
  .top-news-block .avtaar-wrapper .avtaar-list:before {
    left: 0
  }
  
  .avtaar-wrapper .avtaar-list:last-child,
  .avtaar-wrapper:not(.list) .avtaar-list:nth-last-of-type(2) {
    margin-bottom: 0rem
  }
  
  .home-page .top-news-block {
    width: 100%
  }
  
  .tab-contain {
    position: relative;
    overflow: hidden;
    height: 100%;
    /* height: 39.4rem */
  }
  
  .tab-contain .tab:not(.active) {
    display: none
  }
  
  .tab-contain .tab {
    flex-flow: row wrap;
    flex: 1;
    align-items: left
  }
  .slider-top-news{
    /* background: #f7f7f7;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    padding: 17px 7px 10px;
    width: 100%; */
  }
  .slider-top-news h4{
    font-family: MontserratBold;
    font-size: 25px;
    color: #000;
    line-height: 1.3;
  }
  .slider-top-news .text{
    line-height: 1.4;
  }
  .top_news .category-card,
  .top_news .cat-title .inner-block{
    background: #f7f7f7 !important;
  }
  
  .top_news .section-cut-style:before{
    border: none;
  }
  .top_news{
    background: #f7f7f7;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    padding: 0 16px 10px;
  }
  .top_news h3{
    font-family: MontserratBold;
    font-size: 19px;
    color: #000;
  }
  .top_news a .text{
    border-bottom: 1px dotted #a7a7a7;
    padding: 13px 0px 13px 17px;
    margin: 0;
    position: relative;
  }
  .top_news a .text:before{
    content: '';
    position: absolute;
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: #e21010;
    border-radius: 50%;
    left: 0;
    top: 18px;
  }
  
  .avtaar-list img{
    border-radius: 10px;
  }
  .tab-contain .tab .avtaar-list {
    padding-bottom: 1rem;
    min-height: 84px;
    margin-bottom: 1.2rem
  }
  
  .tab-contain .tab .avtaar-list .text.small {
    margin-bottom: 0
  }
  
  .content-box .border {
    min-height: 80px;
    display: flex;
    align-items: center
  }
  
  .content-box .border {
    padding: 0 0 0 1.3rem !important;
    border: 0;
    position: relative;
    min-height: auto;
    display: block
  }
  
  .content-box .border:before {
    content: ".";
    font-size: 6rem;
    line-height: .1;
    position: absolute;
    left: -.5rem;
    top: -1rem;
    display: flex;
    align-items: center;
    color: #8a8a8a
  }
  
  .home-page .category-block .top-cat-block figure .img-responsive{
    border-radius: 10px;
  }
  
  @media only screen and (min-width:1441px) {
    .container-fluid {
      width: 1320px
    }
  }
  
  @media only screen and (max-width:1440px) {
    .container-fluid {
      width: 95%;
      margin: 0 auto
    }
  }
  
  @media only screen and (max-width:1024px) {
    .container-fluid {
      width: 100%;
      margin: 0 auto
    }
  }
  
  @media (max-width:1024px) and (min-width:768px) {
    header .bottom-header-block .menu .elem {
      font-size: 0.613em;
      padding: 0% 3px;
    }
  
    header .bottom-header-block .menu .elem a {
      padding: 1rem .02rem
    }
  }
  
  @media (max-width:991px) and (min-width:768px) {
  
    .home-page .category-block .bottom-cat-block.avtaar-wrapper .avtaar-list,
    .home-page .section-gap.category-6 .avtaar-list {
      flex: 49%
    }
  
    .home-page .category-block .top-cat-block .col-sm-4 {
      flex: 33%
    }
  
    .home-page .top-news-block .right-block .tab-contain {
      min-height: 42.7rem
    }
  }
  
  @media (max-width:769px) and (min-width:767px) {
    .show-only-for-tab {
      display: block !important
    }
  
    .social-share,
    .social-share+.extra-info-header {
      display: none
    }
  }
  
  @media (max-width:767px) {
    .home-page .featured-video-block .card .inner-card-wrap .content h2.title.large{
      font-size: 16px;
    }
    .home-page .category-block .bottom-cat-block.avtaar-wrapper .avtaar-list,
    .home-page .section-gap.category-6 .avtaar-list {
      flex: 100%
    }
  
    .home-page .category-block .top-cat-block .col-sm-4 {
      flex: 100%
    }
    .container.p-0{
      padding-right: 15px !important;
      padding-left: 15px !important;
    }
    [data-category-section="show"], .home-page .top-news-block .content-block{
      padding-right: 15px !important;
      padding-left: 15px !important;
    }
    .avtaar-list .pr-0.img-container, .cat-content-block .col-md-8.pr-0{
      padding-right: 15px !important;
    }
    .home-page .featured-video-block .featured-video-right-block [data-video-url]{
      flex: 0 0 95%;
      max-width: 95%;
    }
    .category-block .category-card .cat-title .inner-block{
      padding: 0 5px 5px 0;
      font-size: 16px;
    }
  }
  
  @media (max-width:769px) {
    .no-padding {
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important
    }
  
    header nav.navbar.navbar-fixed-top .navbar-collapse.side-menu.collapse {
      position: fixed;
      top: 0px;
      background: #fff;
      left: -79vw;
      bottom: 0px;
      height: 100%;
      padding-top: 5.8rem;
      width: 78vw;
      display: block;
      visibility: hidden !important;
      opacity: 1;
      max-height: 100%
    }
  
    header nav.navbar.navbar-fixed-top .navbar-collapse.side-menu.bottom-header-block .menu .elem {
      display: block;
      border-bottom: 1px solid #e2e2e2;
      width: 100%;
      text-align: left
    }
  
    header .bottom-header-block .menu .elem a.home-icon:before {
      padding-bottom: 10px;
      line-height: 0rem
    }
  
    header .bottom-header-block .menu {
      margin-top: 4.3rem;
      overflow: hidden;
      padding-top: 2rem;
      overflow-y: scroll;
      height: 100vh
    }
  
    header .bottom-header-block .menu .elem:before {
      bottom: 0px
    }
  
    header .bottom-header-block .menu .elem {
      border-left: 0px
    }
  
    header .navbar-brand .img-responsive {
      height: 53px;
      object-fit: contain
    }
  
    header .navbar-header .extra-info-header {
      padding-top: 0;
      text-align: center
    }
  
    header .navbar-brand {
      height: auto;
      float: none;
      display: block;
      padding: 0;
      width: 80%;
      float: right;
      padding-bottom: 1rem;
      position: relative;
      left: 5%
    }
  
    header .bottom-header-block .menu .search {
      display: none
    }
  
    .card .inner-card-wrap {
      /* border: 1px solid #e2e2e2 */
    }
  
    .home-page .top-news-block .content-block {
      display: block
    }
  }
  
  @media (max-width:767px) {
    .home-page .category-block .top-cat-block {
      display: block
    }
  
    .pl-0 {
      padding-left: 1.5rem !important
    }
  }
  
  @media (max-width:640px) {
    .home-page .top-news-block .left-block.figure-wrapper.avtaar-wrapper {
      margin-bottom: 3rem
    }
  
    .home-page .featured-video-block .featured-video-right-block {
      padding: 0
    }
  
    .home-page .top-news-block .right-block .tab-contain {
      min-height: 38.7rem
    }
  }
  
  @media (max-width:460px) {
    .search-box>.search-inner-box .form-group {
      padding-top: 35vh
    }
  
    .main-wrapper {
      margin-top: 75px !important;
    }
  
    .no-padding-left {
      padding-left: 1.5rem !important
    }
  
    .home-page .side-content {
      margin-top: 2rem
    }
  
    .home-page .category-block .top-cat-block figure {
      margin-bottom: 2rem
    }
  
    .card .inner-card-wrap {
      margin-bottom: 2rem
    }
  }
  
  .home-page .section-gap aside.side-content {
    overflow: hidden;
    box-shadow: 0px 2px 2px 2px rgb(230, 230, 230);
  }
  
  header .menu li.dropdown.open ul.dropdown-menu {
    top: 100%;
    opacity: 1;
    z-index: 9;
    visibility: visible;
    min-width: 204px;
    padding-left: 11px;
    border-bottom: 4px solid #33a2f1;
    border-top: 0;
    padding-bottom: 1rem;
    border-left: 0;
    border-right: 0;
    box-shadow: 1px 2px 1px 1px rgba(222, 222, 222, 0.37), -1px 3px 2px 1px rgba(222, 222, 222, 0.37);
  }
  
  header .menu li.dropdown.open ul.dropdown-menu a {
    display: block;
    text-align: left;
    padding: 0;
    padding-top: 1.4rem;
    cursor: pointer;
    color: #656565;
  }
  
  .topic-content {
    border-left: 1px solid #dedede;
  }
  
  .topic-content-block {
    overflow-y: scroll;
  }
  
  .topic-content .title:hover {
    text-decoration: none;
    color: #000 !important;
  }
  
  .topic-content .repated-content-topic {
    border-bottom: 1px solid #dedede;
  }
  
  .topic-content .list .list-elem::before {
    content: "\f105";
    font-family: 'fontawesome';
    font-size: 15px;
    padding-right: 3px;
  }
  
  .topic-content .list {
    list-style-type: none;
  }
  
  header .menu li.dropdown.open ul.dropdown-menu a:hover {
    color: #33a2f1;
    text-decoration: underline;
  }
  
  figure .img-container {
    width: 100%;
    min-height: 125px;
  }
  
  .category-31 figure .img-container, .editor-block figure .img-container, .category-61 figure .img-container{
    min-height: 85px;
  }
  .category-31 .top-cat-block .bottom.figure,  
  .editor-block .top-cat-block .bottom.figure,  
  .category-61 .top-cat-block .bottom.figure,
  .category-51 .top-cat-block .bottom.figure{
    border-bottom: 1px dotted #686868;
    padding: 0 0 0px;
    margin-bottom: 15px;
  }
  .category-31 .top-cat-block .bottom.figure .title, .editor-block .top-cat-block .bottom.figure .title{
      margin-top: 8px;
      line-height: 1.5;
      display: -webkit-box;
      /* max-width: 200px; */
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
  }
  figure {
    margin-bottom: 10px;
  }
  
  .avtaar-list .img-container {
    min-height: 50px;
  }
  
  .card.ad-section {
    min-height: 200px;
  }
  
  [data-cat-color] {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(100% - 20px) !important;
  }
  
  [data-category-section="hide"] {
    display: none;
  }
  
  [data-category-section="show"] {
    display: block;
  }
  
  [news-twitter-block] .side-content .card {
    min-height: 76vh;
  }
  
  .topic-content .border-bottom {
    border-bottom: 1px solid #000;
  }
  
  section.category-block {
    min-height: 100px;
  }
  
  .entertainment-list .figure-wrapper .figure figcaption{
    height: 6rem;
  
  }
  .news-flash-block .section-cut-style:before, .news-flash-block .section-cut-style:after, .news-flash-block .border:before{
    display: none;
  }
  .news-flash-block .category-card {
    width: 10%;
  }
  
  .v-add{
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: #9d9d9d;
    width: 100%;
    margin-bottom: 2rem;
    padding: 7rem 0;
  }
  
  .h-add{
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: #9d9d9d;
    height: 16rem;
    margin-bottom: 2rem;
    width: 100%;
  }
  
  @media (min-width: 1700px){
    .container {
      width: 1320px;
    }
    header .bottom-header-block .menu .elem{
      padding: 0% 6px;
    }
    .news-flash-block .border .category-card .inner-block{
      padding: 1.2rem 1.3rem 1rem !important;
    }
  }
  
  .title, .slider-top-news p.text{
    font-family: 'MontserratBold' !important;
  }
  .img-responsive{
    border-radius: 10px;
  }
  .figure-wrapper .figure figcaption .title, .figure-wrapper .figure figcaption h2{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  
  .truncate-2{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; 
  }
  
  .image-text{
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 1rem 1.5rem;
    font-size: 14px;
    line-height: 26px;
    font-family: 'MontserratBold' !important;
    background: #00000052;
    /* top: 0; */
    left: 0;
    right: 0;
    display: flex;
    align-items: end;
    margin: 0;
    border-radius: 10px;
    line-height: 1.4;

  }
  
  .news-flash-block .border .category-card .inner-block{
        font-size: 12.8px;
      padding: 1.2rem 1.5rem 1rem;
      font-family: 'MontserratSemibold';
  }
  
  .news-flash-block .border{
    padding-right: 0 !important;
  }




  /* tab section */

  .tab-menu ul { margin:0; padding:0; list-style:none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .tab-menu ul li { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
  .tab-menu ul li a { 
    position: relative;
    text-transform: uppercase; 
    font-weight:bold;     
    color: #000;
    font-size: 14px;
    padding: 18px 0 8px;
    margin-bottom: 24px;
    display: inline-block;
    text-decoration:none; 
    border-bottom: 3px solid #fff;
    transition:0.2s all;
    font-family: 'MontserratBold' !important;
  }
  .lifestyle_tab .tab-menu ul li a{
    /* font-size: 13px; */
    margin-right: 35px;
  }
  .tab-menu ul li a:hover { text-decoration:none; }
  .tab-menu ul li a.active {     
    color: #e21010;
    border-bottom: 3px solid #e21010;
    text-decoration:none; 
  }

  .tab-menu ul li a.active:after {
    content:'';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-bottom: 5px solid #e21010;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    transition:0.2s all;
}
.w-100{
    width: 100%;
}
  .tab-box { display:none; }


  @media (max-width:760px) {
    .tab-menu ul{
      display: inline-block;
    }
    .tab-menu ul li{
      width: 50%;
      float: left;
    }
    .tab-menu ul li a{
      margin-bottom: 4px;
    }
  }

  @media (max-width:1024px) {
    .tab-menu ul{
      display: inline-block;
    }
    .tab-menu ul li{
      width: auto;
      margin-right: 20px;
      float: left;
    }
    .tab-menu ul li a{
      margin-bottom: 4px;
    }
  }

  @media (max-width:991px) {
    .news-flash-block .category-card{
      width: 100%;
    }
    .top_news .category-card{
      padding-left: 0 !important;
    }
    .mob-w-100{
      max-width: 100% !important;

    }
    .news-flash-block .border{
      padding-right: 15px !important;

    }
  }


  .back-to-top {
    display: inline-block;
    background-color: #000;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, 
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
  }
  .back-to-top::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 26px;
    line-height: 50px;
    color: #fff;
  }
  .back-to-top:hover {
    cursor: pointer;
    background-color: #000;
  }
  .back-to-top:active {
    background-color: #000;
  }
  .back-to-top.show {
    opacity: 1;
    visibility: visible;
  }

  /* infinite scroll */
  .infinite-scroll .grid-container {
    padding: 30px 0 0;
    display: grid;
    grid-gap: 20px;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow:dense;
    /* counter-reset: albumList; */
  }
  
  .infinite-scroll .item {
    position: relative;
    /* background: #ccc; */
    display:flex;
  }

  [data-infinite-scroll] .image-text{
    position: relative;
    bottom: 0;
    display: -webkit-box !important;
    color: #000;
    padding: 1rem 1.5rem 0;
    font-size: 16px !important;
    padding: 1rem 0 0 0;
    background: #fff;
  }
  
  /* Number */
  /* .infinite-scroll .item:before {
    counter-increment: albumList;
    content: counter(albumList);
    margin:auto;
    font-size: 40px;
    color: #000000;
  } */
  
  /* Square */
  /* .infinite-scroll .item:after {
    content: '';  
    padding-top: 100%;
  } */
  
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    /* 640 ~ 1023 */
    .infinite-scroll [data-infinite-scroll] .item:nth-child(6n + 1) .image-text,
    .infinite-scroll [data-infinite-scroll] .item:nth-child(6n + 6) .image-text{
      font-size: 28px !important;
    }
    .infinite-scroll .grid-container {
      grid-template-columns: repeat(3, 1fr);
    }
    .infinite-scroll .item:nth-child(6n + 1),
    .infinite-scroll .item:nth-child(6n + 6){
      grid-row:span 2;
      grid-column:span 2;
    }
    .infinite-scroll .item:nth-child(6n + 5) {
      grid-column:1;
    }
  
  }
  
  @media print, screen and (min-width: 64em) {
    /* 1024+ */
    .infinite-scroll [data-infinite-scroll] .item:nth-child(10n + 1) .image-text,
    .infinite-scroll [data-infinite-scroll] .item:nth-child(10n + 10) .image-text{
      /* position: absolute;
      bottom: 0;
      color: #fff;
      padding: 3rem 1.5rem;
      background: #00000052; */
      font-size: 28px !important;
    }
    .infinite-scroll .grid-container {
      grid-template-columns: repeat(4, 1fr);
    }
    .infinite-scroll .item:nth-child(10n + 1),
    .infinite-scroll .item:nth-child(10n + 10){
      grid-row:span 2;
      grid-column:span 2;
    }
    .infinite-scroll .item:nth-child(10n + 8) {
      grid-column:1;
    }
    .infinite-scroll .item:nth-child(10n + 9) {
      grid-column:2;
    }
  }

  @media screen and (max-width: 768px){
.slider-top-news h4{
    font-size: 16px;
}
    .infinite-scroll .item .image-text{
      padding: 1rem 1rem;
      font-size: 13px !important;
    }
    .infinite-scroll .item figure .img-container{ 
      min-height: 87px;
    }
    .infinite-scroll .item .image-text{
      display: -webkit-box;
      height: 47px;
    }
  }
  .infinite-scroll-loader{
    display: block;
    width: 100%;
    text-align: center;
  }
  .infinite-scroll-loader .loader {
    margin-top: 3rem;

    width: 48px;
    height: 48px;
    border: 5px solid #d5d5d5;
    border-bottom-color: #FF3D00;
    border-radius: 50%;
    display: inline-block;
    -webkit-animation: rotation 1s linear infinite;
            animation: rotation 1s linear infinite;
  }
  @-webkit-keyframes rotation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes rotation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }


.inner-page .news-article  .left-block .card .content br, .inner-page .news-article  .left-block .card .content p br{
    line-height: 4.6rem;
    margin-bottom: 2rem;
    display: block;
    content: "";
}

.inner-page .news-article  .left-block .card .content > br{
    margin-bottom: 0;
}


.main-heading {
    width: 100%;
    position: relative;
}
.main-heading .heading{
    margin-top: 0;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 18px;
    padding: 0 0 8px;
    font-family: MontserratBold;
    position: relative;
    color: #000;
}
.main-heading .heading:before {
    position: absolute;
    content: " ";
    border-bottom: 3px solid #e21010;
    bottom: -2.5px;
    border-radius: 50px;
    width: 150px;
    z-index: 1;
}
.main-heading .heading:after {
    position: absolute;
    content: " ";
    border: 1px solid #cfcfcf;
    bottom: -2.5px;
    border-radius: 50px;
    width: 100%;
    left: 0;
    z-index: 0;
}
.dotted-border{
    border-bottom: 1px dotted #686868;
    padding-bottom: 8px;
    padding-top: 8px;
}

.image-counter{
  position: absolute;
    bottom: 75px;
    background: #fff;
    color: #000;
    padding: 0 12px 0 32px;
    border-radius: 20px;
    font-size: 13px;
}

.whats-hot .image-counter{
bottom: 90px;
left: 20px;
font-size: 9px;
    padding: 2px 8px 1px 24px;
}
.whats-hot .image-counter:before{
    background-size: 15px;
    width: 20px;
    height: 20px;
}

.whats-hot figure .img-container img{
    border: 1px solid #333;
    height: 9rem;
    object-fit: cover;
}
.whats-hot h2.title{
      display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 60px;
}
.image-counter:before{
content: '';
position: absolute;
background: url(/static/img/camera.png) no-repeat;
left: 0;
    top: -2px;
    right: 0;
    bottom: 0;
    background-size: 17px;
    background-position: center;
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
}


.view_more-btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.view_more-btn a{
    color: #e21010;
    font-size: 14px;
    font-family: MontserratSemibold;
    position: relative;
    display: inline-block;
    padding: 0.2rem 1rem;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

.view_more-btn a:before {
    background-color: #fff !important;
    content: "\f105";
    font-family: fontawesome;
    font-size: 14px;
    right: 0;
    position: absolute;
}

.what-hot-title{
    font-size: 10px;
    letter-spacing: normal;
    line-height: 1.6;
}

figure .img-container.big-story-img, figure .img-container.photo-gallery-img,
figure .img-container.big-story-img img, figure .img-container.photo-gallery-img img{
    max-height: 220px;
    height: 220px;
}

.v-adds{
    height: 28rem;
    overflow: hidden;
}
.v-adds img{
    object-fit: contain;
    height: 100%;
}
@media (max-width:768px) {
  .v-adds{
    height: auto;
      overflow: hidden;
  }
}

header .bottom-header-block .menu li:nth-last-child(2) a::before
 {
  margin-right: 7px;
  font-family: fontawesome;
  content: "\f07a";
}
header .bottom-header-block .menu .coupon{
  background-color: #19BA9B;
  color: #fff;
}

header .bottom-header-block .menu li:nth-last-child(3), header .bottom-header-block .menu li:nth-last-child(3) a{
color: #e21010;
}