* {
  margin: 0;
  padding: 0;
}

ul, li, ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

header, footer, article, section, figure, nav, aside {
  display: block;
}

body {
  height: 100%;
  background: #fff;
}

a {
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: none;
}

img {
  border: 0 none;
  max-width: 100%;
  display: block;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/*
 * Header Styles
 */
.navigation.fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999999;
  box-shadow: 0 1px 6px -2px #000;
  background: linear-gradient(to right, #5a0244, #af0f1c);
  height: 60px;
  position: relative;
}

.os-main-menu {
  float: left;
  position: relative;
  width: 50px;
  padding: 0 10px;
  height: 60px;
}

.os-main-menu span {
  cursor: pointer;
  display: block;
}

.os-menu-lists.menu-open {
  top: 60px;
}

.os-main-menu.menu-open {
  background: #5a0244;
}

.os-main-menu span i {
  background: #fff;
  display: inline-block;
  height: 3px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  transition: all 0.4s ease-in-out 0s;
  width: 35px;
}

.os-main-menu span i:nth-child(1) {
  top: 20px;
}

.os-main-menu span i:nth-child(2) {
  bottom: 0;
  top: 0;
}

.os-main-menu span i:nth-child(3) {
  bottom: 20px;
}

.os-main-menu.menu-open span i:first-child {
  bottom: 8px;
  top: 4px;
  transform: rotate(135deg);
}

.os-main-menu.menu-open span i:nth-child(2) {
  opacity: 0;
  visibility: hidden;
}

.os-main-menu.menu-open span i:last-child {
  top: 14px;
  transform: rotate(-135deg);
}

.os-menu-lists {
  position: absolute;
  top: -515px;
  width: 181px;
  background: #5a0244;
  z-index: 10000;
  padding: 10px;
  transition: top 0.4s ease-in-out 0s;
}

.os-menu-lists ul li {
  height: 32px;
  overflow: hidden;
  clear: both;
}

.os-menu-lists ul li a {
  font-size: 14px;
  color: #fff;
  padding: 4px 5px;
  display: block;
  margin: 0;
}

.bs-logo {
  float: left;
  height: 60px;
  background: #fff;
  margin-right: 5px;
  width: 180px;
}

.bs-logo img {
  display: block;
  height: 60px;
}

.os-lang {
  float: left;
  padding: 15px 10px;
  width: 80px;
}

.os-lang a {
  font-size: 18px;
  color: #fff !important;
}

.os-lang-block {
  position: absolute;
  top: 20px;
  left: 250px;
  transition: all ease-in-out 0.25s;
  -webkit-transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  background: #e81b42;
  width: 150px;
  font-size: 18px;
  opacity: 0;
  visibility: hidden;
}

.os-lang.show .os-lang-block {
  top: 60px;
  opacity: 1;
  visibility: visible;
  background: #6c053b;
}

.os-lang-block ul {
  padding: 5px 0;
}

.os-lang-block ul li {
  padding: 2px 10px;
  clear: both;
}

.os-lang-block ul li a {
  color: #fff;
  display: block;
  padding: 5px 0;
  font-size: 13px;
}

.topnavigation ul li {
  list-style-type: none;
  float: left;
  position: relative;
}

.topnavigation ul li a {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  margin: 0 15px;
  display: block;
}

.topnavigation .topMenu li a {
  font-size: 16px !important;
  margin: 0 15px !important;
  text-transform: uppercase;
}

.topMenu li a {
  padding-top: 18px;
}

.header-search-block {
  position: absolute;
  top: 52px;
  right: 0;
  width: 500px;
  background: #1b1d22;
  display: none;
  border: 1px solid #010202;
  border-top: 0 none;
  border-radius: 0 0 5px 5px;
  padding: 10px;
  z-index: 10000;
}

.social-share-block {
  position: absolute;
  top: 60px;
  left: 0;
  padding: 10px;
  background: #990c26;
  display: none;
  z-index: 10000;
  width: 160px;
}

.topnavigation .topMenu li .social-share-block a {
  text-indent: -99999px;
  float: left;
  margin: 0 8px !important;
  padding: 0;
}

.social-share-block a.mail-icon {
  width: 28px;
  height: 25px;
  background: url(https://www.filmibeat.com/images/filmibeat-sprite.png) no-repeat -101px 0;
}

.social-share-block a.facebook-icon {
  width: 14px;
  height: 28px;
  background: url(https://www.filmibeat.com/images/filmibeat-sprite.png) no-repeat -129px 0;
}

.social-share-block a.twitter-icon {
  width: 25px;
  height: 21px;
  margin-top: 5px;
  background: url(https://www.filmibeat.com/images/filmibeat-sprite.png) no-repeat -145px 0;
}

.social-share-block a.gplus-icon {
  width: 27px;
  height: 26px;
  background: url(https://www.filmibeat.com/images/filmibeat-sprite.png) no-repeat -170px 0;
}

.topnavigation ul li a.social-share {
  background: url(../images/share-icon.svg) no-repeat 0 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  margin-top: 14px !important;
}

/** Added By tilak 19-04-2018**/
.topMenu {
  margin-left: 100px;
  float: left;
}

.icons {
  float: right;
  margin-top: 20px;
  margin-right: 15px;
  width: 200px;
  text-align: right;
}
.icons > div {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}
.icons a {
  display: block;
  font-size: 22px;
  color: #ffffff;
}

/*@font-face {
  font-family: 'AvantGarde-Demi';
  src: url("../fonts/AvantGarde-Demi.eot");
  src: url("../fonts/AvantGarde-Demi.eot?#iefix") format("embedded-opentype"), url("../fonts/AvantGarde-Demi.woff2") format("woff2"), url("../fonts/AvantGarde-Demi.woff") format("woff"), url("../fonts/AvantGarde-Demi.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'AvantGarde-Book';
  src: url("../fonts/AvantGarde-Book-Bold.eot");
  src: url("../fonts/AvantGarde-Book-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/AvantGarde-Book-Bold.woff2") format("woff2"), url("../fonts/AvantGarde-Book-Bold.woff") format("woff"), url("../fonts/AvantGarde-Book-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}*/
@font-face {
  font-family: 'IBM Plex Sans';
  src: url("../fonts/IBMPlexSans-Regular.otf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'IBM Plex Sans Medium';
  src: url("../fonts/IBMPlexSans-Medium.otf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'IBM Plex Sans SemiBold';
  src: url("../fonts/IBMPlexSans-SemiBold.otf");
  font-weight: 600;
  font-style: normal;
}
#wrapper-homepage {
  font-family: 'IBM Plex Sans',Arial,sans-serif;
  font-weight: 500;
  font-style: normal;
}

#wrapper-homepage {
  background: #f7f7f7;
  max-width: 1280px;
  margin: 0 auto;
}
.popup-notification-on-off span.on-off-link{
right: 20px!important;
}
.notification-arrow{
    right: 20px!important;
}
.notification-wrapper{
    top: 60px!important;
    right: 5px!important;
}