@import url('https://fonts.googleapis.com/css?family=Catamaran:900&display=swap');
 body {
     font-family: 'Open Sans', Arial, Helvetica,sans-serif;
     box-sizing: border-box;
     position: relative;
}
 * {
     margin: 0px;
     padding: 0px;
     list-style-type: none;
}
 .clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
 .clearfix {
     display: block;
}
 img {
     border: 0 none;
     max-width: 100%;
}
 .navratri-top-block{
     position: relative;
     background: url(/images/bg-1.png) no-repeat top center;
     background-size: cover;
     width: 100%;
}
 .navratri-wrapper{
     max-width: 1280px;
     margin: 0 auto;
     position: relative;
}
 .oneindia-logo img{
     display: block;
}
 .boldsky-logo img{
     display: block;
}
 .boldsky-logo{
     float: left;
     padding: 10px;
     margin-left: 10px;
     position: relative;
     left: 190px;
     top: 10px;
     width: 175px;
}
 .oneindia-logo {
     float: left;
     padding: 10px;
     margin-left: 10px;
     position: relative;
     width: 175px;
}
 .navratri-title{
     font-family: 'Catamaran', sans-serif;
     font-size: 40px;
     padding: 10px;
     display: block;
     float: left;
     margin-left: 15px;
     width: 530px;
     font-weight: bolder;
     color: #324396;
     text-shadow: white 3px 0px 1px, white 1px 1px 1px, white 2px 1px 1px, white 0px 3px 1px, white 1px -1px 0px, white 1px 0px 0px, white 0px -1px 1px, white 0px -1px 1px, white 0px -1px 1px, white 0px 0px 0px, white 0px 0px 0px, white 0px 0px 0px, white 0px 0px 0px;
}
 .navratri-second-container{
     position: relative;
     background: url(/images/bg-2.png) no-repeat center;
    /* background-position: center;
     background-size: 100%;
     width: 100%;
     height: 315px;
     */
     background-size: cover;
     position: relative;
}
 .navratri-second-container::before, .navratri-second-container::after{
     position: absolute;
     background: url(/images/border-1.png) repeat-x center;
     content: "";
     left: 0;
     right: 0;
     background-size: contain;
     height: 25px;
}
 .navratri-second-container::before{
     top: -2px;
}
 .navratri-second-container::after{
     bottom: -2px;
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
}
 .navratri-third-container{
     position: relative;
     background: url(/images/bg-3.png) no-repeat center;
     background-size: cover;
}
 .navratri-third-container::before{
     top: -3px;
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg)-3
}
 .navratri-third-container::after{
     bottom: 0px;
}
 .navratri-third-container::before, .navratri-third-container::after{
     position: absolute;
     background: url(/images/border-4.png) repeat-x center;
     content: "";
     left: 0;
     right: 0;
     background-size: contain;
     height: 25px;
}
 .title {
     position: relative;
     width: 100%;
     display: block;
     color: #fff;
     font-size: 22px;
     font-weight: 600;
     margin: 0 auto;
     text-align: center;
     margin-bottom: 20px;
     padding-top: 22px;
}
 .title span{
     margin: 14px;
}
 .left-thumb{
     position: relative;
     top: 12px;
}
 .right-thumb{
     position: relative;
     top: 12px;
}
 .gods-block{
     padding: 5px;
    padding-bottom: 50px;
}
 .gods-block ul li{
     width: 130px;
     float: left;
     margin-right: 10px;
}
 .gods-block ul li:last-child{
     margin-right: 0px;
}
 .nav-gods-img{
     background: url(/images/first-border.png) no-repeat;
     width: 99px;
     height: 140px;
     padding: 24px;
     overflow: hidden;
}
 .gods-block ul li a img {
     background: transparent;
     outline: none;
     border: none;
}
 .nav-gods-img img{
     border-radius: 50%;
     width: 109px;
     height: 133px;
}
 .nav-gods-title{
     text-align: center;
     font-size: 16px;
     color: #fff;
     width: 150px;
     margin: 3px 0px;
}
 .nav-snaks-block ul li{
     width: 360px;
     float: left;
     margin-right: 100px;
     text-align: center;
     margin-bottom: 20px;
}
 .nav-snaks-block ul li:nth-child(3n){
     margin-right: 0px;
}
 .nav-snaks-block ul li a{
     text-decoration: none;
}
 .snack-thumbimg{
     padding: 42px 0px 54px 3px;
     overflow: hidden;
     width: 352px;
     height: 185px;
     background: url(/images/second-border.png) no-repeat;
     margin: auto;
}
 .snack-thumbimg img{
     width: 345px;
     height: 194px;
     display: block;
     border-radius: 5px;
}
 .snack-text{
     color: #fff;
     font-size: 16px;
     display: block;
     text-align: center;
}
 .nav-snaks-block {
     padding-top: 0px;
}
 .nav-ad{
     padding: 10px;
     width: 100%;
     text-align: center;
     margin: 0 auto;
}
 .navratri-fifth-container{
     position: relative;
     background: url(/images/bg-4.png) no-repeat center;
     background-size: cover;
     position: relative;
}
 .navratri-fifth-container::before, .navratri-fifth-container::after {
     position: absolute;
     background: url(/images/border-5.png) repeat-x center;
     content: "";
     left: 0;
     right: 0;
     background-size: contain;
     height: 25px;
}
 .navratri-fifth-container::before{
     top: -4px;
}
 .navratri-fifth-container::after{
     bottom: -4px;
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
}
 .nav-samachar {
     margin-bottom: 25px;
}
 .nav-samachar ul li{
     width: 410px;
     float: left;
     margin-right: 25px;
     margin-bottom: 20px;
     text-align: center;
}
 .nav-samachar ul li a{
     text-decoration: none;
     color: #fff;
}
 .nav-samachar ul li:nth-child(3n){
     margin-right: 0px;
}
.samachar-thumbimg{
     padding: 43px 7px;
     overflow: hidden;
     width: 390px;
     height: 210px;
     background: url(/images/third-border.png) no-repeat;
}
.samachar-thumbimg{
  position: relative;
}
 .samachar-thumbimg img{
     width: 333px;
     height: 187px;
}
.samachar-overlay{
  position: relative;
}
  /* .samachar-overlay .layer {position:absolute;top:0px;right:0px;bottom:0px;left:0px}

  .samachar-overlay:hover .layer
  {
    color: #ffffff;
  box-shadow:inset 0px 0px 50px rgba(0, 0, 0, 0.9);
  -moz-box-shadow:inset 0px 0px 50px rgba(0, 0, 0, 0.9);
  -webkit-box-shadow:inset 0px 0px 50px rgba(0, 0, 0, 0.9)
  }

  .samachar-overlay .layer
  {
  transition:all 0.6s ease-in-out;
  -webkit-transition:all 0.6s ease-in-out;
  -moz-transition:all 0.6s ease-in-out;
  -ms-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
  }

  .samachar-overlay:hover .layer
  {
    color: #ffffff;
  transition:all 0.6s ease-in-out;
  -webkit-transition:all 0.6s ease-in-out;
  -moz-transition:all 0.6s ease-in-out;
  -ms-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
  } */
 .navratri-sixth-container{
     position: relative;
     background: url(/images/bg-5.png) no-repeat center;
     background-size: cover;
}
 .navratri-sixth-container::before{
     top: 0px;
}
 .navratri-sixth-container::after{
     bottom: 0px;
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
}
 .navratri-sixth-container::before, .navratri-sixth-container::after{
     position: absolute;
     background: url(/images/border-6.png) repeat-x center;
     content: "";
     left: 0;
     right: 0;
     background-size: contain;
     height: 25px;
}
 .nav-pooja-carousel ul li .pooja-thumbimg{
     padding: 25px 6px;
     overflow: hidden;
     width: 530px;
     height: 495px;
     background: url(/images/fourth-border.png) no-repeat;
}
 .pooja-thumbimg img{
     width: 530px;
     height: 397px;
     position: relative;
     top: 65px;
     border-radius: 32px;
}
 .nav-pooja-carousel ul li{
     float: left;
     display: block;
     width: 600px;
}
 .nav-pooja-carousel .bx-controls-direction a.bx-prev {
     left: 40px;
}
 .nav-pooja-carousel .bx-controls-direction a.bx-next {
     right: 40px;
}
 .nav-pooja-carousel .bx-controls-direction a {
     position: absolute;
     width: 30px;
     height: 30px;
     top: 195px;
     bottom: 85px;
     margin: auto;
     text-indent: -9999px;
}
 .nav-pooja-carousel .bx-controls-direction a.bx-prev:before {
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .nav-pooja-carousel .bx-controls-direction a.bx-next:before {
     -moz-transform: rotate(-135deg);
     -ms-transform: rotate(-135deg);
     -webkit-transform: rotate(-135deg);
     transform: rotate(-135deg);
}
 .nav-pooja-carousel .bx-controls-direction a:before {
     content: "";
     position: absolute;
     top: 90;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     width: 20px;
     height: 20px;
     border-left: solid 5px #ccc9c9;
     border-bottom: solid 5px #ccc9c9;
}
 .navratri-seventh-container{
     position: relative;
     background: url(/images/bg-6.png) no-repeat center;
     background-size: cover;
}
 .nav-pooja-carousel {
     padding-bottom: 42px;
}
 .navratri-seventh-container::before{
     top: -4px;
}
 .navratri-seventh-container::after{
     bottom: -4px;
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
}
 .navratri-seventh-container::before, .navratri-seventh-container::after{
     position: absolute;
     background: url(/images/border-5.png) repeat-x center;
     content: "";
     left: 0;
     right: 0;
     background-size: contain;
     height: 25px;
}
 .navratri-eighth-container{
     position: relative;
     background: url(/images/bg-7.png) no-repeat center;
     background-size: cover;
}
 .navratri-eighth-container::before{
     top: 0px;
}
 .navratri-eighth-container::after{
     bottom: 0px;
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
}
 .navratri-eighth-container::before, .navratri-eighth-container::after{
     position: absolute;
     background: url(/images/border-6.png) repeat-x center;
     content: "";
     left: 0;
     right: 0;
     background-size: contain;
     height: 25px;
}
 .nav-videos ul li{
     text-align: center;
     float: left;
     width: 320px;
     margin-bottom: 30px;
}
 .nav-videos ul li a{
     text-decoration: none;
     color: #fff;
     font-size: 16px;
}
 .nav-videos ul li .video-thumbimg{
     padding: 35px 32px 37px 27px;
     overflow: hidden;
     width: 258px;
     height: 148px;
     background: url(/images/fifth-border.png) no-repeat;
     position: relative;
}
 .video-thumbimg img{
     width: 258px;
     height: 145px;
}
 .video-title{
     margin: 10px 0px;
     width: 300px;
}
 .navratri-ninth-container{
     position: relative;
     background: url(/images/bg-3.png) no-repeat center;
     background-size: cover;
}
 .navratri-ninth-container::before{
     top: 0px;
}
 .navratri-ninth-container::after{
     bottom: 0px;
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
}
 .navratri-ninth-container::before, .navratri-ninth-container::after{
     position: absolute;
     background: url(/images/border-6.png) repeat-x center;
     content: "";
     left: 0;
     right: 0;
     background-size: contain;
     height: 25px;
}
 .nav-dance-carousel {
     padding-bottom: 38px;
}
 .nav-dance-carousel ul li .dance-thumbimg {
     padding: 25px 6px;
     overflow: hidden;
     width: 530px;
     height: 495px;
     background: url(/images/fourth-border.png) no-repeat;
}
 .nav-dance-carousel ul li .dance-thumbimg{
     padding: 25px 6px;
     overflow: hidden;
     width: 530px;
     height: 495px;
     background: url(/images/fourth-border.png) no-repeat;
}
 .dance-thumbimg img{
     width: 530px;
     height: 397px;
     position: relative;
     top: 65px;
     border-radius: 32px;
}
 .nav-dance-carousel ul li{
     float: left;
     display: block;
     width: 600px;
}
 .nav-dance-carousel .bx-controls-direction a.bx-prev {
     left: 40px;
}
 .nav-dance-carousel .bx-controls-direction a.bx-next {
     right: 40px;
}
 .nav-dance-carousel .bx-controls-direction a {
     position: absolute;
     width: 30px;
     height: 30px;
     top: 195px;
     bottom: 85px;
     margin: auto;
     text-indent: -9999px;
}
 .nav-dance-carousel .bx-controls-direction a.bx-prev:before {
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .nav-dance-carousel .bx-controls-direction a.bx-next:before {
     -moz-transform: rotate(-135deg);
     -ms-transform: rotate(-135deg);
     -webkit-transform: rotate(-135deg);
     transform: rotate(-135deg);
}
 .nav-dance-carousel .bx-controls-direction a:before {
     content: "";
     position: absolute;
     top: 90;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     width: 20px;
     height: 20px;
     border-left: solid 5px #ccc9c9;
     border-bottom: solid 5px #ccc9c9;
}
 .footer-border{
     position: relative;
     background: url(/images/footer-border.png) no-repeat center;
     background-size: 100%;
     height: 96px;
     width: 100%;
}
 .more {
     text-align: right;
     color: #fff;
     font-size: 16px;
     padding-bottom: 40px;
}
 .more a{
     color: #fff;
     text-decoration: none;
}
 .nav-video-icon{
     position: absolute;
     display: block;
     bottom: 38px;
     left: 25px;
     padding: 0 10px;
     font-size: 12px;
     height: 35px;
     padding-left: 35px;
     line-height: 35px;
     background: rgba(0, 0, 0, 0.5);
     color: #ffffff;
     cursor: pointer;
}
 .nav-video-icon:before {
     content: "";
     position: absolute;
     left: 5px;
     top: 0;
     bottom: 0;
     margin: auto;
     width: 20px;
     height: 20px;
     display: inline-block;
     background: url(/images/play-button-black.svg) no-repeat 0 0;
}
/* .video-thumbimg .layer {position:absolute;top:0px;right:0px;bottom:0px;left:0px}

.video-thumbimg:hover .layer
{
box-shadow:inset 0px 0px 50px rgba(0, 0, 0, 0.9);
-moz-box-shadow:inset 0px 0px 50px rgba(0, 0, 0, 0.9);
-webkit-box-shadow:inset 0px 0px 50px rgba(0, 0, 0, 0.9)
}

.video-thumbimg .layer
{
transition:all 0.6s ease-in-out;
-webkit-transition:all 0.6s ease-in-out;
-moz-transition:all 0.6s ease-in-out;
-ms-transition:all 0.6s ease-in-out;
-o-transition:all 0.6s ease-in-out;
}

.video-thumbimg:hover .layer
{
transition:all 0.6s ease-in-out;
-webkit-transition:all 0.6s ease-in-out;
-moz-transition:all 0.6s ease-in-out;
-ms-transition:all 0.6s ease-in-out;
-o-transition:all 0.6s ease-in-out;
} */