html,body{
	margin:0;
	padding: 0;
	font-family: 'Lato';
	overflow-x: hidden;
	background: #FFFFFF;
	height: 100%;
	font-size: 13px;
	color: #333;
}

.img-avatar{
	display: inline-block !important;
    width: 64px;
    height: 64px;
    /*border-radius: 50%;*/
    border: 1px solid #eee;
  	padding: 5px;
}
.img-avatar-thumb{
	margin: .25rem;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .4);
}

.img-avatar32{
	width: 32px;
	height: 32px;
}
.img-avatar48{
	width: 48px;
	height: 48px;
}
.img-avatar64{
	width: 64px;
	height: 64px;
}
.img-avatar96{
	width: 96px;
	height: 96px;
}

.transparent-form{
	background: rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 10px #000 !important;
	color: #FFFFFF;
	border-radius: 10px;
}
.transparent-form input, .transparent-form input:focus,  .transparent-form textarea, .transparent-form textarea:focus, .transparent-form .field-error:hover{
	background: rgba(0, 0, 0, 0.5);
	color: #FFFFFF;
	border-radius: 10px;
}

.hide{
	display: none !important;
}

.pre-formatted{
	white-space: pre-line;
}

.page-loader{
	position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #FFFFFF;
    /*background: url('http://localhost:8000/images/big1-ajax-loader.gif') 50% 50% no-repeat #FFF;*/
}
.page-loader .d-flex{
	width: 100%;
	height: 100%;
}
.page-loader .spinner-border{
	width: 8em;
	height: 8em;
	display: block;
	position: absolute;
	border: .2em solid currentColor;
	border-right-color: transparent;
}
.page-loader .spinner-border.text-success{
	width: 7em;
	height: 7em;
}
.page-loader .spinner-border.text-info{
	animation: spinner-border 1s linear infinite;
	-webkit-animation:spinner-border 1s linear infinite;
}
.page-loader .spinner-border.text-warning{
	width: 9em;
	height: 9em;
	animation: spinner-border 3s linear infinite;
	-webkit-animation:spinner-border 3s linear infinite;
}
.page-loader .spinner-grow{
	display: block;
	position: absolute;
	width: 7em;
	height: 7em;
}
.loader-trc{
	display: block;
	position: absolute;
	font-weight: bold;
}

.text-bold{
	font-weight: bold;
}
.color-white-only{
	color: #FFFFFF;
}

.coupon-applied{
	border-style: dashed !important;
}

.StripeElement{
	padding: 10px;
	margin: 25px;
	border: 1px solid #ddd;
}
.StripeElement iframe{
	height: 20px !important;
}

#app{
	height: 100%;
}

.error{
	color: #b00;
}

.field-error,.field-error:focus{
    border-color: #f79483;
    color: #b00;
}

.field-error:focus, .field-error:hover{
	background: #fff;
	outline: 0;
	box-shadow: 0 0 0 0.2em rgba(239, 72, 61, 0.25);
}

#btnError,#btnProcess{
	position: absolute;
	left: -500px;
	visibility: hidden;
}

.width100{
	width: 100%;
}
.height100{
	height: 100%;
}

.line-t{
	border-top: 1px solid;
}
.line-b-red{
	border-top-color: #f00;
}
.line-b-light{
	border-top-color: #ddd;
}

.line-b{
	border-bottom: 1px solid;
}
.line-b-red{
	border-bottom-color: #f00;
}
.line-b-light{
	border-bottom-color: #ddd;
}

.font-xs{font-size: 12px;}
.font-sm{font-size: 14px;}
.font-md{font-size: 16px;}
.font-lg{font-size: 18px;}
.font-xl{font-size: 20px;}

.no-m{ margin: 0 !important;}

.m-xs{margin: 5px !important;}
.m-sm{margin: 10px !important;}
.m-md{margin: 15px !important;}
.m-lg{margin: 20px !important;}
.m-xl{margin: 25px !important;}

.m-xs-t{margin-top: 5px !important;}
.m-xs-b{margin-bottom: 5px !important;}
.m-xs-l{margin-left: 5px !important;}
.m-xs-r{margin-right: 5px !important;}

.m-sm-t{margin-top: 10px !important;}
.m-sm-b{margin-bottom: 10px !important;}
.m-sm-l{margin-left: 10px !important;}
.m-sm-r{margin-right: 10px !important;}

.m-md-t{margin-top: 15px !important;}
.m-md-b{margin-bottom: 15px !important;}
.m-md-l{margin-left: 15px !important;}
.m-md-r{margin-right: 15px !important;}

.m-lg-t{margin-top: 20px !important;}
.m-lg-b{margin-bottom: 20px !important;}
.m-lg-l{margin-left: 20px !important;}
.m-lg-r{margin-right: 20px !important;}

.m-xl-t{margin-top: 25px !important;}
.m-xl-b{margin-bottom: 25px !important;}
.m-xl-l{margin-left: 25px !important;}
.m-xl-r{margin-right: 25px !important;}

.m-xxxl-t{margin-top: 75px !important;}
.m-xxxl-b{margin-bottom: 75px !important;}
.m-xxxl-l{margin-left: 75px !important;}
.m-xxxl-r{margin-right: 75px !important;}


.no-p{ padding: 0 !important;}

.p-xs{padding: 5px !important;}
.p-sm{padding: 10px !important;}
.p-md{padding: 15px !important;}
.p-lg{padding: 20px !important;}
.p-xl{padding: 25px !important;}

.p-xs-t{padding-top: 5px !important;}
.p-xs-b{padding-bottom: 5px !important;}
.p-xs-l{padding-left: 5px !important;}
.p-xs-r{padding-right: 5px !important;}

.p-sm-t{padding-top: 10px !important;}
.p-sm-b{padding-bottom: 10px !important;}
.p-sm-l{padding-left: 10px !important;}
.p-sm-r{padding-right: 10px !important;}

.p-md-t{padding-top: 15px !important;}
.p-md-b{padding-bottom: 15px !important;}
.p-md-l{padding-left: 15px !important;}
.p-md-r{padding-right: 15px !important;}

.p-lg-t{padding-top: 20px !important;}
.p-lg-b{padding-bottom: 20px !important;}
.p-lg-l{padding-left: 20px !important;}
.p-lg-r{padding-right: 20px !important;}

.p-xl-t{padding-top: 25px !important;}
.p-xl-b{padding-bottom: 25px !important;}
.p-xl-l{padding-left: 25px !important;}
.p-xl-r{padding-right: 25px !important;}


.i-radio input {
    position: absolute;
    margin-left: -20px;
    opacity: 0;
}
.i-radio input:checked + i::before {
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    background-color: #17a2b8;
}
.i-radio > i::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background-color: transparent;
    content: "";
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    border-radius:5px 5px 5px;
}
.i-radio input:checked + i {
    border-color: #17a2b8;
}
.i-radio {
    padding-left: 20px;
    cursor: pointer;
}
.i-radio > i{
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -2px;
  margin-right: 4px;
  margin-left: -20px;
  line-height: 1;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #cfdadd;
  border-radius: 25px;
}


.i-checks input {
    position: absolute;
    margin-left: -20px;
    margin-bottom: : 0px;
    opacity: 0;
}
.i-checks input:checked + i::before {
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    background-color: #17a2b8;
}
.i-checks > i::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background-color: transparent;
    content: "";
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    /*border-radius:5px 5px 5px;*/
}
.i-checks input:checked + i {
    border-color: #17a2b8;
}
.i-checks {
    padding-left: 20px;
    margin-bottom:0px;
    cursor: pointer;
}
.i-checks > i{
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -2px;
  margin-right: 4px;
  margin-left: -20px;
  line-height: 1;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #cfdadd;
  /*border-radius: 25px;*/
}

.container-fluid{
	margin: 0;
	padding: 0;
}

.main-container{
	width: auto;
	min-height: 100%;
	margin-right: 0px;
	position: relative;
	background: #f8fafc;

}

.header{
	/*background: #00899b;*/
	height: 90px;
    padding: 25px 0;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 1000;
}
.header-fixtop{
	background: rgba(6, 12, 34, 0.9);
	/*background: rgba(4, 66, 77, 0.9);*/
}

.btn-create-event{
	width: 212px;
	margin: 0px auto;
}
.btn-create-event a{
	padding: 15px;
}

.sidebar{
	margin-left: -300px;
	transition: 1s;
	display: block;
    float: left;
    position: fixed;
    z-index: 1003;
    height: 100vh;
    background: rgb(22, 26, 43);
    /*background: rgba(4, 66, 77, 0.9);*/
}
.sidebar.show{
	margin-left: 0px;
    transition: 1s;
}

.sidebar-overlay{
	position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1001;
    background: rgba(6, 10, 26, 0.9);
    /*background: rgb(43, 119, 132);*/
    opacity: 0.7;
    transition: 1s;
    display: none;
}
.sidebar-overlay.show{
    transition: 1s;
    display: block;
}
.sidebar ul{
	list-style: none;
    display: block;
    width: 250px;
    margin: 0;
    padding: 0;
}
.sidebar ul li{
	width: auto;
    display: block;
    position: relative;
}
.sidebar ul li a{
	padding: 10px 20px;
    padding-right: 0;
    display: block;
    color: #ecffeb;
    text-decoration: none;
    font-size: 13px;
}
.sidebar ul li > a:hover{
	/*background: rgb(26, 34, 68);*/
	background: #007bff;
	/*background: #17a2b8;*/
}

.footer-section::before{
	content: '';
	background: rgba(6, 12, 34, 0.9);
	/*background: rgba(8, 94, 108, 0.9);*/
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.footer-section{
	width: 100%;
	padding: 50px;
	overflow: hidden;
	position: relative;
	background: url('/images/coverfooter.jpg') top center;
	background-size: cover;
	background-attachment: fixed;
}

.footer-link-title::after{
	background:#dc3545;
	/*background:#18bfd0;*/
	width: 100%;
	height: 3px;
	display: block;
	content: '';
	bottom: 0;
	margin-top: 10px;
}
.footer-section ul.footer-link{
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer-section ul.footer-link li{
	display: block;
	position: relative;
	width: auto;
	height: auto;
	padding: 10px 0px;
	border-bottom: 1px solid #2c3454;
	/*border-bottom: 1px solid #228393;*/
}
.footer-section ul.footer-link li a{
	color: #FFFFFF;
}

.footer-contactus-title::after{
	background:#dc3545;
	/*background:#18bfd0;*/
	width: 100%;
	height: 3px;
	display: block;
	content: '';
	bottom: 0;
	margin-top: 10px;
}

.social-links a{
	font-size: 18px;
	display: inline-block;
	background:#222636;
	color:#eee;
	line-height: 1;
	padding: 8px 0;
	margin-right: 4px;
	border-radius: 50%;
	text-align: center;
	width: 36px;
	height: 36px;
	transition: 0.3s;
}
.social-links a:hover{
	background: #c82333;
}

.footer-copyright{
	background: rgba(6, 12, 34, 0.9);
	/*background: rgba(8, 94, 108, 0.9);*/
	padding: 30px 0;
	color: #FFFFFF;
}

.nav-toggler{
	margin-left: 21px;
	color: #FFF;
	float: right;
}

.header-content{
	padding: 0px 80px;
}

.sidebar-logo{
	height: 90px;
	display: grid;
	font-size: 27px;
}
.sidebar-logo a{
	color: #FFF;
	text-decoration: none;
}
.sidebar-logo img{
	width: 90px;
}

.header-logo a{
	color: #FFF;
	font-size: 27px;
	text-decoration: none;
}
.header-logo img{
	margin-top: -20px;
	width: 80px;
}

.header-navbar{
	margin: 0;
	padding: 0;
}
.header-navbar{
	list-style: none;
	width: auto;
	margin: 0;
}
.header-navbar li{
	width: auto;
	float: left;
}
.header-navbar li a{
	padding: 10px 12px;
	text-decoration: none;
	color: #ecffeb;
	display: block;
	position: relative;
}

.top-event-section::before{
	content: '';
	background: rgba(6, 12, 34, 0.5);
	/*background: rgba(8, 94, 108, 0.5);*/
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.top-event-section{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
	background: url('/images/web_top_header.jpg') top center;
	background-size: cover;
	background-attachment: fixed;
}

.event-detail-section::before{
	content: '';
	background: rgba(6, 12, 34, 0.7);
	/*background: rgba(8, 94, 108, 0.7);*/
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.top-event-detail{
	position: absolute;
	top:90px;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	height: 70vh;
	color: #FFFFFF;
}
.top-event-detail h1{
	font-size: 50px;
	text-transform: uppercase; 
}

.event-detail-section{
	width: 100%;
	padding-top: 50px; 
	padding-bottom: 30px; 
	overflow: hidden;
	position: relative;
	background: url('/images/web_top_header.jpg') top center;
	background-size: cover;
	background-attachment: fixed;
}

.event-detail-section {
	color: #FFFFFF;
}

.events-list-section{
	padding-top: 40px;
	padding-bottom: 40px;
}
.events-list-section > div:first-child h1:after{
	background: #dc3545; 
	width: 100%;
	height: 3px;
	display: block;
	content: '';
	bottom: 0;
	margin-top: 10px;
}
.event-item:hover{
	border: 1px solid #ddd;
	box-shadow: 0 0 0 1px rgba(30, 29, 29, 0.1);
}
.event-item:hover img{
	transform: scale(1.1);/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.event-image-list{
	width: 100%;
	height: 40vh;
	overflow: hidden;
}

.event-image-list img{
	transition: 0.3s ease-in-out;
	max-width: 100%;
	height: auto;
	min-height: 40vh;
}
/*.event-image-list img:hover{
	transform: scale(1.1); 
}*/


.top-event-page-section::before{
	content: '';
	background: rgba(6, 12, 34, 0.8);
	/*background: rgba(5, 56, 64, 0.7);*/
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.top-event-page-section{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: absolute;
	background: url('/images/web_top_header.jpg') center center;
	background-size: cover;
	background-attachment: fixed;
}

#eventPageSection,#checkoutPageSection{
	/*background: #f9f9f9;*/
	/*position: absolute;
    display: block;
    z-index: 1;
    top: 150px;
    width: 100%;*/
    padding-top: 150px;
}

.event-page-ticket-header.hide{
	display: none;
}

.event-page-ticket-header-fixed{
	position: fixed;
    top: 90px;
    left: 0;
    display: none;
    width: 100%;
    z-index: 1;
}
.event-page-ticket-header-fixed.show{
	display: block;
}

.event-page-content,.checkout-page-content,.ticketid-page-content{
	/*margin-top: -386px;*/
}

.event-page-content .card{
	overflow: hidden;
}

.event-page-content .event-top-card{
	position: relative;
}
.event-page-content .event-top-card::before{
	content: '';
	background: rgba(15, 15, 15, 0.9);
	/*background: rgba(8, 94, 108, 0.9);*/
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.event-page-content .event-page-image{
	width: 100%;
	height: 45vh;
	overflow: hidden;
}

.event-page-content .event-page-image img{
	transition: 0.3s ease-in-out;
	max-width: 100%;
	height: 45vh;
}

.event-page-content .event-page-title{
	font-size: 3em;
}

.event-page-content .event-page-detail{
	color: #FFFFFF;
	text-align: center;
	display: grid;
	align-content: center;
	align-items: center;
}

.event-page-content .card-body{
	min-height: 100px;
}


.order-page-image{
	width: 100%;
}
.order-page-image img{
	width: 100%;
}

.modal-body-content{
	min-height: 200px;
	max-height: 400px;
	overflow: auto;
}


#modalTickets .header-title{
	padding: 0 40px;
	text-align: center;
	width: 100%;
}
#modalTickets .header-title p:first-child{
	font-size: 20px;
	margin-bottom: 5px;
}
#modalTickets .header-title p:last-child{
	font-size: 15px;
	margin: 0;
}

#modalTickets .modal-footer.ticket-footer{
	position: relative;
	width: 100%;
	padding-right: 30px;
	bottom: 0;
}

.order-ticket-summary-left{
	display: block;
	min-height: 100%;
}

#scrolldown a span,#scrollup a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #c6c7dc;
  border-radius: 100%;
  box-sizing: border-box;
  background: rgb(247, 247, 247);
  z-index: 5;
}
#scrolldown a span:hover,#scrollup a span:hover{
	background: rgb(241, 236, 236);
}
#scrolldown a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #8f8dad;
  border-bottom: 1px solid #8f8dad;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}

#scrollup a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -4px 0 0 -8px;
  border-right: 1px solid #8f8dad;
  border-top: 1px solid #8f8dad;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}

.ticket-back-content{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	top: 0;
	z-index: 5;
}
.ticket-back-content.show{
	display: block !important;
}

.attendee-ticket-title{
	border-bottom: 2px solid #f00;
	margin: 0;
}


.checkout-left-header{
	border-bottom: 1px solid #eee;
	text-align: center;
	padding: 20px 10px;
}

.checkout-right-content{
	margin-top: -15px;
	margin-bottom: -15px;
	position: relative;
}

.checkout-page-content .payment-info a{
	border: 1px solid #eee;
    height: auto;
    display: inline-block;
}
.checkout-page-content .payment-info span:first-child{
	margin-right: 30px;
}
.checkout-page-content .payment-info a img{
	width: 230px;
}
.checkout-page-content .payment-info a:hover{
	box-shadow: 1px 1px 3px 1px rgba(13, 5, 82, 0.3);
}


/*.order-payment-info span:first-child{*/
.order-payment-info span{
	margin-right: 10px;
}

.order-payment-info a{
	border: 1px solid #eee;
    height: auto;
    display: inline-block;
}
.order-payment-info span:first-child{
	margin-right: 30px;
}
.order-payment-info a img{
	width: 183px;
}
.order-payment-info a:hover{
	box-shadow: 1px 1px 3px 1px rgba(13, 5, 82, 0.3);
}

.checkout-page-content .card-body-content .card-footer{
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -15px;
    background: #FFFFFF;
    text-align: right;
}

.checkout-page-content .card-footer-order-summary{
	display: none;
	padding: 10px;
}

.checkout-right.fixtop{
	position: absolute;
	top: 91px;
	background: #f8f9fa; 
	padding-right: 15px;
	display: block;
	z-index: 1;
	transition: 0.5s;
}

.confirm-order-box{
	background: #f7f7f7;
    border: 2px dashed #dc3545;
    width: auto;
    margin: auto;
    font-size: 170%;
}


.onsite-section{
	padding-top: 150px;
	background: #FFFFFF;
}

.accordion-body-border{
	border: 1px solid #97c7f7 !important;
}

@media (min-width: 335px) {
	/*.checkout-right-content{
		margin-top: -15px;
		margin-bottom: -15px;
	}*/
	.event-page-content .event-page-image{
		height: 30vh;
	}
	.event-page-content .event-page-image img{
		height: 30vh;
	}
}

@media (max-width: 335px) {
	
}

@media (min-width: 576px) {
	
	.event-page-content .event-page-image{
		height: 40vh;
	}
	.event-page-content .event-page-image img{
		height: 40vh;
	}
}

@media (max-width: 576px) {
	
	.top-event-page-section{
		height: 100vh;
	}

	.event-page-content,.checkout-page-content{
		/*margin-top: -265px;*/
	}
}


@media (min-width: 768px) {
	.nav-toggler{
		display: none;
	}

	.sidebar.show{
		margin-left: -300px;
	}

	.sidebar-overlay.show{
		display: none;
	}

	.header-logo{
		display: block !important;
	}

	.event-page-content .event-page-image{
		height: 40vh;
	}
	.event-page-content .event-page-image img{
		height: 40vh;
	}
	
}


@media (max-width: 768px) {
	.topnav{
		display: none;
	}
	.header-content{
		padding-right: 30px;
	}

	.nav-toggler{
		display: block;
	}

	.checkout-right.fixtop{
		display: none;
	}

	.request-button-text{
		display: none;
	}

}


@media (min-width: 992px) {

	.event-page-content .event-page-image{
		height: 50vh;
	}
	.event-page-content .event-page-image img{
		height: 50vh;
	}

	.event-page-content .event-page-title{
		font-size: 3em;
	}
}

@media (max-width: 992px) {

	.header-content{
		padding-right: 20px;
	}

	/*.order-ticket-summary-left{
		display: none;
	}*/

	.checkout-left-header{
		margin: -15px;
		background: rgb(9, 10, 42,0.8);
		color: #FFFFFF;
	}

	.checkout-page-content .card-footer-order-summary{
		display: block;
	}

	.checkout-right-content{
		margin-top: 0px;
		margin-bottom: 0px;
		display: none;
	}



}