@font-face {
	font-family: 'codropsicons';
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/codropsicons/codropsicons.eot');
	src: url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'), url('../fonts/codropsicons/codropsicons.woff') format('woff'), url('../fonts/codropsicons/codropsicons.ttf') format('truetype'), url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
}

body {
	font-family: 'ABeeZee', sans-serif;
	background:#000000;
	}
 
.box-padding { padding:70px 0 40px 0;}
.navbar .navbar-inner {
	background: none;
	border: none;
	padding: 0;
}
.navbar-inner > .container {
	position: relative;
	margin-top: 50px;
	-webkit-transition: all 0.2s ease-out;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: all 0.2s ease-out;  /* Firefox 4-15 */
	-o-transition: all 0.2s ease-out;  /* Opera 10.50–12.00 */
	transition: all 0.2s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.banner {
	width: 100%;
	border: none;
	z-index: 120;
 	position: fixed;
}
.navbar .identity {
	position: absolute;
	bottom: 15px;
	background: url(../images/logo.png) no-repeat;
	width: 124px;
	height: 64px;
	background-size: 100%;
	text-indent: -9999px;
	display: block;
	margin: 0;
	margin-top: 5px;
	padding: 0;
	position: absolute;
	-webkit-transition: opacity 0.1s ease-out;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: opacity 0.1s ease-out;  /* Firefox 4-15 */
	-o-transition: opacity 0.1s ease-out;  /* Opera 10.50–12.00 */
	transition: opacity 0.1s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.navbar .identity-ds {
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	background: url(../images/logo.png) no-repeat;
	width: 73px;
	height: 40px;
	top: 6px;
	background-size: 100%;
	text-indent: -9999px;
	display: block;
	margin: 0;
	margin-top: 0;
	padding: 0;
	position: absolute;
}
.navbar-default .navbar-toggle {
	margin-right: 0;
	border-color: #fff;
	margin-top: 8px;
	margin-bottom: 8px;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #fff;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #363635;
}
.navbar-collapse {
	clear: both;
	border: none;
	padding: 0;
}
.navbar .nav li a {
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 1px;
	opacity: 0.65;
	filter: alpha(opacity=65);
	display: block;
	text-align: center;
	background: rgba(255,255,255,0);
}
.navbar .nav li a:hover {
	opacity: 0.85;
	filter: alpha(opacity=85);
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}
 
 
/* ==========================================================================
   navbar scroll
   ========================================================================== */



.slick-affix {
	width: 100%;
	-webkit-transition: all 0.1s ease-out;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: all 0.1s ease-out;  /* Firefox 4-15 */
	-o-transition: all 0.1s ease-out;  /* Opera 10.50–12.00 */
	transition: all 0.1s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	-webkit-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}
.slick-affix #menu-primary-navigation {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}
.slick-affix.affix {
	z-index: 999;
	opacity: 1;
	filter: alpha(opacity=100);
	width: 100%;
	background-color: #363635;
	-webkit-box-shadow: none; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
	box-shadow: none; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}
.slick-affix.affix .navbar-inner {
	margin-top: 0;
}
.navbar .slick-affix.affix .nav li a {
	color: #fff;
}
.navbar .slick-affix.affix .identity-ds {
	display: block;
	opacity: 1;
	filter: alpha(opacity=100);
}
.navbar .slick-affix.affix .identity {
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
}

    
 


/* fix per header come fixed  */
@media (max-width: 767px) {
.slick-affix.affix-top, .slick-affix.affix {
	z-index: 999;
	opacity: 1;
	width: 100%;
	background-color: #363635;
	-webkit-box-shadow: none;
	box-shadow: none;
	position: fixed;
}
.slick-affix.affix-top .navbar-inner, .slick-affix.affix .navbar-inner {
	margin-top: 0;
}
.navbar .identity-ds {
	display: block;
	opacity: 1;
}
.navbar .identity {
	display: none;
}
.navbar .nav {
	margin-top: 0;
}
.navbar-nav>li>a {
	padding: 10px 0 10px;
	text-align: center;
	color: #fff !important;
}
.navbar-collapse {
	box-shadow: none;
}
}
 @media (min-width: 768px) {
h1 {
	font-size: 40px;
}
h2 {
	font-size: 32px;
}
h3 {
	font-size: 26px;
}
h4 {
	font-size: 19px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 13px;
}
p {
	margin-bottom: 1em;
}
 		


.banner {
	position: absolute;
}
.navbar .navbar-inner {
	margin-top: 80px;
}
.navbar .nav {
	float: right;
	margin-right: 0;
}
.navbar .nav li {
	display: inline-block;
	float: none;
}
.navbar-nav>li>a {
	padding-top: 13px;
	padding-bottom: 7px;
}
.navbar .nav li:last-child a {
	padding-right: 0;
}
.lt-ie8 .navbar .nav li {
	display: block;
	float: left;
}
.roll {
	display: inline-block;
	overflow: hidden;
	z-index: 200;
	position: relative;
	vertical-align: top;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-webkit-perspective-origin: 50% 50%;
	-moz-perspective-origin: 50% 50%;
}
.roll span {
	display: block;
	position: relative;
	padding: 0 2px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	pointer-events: none;
	-webkit-pointer-events: none;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	overflow: hidden;
}
a.roll:hover span {
	overflow: visible;
	-webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
	-moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
}
.roll span:after {
	content: attr(data-title);
	display: block;
	position: absolute;
	left: 0;
	background: #999;
	top: 1px;
	padding: 0 2px;
	color: #424b51;
	background: #fff;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
	-moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
}

 }
 
 
.scroll-btn-home {
    bottom: 10px;
    cursor: pointer;
    display: block;
    height: 60px;
    left: 52%;
    margin-left: -30px !important;
    position: absolute;
    width: 60px;
    z-index: 15;
}

.scroll-btn-home i { font-size:50px; color:#ffffff;}
 

.icon-center{
    color: #282525;
    margin: 0 auto 5px;
    max-width: 100%;
    position: relative;
    text-align: center;
    width: 100px;
	font-size:30px;
}
 
 .footer-svg {  float: left;
  pointer-events: none;
  position:absolute;
  margin-top:-100px;}
 svg.footer-svg { 
  background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
  float: left;
  pointer-events: none;
    z-index:9;
}
.footer-svg path {
  fill: #014ba4;
  stroke: #014ba4;
  stroke-width: 4;
}


#what-we-are { display:block; background:#0e0a45;   }
#what-we-are p { font-size:20px; color:#575757; line-height:30px; padding:30px 0 0 0;}
#what-we-are span { font-size:20px; color:#fff; line-height:30px; padding:30px 0 0 0;}
#what-we-are h4 {   font-size:50px; text-transform:uppercase; font-family: 'Raleway', sans-serif;  color:#fff }

#upcoming-event-parallax{    min-height: 500px;    background: transparent;	position:relative;}
#upcoming-event-parallax h4 {   font-size:50px; text-transform:uppercase; font-family: 'Raleway', sans-serif;   color:#fff; }
#upcoming-event-parallax p { text-align:center; padding:20px 0; color:#fff; font-size:30px;}
#upcoming-event-parallax img { max-width:90% ;}
 #upcoming-event-parallax .upside { margin-top:-190px;}
#our-events-svg-top {   position:absolute; margin-top:-5px;}
#our-events {display:block; background:#282525; padding-bottom:50px;	 }
#our-events h4 { font-size:50px; text-transform:uppercase;  color:#fff; font-family: 'Raleway', sans-serif;   }



#our-video {display:block; background:#574f4f; padding-bottom:50px;	 }
#our-video h4 { font-size:50px; text-transform:uppercase;  color:#fff; font-family: 'Raleway', sans-serif;   }


 .buyticketicon { width:17px; height:17px; margin:2px 10px 0 0; }
#buyticket { display:block; background:#c0c0c0; text-align:center;   }
#buyticket .insiderimg img  { width:100%; height:auto;}
#buyticket p { font-size:20px; color:#575757; line-height:30px; padding:30px 0 0 0;}
#buyticket span { font-size:20px; color:#fff; line-height:30px; padding:30px 0 0 0;}
#buyticket h4 {   font-size:50px; text-transform:uppercase; font-family: 'Raleway',  sans-serif; font-weight:bold; margin:55px 0;  color:#014ba4 }



    


#artist-roster { background:#575757;}
#artist-roster figcaption { display:block ; float:left; }
#artist-roster h4{ font-size:50px; text-transform:uppercase; font-family: 'Raleway', sans-serif;   color:#014ba4; }
#artist-roster h2{ font-size:24px; text-transform:uppercase; font-family: 'Raleway', sans-serif;   color:#014ba4; }
#artist-roster p{ font-size:12px; text-transform:uppercase; font-family: 'Raleway', sans-serif;   color:#014ba4; }

#artist-roster img{
    display: inline-block;
    max-width: 100%;
}

#contact-us { background:#f0f0f0;}
#contact-us h4{ font-size:50px; text-transform:uppercase; font-family: 'Raleway', sans-serif;   color:#014ba4; }
  
 /****** footer css start *******/

#footer {   display:block; float: left; width:100%; background:#014ba4;}
#footer .footer-logo { text-align:left; float:left;}
#footer .quick-links {  float:left; width:100%; height:auto;}
#footer .social-network{  float:left; width:100%; height:auto;}
#footer .subscribe-now {  float:left; width:100%; height:auto;}

#footer h2 {
    color: #fff;
	font-size: 14px;
    letter-spacing: normal;
	font-weight:bold;
    line-height: 1.1;
    margin: 0 0 27px;
    overflow: hidden;
    text-transform: uppercase;
	text-align:left;
}

#footer h3 { color: #000;  font-size: 14px;     margin: 20px 0; overflow: hidden; text-transform: uppercase;}

#footer  ul { padding-left:10px;} 
#footer  ul li { list-style:none;  font-size:14px; color:#fff ;line-height:24px;  }
#footer  ul li a { color:#fff;    font-size:14px;  text-decoration:none; line-height:24px;}
#footer  ul li a:hover { color:#fff;     font-size:14px; text-decoration:underline; line-height:24px;}

#footer  ul li i { width:20px; color:#fff; }
#footer form  { float:left; }
#footer form input {
    background: #989797 none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
	border:solid 2px #acacac;
    color: #ffffff;
    height: 38px;
    padding: 0 10px;
    width: 100%;
	margin-bottom:20px;
}

#sub-footer { display:block; float: left; width:100%; background:#2b68b2; padding:20px 0; color:#fff;}
#sub-footer  a { color:#fff;}


@media screen and (max-width: 990px){
	
	#events h4,#what-we-are  h4 ,#contact-us h4{ font-size:32px; }

	
#footer .footer-logo { text-align:center !important; margin: 0 auto !important; width:100% !important; }
#footer form  { float:none !important; text-align:center !important; margin:0 auto !important; }
#footer .quick-links {  display:block; width:100%; text-align:center !important; margin:0 auto !important;  }

#footer h2, footer h3 { margin:20px 0 !important; text-align:center !important;}
#footer ul li { text-align:center !important; margin:0 auto !important;}
 #upcoming-event-parallax .upside { margin-top:-130px;}

}




@media screen and (max-width: 767px){
	
	#upcoming-event-parallax h4 { font-size:30px !important; }
	#what-we-are { font-size:30px !important;}
	#our-events h4  { font-size:30px !important;}
	#our-video h4  { font-size:30px !important;}
	#contact-us h4 {  font-size:30px !important; }

#sub-footer { text-align:center !important;}

.text-right { text-align:center !important;}

.card__title { font-size:24px !important; }

ul.countdown li { width:100% !important;}

 #upcoming-event-parallax .upside { margin-top:-30px;}

}
 /****** footer css end *******/  
  
  
  
  
  
  

a.Ghost-Blue {
  display: inline-block;
  padding: 10px 15px;
  border: 2px solid #000;
  text-transform: uppercase;
  letter-spacing: 0.015em;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  color: #000;
}

a.Ghost-Blue:hover {
  color: white;
  background: #2980b9;
  border: 2px solid #2980b9;
}

a.Ghost-Turquoise {
  display: inline-block;
  padding: 10px 15px;
  border: 2px solid #000;
  text-transform: uppercase;
  letter-spacing: 0.015em;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  color: #000;
}

a.Ghost-Turquoise:hover {
  color: #fff;
  background: #2ecc71;
  border: 2px solid #2ecc71;
}

form {
  margin-bottom: 0;
}

/*************
 Placeholder
*************/
::selection {
  background: #FD685B;
  color: #fff;
}

::-moz-selection {
  background: #FD685B;
  color: #fff;
}

::-webkit-input-placeholder {
  color: #fff;
  font-weight: bolder;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
  font-weight: bolder;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  font-weight: bolder;
}

:-ms-input-placeholder {
  color: #fff;
  font-weight: bolder;
}
 


/* contact us css start  */
.input {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 1em;
	max-width: 350px;
	width: calc(100% - 2em);
	vertical-align: top;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	font-weight: 400;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 40%;
	color: #014ba4;
	font-weight: bold;
	font-size: 70.25%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
}

.graphic {
	position: absolute;
	top: 0;
	left: 0;
	fill: none;
}

.icon {
	color: #ddd;
	font-size: 150%;
}


.input--manami {
	overflow: hidden;
}

.input__field--manami {
	width: 100%;
	background: transparent;
	padding: 0.5em;
	margin-bottom: 2em;
	color: #f9f7f6;
	z-index: 100;
	opacity: 0;
}

.input__label--manami {
	width: 100%;
	position: absolute;
	text-align: left;
	padding: 0.5em 0;
	pointer-events: none;
	font-size: 1em;
}

.input__label--manami::before,
.input__label--manami::after {
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
}

.input__label--manami::before {
	height: 100%;
	background: #014ba4;
	top: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
}

.input__label--manami::after {
	height: 2px;
	background: #A8A8A8;
	top: 100%;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.input__label-content--manami {
	padding: 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: -webkit-transform 0.2s, color 0.2s;
	transition: transform 0.2s, color 0.2s;
}

.input__field--manami:focus,
.input--filled .input__field--manami {
	opacity: 1;
	-webkit-transition: opacity 0s 0.2s;
	transition: opacity 0s 0.2s;
}

.input__label--manami::before,
.input__label--manami::after,
.input__label-content--manami,
.input__field--manami:focus,
.input--filled .input__field--manami {
	-webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
	transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
}

.input__field--manami:focus + .input__label--manami::before,
.input--filled .input__label--manami::before {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.input__field--manami:focus + .input__label--manami::after,
.input--filled .input__label--manami::after {
	opacity: 0;
}

.input__field--manami:focus + .input__label--manami .input__label-content--manami,
.input--filled .input__label--manami .input__label-content--manami {
	color: #cbc4c6;
	-webkit-transform: translate3d(0, 2.1em, 0) scale3d(0.65, 0.65, 1);
	transform: translate3d(0, 2.1em, 0) scale3d(0.65, 0.65, 1);
}






/* form style */
.form-style{
	max-width: 450px;
	padding: 40px 30px 40px 40px;
	font: 13px Arial, Helvetica, sans-serif;
	margin: 50px auto;
	background: #FFFFFF;
	border-radius: 5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}
.form-style-heading{
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 10px;
    font-size: 15px;
    padding-bottom: 3px;
}
.form-style label{
    display: block;
    margin: 0px 0px 15px 0px;
}
.form-style label > span{
    width: 100px;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
.form-style span.required{
    color:red;
}
.form-style .tel-number-field{
    width: 40px;
    text-align: center;
}
.form-style  .long{
    width: 120px;
}
.form-style input.input-field{
    width: 48%;
   
}

.form-style input.input-field,
.form-style .tel-number-field,
.form-style .textarea-field,
 .form-style .select-field{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}
.form-style .input-field:focus,
.form-style .tel-number-field:focus,
.form-style .textarea-field:focus,  
.form-style .select-field:focus{
    border: 1px solid #0C0;
}
.form-style .textarea-field{
    height:100px;
    width: 55%;
}
.form-style input[type="button"],
.form-style input[type="submit"] {
    -moz-box-shadow: inset 0px 1px 0px 0px #3985B1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #3985B1;
    box-shadow: inset 0px 1px 0px 0px #3985B1;
    background-color: #216288;
    border: 1px solid #17445E;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    padding: 8px 18px;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
}
.form-style input[type="button"]:hover,
.form-style input[type="submit"]:hover {
    background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%);
    background-color: #28739E;
}
.form-style .success{
	background: #D8FFC0;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #2E6800;
	border-left: 3px solid #2E6800;
}
.form-style .error {
	background: #FFE8E8;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #FF0000;
	border-left: 3px solid #FF0000;
}






/* upcoming event counter */

ul.countdown {
  list-style: none;
  margin: 75px 0;
  padding: 0;
  display: block;
  text-align: center;
}

ul.countdown li { display: inline-block; }

ul.countdown li span {
  font-size: 80px;
  font-weight: 300;
  line-height: 80px;
  color:#fff;
  padding: 0 20px;
    margin-left: -4px;
}

ul.countdown li p {
  color: #a7abb1;
  font-size: 14px;
  text-transform: uppercase;
}

.days {
  background-color: #C0392B;
  padding: 0 10px;
  color: #fff;
}

.last { }


/* upcoming event counter */