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

@font-face {
	font-family: 'Gotham';
	src: url('../font/gotham-rounded-light.otf') format('opentype');
	font-weight: 200;
}
@font-face {
	font-family: 'Gotham';
	src: url('../font/gotham-rounded-book.otf') format('opentype');
	font-weight: 300;
}
@font-face {
	font-family: 'Gotham';
	src: url('../font/gotham-rounded-medium.otf') format('opentype');
	font-weight: normal;
  	font-style: normal;
}
@font-face {
	font-family: 'Gotham';
	src: url('../font/gotham-rounded-bold.otf') format('opentype');
	font-weight: bold;
}

@font-face {
	font-family: 'Gotham';
	src: url('../font/gotham-rounded-light-italic.otf') format('opentype');
	font-weight: 200;
	font-style: italic;
}
@font-face {
	font-family: 'Gotham';
	src: url('../font/gotham-rounded-book-italic.otf') format('opentype');
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: 'Gotham';
	src: url('../font/gotham-rounded-medium-italic.otf') format('opentype');
	font-weight: normal;
  	font-style: italic;
}
@font-face {
	font-family: 'Gotham';
	src: url('../font/gotham-rounded-bold-italic.otf') format('opentype');
	font-weight: bold;
	font-style: italic;
}

.demo-icon {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* You can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.alert {
	font-size: 14px;
	font-weight: 300;
}
.login-wrap .alert-dismissible {
    padding-right: 1.25rem;
}
.login-wrap .alert-dismissible .close {
    padding: 0px 4px;
}
.alert hr {
	margin: 5px 0;
}
.alert .smaller {
	font-size: 12px;
	opacity: 0.8;
	font-weight: 200;
}

*:active,
*:focus {
	outline: 0;
}


.hidden {
	display: none;
}

.grecaptcha-badge {
	display: none;
}





body {
	background-color: #2F2E3E;
	color: #FFF;
	font-family: 'Gotham';
	min-height: 100vh;
	position: relative;
}

.header {
	background-color: #1A1A21;
	min-height: 60px;
	padding: 15px;
	z-index: 100;
	position: relative;
	transition: all 0.5s ease-out;
	box-shadow: 0 0px 5px #000;
}
.header .left {
	align-items: center;
	display: flex;
}
.header .right {
	padding-right: 0;
	padding-left: 0;
}
.left-burger {
	padding-right: 10px;
	margin-right: 20px;
}
.left-burger a {
	color: #FFF;
}
#logo {
	max-width: 120px;
	width: 100%;
	float: left;
}
#logo img {
	width: 100%;
}
nav {
	float: right;
	color: #FFF;
}
nav ul {
	list-style: none;
}
nav ul li {
	display: inline;
	padding: 0 15px;
}
nav a {
	color: #FFF;
}
nav a:hover {
	color: #FFF;
}
ul.navbar-nav {
	flex-direction: row;
}



.currency-container {
	position: absolute;
	right: 10px;
	display: inline-block;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
}
  
.selected-currency {
	position: relative;
	padding: 5px 20px 5px 10px;
	color: #777;
	text-align: left;
	cursor: pointer;
	border-radius: 4px;
	position: relative;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
}

.selected-currency:after {
	top: 13px;
	right: 7px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #777;
	border-width: 4px;
	margin-left: -5px;
}
.currency-selector-native,
.currencies {
	display: none;
}
.currencies {
	position: absolute;
	top: 0px;
	background: #2f2e3e;
	border-radius: 4px;
}
.currencies.visible {
	display: block;
}
.currencies a {
	padding: 5px 20px 5px 10px !important;
	cursor: pointer;
	font-size: 14px !important;
}
.currencies a:first-child {
	border-radius: 4px 4px 0 0;
}
.currencies a:last-child {
	border-radius: 0 0 4px 4px;
}
.currencies a:hover {
	background: #000;
}



.currency-selector {
	position: absolute;
	top: 0;
	background: #eee;
	padding: 10px 1px;
	padding-right: 8px;
	z-index: 1;
	border-radius: 4px;
	max-width: 182px;
	overflow-x: scroll;
	opacity: 0;
	visibility: hidden;
	left: -100%;
	margin-left: 25%;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
}
.currency-selector.visible {
	opacity: 1;
	visibility: visible;
}
.currency-option {
	font-size: 17px;
	background: #F9F9F9;
	padding: 2px 6px;
	border-radius: 3px;
	margin-left: 8px;
	color: #797979;
	cursor: pointer;
}






.selected-language {
	text-transform: uppercase;
	cursor: pointer;
}
.languages {
	display: none;
}
.languages.visible {
	display: block;
	position: absolute;
	top: 8px;
	z-index: 0;
}
.languages a {
	display: block;
	margin-bottom: 8px;
}
.languages a:hover {
	text-decoration: none;
}
.languages::after {
	content: '';
	background-color: #46475C;
	width: 180%;
	height: 100%;
	top: -5px;
	left: -9px;
	position: absolute;
	z-index: -1;
	border-radius: 5px;
}





.hamburger {
	padding: 0;
}
.hamburger-box {
    width: 25px;
    height: 26px;
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
	width: 25px;
	height: 3px;
	background-color: #FFF;
}
.hamburger-inner {
	top: 80%;
}
.hamburger-inner::before {
    top: -8px;
}
.hamburger-inner::after {
    bottom: -8px;
}
.hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before {
    background-color: #FFF;
}
.hamburger.is-active .hamburger-inner::before {
    transform: translate3d(0,8px,0) rotate(45deg);
}
.hamburger.is-active .hamburger-inner::after {
    transform: translate3d(0,-8px,0) rotate(-45deg);
}




.header.menu-visible {
	padding-right: 300px;
}
.menu-box {
	width: 300px;
	background: #040404;
	position: absolute;
	top: 0;
	right: 0;
	height: 100vh;
	padding: 30px;
	opacity: 0;
	display: none;
	margin-right: -300px;
	transition: all 0.5s ease-out;
}
.menu-box.active {
	display: block;
	margin-right: 0px;
	display: block;
	opacity: 1;
}

.dropdown-item {
	font-weight: 300;
}
#dropdownMenuButton {
	cursor: pointer;
}





.homepage-banner {
	background-image: url('../img/homepage-banner-2.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 400px;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 0px;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 0;
}
.homepage-banner::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: -1;
}
.homepage-banner h1 {
	color: #FFF;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.homepage-banner h1 span {
	font-size: 2rem;
	display: block;
}
.homepage-banner h2 {
	font-size: 1.5rem;
	color: #a6a6a6;
	font-weight: 300;
	margin-top: 20px;
	text-shadow: 0 0 5px rgba(0,0,0,0.8);
}



.main-slider .owl-stage-outer {
	background: #0d0d0b;
}
.owl-prev {
	position: absolute;
	top: 40%;
	left: 20px;
}
.owl-next {
	position: absolute;
	top: 40%;
	right: 20px;
}
.owl-prev img,
.owl-next img {
	height: 50px;
}
.owl-nav button {
	opacity: 0.2;
}
.owl-nav button:hover {
	background: rgba(0,0,0,0) !important;
	opacity: 0.9;
}
.owl-theme .owl-dots .owl-dot span {
	background: #505068;
	width: 35px;
	height: 5px;
	margin: 5px 5px;
	border-radius: 0px;
}
.owl-theme .owl-dots .owl-dot.active span {
	background: #b0b0b0;
}




.slide {
	height: 400px;
	display: flex;
	align-items: center;
	position: relative;
	background-size: cover;
	background-position: center center;
}
.slide::after {
	position: absolute;
	content: " ";
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.4);
	z-index: 0;
}
.slide .slide-content {
	position: relative;
	z-index: 1;
}
.slide1, .slide2, .slide3 {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
}

.main-slider .slide-content {
	padding-left: 150px;
}
.main-slider .event-time {
	font-weight: 200;
	color: #fa0;
}
.main-slider .event-title {
	margin-top: -10px;
	font-size: 50px;
}





.upcoming-slide {
	border-radius: 32px; 
	display: block;
	background-position: center;
	background-size: cover;
	transition: all 0.3s ease-out;
}
.upcoming-slide:hover {
	box-shadow: 0 0 15px -5px rgba(0,0,0,0.5);
}
.upcoming-slide:focus {
	box-shadow: 0 0 15px -5px rgba(255,255,255,0.7);
}
.upcoming-slide .slide-content {
	position: relative;
	height: 300px;
	padding: 20px;
	border-radius: 30px; 
	background: rgb(56,55,71);
	background: linear-gradient(180deg, rgba(56,55,71,0) 0%, rgba(56,55,71,1) 82%);
}
.upcoming-slide .slide-content .bottom {
	position: absolute;
	bottom: 30px;
	padding-right: 20px;
}
.upcoming-slide1, .upcoming-slide2, .upcoming-slide3,
.upcoming-slide4, .upcoming-slide5, .upcoming-slide6,
.upcoming-slide7, .upcoming-slide8 {
	background-image: url(../img/slide1-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}
.upcoming-slide .rounded-blue {
	background: rgb(163,114,239);
	background: linear-gradient(135deg, rgba(163,114,239,1) 0%, rgba(148,74,255,1) 95%);
	border-radius: 15px;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 3px rgba(0,0,0,0.5);
	font-size: 13px;
	padding: 7px 20px;
	display: inline-block;
	margin-bottom: 10px; 
}
.upcoming-slide .rounded-red {
	background: rgb(163,114,239);
	background: linear-gradient(135deg, #c26b71 0%, #b63e46 95%);
	border-radius: 15px;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 3px rgba(0,0,0,0.5);
	font-size: 13px;
	padding: 7px 20px;
	display: inline-block;
	margin-bottom: 10px; 
}
.upcoming-slide .event-time {
	font-weight: 200;
	color: #fa0;
	font-size: 14px;
}
.upcoming-slide .event-title {
	line-height: 1.2;
	font-size: 24px;
	color: #FFF;
}
.upcoming-slide .yellow-btn {
	background: rgb(244,244,100);
	background: linear-gradient(135deg, rgba(244,244,100,1) 0%, rgba(0,220,51,1) 95%);
	border-radius: 15px;
	color: #1B1B1B;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 3px rgba(0,0,0,0.5);
	font-size: 18px;
	font-weight: bold;
	padding: 12px 26px;
	display: inline-block;
	margin-top: 20px;
}
.upcoming-slide .owl-item {
	padding: 20px 0;
}
.owl-carousel .owl-item {
	padding: 15px 0;
}



.events-container,
.search-container {
	max-width: 1200px;
	margin: 50px auto 0;
}
.flex-events {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.flex-events .upcoming-slide {
	width: 31%;
	margin-bottom: 30px;
	margin-right: 15px;
}

.flex-places {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.searching-for {
	color: #fa0;
}
.searching-for span {
	font-size: 20px;
	color: #FFF;
}
.searching-for form {
	border: 1px solid #363546;
	border-radius: 15px;
	margin-top: 10px;
}
.searching-head-title {
	margin-bottom: 20px;
}
.place-card {
	padding: 20px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 20px;
	text-align: center;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
	transition: all 0.3s;
}
.place-card:hover {
	border: 1px solid #FFF;
	text-decoration: none;
}
.place-card .place-logo {
	border-radius: 50%;
	width: 120px;
	border: 1px solid #FFF;
}
.place-card .place-name {
	color: #FFF;
	text-decoration: none;
	font-size: 26px;
	margin-top: 20px;
}



#search-icon {
	outline: 0;
}
#search-box {
	width: 70%;
	height: 70px;
	background: rgba(26, 26, 33);
	position: absolute;
	top: 0px;
	z-index: 10;
	left: 50%;
	/* margin-left: -1px; */
	transform: translateX(-50%);
	opacity: 0;
	border-radius: 0 0 15px 15px;
	transition: all 0.5s ease-out;
}
#search-box.opened {
	opacity: 1;
	top: 70px;
	margin-left: -1px;
}
#search-form {
	position: relative;
}
#search-field {
	width: 100%;
	background: transparent;
	color: #FFF;
	border: 0;
	height: 70px;
	padding: 0 70px 0 20px;
	font-size: 30px;
	font-weight: 200;
}
#search-field:focus {
	outline: 0;
}
#search-btn {
	width: 9%;
	border: 0;
	height: 60px;
	font-size: 30px;
	color: #FFF;
	background: transparent;
	position: absolute;
	right: 10px;
	top: 5px;
}
#search-overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgb(26,26,33);
	background: linear-gradient(0deg, rgba(26,26,33,1) 0%, rgba(255,255,255,0.7315126734287465) 100%);
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease-out;
}
#search-overlay.active {
	opacity: 1;
	visibility: visible;
}




.error-container {
	height: 80vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}



.home-section {
	padding: 0 0px 40px;
	margin: 0 -15px;
}
.home-section .h3 {
	margin-left: 30px;
	font-weight: 500;
	font-size: 20px;
}

.h3 {
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 30px;
}

footer {
	text-align: center;
	padding: 20px 0;
	margin: 0 -15px;
	z-index: 5;
	position: relative;
	font-size: 14px;
	font-weight: 100;
}
footer .links a {
	font-size: 12px;
	color: #666886;
}
.setToBottom {
	position: fixed;
	bottom: 0;
	width: 100%;
}

body.event-show footer,
body.place-show footer {
	background: #1a1a21;
}


.rounded-blue {
	background: rgb(163,114,239);
	background: linear-gradient(135deg, rgba(163,114,239,1) 0%, rgba(148,74,255,1) 95%);
	border-radius: 15px;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 3px rgba(0,0,0,0.5);
	font-size: 16px;
	padding: 7px 20px;
	display: inline-block;
	margin-bottom: 30px; 
}
.rounded-blue:hover {
	color: #FFF;
	text-decoration: none;
}
.rounded-blue.btn-sm {
	font-size: 13px !important;
}

.yellow-btn {
	background: rgb(244,244,100);
	background: linear-gradient(135deg, rgba(244,244,100,1) 0%, rgba(0,220,51,1) 95%);
	border-radius: 15px;
	color: #1B1B1B;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 3px rgba(0,0,0,0.5);
	font-size: 18px;
	font-weight: bold;
	padding: 12px 26px;
	display: inline-block;
	margin-top: 20px;
	transition: all 0.5s ease-out;
}
.yellow-btn:hover {
	background: linear-gradient(135deg, rgba(244,244,100,1) 0%, rgba(244,244,100,1) 95%);
	text-decoration: none;
	color: #1B1B1B;
}
.yellow-btn:focus {
	box-shadow: inset 0 0 10px 0px #000;
	background: linear-gradient(135deg, rgba(244,244,100,1) 0%, rgba(244,244,100,1) 95%);
}


.rounded-red {
	background: rgb(163,114,239);
	background: linear-gradient(135deg, #c26b71 0%, #b63e46 95%);
	border-radius: 15px;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 3px rgba(0,0,0,0.5);
	font-size: 13px;
	padding: 7px 20px;
	display: inline-block;
	margin-bottom: 10px; 
}




.event-header {
	background-color: #24242f; 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	padding: 50px 0;
	z-index: 3;
}
.event-header::after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: linear-gradient(90deg, #1a1a21 21px, transparent 1%) center, linear-gradient(#1a1a21 21px, transparent 1%) center, #a799cc;
    background-size: auto, auto, auto;
	background-size: 22px 22px;
	opacity: 0.7;
}
.event-header .left {
	align-items:center;
	display:flex;
	padding-left:100px;
}
.event-gallery {
	background: #121117;
	width: 100%;
	padding: 5px;
	overflow: hidden;
	height: 80px;
	display: flex;
}
#galeria {
	display: block;
} 
#galeria .one {
	position: relative;
	overflow: hidden;
	transform: translate3d(0,0,0);
}
#galeria .two {
	transform: translate3d(0px, 0px, 0px);
	transition: all 0.25s ease 0s;
	width: 2589px;
	padding-left: 5px;
}
.event-gallery span {
	padding: 22px;
	font-weight: 100;
	font-size: 12px;
}
.event-gallery img {
	height: 70px;
}
.event-gallery img:hover {
	cursor: zoom-in;
}
.event-info .event-title {
	font-size: 50px;
	line-height: 1;
	padding: 10px 0;
}
.event-info .event-time {
	font-weight: 200;
	color: #fa0;
}
.event-info .event-desc {
	color: #cacaca;
	font-weight: 100;
}
.event-poster {
	height: 400px;
	object-fit: cover;
	border-radius: 25px;
	margin: 25px;
	box-shadow: 0px 0px 20px 5px rgba(255, 255, 255, 0.3);
}
.booked-btn {
	padding: 10px 40px;
	border-radius: 5px;
	display: inline-block;
	border: 1px solid #FFF;
	margin-top: 20px;
	color: #FFF;
	text-decoration: none;
}
.booked-btn:hover {
	color: #FFF;
	text-decoration: none;
}
.event-ended {
	color: #c13131;
	padding: 15px 0 0;
	font-size: 20px;
}
.event-confirmed {
	color: #0c990c;
	padding: 15px 0 0;
	font-size: 20px;
}

.event-place-info .row > div {
	padding: 30px 0 50px;
}
.event-place-info .h3 {
	padding-left: 30px;
	font-size: 18px;
	font-weight: 500;
	margin-top: 10px;
}

#map {
	opacity: 0.5;
}

.place-data {
	background-color: #2a2937; /*#1a1a21;*/
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	box-shadow: 0px 0px 33px -5px #000000ab;
	z-index: 2;
}
.place-data p {
	color: #979797;
	/*position: absolute;
	top: 30px;*/
	font-weight: 200;
	font-size: 14px;
}
.place-data a {
	text-align: center; 
	color: #FFF;
	text-decoration: none;
}
.place-data a:hover .place-name {
	text-decoration: underline;
}
.place-data .place-logo {
	border-radius: 50%;
	border: 1px solid #fff;
}
.place-data .place-name {
	padding: 20px 0;
	margin: 0;
}

.map-frame {
	padding: 0 !important;
}



#ticketsTab {
	margin: auto;
	width: 100%;
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #1c1c25;
}
.tickets-tab .tab-pane {
	max-width: 900px;
	margin: 50px auto;
}
.buy-ticket {
	min-height: 200px;
	margin: 0 0 30px 0 !important;
	background-color: #1c1c25 !important;
	padding: 20px !important;
}
.buy-ticket .image {
	min-width: 200px !important;
	height: 200px !important;
}
.buy-ticket .image img {
	max-height: 200px !important;
	position: absolute;
	left: 0;
	height: 200px;
	/* width: 200px !important; */
}
.image .arrows {
	position: relative;
	width: 100%;
	height: 100%;
	justify-content: space-between;
	display: flex;
	align-items: center;
	opacity: 0;
}
.image .arrows a {
	padding: 10px;
	font-size: 28px;
	color: #FFF;
	height: 100%;
	display: flex;
	align-items: center;
}
.image .arrows:hover {
	opacity: 1;
}
.image .arrows a:hover {
	cursor: pointer;
	text-decoration: none;
}
.image .arrows .left {
	background: linear-gradient(275deg, rgba(255,255,255,0) 35%, rgba(34,34,40,0.35) 100%);
	transition: all 0.3s; 
}
.image .arrows .right {
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0) 35%, rgba(34,34,40,0.35) 100%); 
	border-radius: 0 7px 7px 0;
}

.buy-ticket .description {
	color: #cacaca;
	font-weight: 100;
	font-size: 14px;
	width: calc(100% - 130px);
}
.buy-ticket .info {
	text-align: left;
}

.buy-ticket.accom-tck .title {
	border: 0;
	padding-bottom: 0;
}
.buy-ticket.accom-tck .description {
	font-weight: 100;
	color: #656569;
	font-size: 14px;
	border-bottom: 1px solid #333;
	padding-bottom: 5px;
	margin: 0 0 5px;
	width: 100%;
}

.buy-ticket .facilities {
	width: calc(100% - 100px);
}
.buy-ticket .facilities ul {
	list-style: none; /* Remove default bullets */
}	  
.buy-ticket .facilities ul li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #FA0; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.tickets-tab .nav-link {
	color: #fff;
	border-radius: 0;
	border: 0;
	padding: 15px 50px;
	border-color: transparent;
	letter-spacing: 0.5px;
}
.tickets-tab .nav-link:hover {
	background: #1c1c25AA;
}
.tickets-tab .nav-link.active {
	background: #1c1c25;
	color: #FFF;
	border-color: transparent;
}
.tickets-tab .nav-link i {
	margin-right: 5px;
}

.buy-ticket .ticket-price {
	position: absolute;
	bottom: 10px;
}
.buy-ticket .add-to-cart-section {
	display: flex;
	flex-direction: column;
	width: 100px;
	position: absolute;
	/* bottom: 35px; */
	top: 95px;
	right: 30px;
}
.buy-ticket .add-to-cart-section .quantity {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5px;
	width: 100px;
}
.buy-ticket .add-to-cart-section .quantity button {
	color: #FFF;
	border-color: #FFF;
}
.facilities ul {
	columns: 3;
	padding: 10px 0 10px 15px;
}
.facilities ul li {
	color: #cacaca;
	font-weight: 100;
	font-size: 14px;
}

#ticket .buy-ticket .add-to-cart-section {
	top: 70px;
}

.tickets-tab .tab-pane#accommodation  {
	margin: 20px auto 50px !important;
}

.book-room {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.roomDivImg {
	/* margin-left: -15px;
	margin-top: -15px;
	margin-bottom: -15px; */
	max-height: 200px !important;
}
.roomDivImg img {
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}
.accom-min-price {
	position: absolute;
	bottom: 15px;
}
.accom-min-price .text {
	display: block;
	font-size: 12px;
	font-weight: 100;
	color: #62627b;
}

.buy-ticket.accom-row:first-child {
	margin-top: 50px !important;
}


.check-in-section {
	background-color: #1c1c25;
	padding: 30px 20px;
	border-radius: 15px;
	max-width: 666px;
	margin: 0 auto 30px;
}
.check-date {
	width: 50%;
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #000;
	padding-bottom: 20px;
	margin: 0 auto 20px;
	flex-direction: column;
	align-items: center;
}
.check-date input {
	font-size: 14px;
	width: 300px;
	height: 30px;
	border-radius: 5px;
	border: 0;
	background-color: #46475c;
	color: #FFF;
}
.check-in-section .days {
	text-align: center;
}
.back {
	margin-bottom: 20px;
	color: #FFF;
}
.back:hover {
	color: #FFF;
}


#cart-selection {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 80px;
	z-index: 900;
	background: #1a1a21;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
#cart-selection.hidden {
	display: none;
}

.goToCartBtn {
	border-color: #FFF;
	padding: 7px 10px;
	color: #FFF;
	transition: all 0.3s;
}
.goToCartBtn:hover {
	color: #FFF;
	background-color: #111;
}


.modal-content {
	background-color: #383747;
	border-radius: 15px;
}
.modal-top {
	padding: 50px 30px 30px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 1;
	text-align: center;
	border-bottom: 2px solid #171d2e;
	border-radius: 15px 15px 0 0;
}
.modal-top::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #38374799;
	z-index: -1;
	border-radius: 15px 15px 0 0;
}
.modal-content button.close {
	position: absolute;
	top: 10px;
	right: 20px;
	color: #FFF;
	font-size: 36px;
	font-weight: 100;
	z-index: 2;
}
.modal-top .event-time {
	color: #ccc;
	font-weight: 200;
	font-size: 14px;
}
.modal-top .event-title {
	font-size: 30px;
}
.modal-top .rounded-blue {
	font-size: 14px;
	padding: 4px 20px;
}
.modal-top .rounded-red {
	font-size: 14px;
	padding: 4px 20px;
}
.modal-body {
	padding: 30px;
	text-align: center;
}
.modal-body p {
	color: #7d7c8a;
	font-weight: 300;
}
.modal-body p.bold {
	color: #FFF;
	font-size: 20px;
	font-weight: 500;
}
.modal-body .btn,
.modal-body button {
	display: block;
	margin: auto; 
	font-size: 16px;
	text-shadow: none;
	border-radius: 10px;
	padding: 6px 60px;
	font-weight: 400;
}
.modal-body a.btn {
	display: inline-block;
}
.modal-body button.yellow-btn {
	margin-top: 30px;
}
.modal-body button.btn-default {
	color: #FFF;
	margin-top: 10px;
}
.modal-body textarea {
	width: 100%;
	padding: 10px;
	margin-bottom: 20px;
}
.modal-body select {
	display: block;
	font-size: 14px;
	min-width: 200px;
	height: 30px;
	border-radius: 5px;
	border: 0;
	padding: 5px;
	margin: 10px auto;
	background: #46475c;
	color: #FFF;
}
.modal-body small {
	font-size: 70%;
	font-weight: 300;
	line-height: 1.3;
	color: #7d7c8a;
	display: block;
}
.modal-no-header .modal-body {
	padding: 40px 30px 10px;
}
.modal-no-header .modal-body span {
	font-weight: 200;
}
.modal-no-header .modal-body #ticketHolderEmail {
	font-weight: 500;
}
.modal-body .response {
	margin-bottom: 30px;
}
#verifyOrderModal .gw-input {
	width: 200px;
}
#viewOrderModal .modal-top,
#verifyOrderModal .modal-top {
	padding: 30px 30px 20px;
}
#viewOrderModal .modal-top .order-id,
#verifyOrderModal .modal-top .order-id {
	font-size: 24px;
}

#buyTicketForm .ticket-desc {
    font-size: 14px;
    margin: 10px auto 30px;
    border: 1px solid #7d7c8a;
    padding: 15px;
    font-weight: 200;
    border-radius: 10px;
    color: #7d7c8a;
}
#buyTicketForm .ticket-desc div {
    font-weight: 500;
    font-size: 16px;
}


.ticket_field {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #46475c;
}
.ticket_field .name {
	display: flex;
	justify-content: space-between;
}
.ticket_field .note {
	padding-top: 10px;
}
.ticket_field .error,
.nrtel .error {
	margin-top: .25rem;
	font-size: 80%;
	color: #dc3545;
	display: block;
}
.terms .error {
	margin-top: .25rem;
	font-size: 80%;
	color: #dc3545;
	display: block;
	padding: 10px;
}
.name-error {
	clear: both;
}
.name-error {
	margin-bottom: 10px;
}
.name-error .firstnameMsg {
	float: left;
}
.name-error .lastnameMsg {
	float: right;
}
.name-error div {
	width: 49%;
}

.ticket_field .name input {
	width: 100% !important;
	/* width: 49% !important; */
	/* display: inline !important; */
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0px;
}
.ticket_field .email input {
	width: 100% !important;
	margin-top: 10px;
	margin-bottom: 0px;
}
.ticket_field:last-child {
	margin-bottom: 20px;
	padding-bottom: 20px;
}

/*select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	box-shadow: none;
	border: 0 !important;
	background: #2c3e50;
	background-image: none;
	font-family: 'Gotham';
}
select option {
	font-family: 'Gotham';
}
select::-ms-expand {
	display: none;
}
.select {
	position: relative;
	display: flex;
	width: 120px;
	height: 40px;
	line-height: 3;
	background: #2c3e50;
	overflow: hidden;
	border-radius: .25em;
}
select {
	flex: 1;
	padding: 0 .5em;
	color: #fff;
	cursor: pointer;
}
.select::after {
	content: '\25BC';
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 1em;
	background: #34495e;
	cursor: pointer;
	pointer-events: none;
	-webkit-transition: .25s all ease;
	-o-transition: .25s all ease;
	transition: .25s all ease;
}
.select:hover::after {
	color: #f39c12;
}
*/

.box-label {
	border: 1px solid #46475c;
	border-radius: 5px;
	padding: 10px 20px;
	margin: 10px 5px 20px;
	display: inline-block;
	cursor: pointer;
}
.box-label-checked {
	border-color: #FFF;
}
.box-label input {
	display: none;
}

.cart-menu-item {
	position: relative;
}
.cart-menu-item .badge {
	margin: 0;
	padding: 3px 5px;
	font-size: 8px;
	top: 3px;
	position: absolute;
	right: -10px;
}





.place-header-show {
	height: 350px;
	justify-content: center;
	flex-direction: column;
	align-content: center;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.place-header-show .place-logo {
	border-radius: 50%;
	border: 2px solid;
	box-shadow: 0 0 15px -5px #000;
	width: 150px;
}
.place-header-show .place-identity {
	text-align: center;
}
.place-header-show .place-identity h2 {
	padding-top: 20px;
	text-shadow: 0 0 5px #000;
}

.events-nav {
	margin-left: 30px;
	margin-bottom: 30px;
	font-size: 18px;
	font-weight: 500;
}
.events-nav .tab-btn {
	margin-right: 20px;
	cursor: pointer;
}
.events-nav .tab-btn.active {
	border-bottom: 2px solid #944bff;
	padding-bottom: 2px;
}
.tab-content {
	display: none;
}
.tab-content.active {
	display: block !important;
}
.at_place {
	font-size: 14px;
	color: #8a8989;
	margin-right: 20px;
	display: inline;
}
.place-bottom .row > div {
    padding: 30px 0 50px;
}
.place-bottom .place-infos {
    background-color: #2a2937;
    text-align: left;
    padding: 40px 20px !important;
    color: #979797;
    font-size: 14px;
    box-shadow: 0px 0px 33px -5px #000000ab;
	z-index: 2;
}
.badge-place {
	padding: 10px 15px;
	font-size: 12px;
	background: #979797;
	margin-right: 10px;
	color: #2a2937;
	cursor: default;
}
.badge-light {
	padding: 10px 15px;
	font-size: 12px;
	margin-right: 10px;
}
.badge-transparent {
	padding: 10px 15px;
	font-size: 12px;
	color: #979797;
}
.place-infos .badge-light a {
	color: #944bff;
	text-decoration: none;
}
.place-bottom .place-infos .place-desc {
    font-weight: 200;
}









.login-wrap {
	/* background-color: #383747;  */
	background-color: rgba(26, 26, 33, 0.3);
	max-width: 600px; 
	margin-top: 90px; 
	border-radius: 15px; 
	text-align: center;
	padding: 60px 100px;
}
.login-wrap h3 {
	margin-bottom: 20px;
}
input.gw-input, 
textarea.gw-input {
	background-color: #46475c;
	font-size: 14px;
	font-weight: 300;
	color: #FFF;
	padding: 5px 15px;
	border: 0;
	border-radius: 5px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
input.gw-input:focus {
	background-color: #46475c;
	color: #FFF;
}
input.gw-input:disabled {
	cursor: not-allowed;
	background-color: #111;
}
.login-wrap button.btn {
	width: 100%;
	background-color: #ff8790;
	border: 0;
	border-radius: 5px;
	color: #333240;
	margin-bottom: 15px;
	transition: all 0.3s ease-out;
}
.login-wrap button.btn:hover {
	background-color: #c26b71;
	color: #333240;
}
.login-wrap button.btn:active {
	background-color: #c15b62 !important;
	color: #333240 !important;
}
.login-wrap input::placeholder {
	color: #828399;
}
.login-wrap a.btn-link {
	font-size: 12px;
	color: #828399;
	font-weight: 300;
}
.social-btns {
	border-top: 1px solid #574949;
	padding-top: 15px;
	display: flex;
	justify-content: space-between;
}
.social-btns a {
	font-size: 14px;
	margin: 5px 0;
}
.fb-login-btn {
	background-color: #4267B2;
	border-color: #3a60ac;
	color: #FFF;
	transition: all 0.3s;
}
.fb-login-btn:hover {
	background-color: #3a60ac;
	color: #FFF;
}
.google-login-btn {
	background-color: #DB4437;
	border-color: #ce3a2c;
	color: #FFF;
	transition: all 0.3s;
}
.google-login-btn:hover {
	background-color: #ce3a2c;
	color: #FFF;
}


.right-register {
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	border-radius: 15px;
}

.alert-info {
    font-size: 14px;
    font-weight: 300;
}

.terms-wrap {
	background-color: #383747;
	background-color: rgba(26, 26, 33, 0.3);
	max-width: 900px;
	margin-top: 100px;
	border-radius: 15px;
	padding: 60px 100px;
}
.contact-wrap {
	background-color: #383747;
	background-color: rgba(26, 26, 33, 0.3);
	max-width: 900px;
	margin-top: 100px;
	border-radius: 15px;
	text-align: center;
	padding: 60px 100px;
}
.terms-wrap h3,
.contact-wrap h3 {
	margin-bottom: 30px;
}
.terms-wrap h4,
.terms-wrap h5 {
	margin-bottom: 30px;
	color: #666886;	
}
.terms-wrap ul,
.terms-wrap p,
.contact-wrap p {
	margin-bottom: 30px;
	color: #ffffff91;
	/* color: #666886;	 */
	font-size: 15px;
	font-weight: 100;
}
textarea.gw-input {
	height: 150px;
	padding: 10px;
}
textarea.gw-input:focus {
	color: #FFF;
	background-color: #46475c;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}













.user-badge {
	display: flex !important;
	align-items: center;
}
.user-badge i {
	margin-right: 5px;
	color: #e4f261;
}

.sidenavR {
	box-shadow: 0 0 5px #000;
	background-color:#1a1a21;
	height: calc(100% + 0px);
	overflow-x:hidden;
	padding-top:80px;
	position:fixed;
	left:-260px;
	top:0;
	transition:.3s;
	width:250px;
	z-index:101;
}
.sidenavR a, .sidenavR span {
	color:#FFF;
	display:block;
	font-size:16px;
	padding:8px 8px 8px 25px;
	text-decoration:none;
	transition:.3s;
	font-weight: 300;
	letter-spacing: 0.5px;
}
.sidenavR a svg {
	margin-right: 5px;
}
.sidenavR span {
	border-bottom:1px solid #292933;
	margin-bottom: 20px;
	border-top: 1px solid #292933;
	margin-top: -10px;
	padding: 15px 8px 15px 25px;
}
.sidenavR a:hover,
.offcanvas a:focus {
	color:#bfbfbf;
}
.sidenavR .closebtn {
	/* font-size:36px; */
	position:absolute;
	left: 0px;
	top: 15px;
}
.sidenavR .img {
	position: absolute;
	top: 23px;
	right: 52px;
	padding: 0;
}
.sidenavR img {
	width: 120px;
}
.user-menu {
	margin-bottom: 150px;
}
.user-menu a i {
	color: #e4f261;
	width: 25px !important;
}
.bottom-menu {
	/* position: absolute; */
	/* bottom: 60px; */
}





/* Customize the label (the container) */
.custom-check {
	display: inline;
	position: relative;
	padding-left: 25px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 10px 15px;
}
  
/* Hide the browser's default radio button */
.custom-check input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Label */
.custom-check label {
	cursor: pointer;
	font-size: 14px;
	font-weight: 300;
}
  
/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #46475c;
	border-radius: 50%;
}
  
/* On mouse-over, add a grey background color */
.custom-check:hover input ~ .checkmark {
	background-color: #46475c;
}
  
/* When the radio button is checked, add a blue background */
.custom-check input:checked ~ .checkmark {
	background-color: #007bff;
}
  
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
  
/* Show the indicator (dot/circle) when checked */
.custom-check input:checked ~ .checkmark:after {
	display: block;
}
  
/* Style the indicator (dot/circle) */
.custom-check .checkmark:after {
	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background:#FFF;
} 





.account-menu-list {
	list-style: none;
	padding: 0;
}
.account-menu-list li {
	border-left: 2px solid rgba(0,0,0,0);
	padding: 10px 20px;
	font-weight: 200;
	cursor: pointer;
}
.account-menu-list li.active {
	border-left: 2px solid #fa0;
	font-weight: 500;
}
.account-menu-list li:hover {
	background-color: rgba(255,255,255, 0.05);
}
.account-menu-list li svg {
	margin-right: 10px;
}
.account-container > .row {
	padding: 10px 20px;
}

.profile-form > .row,
.password-form > .row {
	/* border-bottom: 1px solid #2f2e3e; */
	margin: 0;
}
/* .profile-form .form-group,
.password-form .form-group {
	margin: 10px 0;
} */
.profile-form .btn,
.password-form .btn {
	display: block;
	margin: 50px auto 0;
	width: 150px;
}
.profile-form .alert {
	font-size: 14px;
	margin: 20px auto;
}






.user-layout,
.bookings-container,
.account-container {
	background: #1a1a21;
	padding-bottom: 80px;
	min-height: calc(100vh - 162px);
}
.user-layout,
.bookings-container .sub-title,
.account-container .sub-title {
	padding-left: 20px;
	border-bottom: 1px solid #2f2e3e;
	padding-bottom: 10px;
	color: #2f2e3e;
}
.booking-row {
	padding: 20px;
}
.booking-row img {
	height: 222px;
	object-fit: contain;
}
.booking-row .booking-infos {
	padding: 20px 10px;
}
.booking-row .title {
	font-size: 30px;
	margin: 10px 0 20px;
	line-height: 1;
}
.booking-row .title a {
	color: #FFF;
	text-decoration: none;
}
.booking-row .date {
	font-weight: 200;
	color: #Fa0;
}
.no-booking-text {
	padding: 40px 20px;
	color: #979393;
	font-weight: 300;
}
.deleteBookingBtn {
	position: absolute;
	top: 20px;
	right: 10px;
}

.missedBooking-row {
	padding: 20px;
}
.missedBooking-row .booking-infos {
	padding: 20px 10px;
	border: 1px solid #999;
	text-align: center;
	border-radius: 10px;
	margin-bottom: 30px;
}
.missedBooking-row .title {
	font-size: 22px;
}
.missedBooking-row .date {
	font-weight: 200;
	color: #Fa0;
	font-size: 14px;
}

.cart-table {
	background: #1a1a21;
	border-bottom: 1px solid #46475c;
}
.cart-table thead {
	/* background: #FFF; */
	color:#FFF;
}
.cart-table tbody {
	color: #FFF;
}
.cart-table tr td:not(:first-child) {
	white-space: nowrap;
}
.cart-table td {
	padding: 25px .75rem;
	vertical-align: middle;
	border-top: 1px solid #46475c;
}
.cart-table .persons {
	font-size: 12px;
	font-weight: 200;
	color: #777;
}
.cart-table .persons ul {
	margin: 0;
	padding-left: 10px;
}
.cart-table thead th {
	padding: 15px 10px;
	font-weight: 300;
	font-size: 14px;
	border-bottom: 0;
	border-top: 0;
	color: #AEADC6;
	letter-spacing: 0.5px;
}
.cart-table tfoot {
	color: #FFF;
}

/* .cart-table {
    border-collapse: separate;
    border:solid white 1px;
    border-radius: 10px;
    -moz-border-radius: 10px;
} */



.cart-layout .totali,
.cart-layout .totali {
	font-size: 20px !important;
	color: #FFF !important;
	font-weight: 700 !important;
}
.cart-layout .cart-info p {
	color:#ccc;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0.5px;
}
.cart-layout .terms {
	display: flex;
	justify-content: center;
	align-items: center;
}
.cart-layout .terms p {
	width: 260px;
	margin: 0 0 0 20px;
}

.cart-info {
	max-width: 700px;
	margin: 0 auto 50px;
}

/* .cart-layout .cart-info .buttons {
	/display: flex;
	justify-content: space-between;
} */
.cart-layout .cart-info .price p {
	text-align: center;
}

.cart-layout .cart-info .buttons a,
.cart-layout .cart-info .buttons button {
	width: 48%;
	padding: 8px;
	font-size: 18px;
	margin-bottom: 15px;
}

.cart-layout .user-info .fields {
	/* display: flex;
	justify-content: space-between; */
	margin-bottom: 20px;
}
.cart-layout .user-info .fields > div {
	/*width: 48%;*/
	justify-content: space-between;
	display: flex;
}
.cart-layout .user-info .fields > div:first-child .form-group {
	width: 48%;
}
.cart-layout .user-info .fields > div:last-child .form-group {
	width: 100%;
}
.cart-layout .user-info label {
	color: #FFF;
	width: 100%;
}
.cart-layout .user-info.hidden {
	display: none;
}
.cart-layout .user-info .transport {
	border-bottom: 1px solid rgba(0,0,0,.1);
	margin-bottom: 20px;
	padding: 10px;
	text-align: center;
}

.cart-layout .user-info select {
	display: block;
	font-size: 14px;
	width: 100%;
	height: 35px;
	border-radius: 5px;
	border: 0;
	padding: 5px;
	margin: 0 auto 10px;
	background: #46475c;
	color: #FFF;
}

.paypal-tax { 
	font-size: 12px;
	font-weight: 200;
	text-align: center;
	color: #666886;
	padding: 10px 0;
	border: 1px solid;
	border-radius: 5px;
	margin-top: 0px;
}






.display-flex {
	display: flex;
}
.ticket-row,
.item-row {
	margin: 20px;
	width: 100%;
	padding: 15px;
	border-radius: 15px;
	background: #222228;
	position: relative;
	overflow: hidden;
}
.ticket-row .image {
	/* width: 20%; */
	min-width: 150px;
	position: relative;
	margin-left: -15px;
	margin-top: -15px;
	margin-bottom: -15px;
}
.ticket-row .image img {
	border-radius: 10px;
	max-height: 150px;
	object-fit: cover;
}
.view-ticket-row {
	height: 150px;
}
.view-ticket-row .image img {
	width: 150px;
	height: 100%;
}
.ticket-row .info,
.item-row .info {
	margin-left: 15px;
	width: 100%;
}
.ticket-row .title,
.item-row .title {
	border-bottom: 1px solid #333;
	padding-bottom: 15px;
	margin: 0 0 5px;
	width: 100%;
	font-size: 24px;
}
.ticket-row .title a,
.item-row .title a {
	color: #FFF;
	text-decoration: no;
}
.ticket-row .date,
.item-row .date {
	font-size: 14px;
}
.ticket-row .order-info {
	font-size: 14px;
	font-weight: 200;
	color: #575757;
	margin-top: 5px;
}
.ticket-row .buttons,
.item-row .buttons {
	position: absolute;
	top: 10px;
	right: 15px;
	z-index: 2;
}
.ticket-row .buttons a,
.item-row .buttons a {
	margin-left: 10px;
}
.date {
	font-weight: 200;
	color: #Fa0;
	font-size: 14px;
}
.title {
	font-size: 30px;
	margin: 10px 0 20px;
	line-height: 1;
}
.order-row .content .left {
	width: 50%;
	float: left;
}
.order-row .content .right {
	width: 50%;
	float: right;
	text-align: right;
}
.ticket-holder,
.order-status {
	font-size: 14px;
	margin-top: 5px;
}

.item-row .totalPrice {
	/* position: absolute;
    right: 15px;
    bottom: 15px; */
    font-size: 26px;
}

#viewOrderModal .order-data {
	margin-bottom: 30px;
}
#viewOrderModal .order-data .order-datetime,
#viewOrderModal .order-data .order-payment,
#viewOrderModal .order-data .order-status {
	display: inline-block;
	margin: 0 20px;
	font-size: 14px;
}
#viewOrderModal .order-table-list {
	font-size: 14px;
	color: #FFF;
}
#viewOrderModal .order-table-list th {
	padding: 5px;
}
#viewOrderModal .order-table-list td {
	padding: 5px;
	font-weight: 200;
	vertical-align: middle;
}
#viewOrderModal .order-table-list tr:last-child td {
	border-bottom: 1px solid #dee2e6;
}
#viewOrderModal .shuma-transportit,
#viewOrderModal .shuma-totale {
	text-align: right;
}




.page-title {
	padding: 30px 20px 30px;
	border-bottom: 1px solid #111;
	font-size: 24px;
	color: #FFF;
}
.page-title svg {
	margin-right: 5px;
}


.confirm-container {
	/* background: #FFF; */
	color: #FFF;
	padding-bottom: 80px;
	text-align: center;
	max-width: 600px;
}
.confirm-container .page-title {
	padding: 30px 0px;
	margin-bottom: 50px;
}
.confirm-container .page-title .icon {
	font-size: 50px;
	margin-bottom: 10px;
}







#bookingTable_wrapper,
#placesTable_wrapper {
	padding: 15px;
}
#bookingTable,
#placesTable {
	color:#FFF;
	font-size: 14px;
	margin-top: 50px;
	margin-bottom: 20px;
}
#bookingTable thead,
#placesTable thead {
	background-color: #DDD;
	color: #000;
}
#bookingTable .even,
#placesTable .even {
	background-color: #1e1e26;
}
#bookingTable td,
#bookingTable th,
#placesTable td,
#placesTable th {
	border-top: 1px solid #202028;
}
#bookingTable td,
#placesTable td {
	font-weight: 300;
	padding: 10px;
}
.badge-lg {
	font-size: 16px;
}
#bookingTable_length,
#placesTable_length {
	font-size: 10px;
	color: #FFF;
}
#bookingTable_length select {
	background: #FFF;
}
#bookingTable_filter,
#bookingTable_filter input {
	font-size: 14px;
	color: #FFF;
}
#bookingTable_info,
#bookingTable_paginate {
	font-size: 12px;
}







/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 20px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  /* The slider */
  .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .slider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 4px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  input:checked + .slider {
	background-color: #2196F3;
  }
  
  input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
	border-radius: 34px;
  }
  
  .slider.round:before {
	border-radius: 50%;
  }









.switch-field {
	display: flex;
	margin-bottom: 36px;
	overflow: hidden;
	justify-content: center;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 10px 20px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
	background-color: #6e8c5c;
	box-shadow: none;
	color:#000;
}

.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}





@media only screen and (max-width: 1200px) {

	section { 
		padding: 0 25px;
	}

	.main-slider .slide-content {
	    padding-left: 100px;
	}

	.upcoming-carousel .owl-stage {
		padding-left: 75px !important;
		padding-right: 75px !important;
	}

	.slide1, .slide2, .slide3 {
		background-size: cover;
	}


	/* Event page */
	.event-header .left {
		padding-left: 50px;
	}
	.event-info .event-title {
		font-size: 45px;
	}
}

@media only screen and (max-width: 992px) {
	.slide::after {
		background-color: rgba(0,0,0,0.5);
	}

	.events-nav {
		display: flex;
		justify-content: space-evenly;
	}
	.place-bottom .row > div {
		padding: 20px 0 50px;
	}
	.at_place {
		text-align: center;
		margin: 0 0 10px 0;
	}

	#search-box {
		width: 70%;
	}

	.event-poster {
		margin: 25px 0;
		height: 350px;
	}
}

@media only screen and (max-width: 768px) {

	section { 
		padding: 0 15px;
	}

	.main-slider .slide-content {
		padding-left: 50px;
		padding-right: 50px;
		width: 100%;
	}
	.rounded-blue {
		font-size: 14px;
	}
	.main-slider .event-title {
		font-size: 40px;
		line-height: 1;
		margin-top: 0;
	}
	.event-header .yellow-btn {
		font-size: 18px;
	}
	.yellow-btn {
		font-size: 14px;
	}
	
	.owl-theme .owl-dots {
		margin-top: -10px;
	}
	.owl-theme .owl-dots .owl-dot span {
		width: 20px;
		height: 4px;
	}

	body.event-show footer, body.place-show footer {
		background: transparent;
	}

	.home-section .h3 {
		margin-top: 10px;
		font-size: 18px;
		font-weight: 500;
	}

	.owl-prev img, .owl-next img {
	    height: 30px;
	}
	.owl-prev {
	    left: 10px;
	}
	.owl-next {
	    right: 10px;
	}
	.upcoming-carousel .owl-stage {
		padding-left: 50px !important;
		padding-right: 50px !important;
	}

	.slide::after {
		background-color: rgba(0,0,0,0.8);
	}

	.event-header .left {
		padding-left: 15px;
		text-align: center;
		display: block;
	}
	.event-info .event-title {
		font-size: 26px;
	}
	.event-header .right {
		text-align: center;
	}
	.event-poster {
		margin: 0 0 30px;
	}
	.place-data .place-logo {
		width: 120px;
	}
	.place-data .place-name {
		font-size: 30px;
	}
	.map-frame {
		height: 400px;
	}
	.event-place-info .row > div {
		padding: 30px 0 20px;
	}
	.badge-transparent {
		padding: 10px;
	}
	.event-show .event-place-info .h3 {
		margin-top: 0;
	}

	.events-nav {
		margin-left: 20px;
	}
	.events-nav .tab-btn {
		margin-right: 10px;
	}

	.account-container > .row > .col-sm-3 {
		padding-right: 0 !important;
	}
	.account-menu-list li {
		padding: 10px 0px 10px 20px;
	}


	.flex-places {
		justify-content: flex-start; /*space-around;*/
		margin-right: 5px;
	}
	.flex-events .upcoming-slide {
		width: 47%;
	}

	#search-box {
		width: 100%;
	}
	

}

@media only screen and (max-width: 575px) {

	.homepage-banner {
		height: 300px;
	}
	.homepage-banner h1 {
		font-size: 30px;
	}
	.homepage-banner h1 span {
		font-size: 24px;
	}
	.homepage-banner h2 {
		font-size: 18px;
	}

	.header {
		padding: 10px;
	}
	.header .left {
		padding-right: 0;
	}
	#logo img {
		width: 80%;
		min-width: 120px;
	}
	.left-burger {
		margin-right: 10px;
	}
	.page-title {
		font-size: 20px
	}
	label {
		font-size: 14px;
	}
	.social-btns {
		flex-direction: column;
	}

	svg {
		width: 100%;
	}

	.sidenavR {
		padding-top: 70px;
		/* height: 120%; */
	}
	.sidenavR .closebtn {
		top: 10px;
	}
	.sidenavR .img {
		top: 18px;
		right: 66px;
	}
	.bottom-menu {
		bottom: 60px;
	}

	.main-slider .event-title {
		font-size: 30px;
	}
	.main-slider .slide-content {
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
	}
	.owl-prev {
		left: -5px;
	}
	.owl-next {
		right: 0px;
	}

	/* .upcoming-carousel .upcoming-slide .slide-content {
		min-width: 220px !important;
	} */

	.at_place {
		margin: 5px 5px 15px 5px;
	}

	.events-nav {
		display: flex;
		justify-content: space-around;
		margin-left: 0;
	}
	.events-nav .tab-btn {
		margin-right: 10px;
		margin-left: 10px;
		font-size: 15px;
		text-align: center;
	}

	.event-info {
		width: 100%;
		text-align: center;
		margin: 20px 0 40px 0;
	}
	.event-time {
		font-size: 14px;
	}
	.event-info .event-title {
		font-size: 30px;
	}
	.event-header .right {
		text-align: center;
	}
	.event-header .left {
		padding-left: 15px;
	}
	.event-poster {
		margin: 0px 0px 25px 0;
		float: none;
		max-height: 300px;
	}


	.modal-top .event-title {
		font-size: 24px;
	}

	.login-wrap,
	.contact-wrap,
	.terms-wrap {
		margin-top: 20px;
		padding: 60px 40px;
		background-color: transparent;
	}
	.contact-wrap button.btn,
	.login-wrap button.btn {
		width: 100%;
	}


	body.user-show,
	body.booking-index,
	body.checker-events,
	body.checker-bookings,
	body.ticket-index,
	body.cart,
	body.event-cart,
	body.order-index,
	body.shuttle,
	body.shuttle-cart,
	body.booking-list,
	body.organizer-bookings,
	body.organizer-eventBookings,
	body.organizer-sales,
	body.pr-bookings,
	body.pr-bookingsList {
		background-color: #1A1A21;
	}
	.account-container,
	.bookings-container {
		padding: 0;
		margin-bottom: 50px;
	}
	.account-container > .row {
		padding: 10px 0px;
	}
	.profile-form .form-group, 
	.password-form .form-group {
		margin: 0;
	}

	footer {
		padding: 15px 0;
		font-size: 12px;
	}
	footer.setToBottom {
		position: relative;
		width: auto;
	}


	.flex-places {
		justify-content: space-around;
	}
	.flex-events {
		justify-content: center;
	}
	.flex-events .upcoming-slide {
		width: 100%;
		max-width: 400px;
		margin-right: 0;
	}


	nav ul li {
		padding: 0 10px;
	}
	
	#search-box {
		height: 50px;
	}
	#search-box.opened {
		top: 60px;
	}
	#search-field {
		width: 100%;
		height: 50px;
		font-size: 20px;
	}
	#search-btn {
		width: 8%;
		height: 40px;
		font-size: 20px;
	}



	.ticket-row .image {
		position: absolute;
		z-index: 0;
		min-width: 122px;
		height: 150px;
	}
	.ticket-row .image::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius: 10px 0 0 10px;
		background: rgb(34, 34, 40);
		background: linear-gradient(90deg, rgba(34, 34, 40, 0.7) 50%, rgb(34, 34, 40) 100%);
	}
	.ticket-row .info {
		z-index: 1;
		margin-left: 0;
		width: 100%;
	}
	
}

@media only screen and (max-width: 480px) {
	.ticket-row .buttons {
		bottom: 10px;
		top: auto;
	}
}

@media only screen and (max-width: 420px) {
	
	.login-wrap,
	.contact-wrap,
	.terms-wrap {
		padding: 60px 0px;
	}

}