@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
*
{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
#myCarousel img 
{
	height: 550px;
	max-height: 550px; 
	width: 1050px;
	max-width: 1050px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: auto;
}
#myCarousel
{
	display: none;
}
body
{
	font-family: 'Poppins', sans-serif;
	overflow-x: hidden;
}
header
{
	display: inline-block;
	width: 100%;
	padding: 37px 35px 25px 35px;
	background-color: #fff;
	position: relative; 
	z-index: 1000;
}
header .logo
{
	float: left;
	font-size: 25px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	color: black;
	text-decoration: none;
	margin-top: 8px;
}

header .mob-logo
{
	float: left;
	font-size: 25px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	color: black;
	text-decoration: none;
	margin-top: 8px;
}
nav
{
	float: right;
}
nav ul li
{
	display: inline-block;
	margin-top: 8px;
}
nav ul li a
{
	text-decoration: none;
	margin: 0;
	display: inline-block;
	color: #000;
	font-weight: 600;
	border-radius: 40px;
	padding: 7px 20px;
	transition: background-color .5s;
}
header li .active,
header li a:hover
{
	color: #fff;
	background-color: #000;

}

.banner-section{
	position: absolute;
	bottom: 5%;
	height: 80px;
	width: 100%;
	background-color: #fff;
	opacity: 20%;
}

.banner-title{
    background: -webkit-linear-gradient(#eeb609, #b78628);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: yellow;
	font-size: 75px;
	text-transform: uppercase;
	font-weight: 700;
	position: absolute;
	bottom: 5%;
	left: 5%;
	z-index: 100;
}

.small-mob-banner-font {
    font-size: 45px !important;
}

.temp-gradient {
	background: -webkit-linear-gradient(#e4de00, #ecff00);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.black-border {
    -webkit-text-stroke: 2px #000;
}

.black-a-border {
    -webkit-text-stroke: 1px #000;
}

.red-gradient {
	background: -webkit-linear-gradient(#ff0000, #780008);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pink-gradient{
    background: -webkit-linear-gradient(#ff00ec, #b8009e);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gold-gradient{
	background: -webkit-linear-gradient(#eeb609, #b78628);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.blue-gradient {
	background: -webkit-linear-gradient(#00d3ff, #006a96);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.white-gradient {
	background: -webkit-linear-gradient(#ffffff, #b0b0b0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mob-long-banner-title{
	background: -webkit-linear-gradient(#eeb609, #b78628);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: yellow;
	font-size: 30px;
	font-weight: 700;
	position: absolute;
	bottom: 0;
	left: 2%;
	z-index: 100;
}

.footer-add {
	text-align: center;
}

.toggle-btn
{
	width: 35px;
	position: absolute;
	right: 80px;
	top: 54px;
	display: none;
}
.toggle-btn span
{
	display: inline-block;
	width: 100%;
	height: 2px;
	background-color: #000;
	float: left;
	margin-bottom: 8px;
}
#secondary-slider
{
	cursor: pointer;
}
div #container
{
	background-color: #000;
}
.banner-img
{
	display: none;
}
.image 
{
    position: relative;
    width: auto;
    height: auto;
}
.image img 
{
    width: 100%;
    vertical-align: top;
}
.image:after 
{
    content: '\A';
    position: absolute;
    width: 100%; 
    height: 100%;
    top: 0; 
    left: 0;
    background: rgba(0,0,0,0.6);
    opacity: 1;
}

/*Bottom Left Text on image*/
div .bottom-left-text
{
	position: absolute;
	bottom: 8px;
	left: 110px;
	font-size: 4em;
	text-transform: uppercase;
	font-weight: 700;
	background: -webkit-linear-gradient(#eeb609, #b78628);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	color: yellow;
	z-index: 1;
}
.footer-divider{
    background-color: #ccc;
    height: 5px;
}
/*Contact Form*/

.contact-info ul 
{
  padding: 0;
  margin: 0;
}
.contact-info ul li 
{
  padding: 0 0 0 40px;
  margin: 0 0 30px 0;
  list-style: none;
  position: relative;
  color: rgba(0, 0, 0, 0.8);
}
.contact-info ul li:before 
{
  color: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 0;
  top: .05em;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.contact-info ul li.address:before 
{
  font-size: 30px;
  content: "\e9dc";
}
.contact-info ul li.phone:before 
{
  font-size: 23px;
  content: "\ea3b";
}
.contact-info ul li.email:before 
{
  font-size: 23px;
  content: "\e91e";
}
.contact-info ul li.url:before 
{
  font-size: 23px;
  content: "\e9df";
}
.contact-info ul li a 
{
  color: rgba(0, 0, 0, 0.8);
}
#contact 
{
  padding: 2em 0;
  clear: both;
}
.control-form 
{
  border: 2px solid rgba(0, 0, 0, 0.1);
  font-size: 14px;
  width: 100%;
  margin-bottom: 10px;
  font-weight: 400;
  padding: 3px 5px;
}
.form-style
{
	height: 54px;
}
input, textarea 
{
  -webkit-transition: all 0.30s ease-in-out;
  outline: none;
  border: 1px solid #DDDDDD;
}
 
input:focus, textarea:focus 
{
  box-shadow: 0 0 5px rgba(191, 191, 191, 1);
  border: 1px solid rgba(191, 191, 191, 1);
}
#primary-slider img
{
	width: 100%;
	height: auto;
	margin: auto;
}
  margin-top: 5px;
  text-align: center;
  font-size: 14px;
}

.uimg {
  display: block; 
  margin: 0 auto;
}
.show-details p, .show-cast p
{
	display: inline-block;
}
.show-details p,
.show-cast p
{
	font-weight: bold;
}
.show-cast{
    margin-bottom: 0 !important;
}
/*.genre*/
/*{*/
/*	margin-left: 100px;*/
/*}*/
.logo-break {
	display: none;
}
.mob-logo {
	display: none;
}
@media (max-width: 1024px) {
  .uname {
    font-size: 12px;
  }
}

/*Responsive CSS Start*/
@media (max-width: 425px)
{
	header
	{
		padding: 17px 18px 13px 18px;
	}
	.toggle-btn
	{
		right: 35px;
		top:  33px;
	}
}
@media (max-width: 1024px)
{
	a .logo-break
	{
		display: block;
	}
}
@media (max-width: 700px)
{
	#primary-slider,
	#secondary-slider,
	#carouselExampleCaptions
	{
		display: none;
	}
	#myCarousel
	{
		display: block;
	}
}
@media screen and (max-width: 768px) 
{
  #contact 
  {
    padding: 3em 0;
  }
  .mob-logo {
  	display: block;
  }
  .logo {
  	display: none;
  }
}

@media (max-width: 991px) 
{
	.toggle-btn 
	{
		display: block;
	}
	nav 
	{
		display: none;
		width: 100%;
		border-top: 1px solid #000;
		padding-top: 20px;
		margin-top: 30px;
	}
	nav ul li 
	{
		padding: 15px 0px;
		width: 100%;
	}
	.logo 
	{
		top: 0px;
	}
	nav.show 
	{
		display: block;
	}
}
/*Responsive CSS End*/