/**
 * CSSReset.com - How To Keep Footer At Bottom of Page with CSS
 * 
 * Original Tutorial: http://www.cssreset.com/2010/css-tutorials/how-to-keep-footer-at-bottom-of-page-with-css/
 * License: Free - do whatever you like with it! Credit and linkbacks much appreciated.
 *
 * NB: Make sure the value for 'padding-bottom' on #content is equal to or greater than the height of #footer.
 */
html,
body {
	margin:0;
	padding:0;
	height:100%;
}

#imagelightbox
{
    position: fixed;
    z-index: 9999;
 
    -ms-touch-action: none;
    touch-action: none;
}

	/* CAPTION */

		#imagelightbox-caption
		{
			text-align: center;
			color: #fff;
			background-color: #666;
			position: fixed;
			z-index: 10001;
			left: 0;
			right: 0;
			bottom: 0;
			padding: 0.625em; /* 10 */
		}


		/* NAVIGATION */

		#imagelightbox-nav
		{
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			border-radius: 20px;
			position: fixed;
			z-index: 10001;
			left: 50%;
			bottom: 3.75em; /* 60 */
			padding: 0.313em; /* 5 */

			-webkit-transform: translateX( -50% );
			-ms-transform: translateX( -50% );
			transform: translateX( -50% );
		}
			#imagelightbox-nav button
			{
				width: 1em; /* 20 */
				height: 1em; /* 20 */
				background-color: transparent;
				border: 1px solid #fff;
				border-radius: 50%;
				display: inline-block;
				margin: 0 0.313em; /* 5 */
			}
			#imagelightbox-nav button.active
			{
				background-color: #fff;
			}

#instafeed {
width: 100%; 
height: 100%; 
padding-right: 10%; 
padding-left: 10%; 
padding-top: 16px;
}

#instafeed img {
width: 80%;
max-width: 432px; 
}

.tunecore {
width: 400px; 
display: block;
padding-top: 24px; 
padding-right: 16px; 
float: right;
}

@media  (min-width: 769px) and (max-width: 1150px) {

.tunecore {
width: 300px;
}

}

@media  (min-width: 2px) and (max-width: 769px) {

.tunecore {
display: none;
}

}
.timeline-Widget {

color: #456123 !important;

}

a:link { color: #b11616; text-decoration: none;}
a:visited { color: #b11616; text-decoration: none;}
a:hover { color: #000000; text-decoration: none;}
a:active { color: #000000; text-decoration: none;}


/*FOR UPDATER*/
.textwht {font-family: verdana,arial,helvetica; font-size: 12px; line-height:16px; color:#FFFFFF }
.title3 {font-family: arial; font-size: 13px; line-height:12px; color:#E94142 }
.text {font-family: arial; font-size: 13px; line-height:16px; color:#333333 }
.textsm {font-family: arial; font-size: 11px; line-height:13px; color:#333333 }

A.uline:link {  font-size: 13px; font-family: arial, helvetica, sans-serif;  color:#C70001}
A.uline:visited {  font-size: 13px; font-family: arial, helvetica, sans-serif; color:#C70001}
A.uline:hover {  font-size: 13px; font-family: arial, helvetica, sans-serif; color:#5B3800}
A.uline:active {  font-size: 13px; font-family: arial, helvetica, sans-serif; color:#5B3800}

A.up4:link { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#742674}
A.up4:visited { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#742674}
A.up4:hover { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}
A.up4:active { text-decoration: underline; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}

A.up1:link { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#a22222}
A.up1:visited { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#a22222}
A.up1:hover { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}
A.up1:active { text-decoration: underline; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}

A.up2:link { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#006c05}
A.up2:visited { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#006c05}
A.up2:hover { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}
A.up2:active { text-decoration: underline; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}

A.up3:link { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#004273}
A.up3:visited { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#004273}
A.up3:hover { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}
A.up3:active { text-decoration: underline; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}

A.up5:link { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#7b4500}
A.up5:visited { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#7b4500}
A.up5:hover { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}
A.up5:active { text-decoration: underline; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}

A.up6:link { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#d76a00}
A.up6:visited { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#d76a00}
A.up6:hover { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}
A.up6:active { text-decoration: underline; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}

A.up7:link { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#C70001}
A.up7:visited { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#C70001}
A.up7:hover { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}
A.up7:active { text-decoration: underline; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}

/*END FOR UPDATER*/

#wrapper {
    box-sizing: border-box;
	min-height:100%;
	position:relative;
}
#header {
border-bottom: solid 1px #b4b4b4;
}
#content {
	padding-bottom:100px; /* Height of the footer element */
}
#footer {
	background:#f3f3f1;
	width:100%;
	height:100px;
	position:absolute;
	bottom:0;
	left:0;
}

#mailingmobile {
display: none;
}

#axis-logo {
display: block;
float: left;
padding-top: 5px; 
padding-bottom: 5px;
width: 12%;
height: 90px;

}

#logoinside {
text-align: center;
display: block;
margin: 0 auto;
}


#axis-logo img {
max-width: 100%;
max-height: 100%;
}


#nav-container {
/*background-color: #b5b5b5;*/
display: block;
margin: 0 auto;
max-width: 1200px; 
height: 100px;

}

#axis-nav {
/*background-color: #6c6c6c;*/
margin: 0 auto;

width: 100%;

}


#axis-nav ul {
	padding: 38px 0 0 0;
	margin: 0;
	list-style: none;
}



#axis-nav li {
	float: left;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: .35px;
    
}

#axis-nav a:link { color: #4d4d4d; text-decoration: none;}
#axis-nav a:visited { color: #4d4d4d; text-decoration: none;}
#axis-nav a:hover { color: #b11616; text-decoration: none;}
#axis-nav a:active { color: #b11616; text-decoration: none;}

#grad1 {
	display: block;
	width: 100%;
    height: 13px;
    background: #cfcfcf; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#cfcfcf, #FFFFFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#cfcfcf, #FFFFFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#cfcfcf, #FFFFFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#cfcfcf, #FFFFFF); /* Standard syntax (must be last) */
    margin-bottom: 18px;
}


.google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }


#sidebartix {
display: block;
width: 100%;
height: 59px;
display: block;
background: url(images/horizdots.png);
background-repeat: repeat-x; 
background-position: center, center;
text-align: right;

}

.quote {
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 10%;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 17px;
    color: #000;
    line-height: 1.5em;
     letter-spacing: .35px;

}

.attribution {
	color: #216dba;
	text-align: right;
	padding-right: 10%;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 1.5em;
    letter-spacing: .35px;


}

.atlink {
	text-align: right;
	padding-right: 10%;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 1.5em;
    letter-spacing: .35px;
}



.bluetext {
color: #216dba;
}

.regtext {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 17px;
    color: #000;
    line-height: 1.5em;
        letter-spacing: .35px;

}

#halfleft {
width: 50%;
float: left;
background-color: #3ea133;
}

#halfright {
width: 50%;
float: left;
background-color: #a5d1c8;
}


.pipe {
padding-left: 20px; padding-right: 20px;
}


#whole {
display: block;
margin: 0 auto;
width: 100%;
}

#contentwrap {
max-width: 1200px;
display: block;
margin: 0 auto;
width: 100%;
}

#leftcontent {
float: left;
padding-top: 0px;
width: 60%;
}

#leftinner {
width: 100%;
padding: 0;
}

#showposter {

}

#showposter img {
max-width: 100%;
}


#rightcontent {
float: left;
width: 40%;
}

#rightinner {
width: 100%;
padding: 0;
}

#mobiletix {
display: none;
}

h1 {
text-transform: none !important;
font-family: 'Raleway', sans-serif;
font-weight: 700;
color: #b11616;
font-size: 24px;
margin-top: .5em;
margin-bottom: .5em;
}

h2 {
text-transform: none !important;
font-family: 'Raleway', sans-serif;
font-weight: 700;
font-size: 18px;
margin-top: 0px;
}

h2link a:link {
text-transform: none !important;
font-family: 'Raleway', sans-serif;
font-weight: 700;
color: #b11616;
font-size: 18px;
margin-top: 0px;
text-decoration:none;
}

h2 a:visited {
text-decoration:none;
color: #b11616;
}

h2 a:hover {
text-decoration:none;
color: #000;
}

h2 a:active {
text-decoration:none;
color: #000;
} 



h3 {
text-transform: none !important;
font-family: 'Raleway', sans-serif;
font-weight: 700;
color: #b11616;
font-size: 16px;
}

.fakeanh3 {
text-transform: none !important;
font-family: 'Raleway', sans-serif;
font-weight: 700;
color: #b11616;
font-size: 16px;
padding-left: 10%; 
padding-top: 10%;
letter-spacing: .35px;
}

.inst {
display: inline;
width: 116px;
height: 34px;
}
.inst img {
max-width: 116px;
max-height: 34px;
position: relative;
top: 14px;
}

h4 {
text-transform: none !important;
font-family: 'Raleway', sans-serif;
font-weight: 700;
color: #000;
font-size: 16px;
line-height: 16px;
margin-top: .5em;
margin-bottom: .5em;
}

#hometop {
margin: 15px 0 15px 0;
}

#production {
width: auto;
overflow: hidden;
padding-left: 15px;
padding: 15px;
font-size: 18px;
font-family: 'Raleway', sans-serif;
font-weight: 400;
color: #3c3c3c;
max-height: 270px;

}

@media All and (max-width: 800px) {

#production {
width: auto;
overflow: hidden;
font-size: 15px;
color: #3c3c3c;
max-height: 270px;
}

}

@media All and (max-width: 648px) {

#production {
width: auto;
overflow: hidden;
font-size: 14px;
color: #3c3c3c;
max-height: 270px;
}

}



#storehead {
width: 100%;
padding-bottom: 36px;
padding-left: 30px;
}

#storewrapgray {
background-color: #f2f2f2;
height: 300px;
}

#storeimage {
max-width: 300px;
float: left;
}

#storeimage img {
max-width: 300px;
}

#storedesc {
max-width: 900px;
width: auto;
float: left;
padding-top: 15px;
padding-left: 15px;
}

.storesub {
font-family: 'Raleway', sans-serif;
font-weight: 400;
font-size: 13px;
}

@media All and (max-width: 600px) {
#storewrapgray {
height: auto;
}

#storeimage {
max-width: 300px;
float: none;
}
#storedesc {
width: auto;
float: none;
padding-top: 15px;
padding-left: 15px;
}

}

.yearbox {
padding-bottom: 36px;
padding-left: 30px;
}

#drop {
float: right;
width: 224px;
}

.jump {
font-family: 'Raleway', sans-serif;
font-weight: 400;
font-size: 17px;
color: #6d6d6d;
letter-spacing: .35px;
margin-top: 10px;
float: left;

}

.styleSelect select {
float: right;
   -webkit-appearance: none;
    -webkit-border-radius: 4px;
    -moz-appearance: none;
    border: 1px solid #efefef;
    background: rgb(255, 255, 255) url('images/downArrow.png') no-repeat 95% center;
    width: 150px;
    padding: 10px 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  color: #6d6d6d;
  font-size: 14px;
letter-spacing: .75px;


}




.year {
font-family: 'Raleway', sans-serif;
font-weight: 400;
color: #b11616;
letter-spacing: .35px;
}

.newstext {
font-family: 'Raleway', sans-serif;
font-weight: 400;
color: #4d4d4d;
font-size: 18px;

}

.redtext {
font-family: 'Raleway', sans-serif;
font-weight: 400;
color: #b11616;
font-size: 18px;

}

.smaller {
font-family: 'Raleway', sans-serif;
font-weight: 400;
color: #4d4d4d;
font-size: 14px;

}

.hometickets {
float: right;
padding-right: 13%;
width: 156px; 
height:150px; 
background: url(images/dots.png);
background-repeat: no-repeat; 
background-position: center, center;

}

.hometickets img {
position: relative;
top: 150px;
}


@media  (min-width: 2320px) and (max-width: 3600px) {
.hometickets {
height:90px; 
background: url(images/dots.png);
background-repeat: no-repeat; 
background-position: center, center;
}
.hometickets img {
position: relative;
top: 90px;
}
}


#footerwrap {
margin: 0 auto;
max-width: 1200px;
background-color: #d4d4d4;
}

#footerleft {
width: 65%;
float: left;
font-family: 'Raleway', sans-serif;
font-weight: 400;
font-size: 15px;
color: #000000;
line-height: 38px;
border-bottom: solid 1px #b9b7b6;
letter-spacing: .5px;

}

#footerright {
width: 35%;
float: right;
}

#mailing, #mailing2 {
font-family: 'Raleway', sans-serif;
font-weight: 400;
font-size: 15px;
color: #000000;
padding: 12px;
letter-spacing: .5px;
float: left; 
}

#social {
font-family: 'Raleway', sans-serif;
font-weight: 400;
font-size: 15px;
color: #000000;
padding: 12px;
letter-spacing: .5px;
float: right; 
}

#mailing input[type="email"], #mailing2 input[type="email"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: content-box;
	
	max-width: 130px;
	margin: 0;
	height: 26px;
	padding-left: 6px;
	margin-top: 12px;


	border: 1px solid #9e9e9e;

	-webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
     
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-topright: 0px;
	
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius:  0px;
	border-bottom-right-radius: 0px;
	
	color: #9e9e9e;
	outline: none;
	background-color: #f3f3f1;
	vertical-align: middle;
	cursor: text;
}

.joinbutton, a.button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
	display: inline-block;
	position: relative;
	margin-top: 12px;	

	width: 28px;
	height: 28px;
	
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: content-box;

	
	padding: 0px;
	border-left: none;
		border-right: 1px solid #9e9e9e;
			border-top: 1px solid #9e9e9e;
				border-bottom: 1px solid #9e9e9e;

	-webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-top-left: 0px;
    -webkit-border-bottom-left: 0px;

	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;

	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;

	color: #333;
		background: url(images/check.png) no-repeat center;
background-color: #616161;
	font-size: 0px;
	font-weight: 700;
	line-height: 20px;
	vertical-align: middle;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1);
}

.joinbutton,  a.button:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
	border-left: none;
		border-right: 1px solid #9e9e9e;
			border-top: 1px solid #9e9e9e;
				border-bottom: 1px solid #9e9e9e;

	-webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-top-left: 0px;
    -webkit-border-bottom-left: 0px;

	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;

	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;

	background-color: #353535;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f1f1f1);
}

.joinbutton, a.button:active,
input[type="reset"]:active,
input[type="button"]:active,
input[type="submit"]:active {
	-webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-top-left: 0px;
    -webkit-border-bottom-left: 0px;

	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;

	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;

	background-color: #292929;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1);
}




input[type="submit"].submitbutton {
	display: inline-block;
	position: relative;
	margin-top: 12px;	

	width: 98px;
	height: 28px;
	
	
	padding: 0px;

		border: 1px solid #9e9e9e;

	-webkit-border-radius: 4px;
 
	-moz-border-radius: 4px;

	border-radius: 4px;
	background: none;
	color: #FFF;
	
background-color: #b11616;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	vertical-align: middle;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1);
}

input[type="submit"].submitbutton:hover {
		border: 1px solid #9e9e9e;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #353535;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f1f1f1);
}

input[type="submit"].submitbutton:active {
    -webkit-border: 0px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #292929;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1);
}








#social1 {
height: 33px;
width: 152px;
padding: 12px 0 0 0;
position: relative;
left: -4px;
}

#circle { 
width: 32px; 
height: 32px; 
float: left;
background: #FFF; 
-moz-border-radius: 16x; 
-webkit-border-radius: 16px; 
border-radius: 16px; 
margin-right: 6px;
} 
#circle:hover { 
background: #e0e0e0; 
} 

.socialicon {
width: 32px;
height: 32px;
padding-right: 9px;
}
.socialicon a { 
width: 32px;
height: 32px;
padding-right: 9px;
background-size: 32px 32px;
} 
.socialicon img {
opacity:.5;
}
.socialicon img:hover {
opacity: 1;
}



#mhead {

background: url(images/axis_theatre_mo.jpg) no-repeat center;
margin-left: 82px;
height: 94px;

}

#footerleft2 {
display: none; 
}




    /* For larger displays */
   	@media  (min-width: 1200px)  {
   	
   	.demo-1 {
   	display: none;
   	}
   	
   	#nav-container {
   	display: block;

#mailing2 {

}

   }

    }


    /* For medium sized displays */
    @media  (min-width: 980px) and (max-width: 1199px) {

   	.demo-1 {
   	display: none;
   	}
   	
   	#nav-container {
   	display: block;
   }
		  
    }
    
  
  
  
    /* TOP MENU AND FOOTER ONLY*/

@media  All and (min-width: 768px) and (max-width: 1236px) {  
#leftinner {
width: 96%;
padding-left: 2%;
padding-right: 2%;
}
    
#rightinner {
width: 96%;
padding-left: 2%;
padding-right: 2%;
}  
}


@media  All and (min-width: 1017px) and (max-width: 1069px) {  
#social1 {
height: 33px;
width: 130px;
}

#circle { 
width: 28px; 
height: 28px; 
float: left;
background: #FFF; 
-moz-border-radius: 14x; 
-webkit-border-radius: 14px; 
border-radius: 14px; 
margin-right: 3px;
} 
#circle:hover { 
background: #e0e0e0; 
} 

.socialicon {
width: 28px;
height: 28px;
padding-right: 9px;
}
.socialicon a { 
width: 28px;
height: 28px;
padding-right: 9px;
background-size: 28px 28px;
} 
.socialicon img {
width: 28px;
height: 28px;
opacity:.5;
}
.socialicon img:hover {
opacity: 1;
}
}


@media  All and (min-width: 890px) and (max-width: 1016px) {  


#axis-nav li {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .35px;
   
}  
  .pipe {
padding-left: 14px; padding-right: 14px;
}		
  
#footerleft {
display: block;
font-size: 14px;
letter-spacing: .24px;
}

#footerleft2 {
display: none; 
}

#mailing, #mailing2 {
font-size: 14px;
letter-spacing: .24px;
}
#mailing input[type="email"], #mailing2 input[type="email"] {
	max-width: 110px;
}
#social {
    font-size: 14px;
    letter-spacing: .24px;
}
#social1 {
height: 33px;
width: 110px;
}

#circle { 
width: 24px; 
height: 24px; 
float: left;
background: #FFF; 
-moz-border-radius: 12x; 
-webkit-border-radius: 12px; 
border-radius: 12px; 
margin-right: 3px;
} 
#circle:hover { 
background: #e0e0e0; 
} 

.socialicon {
width: 24px;
height: 24px;
padding-right: 9px;
}
.socialicon a { 
width: 24px;
height: 24px;
padding-right: 9px;
background-size: 24px 24px;
} 
.socialicon img {
width: 24px;
height: 24px;
opacity:.5;
}
.socialicon img:hover {
opacity: 1;
}
}    
    
    
@media  All and (min-width: 768px) and (max-width: 889px) {  

#axis-nav li {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .25px;
}  
  .pipe {
padding-left: 8px; padding-right: 8px;
}		

#footerleft {
font-size: 14px;
letter-spacing: 0px;
}
#mailing, #mailing2 {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 6px;
padding-right: 6px;
font-size: 14px;
letter-spacing: 0px;
}
#mailing input[type="email"], #mailing2 input[type="email"] {
	max-width: 80px;
}
#social {
    font-size: 14px;
    letter-spacing: .0px;
    padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 6px;
	padding-right: 6px;

}
#social1 {
height: 33px;
width: 93px;
}
#circle { 
width: 20px; 
height: 20px; 
float: left;
background: #FFF; 
-moz-border-radius: 10x; 
-webkit-border-radius: 10px; 
border-radius: 10px; 
margin-right: 3px;
} 
#circle:hover { 
background: #e0e0e0; 
} 

.socialicon {
width: 20px;
height: 20px;
padding-right: 9px;
}
.socialicon a { 
width: 20px;
height: 20px;
padding-right: 9px;
background-size: 20px 20px;
} 
.socialicon img {
width: 20px;
height: 20px;
opacity:.5;
}
.socialicon img:hover {
opacity: 1;
}
}

   /* END TOP MENU ONLY*/  
  
  
    
    

    /* For smaller displays like laptops */
    @media All and (min-width: 769px) and (max-width: 979px) {
		

   	.demo-1 {
   	display: none;
   	}
   	
   	#nav-container {
   	display: block;
   }		
		    
    }

    /* For tablets & smart phones */
    @media All and (max-width: 768px) {


#sidebartix {
display: none;
}

#leftcontent {
width: 100%;
padding-top: 10px;
}

#rightcontent {
width: 100%;
}

#leftinner {
width: 96%;
padding-left: 2%;
padding-right: 2%;
}
    
#rightinner {
width: 96%;
padding-left: 2%;
padding-right: 2%;
}  

.hometickets {
display: none;
}

#mobiletix {
width: 100%;
height: 59px;
display: block;
background: url(images/horizdots.png);
background-repeat: repeat-x; 
background-position: center, center;
text-align: right;

}

#social1 {
height: 33px;
width: 93px;
}
#circle { 
width: 20px; 
height: 20px; 
float: left;
background: #FFF; 
-moz-border-radius: 10x; 
-webkit-border-radius: 10px; 
border-radius: 10px; 
margin-right: 3px;
} 
#circle:hover { 
background: #e0e0e0; 
} 

.socialicon {
width: 20px;
height: 20px;
padding-right: 9px;
}
.socialicon a { 
width: 20px;
height: 20px;
padding-right: 9px;
background-size: 20px 20px;
} 
.socialicon img {
width: 20px;
height: 20px;
opacity:.5;
}
.socialicon img:hover {
opacity: 1;
}

.where {
float: right;
width: 156px;
height; 59px;
background-color: #FFF;
padding-top: 10px;
padding-right: 10px;
}



#mobiletix img {
float: right;
}


#footerleft {
display: none;

}
#footerwrap {
background: none;
}
#footerleft2 {
display: block; 
background: none; 
width: 50%;
float: left;
font-family: 'Raleway', sans-serif;
font-weight: 400;
font-size: 15px;
color: #000000;
padding: 12px;
letter-spacing: .5px;
}	
#mailing {
display: none;
}

#mailingmobile {
display: block;
clear: both;
height: 100px;
width: 100%;
background-color: #f3f3f1;
}

#mailing2 {
width: 96%;
padding-left: 2%;
padding-right: 2%;

font-size: 15px;

}




#mailing2 input[type="email"] {
	width: 88%;

}
#mailing input[type="email"], #mailing2 input[type="email"] {
	
	max-width: 100%;
}	
   	.demo-1 {
   	display: block;
   	}
   	
   	#nav-container {
   	display: none;
   }		
		
		    
    }

    /* For smartphones */
    @media All and (max-width: 480px) {

   	.demo-1 {
   	display: block;
   	}
   	
   	#nav-container {
   	display: none;
   }		
      
#footerleft2 {
display: block; 
background: none; 
width: 55%;
float: left;
font-family: 'Raleway', sans-serif;
font-weight: 400;
font-size: 14px;
color: #000000;
padding: 12px;
letter-spacing: .25px;
}

#social {
    font-size: 14px;
    letter-spacing: .0px;
    padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 6px;
	padding-right: 6px;

}	
#social1 {
height: 33px;
width: 93px;
}
#twitter a {
    width: 24px;
    height: 24px;
    padding-right: 6px;
    background: url(images/twitter_off.gif) no-repeat center;
    background-size: 26px 26px;
}
#twitter a:hover {
background: url(images/twitter_on.gif) no-repeat center;
    background-size: 26px 26px;
}
#facebook a {
    width: 24px;
    height: 24px;
    padding-right: 6px;
    background: url(images/facebook_off.gif) no-repeat center;
    background-size: 26px 26px;
}
#facebook a:hover {
background: url(images/facebook_on.gif) no-repeat center;
    background-size: 26px 26px;
}
#instagram a {
    width: 24px;
    height: 24px;
    padding-right: 6px;
    background: url(images/instagram_off.gif) no-repeat center;
    background-size: 26px 26px;
}
#instagram a:hover {
background: url(images/instagram_on.gif) no-repeat center;
    background-size: 26px 26px;
}  


#mailing2 {
width: 100%;
padding-left: 2%;
padding-right: 2%;
font-size: 14px;

}
#mailing2 input[type="email"] {
	width: 84%;

}

.newhistory {
padding-right: 0;
padding-left: 0;
padding-top: 0;
}    
    

}
    }
    
.newhistory {
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 10%;
}    
    
.historycaption {
width: 300px;
font-size: 12px;
line-height: 1.2em;
color: #333;
padding-bottom: 24px;
padding-top: 4px;
    font-family: 'Raleway', sans-serif;

}    




#mce-success-response {
    color: #529214;
    font-family: 'Raleway', sans-serif;
font-weight: 700;
font-size: 14px;
    }



#mce-error-response  {

    color: #b11616;
    font-family: 'Raleway', sans-serif;
font-weight: 700;
font-size: 14px;

}








/* Common styles of menus */

.dl-menuwrapper {
background-color: #000000;
	width: 100%;
	height: 99px;
	float: left;
	position: relative;
	border: 1px solid #d0d0d0;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;

}

.dl-menuwrapper button {
	background: url(images/axis_m_logo.jpg);
	border: none;
	width: 12.556732223903%;
	max-width: 81px;
	min-width: 81px;
	height: 99px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
	border-right: 1px solid #d0d0d0;
}

.dl-menuwrapper button img {

}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active
 {
	background: url(images/axis_m_logo.jpg);
}

.dl-menuwrapper ul {
background-color: #000;
position: relative;
top: 96px;
text-align: left; 
font-family: 'Raleway', sans-serif;
font-weight: 300;
text-transform: uppercase;
font-size: 12px;

}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 5px;
	top: 10px;
	left: 16%;
	}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 6px 20px;
	line-height: 18px;
	color: #fff;
	outline: none;
	text-decoration: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {

}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {

}