/*============================ CUSTOM GLOBAL STYLES ===============================*/
#loading { display:none; width:100%; height:100%; position:fixed; background:rgba(255,255,255,.7); z-index:10000; }
.loader { height:20px; width:250px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
.loader--dot { animation-name:loading-dot; animation-timing-function:ease-in-out; animation-duration:3s; animation-iteration-count:infinite; height:20px; width:20px; border-radius:100%; background-color:black; position:absolute; border:2px solid white; }
.loader--dot:first-child { background-color:#8cc759; animation-delay:0.5s; }
.loader--dot:nth-child(2) { background-color:#8c6daf; animation-delay:0.4s; }
.loader--dot:nth-child(3) { background-color:#ef5d74; animation-delay:0.3s; }
.loader--dot:nth-child(4) { background-color:#f9a74b; animation-delay:0.2s; }
.loader--dot:nth-child(5) { background-color:#60beeb; animation-delay:0.1s; }
.loader--dot:nth-child(6) { background-color:#fbef5a; animation-delay:0s; }
.loader--text { position:absolute; top:200%; left:0; right:0; width:4rem; margin:auto;}
.loader--text:after { content:"Loading"; font-weight:bold; animation-name:loading-text; animation-duration:3s; animation-iteration-count:infinite; }
@keyframes loading-dot {
	15% { transform: translateX(0); }
	45% { transform: translateX(230px); }
	65% { transform: translateX(230px); }
	95% { transform: translateX(0); }
}
@keyframes loading-text {
	 0% { content: "Loading"; }
	25% { content: "Loading."; }
	50% { content: "Loading.."; }
	75% { content: "Loading..."; }
}

.login-panel { min-height:700px; background-color:#fff; padding:40px 60px 30px 25px; }
.bgd { display: block; }
.bgm { display: none; }
@media (max-width: 767px) {
	.login-panel { padding:40px 25px 30px; }
	.bgd { display: none; }
	.bgm { display: block; }
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.nomargin{
	margin:0!important;
}

.alert-dark {
    color: #FFF;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#191919+0,262626+3,333333+6,141414+13,141414+18,090909+23,000000+41,111111+60,080808+76,090909+91,131313+100 */
background: rgba(163,14,0,1);
background: -moz-linear-gradient(top, rgba(163,14,0,1) 0%, rgba(107,16,4,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(163,14,0,1)), color-stop(100%, rgba(107,16,4,1)));
background: -webkit-linear-gradient(top, rgba(163,14,0,1) 0%, rgba(107,16,4,1) 100%);
background: -o-linear-gradient(top, rgba(163,14,0,1) 0%, rgba(107,16,4,1) 100%);
background: -ms-linear-gradient(top, rgba(163,14,0,1) 0%, rgba(107,16,4,1) 100%);
background: linear-gradient(to bottom, rgba(163,14,0,1) 0%, rgba(107,16,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a30e00', endColorstr='#6b1004', GradientType=0 );

    border-color: #680000;
 }
 
 .event-label{
  border: 2px solid white; 
  outline: 2px solid #740404;
  
  background-color: #740404;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  padding: 10px;
  margin-bottom: 10px;
 }
 
 .table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th {
    border: none;
}

.append-bottom{
	margin-bottom:1.5em!important;
}

.c legend{
	width:inherit;
}
	
.round{
	border-radius:50%;
}

.errorMessage {
	text-align:center;
}
/*========================== END CUSTOM GLOBAL STYLES =============================*/

body, html{
	overflow-x:hidden;
}

.body-copy{
	z-index:3;	
}

body.coloredback{
    background-color: #fff;
/*     background-image: url('/img/thearts-grid.png'); */
    margin: 0;
/*    background-repeat: repeat;
    background-position: top;
    background-attachment: fixed;*/
}

body.coloredback > .container{
 background:white;
 border-radius:10px;
 min-height:350px; /*600*/
}

.coloredback .sitecontent{
	padding:15px;	
}

body.bgBlueGrey {background-color: #e0e8f5;}
body.bgBlueGrey > .container {background-color: #e0e8f5;}

#create-event-features{
	background-image: url(../img/in-the-audience.jpg);
	background-size: cover;
	min-height: 500px;
	color:#fff;
	text-align:center;			
}

#create-event-features > hr{
	display:inline-block;
}

#pick-seats{
	background-image: url(../img/concert.jpg);
		background-color:rgba(0, 14, 35, 0.7);
	background-blend-mode: overlay;
	background-size: cover;
	min-height: 500px;
	color:#fff;
	text-align:center;			
}

#easyonline{
	background-image: url(../img/easyonlinebk.jpg);
	background-size: cover;
	min-height: 500px;
	color:#fff;
	text-align:center;
	position:relative;		
	display: flex;
justify-content: center; /* align horizontal */
align-items: center; /* align vertical */	
}

#myCarousel{
	z-index:0;
	position:relative!important;
}

#create-event-a{
	text-decoration:none;
	font-size: 30px;
	display:block;
	background-color: #444;
	text-align:center;
	color:#fff;
	border-top:4px solid #fff;
	padding:20px 0;
	margin: 30px 0;			
}


#create-event-a span{
	padding:10px;
	border:1px solid #fff;
}

#events-near, #browse-events{
	width:100%;
	border:1px solid #740404;
}

#events-near{	
	margin-bottom:20px;
}

#events-near .input-group-addon, #browse-events .input-group-addon{
	width:50%;
	background-color: #740404;
	color:#fff;
	font-weight:bold;
	font-size:18px;
}

.delete-event:hover{
	cursor: pointer;
}

.security img{
	height:80px;
	width:auto;
}

.security .AuthorizeNetSeal{
	margin:0 20px 0 10px;
}
/*============================ CAROUSEL ===============================*/
#first-slide{
	height:500px;
	background-image:url(../img/ballet-dancer.jpg);
	background-size:cover;	
	background-position: center 20%;			
}

#first-slide-about{
	height:500px;
	background-image:url(../img/opera.jpg);
	background-size:cover;	
	background-position: center center;				
}

#first-slide-features{
	height:500px;
	background-image:url(../img/features_back.jpg);
	background-size:cover;	
	background-position: center center;			
}
/*========================== END CAROUSEL =============================*/
.logo-img{
	padding:15px;
	position:relative;
	z-index:1;
}
.wine{
	color:#740404;
}

.top-area{
	background-color: #740404;
	height:130px;
	position:relative;
	overflow:visible;
	z-index:2;
}

.top-menu{
	margin-top:0px!important;	
}

/* Medium Devices, Desktops */
@media (max-width : 1100px) {
	#left-curtain{
	left:0!important; /* -40px!important; */
	}   
	
	#right-curtain{
	right:0!important; /* -40px!important; */
	}    
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 767px) { 
	.top-menu .navbar-collapse{
	background-color: #740404;
	}
	
	#navbar > ul{
	position:relative!important;
	}
	
	#left-curtain{
	left:-90px!important;	
	}   
	
	#right-curtain{
	right:-90px!important;
	}  
	
	.carousel{
		height:500px;
		overflow:hidden;
	}  
	
}


/* Everything except small devices */
@media (min-width: 769px) {
	body>.container{
		min-height:360px;
	}
}
@media (min-width: 1025px) {
	body>.container{
		min-height:500px;
	}
}

.top-menu > .container{
	border-radius:0 0 10px 10px;
	max-width:750px;
}

.top-menu .navbar-default{
	background-color:transparent;
}

.top-menu .container{
	z-index:10;
}

.curtain{
	height:700px;
	transition: all 1s ease-in-out;
	z-index:1;
	pointer-events: none;
}

#left-curtain{
position:absolute;	
left:0;
top:0;
}   

#right-curtain{
position:absolute;	
right:0;
top:0;
}     

#navbar{
	position:relative;	
}

#navbar > ul{
	position:absolute;
	right:0;
	bottom:0;
}

.top-menu .navbar-nav a{
	color:white!important;
}
.top-menu .dropdown-menu a{
	color:black!important;
}

.top-menu .navbar-nav a:hover{
/*	color:#aaa!important;*/
	color:#fff !important;
	background-color:transparent !important;
}

.navbar-nav>li>.dropdown-menu{
	background-color:#B4EEB4 !important;
/*	background-image: url(/images/menu.png);*/
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color:#740404 !important; }

.dropdown-menu {
	border-radius: 25px !important;
	/*overflow: hidden;*/
}
.dropdown-arrow:before {
/*	background-image: url(/images/arrow.png) !important;*/
	content: "";
/*	width: 20px;
	height: 20px;*/
	width: 0;
    height: 0;
    border-bottom: 20px solid #B4EEB4;
    border-right: 20px solid transparent;
	position: absolute;
	left: 30px;
	top: -18px;
}
@media (max-width: 767px) {
	.dropdown-arrow:before {
		top: 30px;
	}
}

/*.container{
	background-color:#444;
	background-image:url("../img/thearts-grid.png");
	padding:30px;
}*/

#categories{
	border-left: 5px solid #740404;
	padding-left:20px;
}   

.button-div{
	margin-top: 6px;
}

.container-info {
	border: solid 1px #5a5a5a;
	width: 80%;
	height: 235px;
	margin: 50px auto;
	padding: 35px;
	position: sticky;
}
@media (max-width: 767px) {
	.container-info {height: 265px;}
}
/*============================= TABLE ARROW =============================*/
@media (max-width: 767px) {
	#arrow {
		width:0; height:0; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:20px solid #337ab7;
		position:fixed; right:15px; z-index:10000; opacity:.8; transition:ease-out .4s;
	}
	.arrowC { top:50%; }
	.arrowB { top:70%; }
	.table-responsive:hover #arrow, .table-responsive:focus #arrow { opacity:0; transition:ease-in .2s; }
}

/*============================ TOMBSTONES ===============================*/
.tombstone {
	overflow:hidden;
	position:relative;
    margin-bottom:25px;
	border-top: 5px solid #f44336;
}
.tombstoneH {
	overflow:hidden;
	position:relative;
    margin-bottom:25px;
	border-top: 5px solid #f44336;
}

.figure{overflow: hidden;}

.infobox{
    background-color: rgba(244, 67, 54, 0.9);
    display: block;
    width: 100%;
    height: 100%;
    top: 250px;
    /*bottom: 0;*/
    color: #fff;
    padding: 16px; /*2em 1em 0.5em 1em;*/
    position: absolute;
    -webkit-box-shadow: 0 5px 0 0 rgba(0,0,0,0.1);
    box-shadow: 0 5px 0 0 rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
/*    -webkit-transform: translate(0px, 400px);
    -moz-transform: translate(0px, 400px);
    -ms-transform: translate(0px, 400px);
    -o-transform: translate(0px, 400px);
    transform: translate(0px, 400px);

/*	height:273px; /*####*/
/*    overflow:hidden; /*####*/
/*	position:relative;
	background: rgba(130,130,130, .8);
    color: white;
    padding: 8px;
    border-radius: 5px;
    margin-top: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    top:0;*/
}

.tombstone:hover .infobox {
	top:0;
}

.tombstoneH:hover .infobox {
	top:0;
}

.infobox hr{
	margin:10px 0 5px 0;
}

.infobox a:hover {
	text-decoration: none;
}

.details {
	color: #fff;
}

.bottombox{
	display: block;
    height: 90px;
    background-color: #eee;
    position: relative;
    overflow: hidden;
}

.col-md-80{
	font-family:Helvetica, Arial, sans-serif;
	color:#757575;
	display:block;
	padding:10px 7px;
}

.col-md-20{
	padding:1px;
	border-radius:5px;
	height:100%;
	text-align:center;
}

.clndr-top{
	height:36%;
	background-color:#f44336;
	color:#fff;
	line-height:175%;
	font-size:large;
	text-transform:uppercase;
}

.clndr-bot{
	height:64%;
	background-color:#fff;
	color:#5a5a5a;
	line-height:175%;
	font-size:xx-large;
}

@media (max-width: 575px) {
	h4 {font-size: 16px; font-weight: bold;}
}
@media (max-width: 767px) {
	.infobox{display:none;}
}
@media (min-width: 768px) {
	.tombstone {height:268px;}
	.tombstoneH{height:284px;}
	.col-md-80{width:80%;}
	.col-md-20{width:20%;}
}
@media (min-width: 992px) {
	.tombstone {height:242px;}
	.tombstoneH{height:242px;}
}
@media (min-width: 1200px) {
	.tombstone {height:275px;}
	.tombstoneH{height:275px;}
}
/*============================ END TOMBSTONES ===============================*/

#main_container_home img{
	margin:0 auto;
}

/*============================ FOOTER ===============================*/

.footercontainer{
	background-color: #444;
    background-image: url('/img/thearts-grid.png');
    margin: 0;
    background-repeat: repeat;
    background-position: top;
    background-attachment: fixed;
    padding:30px; 0;
}

footer a, footer h4, footer p{
	color: white;
}

footer h2{
	color: #740404;
	text-shadow: 1px 1px 10px #fff;
}

footer .support img{
	float:left;
	padding-right:15px;
}

footer .fa-facebook-square{
	  color: #3b5998;
  background-color: white;
  padding: 2px 4px;
  border-radius: 8px;
  margin:0 10px;
    position:relative;
    transition: all .5s ease-in-out;
    top:0;
}

footer .fa-twitter-square{
	color:#55acee;
	 background-color: white;
  padding: 2px 4px;
  border-radius: 8px;
    margin:0 10px;
    position:relative;
    transition: all .5s ease-in-out;
    top:0;
}

footer .fa-twitter-square:hover, footer .fa-facebook-square:hover{
	font-size:3.5em;
	top:-.05em;
	box-shadow:0px 0px 10px #000;

}
/*========================== END FOOTER =============================*/