@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

:root {
--btn-bg-color:#8657a4;
--small-font:12px;
--medium-font:14px;
--large-font:16px;
--icon-color:#8657a4;
--icon-light:#ddd;
--font-light:#fff;
--link-light:#e1e1e1;
--link-active:#fff;
--font-dark:#222;
--deals:#9555f1;
--tickets:#9555f1;
--tables:#9555f1;
}


h1 {font-size:24px; font-weight:bold; line-height:30px; color:#000; padding:0; margin:0;}
.header input::placeholder {font-size:13px; color:#fff; font-weight:500;}

body {margin:0; padding:0; font-family:'Poppins', sans-serif; font-size:14px; background:url(../images/bg.jpg) no-repeat center center; background-color:#000 !important;}
img {max-width:100%; margin:0;}
.wrapper {width:100%; margin:0 auto; padding:0; position:relative; display:block; font-family:'Poppins', sans-serif;}
.main-page {background:none; float:none;}
.container.main-page {padding-top:25px; padding-bottom:15px; max-width:900px;}
.container {max-width:900px !important; position:relative;}
.header {width:100%; margin:0 auto; padding:15px 0 30px; position:relative; display:block; border-bottom:none;}
.header .search-bar {max-width:100%; margin:0 2% 5px 0; padding:0; position:relative; display:block; float:left; width:48%;}
.header .search-bar input {border-radius:8px;
    border:1px solid #252525; background:#252525;
    padding:15px 10px 10px;
    width:100%;
    box-sizing:border-box;
    font-size:14px;
    line-height:1;
    color:#fff;
    font-weight:500; text-align:center;}
.header .search-bar input::placeholder {font-size:14px; font-weight:normal;}	
.header .search-bar .search-icon {color:#000;
    display:inline-block;
    margin:0;
    padding:12px 8px;
    position:absolute;
    z-index:9;
    line-height:1;}	
.header .search-bar .search-icon i.fa {font-size:22px; color: var(--icon-light);}	
.header .search-bar .search-icon a {color:#fff; text-decoration:none;}	
.header .search-bar .search-icon a:hover {color:#000; text-decoration:none;}
.header .map-bar {max-width:100%; width:48%;
    margin:0 0 5px 2%;
    padding:0;
    position:relative;
    display:block; float:right;}
.header .map-bar .label-text {
    color: #aaa;
    font-size:11px;
    font-weight: 500;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: 3px;}	
.header .map-bar .map-icon {
    color: #000;
    display: inline-block;
    margin: 0;
    padding:15px 8px;
    position: absolute;
    z-index: 9;
    line-height: 1;}	
.header .search-bar .label-text {color:#aaa;
    font-size:11px;
    font-weight: 500;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: 3px;}	
.header .map-bar .map-icon a {color:#aaa; text-decoration:none;}	
.header .map-bar .map-icon i.fa {font-size:18px; color:var(--icon-light);}
.header .map-bar input {
    border-radius:8px;
    border: 1px solid #252525; background:#252525;
    padding: 15px 10px 10px 10px; text-align:center;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1;
    color: #fff;    
    font-weight:400;}
.header .map-bar input::placeholder {font-size:14px; font-weight:normal;}	
.header-top {
    max-width: 100%;
    margin: 0 auto 10px;
    padding: 0;
    position: relative;
    display: block;
    float: left;
    width: 100%;}
.header-top i.fa {color:#000; font-size:18px;}	
.header-top .close i.fa.fa-map-marker {font-size:20px;}
.header-top .catName {font-size:14px;
    font-weight:500;
    padding:0 10px 0 5px;
    line-height:1;}
.header-top .star i.fa {font-size:16px;
    font-weight:600;
    line-height:1;
    position:relative;
    top:3px;} 	
.header-top .close {
    float:left;
    width:20%;
    margin:0;
    padding:0;
    display:block; opacity:1;}	
.header-top .job-title {float:left;
    width:60%;
    margin:0 auto;
    padding:0;
    display:block; text-align:center; font-weight:bold; color:#000; font-size:14px;}	
.header-top .star {
    float:right;
    margin:0;
    padding:0;
    width:20%;
    display:block;
    text-align:right; opacity:1;}	

.mobile-nav {position:relative; display:none; width:100%; padding:0px; box-sizing:border-box; margin:0 auto;}
#menu-btn {cursor:pointer; float:right; right:0; top:-15px; position:absolute; z-index:9999;}
.menu-btn div {
 position:absolute;
 left:100%;
 top:64%;
 padding-right:8px;
 margin-top:-0.50em;
 line-height:1.2;
 font-size:18px;
 font-weight:200;
 vertical-align:middle;
 z-index:99;}
 
.menu-btn span {
 display:block;
 width:20px;
 height:3px;
 margin:4px 0;
 background:#fff;
 z-index:99;} 
.responsive-menu {display:none;}
.responsive-menu.expand ul {
    margin:0;
    padding:5px 0;
    background:#e7e7e7;
    width:100%;
    display:block;
    box-sizing:border-box;
    list-style:none;
    transition:all 0.4s ease 0s;
    border:none;
    border-radius:4px; 
    box-shadow: 0 0px 5px rgb(0 0 0 / 15%);}
.responsive-menu.expand ul li {margin: 0;
    padding:0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;}
.responsive-menu.expand ul li a {color:#000; text-decoration:none; padding:10px; display:block; margin:0;}	
.responsive-menu.expand ul li a:hover {color:#888; text-decoration:none; background:#f7f7f7;}
.expand {display: block !important;  transition-delay: 1s;  
  -webkit-transition: all 2s ease;  
  -moz-transition: all 2s ease;  
  -o-transition: all 2s ease;  
  -ms-transition: all 2s ease;  
  transition: all 2s ease;}
.responsive-menu.expand {position:absolute; z-index:999; width:100%; padding:0; margin:0; box-sizing:border-box;}

.header .sticky {background:#ddd;}	
.header .fixed {
    background-color:#fff;
    overflow:auto;
    white-space:nowrap;
    position:fixed;
    left:0;
    right:0;
    top:0;
    margin:0 auto;
    width:610px;
    z-index:99;
    padding:0;
    box-sizing:border-box;}
.header .catMenu {
    position: relative;
    margin: 0 auto;
    display: block;
    width: 100%;
    float: left;
    height: auto;
    padding:10px 0 0;
    left: 0;
    right: 0;
    box-sizing: border-box;}
.header .catMenu ul {
    background-color: #fff;
    overflow: auto;
    white-space: nowrap;
    position: relative;
    margin: 0 auto;
    width: 100%;
    z-index: 90;
    padding: 10px 10px 0px;
    box-sizing: border-box;}		
.header .catMenu ul li {
    display:inline-block;
    margin:0 15px 8px 0;
    padding:0 15px 0 0;
    position:relative;}
.header .catMenu ul li a {
    font-weight:600;
    color:#999;
    text-decoration:none;
    border-radius:0;
    border:none;
    display:block;
    width:auto;
    height:auto;
    font-size:14px;}	
.header .catMenu ul li a.active {
    font-weight:500;
    color:var(--link-active);
    position:relative;}
.header .catMenu ul li a img {max-width:100%;
    display: block;
    margin: 0 auto;
    padding: 10px;
    vertical-align:middle;}	
.header .catMenu ul li a.active:after {
    content:'';
    display:inline-block;
    text-decoration:none;
    border-radius: 0;
    border: none;
    width: 100%;
    height: 2px;
    position: absolute;
    top: inherit;
    left: 0;
    right: 0;
    bottom: -4px;
    background:#fff;}			

.catMenu ul::-webkit-scrollbar {width:100%; height:4px;} 
.catMenu ul::-webkit-scrollbar-track {
	background:#000;
    -webkit-border-radius:10px;
    border-radius:10px;}
 
/* Handle */
.catMenu ul::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:#8d56b0;}
.catMenu ul::-webkit-scrollbar-thumb:hover {background:#8d56b0;}
.catMenu ul::-webkit-scrollbar-thumb:window-inactive {background:#8d56b0;}	

.card-container {display:block;
    width:100%; float:left;
    margin:0;
    padding:15px 12px 12px; box-sizing: border-box;
    position:relative;}
.card-container .offers {display:flex; justify-content:space-between;
    margin: 0;
    padding:0 10px;
    position: absolute;
    top: -17px;
    max-width: 100%;
    overflow: hidden;
    width: 100%;
    left: 0;
    right: 0;}	
.card-container .offers .deals {display:block; float:left; margin: 0; padding: 0;}
.card-container .offers .deals .btn-box {background:var(--deals);
    border-radius: 35px;
    padding: 0 20px;
    height: 30px;
    line-height:30px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    margin: 0;
    min-width:100px;}
.card-container .offers .tickets {display:block; float:left; margin: 0; padding: 0;} 	
.card-container .offers .tickets .btn-box {background:var(--tickets);
        border-radius: 35px;
    padding: 0 20px;
    height: 30px;
    line-height:30px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    margin: 0;
    min-width:100px;}
.card-container .offers .tables {display:block; float:right; margin: 0; padding: 0;}
.card-container .offers .tables .btn-box {background:var(--tables);
        border-radius: 35px;
    padding:0px 20px;
    height:30px;
    line-height:30px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    margin: 0;
    min-width:100px;}
.card-container .left-side {
    display:block;
    width:84%; float:left;
    margin:0;
    padding:0 10px 0 0;
    position:relative; color:#fff; box-sizing:border-box;}
.card-container .left-side h2 {padding:0;
    margin:5px 0 5px;
    display:block;
    font-size:15px;
    font-weight:400;
    color:#fff;}	
.card-container .left-side p {font-size:12px; line-height:1.4; font-weight:300; margin-bottom:10px;}	
.card-container .left-side h5 {font-size:13px; font-weight:normal;
    display: block;
    margin:5px 0 0;
    padding: 0; color:#aaa;}	
.card-container .left-side i.fa {color:#bbb; margin-left:0; font-size:18px; margin-right:3px;}	
.card-container .left-side .time {font-size:11px; font-weight:normal;}	

.card-container .right-side {display:block;
    width:16%; float:right; text-align:right;
    margin:0;
    padding:0;
    position:relative;}	
.card-container .right-side h5 {font-size:12px; font-weight:normal; display:block; margin:0 0 10px; padding:0; color:#fff;}	
.container.listing.events .right-side h5 {font-size: 15px; font-weight: 500; display: block; margin: 0; padding: 5px 0 0; color: #fff;}		
.card-container .right-side h5 i.fa {color:var(--icon-light); margin-left:5px; font-size:18px; margin-right:2px;}	
.right-side .deals {display:block; margin:0; padding:0;}
.right-side .deals .btn-box {margin:0 0 7px; min-width:70px;}
.card-container .right-side .social-icons {display:block; padding:10px 0 0; margin:0; width:100%;}
.card-container .right-side .social-icons i.fa {color:var(--icon-light); margin-left:5px; font-size:16px;}
.card-container .right-side .social-icons i.fa:hover, .card-container .right-side .social-icons i.fa:focus {color:#6c03b5;}
	
	
.card-container .btn-box {background:var(--btn-bg-color);
    border-radius: 2px;
    padding: 0 12px;
    height:30px;
    line-height:30px;
    display: inline-block;
    text-align:center;
    color:#fff;
    font-size:11px;
    margin:7px 0;}	
.card-container .btn-box:hover {background:#46215e;}	
.card-container .left-side .price {display:block;
    margin:10px 0 0;
    padding: 0;
    position: relative;
    width: 100%;
    float: left;}
.left-side .price .bg-price {background:var(--btn-bg-color); opacity:0.75; border-radius:1px;
    padding: 0 13px;
    height:28px;
    line-height:28px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 11px;
    margin:0;}	
.left-side .price .count {font-size:12px;
    font-weight:500;
    color:#fff;
    line-height:28px;
    display:inline-block;
    padding:0 0 0 5px;}	




/****************** Detail ******************/

.detail-page {background:#fff; border-bottom:1px solid #ddd; padding:15px;}
.detail-top {
    max-width:100%;
    margin:0 auto;
    padding:0;
    position:relative;
    display:block;
    float:left;
    width:100%;
    text-align:center;}

.detail-top i.fa {
    position: absolute;
    left: 0;
    top: 2px;
    display: inline-block;
    z-index: 99;
    padding: 0;
    margin: 0; color:#777;}	

.detail-top h4 {
    display:block;
    font-size:16px;
    font-weight:700;
    color:#777;
    margin:0;
    padding:0;}	

.detail-info {background:#fff; border-bottom:1px solid #ddd; padding:15px;}	
.detail-info .detail-header {
    margin: 0 auto;
    text-align: center;
    display: block;
    padding: 0;
    position: relative;}
.detail-header h2 {display: block;
    margin: 0 0 10px;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    color: #222;
    font-family:'Poppins', sans-serif;}

.detail-header .seller-btn {
    display: block;
    margin: 15px auto;
    padding: 0;
    width: 100%;}		
.detail-header .seller-btn a {background:#03a000;
    padding: 14px 20px;
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border-radius: 30px;
    display: block;
    line-height: 1;}	
.detail-header .seller-btn a:hover {background:#222; text-decoration:none; transition:all 0.4s ease 0s;}	
.detail-header .rating-box {
    display:block;
    margin:0 auto;
    padding:0;
    width:100%;}
.detail-header .rating-box .stars {display:inline-block;
    padding-right:5px;
    margin:0;}	
.detail-header .rating-box .stars i.fa {color:#03a000; display:inline-block; padding:0px 4px 0 0; font-size:18px;}	
.detail-header .rating-box .rating {
    color: #03a000;
    padding-right: 10px;
    font-weight: bold;
    margin: 0;
    line-height: 1;
    font-size: 14px;}
.detail-header .rating-box .comments {
    color: #666;
    font-weight: bold;
    font-size: 13px;}	
section.detail-slider {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    clear: both;
    background: #fff;
    padding: 25px 0 0;
    border-top:2px solid #ddd;
    border-bottom:2px solid #ddd;}	
section.detail-slider .carousel__item {padding-left:0; padding-right:20px;}
.detail-info .detail-address {
    margin: 0 auto 20px;
    text-align: left;
    display: block;
    padding: 0 0 20px;
    position: relative;
    float: left;
    width: 100%; border-bottom: 2px solid #ddd;}	
.detail-info .detail-address .content {font-size:13px;
    font-weight: 600;
    color: #444;
    line-height: 24px;
    padding: 0 0 6px; margin:0;}	
.detail-info .detail-address .content i.fa {
    font-size: 18px;
    padding-right: 6px;
    line-height: 1;}

.detail-info .detail-description {margin: 0 auto 20px;
    text-align: left;
    display: block;
    padding: 0 0 20px;
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 2px solid #ddd;}	
.detail-info .detail-description h4 {display: block;
    margin: 0 0 10px;
    padding: 0;
    font-weight: bold;
    font-size:15px;
    text-transform: uppercase;}	
.detail-info .detail-description .content {font-size:13px;
    font-weight: 600;
    color: #444;
    line-height: 24px;
    padding: 0; margin:0 0 20px;}
.detail-info .detail-description .map {
    display: block;
    margin: 0 0 20px;
    padding: 0;}	
.detail-info .detail-description .content i.fa {font-size:16px; padding-right:5px;}	
.detail-info .detail-description .content .right-arrow {float:right; margin-top:6px; display:inline-block;}
.detail-info .detail-description .see-more {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
    margin: 0 auto;
    text-align: center;
    display: block;
    line-height: 1;
    font-size: 15px;
    font-weight: bold;
    color: #03a000;}
.detail-description .see-more i.fa {
    font-size: 12px;
    padding-left: 5px;}	
	
.detail-info .comment-rating {margin:0 auto 70px;
    text-align: left;
    display: block;
    padding:0;
    position: relative;
    float: left;
    width: 100%;
    border-bottom:none;}	
.detail-info .comment-rating h4 {display: block;
    margin: 0 0 10px;
    padding: 0;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;}	
.detail-info .comment-rating .comments-list {display: block;
    width: 100%;
    margin: 10px 0 20px;
    padding: 0 0 20px;
    float: left;
    border-bottom:1px solid #ddd;}	
.comment-rating .comments-list .comment-user {float: left;
    width: 10%;
    display: block;
    margin: 0;
    padding: 0;}
.comment-rating .comments-list .comment-user i.fa {display: block;
    font-size: 26px;
    color: #28ad45;
    margin: 0;
    padding: 0;
    line-height: 1;}		
.comment-rating .comments-list .comment-desc {float:left;
    width:60%;
    display:block;
    margin:0;
    padding:0 5px;
    font-size:13px;
    font-weight:600;}	
.comment-rating .comments-list .comment-rating {float: left;
    width: 30%;
    display: block;
    margin: 0;
    padding: 0;
    text-align: right;}	
.comment-rating .comments-list .comment-rating i.fa {color:#28ad45; font-size:14px; padding-left:4px;}	
.detail-info .detail-map {border-bottom:none;  padding-bottom:0;}

.see-more {
    border-top:1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
    margin: 0 auto;
    text-align: center;
    display: block;
    line-height: 1;
    font-size: 15px;
    font-weight: bold;
    color: #03a000; float: left; width: 100%;}
.see-more i.fa {font-size:12px; padding-left:5px;}		

.detail-info .action-btn {display: block;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 15px;
    background: #f7f7f7;
    border-top: 2px solid #ddd;}
.detail-info .action-btn .favorite {
    float: left;
    width: 70%;
    display: block;
    margin:0 auto;
    padding:0 10px 0 0; text-align:center;}	
.detail-info .action-btn .favorite a {background: #28ad45;
    color: #fff;
    margin: 0;
    padding: 12px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    display: block;
    border-radius: 7px;
    line-height: 1;}	
.detail-info .action-btn .share {text-align:center; float: left;
    width:30%;
    display: block;
    margin:0 auto;
    padding:0 0 0 10px;}	
.detail-info .action-btn .share a {background: #555;
    color: #fff;
    margin: 0;
    padding: 12px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    display: block;
    border-radius: 7px;
    line-height: 1;}	


/************************ pop-up gallery style start ************************/

.popup-title {display:block; width:100%; margin:0; padding:15px; position:relative;}	
.popup-title h2 {padding:0; margin:0; display:block; font-size:15px; font-weight:600; color:#aaa;}	
.wrapper .container.gallery-container {padding:0;}
.container.gallery-container section, .container.gallery-container section section {padding: 0 !important;
    box-shadow:none !important;
    background:#f5f5f5 !important;
    display:block;
    margin:0;}
#gallery {padding-top:0; padding-left:0; padding-right:0;}
#image-gallery .image {padding:0 1px; width: 33.333%; float: left; display: block;}
#image-gallery .img-wrapper {margin-top:4px; position:relative;}

#gallery .img-overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity:0;}

#gallery #overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index:999; padding:0 25px;}

#gallery #nextButton {
  color:#fff;
  font-size:18px;
  transition:opacity 0.8s; position:relative; right:-10px;}

#gallery #prevButton {
  color:#fff;
  font-size:18px;
  transition:opacity 0.8s; left:-10px;
  position:relative;}

#gallery #exitButton {
  color: #fff;
  font-size: 18px;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;}
#gallery .container {padding:0;}  


.header .sticky {
    overflow: auto;
    white-space: nowrap;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin:5px auto;
    width: 100%;
    z-index: 99;
    padding:5px 5px 5px;
    float: left;
    box-sizing: border-box;
    background: rgb(0,0,0,0.8);
    border-radius: 4px;}
	
.container.main-page .map-view-main {position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    margin: 0;
    padding: 0;
    max-height: 350px;
    overflow: hidden;}
.map-view-main iframe {width:100%;}	
	
.sticky .catMenu {
    height: auto;
    padding: 0 0;
    position: relative;
    margin: 0 auto;
    display: block;
    width: 100%;
    float: none;
    text-align: center;
    left: 0;
    right: 0;
    box-sizing: border-box;}	
.sticky .catMenu ul {
    background-color:transparent;
    overflow: auto;
    white-space: nowrap;
    position: relative;
    margin: 0 auto;
    width: 100%;
    z-index: 99;
    padding:5px 10px 0;
    box-sizing: border-box;}	
.sticky .catMenu ul li {
    display: inline-block;
    margin: 0 15px 5px 0;
    padding: 0 15px 0 0;
    position: relative;}	
.sticky .catMenu ul li a {
	font-weight:normal;
    color: var(--link-light);
    position: relative;
    font-size: 14px;
    text-transform: none;
    text-decoration: none;}	
.wrapper .container section.banner-slider {padding:0; background:none;}	

.container section.banner-slider .carousel__item--mobile-in-1 {width:60%; margin:0; padding:0;}
.container section.banner-slider .demo-content {color: #444;
    display: block;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    text-transform: none;
    border-radius: 6px;
    font-size: 14px;
    height: auto;
    min-height:initial;
    width: 100%;
    position: relative; padding:0; margin:0;}
.container section.banner-slider .demo-content .thumb {height:200px; overflow:hidden;} 
.container section.banner-slider .demo-content .thumb img {margin: 0 auto; height: auto; width: auto;}
.container section.banner-slider .banner-info {position: absolute;
    left: inherit;
    bottom: 0;
    display: inline-block;
    background: rgba(0,0,0,0.6);
    border-radius: 4px;
    font-size: 12px;
    padding: 10px;
    margin: 0;
    text-align: left;
    min-width: inherit;
    color: #fff;
    font-weight: 600;
    box-sizing: border-box;
    max-width: 95%;
    float: left;
    right: inherit; width:100%;}
.container section.banner-slider .banner-info h4 {width:75%; float:left; display:block; padding:0; margin: 0; font-size: 15px; line-height: 27px;}	
.container section.banner-slider .banner-info .social-icons {float: right;
    width: 25%;
    margin: 0;
    padding:0;
    text-align: right;
    line-height: 27px;}
.container section.banner-slider .banner-info .social-icons i.fa {font-size: 16px; padding-left:8px;}	

.additional-info {float:left;
    width: 100%; border-radius: 4px;
    margin: 0;
    clear: both;
    background: #1a1a1d;
    padding:10px; display:block; color:#fff;}
.additional-info .map-section {display: block;
    margin: 0 0 15px;
    padding:5px 0;
    text-align: right;
    font-size: 13px;}	
.additional-info .map-section i.fa {font-size:20px; padding-right:5px;}
.additional-info .info-row {display: flex;
    margin: 0 0 10px;
    padding: 0 0 8px;
    width: 100%;
    border-bottom: 1px solid #333;}	
.additional-info .info-row .icon-action {width:8%;
    margin: 0;
    padding: 0;}	
.additional-info .info-row .icon-action i.fa {font-size: 13px; line-height: 18px;}	
.additional-info .info-row .caption {font-weight: 500;
    font-size: 13px;
    text-align: left;
    padding: 0;
    margin: 0;
    width: 52%;}
.additional-info .info-row .caption-two {font-weight: 500;
    font-size: 12px;
    text-align: left;
    padding: 0;
    margin: 0;
    width: 40%;
    color: var(--btn-bg-color);}	
	

.pass-type {display:block; margin:0 0 10px; padding:20px 0 0; width:100%; float:left;}
.pass-type h3 {color:#fff; font-size:13px; display:block; margin:0 0 10px; padding:0; font-weight:600;}
.wrapper .container section.passType-slider {padding:0; background:none;}	
.wrapper .container section.passType-slider .carousel__item--mobile-in-1 {width:60%; padding-left: 0; padding-right: 10px;}
.container section.passType-slider {color: #fff;
    display: block;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    text-transform: none;
    border-radius: 6px;
    font-size: 14px;
    height: auto;
    min-height: initial;
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;}
.container section.passType-slider .demo-content {height:auto;
    min-height: initial;
    color: #fff;
    float: left;
    margin: 0;
    background:#222;
    border-radius: 4px;
    padding:0;}
.container section.passType-slider .demo-content .pass-detail {
    display: block;
    width: 100%; float:left;
    margin: 0;
    padding: 0;
    clear: both;
    overflow: hidden;
    height: auto;
    position: relative;}	
section.passType-slider .pass-detail .member {display: block; padding: 10px; margin: 0 0 10px; border-bottom: 1px solid #333; font-size: 13px; font-weight: normal; width: 100%;
    float: left;}	
section.passType-slider .pass-detail .member a.book-btn {float:right; margin:0; background:#8657a4; color: #fff; font-size: 11px; font-weight: normal; border-radius: 3px;
    padding: 4px 12px; width:auto; min-width:95px;}
section.passType-slider .pass-detail .member a.book-btn:hover {background:#333;}	
section.passType-slider .pass-detail .tarrif {padding:0 10px 10px; display: block; margin:0; font-size: 13px; font-weight: normal; width:100%; float:left;}
.container section.passType-slider .demo-content .pass-detail .num {display:block; width:55%; float: left; line-height:14px; font-size:12px; text-align:left;}
.demo-content .pass-detail .num em {display:block; font-size:11px;}
section.passType-slider .pass-detail .tarrif .offer {text-align:right;
    display: inline-block;
    float: right;
    color: var(--btn-bg-color);
    font-weight: 600;}
.passType-slider .demo-container.skip-line {margin:0 0 10px;}	
.passType-slider .demo-container.buy-ticket {margin:0 0 10px;}	
.passType-slider .demo-container.buy-table {margin:0 0 10px;}	
.wrapper .container section.gallery-slider {padding:20px 0 0; background:none; box-shadow:none; margin-bottom:60px;}	
.wrapper .container section.gallery-slider h3 {color:#fff; font-size:15px; display:block; margin:0 0 10px; padding:0; font-weight:600;}
.container section.gallery-slider .carousel__item--mobile-in-1 {width:60%;}
.container section.gallery-slider .demo-content {color:#fff; height:auto; min-height:inherit;}
.container section.gallery-slider .demo-content .thumb {height:auto; border-radius:3px;} 
.container .book-tickets {
position: fixed;
    bottom: 0;
    width:870px;
    left: 0;
    right: 0;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
    z-index: 999;
    float: left;
    background:#1a1a1d;}
.wrapper .container .book-tickets a {background:var(--btn-bg-color);
    color: #fff;
    width: 100%;
    display: block;
    height: 48px;
    line-height: 48px;
    border-radius: 5px;
    font-size: 16px;
    text-transform:uppercase;
    padding:0;
    margin:0; text-decoration:none; text-align:center;}	
.wrapper .container .book-tickets a:hover {background:#000;}	

.location-section {display:block; width:100%; float:left; margin:0 auto 30px; padding:0; position:relative; border-radius:4px;}
.location-section h3 {color: #fff;
    font-size: 15px;
    display: block;
    margin: 0 0 10px;
    padding: 0;
    font-weight: 600;}
.location-section .map-box {display:block; height:350px; margin:0; padding:0; width:100%; overflow:hidden;}	
.location-section .map-info {display:block; margin:0; padding:15px; width:100%; position:relative; background:#1a1a1d; color:#fff; box-sizing: border-box; font-size: 13px; float:left;}
.location-section .map-info .content {float:left;
    display:block;
    padding: 0;
    margin: 0;
    width:80%;
    text-align:left;}
.location-section .map-info .distance {float:right;
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 20%;
    text-align: right;} 
.location-section .map-info .distance i.fa {font-size:20px; margin-right:5px;}

.review-info {display:block; margin:0; padding:15px; width:100%; position:relative; background:#1a1a1d; color:#fff; box-sizing: border-box; font-size:13px; float:left;}	
.review-info h3 {color:#fff; font-size:15px; display:block; margin:0 0 10px; padding:0; font-weight:600;}
.review-info .total-review {display:block; margin:0 0 20px; padding:0; width:100%; position:relative; box-sizing: border-box; float:left;}
.review-info .total-review .rating {float:left; display:block; margin:0 15px 0 0; padding:0; width:auto;}
.review-info .total-review .rating a {background:var(--icon-color); color:#fff; padding:9px 18px; display:inline-block; font-size:12px; border-radius:2px; line-height:1;
    font-weight:400; text-decoration:none;}
.review-info .total-review .rating a:hover {background:#444;}	
.review-info .total-review .review-count {float:left; width:80%; float:left; text-align:left; color:#fff; font-size:13px; margin:0; padding:0; line-height:16px;}
.review-info .total-review .review-count .all {color:var(--icon-color); font-size:12px; font-weight:500;}
.review-info .total-review .review-count .all a {text-decoration:none; color:var(--icon-color);}
.review-info .total-review .review-count .all a:hover {text-decoration:underline;}

.review-info .review-list {float:left; width: 100%; display: block; margin:20px 0 0; padding:0; position: relative;}
.review-info .review-list .review-line {float:left; width: 100%; display: block; margin:0 0 15px; padding:0 0 15px; border-bottom:1px solid #444;}
.review-list .review-line .review-thumb {float:left; display:block; margin:0 15px 0 0; padding:0; width:auto;}
.review-list .review-line .review-thumb i.fa {font-size:40px; display:inline-block;}
.review-list .review-line .desc {float:left; width:80%; text-align:left; color:#fff; font-size:13px; margin:0; padding:0; line-height:16px;}
.review-list .review-line .desc .title {font-size:13px; display:block; padding:0 0 3px; margin:0;}
.review-list .review-line .desc p {color:#999; font-size:12px; display:block; margin:0; padding:0; line-height:1.2;}

.review-info .review-list .see-all {float:right; display:inline-block; margin:0; padding:0; color:#fff;}
.review-info .review-list .see-all a {color:var(--icon-color); text-decoration:none; margin:0; padding:0; font-size:13px; font-weight:500;}
.review-info .review-list .see-all a:hover {color:#fff;}
.container.listing {padding-bottom: 80px;}
.bottom-nav {
    position:fixed;
    bottom:0;
    width:100%;
    left:0;
    right:0;
    /*padding:18px 10px;*/
    margin:0 auto;
    text-align:center;
    z-index:999;
    float:none;
    background:#111;
    box-sizing:border-box; 
	max-width:870px;}
.bottom-nav ul {list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    float: left;}	
.bottom-nav ul li {list-style: none;
    display: inline-block;
    margin: 0;
    /*padding: 0 10px;*/
    width: 20%;
    box-sizing: border-box;
    float: left;}	
.bottom-nav ul li a {display:block; margin: 0; padding: 18px 10px; color: #4c4f56; font-size: 30px; text-align: center;}	
.bottom-nav ul li a.active {color:#fff; text-decoration:none;}
.bottom-nav ul li a i.fa.fa-gift {font-size: 36px; line-height: 1;}

.container.listing {padding-bottom: 80px;}
.wrapper .container section {float:left;
    width:100%;
    margin-top:0;
    margin-bottom:20px;
    clear:both;
    background:#20232a;
    padding:12px;
    box-sizing:border-box;
    box-shadow:0 1px 16px rgb(0 0 0 / 15%);
    border-radius:7px;}
.container.listing section {padding:0;}

.container.listing section .card-image {display:block; margin:0 auto; padding:0; width:100%; position:relative; height:200px; overflow:hidden; border-radius:5px 5px 0 0;}
.container.listing section .card-image img {width:100%; max-width:100%; display:block; margin:0 auto; text-align:center;}
.container.listing section .card-image .social-icons {position: absolute;
    z-index:9;
    top:0;
    right:0;
    padding:15px 10px 0 0;
    margin:0;
    display:inline-block;}
.card-image .social-icons .like {display: block;
    clear: both;
    padding: 0;
    margin: 0 0 12px;}
.card-image .social-icons .share {display: block;
    clear: both;
    padding: 0;
    margin: 0 0 12px;}		
.card-image .social-icons .ico {color:#fff; font-size:18px;}


/******************** Venue Detail ********************/

.venue-detail {padding:0; display:block;}
.venue-detail .container.venue-main {padding:0; position:relative; margin:0 auto;}
.venue-detail .container.venue-main section.banner-slider { margin-bottom:10px;}
.venue-detail .container.venue-main section.banner-slider .carousel__item--mobile-in-1 {width:100%; margin:0 5px 0 0; padding:0;}
.venue-main section.banner-slider .banner-info {position: absolute;
    left: 2%;
    bottom: 5px;
    display: inline-block;
    background: rgba(0,0,0,0.6);
    border-radius: 4px;
    font-size: 12px;
    padding: 10px;
    margin: 0 auto;
    text-align: left;
    min-width: inherit;
    color: #fff;
    font-weight: 600;
    box-sizing: border-box;
    max-width: 96%;
    float: left;
    right: 2%;
    width: 100%;}
.venue-detail .venue-main .venue-description {padding: 10px;
    margin: 0 auto;
    float: left;
    display: block;
    width: 96%;
    background: #111;
    color: #fff;
    font-size: 12px;
    position: relative;
    top: -20px;
    left: 2%;
    right: 2%;}
.venue-description .banner-info {position: absolute;
    left: 0;
    bottom: inherit;
    display: inline-block;
    background: rgba(0,0,0,0.6);
    border-radius: 4px;
    font-size: 12px;
    padding:6px 10px;
    margin: 0;
    text-align: left;
    min-width: inherit;
    color: #fff;
    font-weight: 600;
    box-sizing: border-box;
    max-width: 100%;
    float: left;
    right: 0;
    width: 100%;
    top: -50px;}	
.venue-description .banner-info h4 {
	width:100%;
    float:left;
    display:block;
    padding:0;
    margin:0;
    font-size:13px;
    line-height:1.2;}
.venue-description .banner-info .price {
	display:inline-block;
    float: right;
    padding: 0;
    margin: 0;
    font-size: 15px;
    line-height: 27px;
    width: 18%;
    text-align: right;}	
.venue-description .banner-info .social-icons {float: right;
    width:18%;
    margin: 0;
    padding: 0;
    text-align: right;
    line-height: 27px;}	
.venue-description .banner-info .social-icons i.fa {font-size: 16px; padding-left: 8px;}	
.venue-description .detail-text {display:block; margin:10px 0; padding:0; width:100%; font-weight: normal;}
.venue-description .detail-text p {margin:0 0 10px; padding:0;}
.venue-description .detail-text .deals {display:block; float:left; margin:0 0 10px; padding:0; width:100%;}
.venue-description .detail-text .deals .btn-box {background: var(--deals);
    border-radius: 3px;
    padding: 0 12px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 11px;
    margin: 0;
    min-width: 75px;}

.venue-detail .venue-main .event-slider {padding: 20px 0 0; background: none; box-shadow: none; margin-bottom:20px;}
.venue-detail .venue-main .event-slider h3 {color:#fff; font-size: 15px; display: block; margin: 0 0 10px; padding: 0; font-weight: 600;}
.venue-description .event-slider .thumb {max-height: inherit; height:auto;}
.venue-description .event-slider .pass-detail {display: block;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    clear: both;
    overflow: hidden;
    height: auto;
    position: relative;}
.venue-description .event-slider .pass-detail .member {display:block;
    padding:10px 0;
    margin: 0 0 10px;
    border-bottom: 1px solid #333;
    font-size: 13px; color:#fff;
    font-weight: normal;
    width: 100%;
    float: left;}
.venue-description .pass-detail .num em {display: block; font-size: 11px; color: #aaa; font-style: normal;}
.venue-detail .venue-main .event-slider .carousel__item--mobile-in-1 {width:75%; margin: 0 10px 0 0; padding: 0;}	
.venue-main .banner-slider .social-icons {position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    padding:20px 10px 0 0;
    margin: 0;
    display: inline-block;}
.venue-main .banner-slider .social-icons .ico {color:#fff; font-size: 18px; display: block; clear: both; padding: 0; margin: 0 0 12px;}
.venue-map {display: block;
    padding: 3px;
    box-sizing: border-box;
    margin: 0;
    width: 100%;
    position: relative;
    background: #000;
    float: left;}
.venue-map iframe {width: 100%; height: 230px;}	
			
.pass-detail .num {display:inline-block;
    width:auto;
    float: left;
    line-height: 14px;
    font-size: 12px;
    text-align: left;}	
	
.pass-detail .member a.book-btn {float:right;
    background: #8657a4;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    border-radius: 3px;
    padding: 4px 10px; margin:5px 0 0; min-width: 60px; text-align: center;}	
.pass-detail .tarrif {padding: 0 0 5px;
    display: block;
    margin: 0;
    font-size: 12px; color:#fff;
    font-weight: normal;
    width: 100%;
    float: left;}
.pass-detail .tarrif .offer {text-align: right;
    display: inline-block;
    float: right;
    color: var(--btn-bg-color);
    font-weight: 600; line-height: 14px;
    font-size: 12px;}	
.rating-review {display: block;
    padding:10px 0;
    box-sizing: border-box;
    margin:10px 0;
    width: 100%;
    position: relative;
    background:#111;
    float: left;}
.rating-review .rate {display: block;
    padding:0;
    box-sizing: border-box;
    margin:0 0 30px;
    width: 100%;
    position: relative;
    float: left;}	
.rating-review .rate h5 {color: #fff;
    font-size: 16px;
    display: block;
    margin: 0 0 10px;
    padding: 0;
    font-weight:500; width:100%;}	
.rating-review .rate .start {display:block; margin:0; padding:0; color:#fff; font-size:16px;}
.rating-review .rate .start i.fa {margin-right:3px; display:inline-block; font-size:24px;}
.rating-review .rate .submit {display:block; margin:10px 0 0; padding:0;}
.rate .submit input[type="submit"] {background: var(--deals);
    border-radius:4px;
    padding: 0 10px;
    height:32px;
    line-height:32px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 13px;
    margin: 0;
    min-width:85px; border:none;}

.rating-review .rating-overview	{display: block;
    padding:0;
    box-sizing: border-box;
    margin:0 0 15px;
    width: 100%;
    position: relative;
    float: left;}
.rating-overview h5 {color: #fff;
    font-size: 16px;
    display: block;
    margin: 0 0 5px;
    padding: 0;
    font-weight:500; width:100%;}
.rating-overview .count {font-size: 26px; font-weight: 500;}
.rating-overview .count span {font-size: 16px; font-weight:normal; line-height: 1;}
.rating-overview .star {display:block; margin:0; padding:0; font-size:17px; color:#ffc100;}			
.rating-overview .star i.fa {font-size:17px; color:#ffc100;}
.rating-overview .total {color:#ffc100;font-size:13px;}


/******************** Event Detail ********************/	

.event-detail {padding:0; display:block;}
.event-detail .container.event-main {padding:0; position:relative; margin:0 auto;}
.event-detail .container.event-main section.banner-slider { margin-bottom:10px;}
.event-detail .container.event-main section.banner-slider .carousel__item--mobile-in-1 {width:100%; margin:0 5px 0 0; padding:0;}
.event-main section.banner-slider .banner-info {position: absolute;
    left: 2%;
    bottom: 5px;
    display: inline-block;
    background: rgba(0,0,0,0.6);
    border-radius: 4px;
    font-size: 12px;
    padding: 10px;
    margin: 0 auto;
    text-align: left;
    min-width: inherit;
    color: #fff;
    font-weight: 600;
    box-sizing: border-box;
    max-width: 96%;
    float: left;
    right: 2%;
    width: 100%;}
.event-detail .event-main .event-description {padding: 10px;
    margin: 0 auto;
    float: left;
    display: block;
    width: 96%;
    background: #111;
    color: #fff;
    font-size: 12px;
    position: relative;
    top: -20px;
    left: 2%;
    right: 2%;}
.event-description .banner-info {position: absolute;
    left: 0;
    bottom: inherit;
    display: inline-block;
    background: rgba(0,0,0,0.6);
    border-radius: 4px;
    font-size: 12px;
    padding:6px 10px;
    margin: 0;
    text-align: left;
    min-width: inherit;
    color: #fff;
    font-weight: 600;
    box-sizing: border-box;
    max-width: 100%;
    float: left;
    right: 0;
    width: 100%;
    top: -50px;}	
.event-description .banner-info h4 {width:100%;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    font-size: 13px;
    line-height: 1.2; font-weight:500;}
.event-description .banner-info .price {display: inline-block;
    float: right;
    padding: 0;
    margin: 0;
    font-size: 15px;
    line-height: 27px;
    width: 18%;
    text-align: right;}	
.event-description .banner-info .social-icons {float: right;
    width:18%;
    margin: 0;
    padding: 0;
    text-align: right;
    line-height: 27px;}	
.event-description .banner-info .social-icons i.fa {font-size: 16px; padding-left:8px;}	
.event-description .detail-text {display:block; margin:10px 0; padding:0; width:100%; font-weight: normal;}
.event-description .detail-text h2 {padding: 0;  margin: 5px 0 5px; display: block; font-size:14px; font-weight:400; color:#fff;}
.event-description .detail-text p {display: block; float: left; width: 100%; font-size: 12px; line-height: 1.4; font-weight: 300; margin-bottom: 20px;}
.event-description .detail-text .date-time {display:flex; margin: 0 0 10px; padding: 0 0 10px; width: 100%; border-bottom: 1px solid #333;}
.detail-text .deals-title {font-weight:500; font-size:14px; text-align:left; padding:0; margin:0 0 3px; width:100%; display:block;}
.detail-text .date-time .icon-action {width:5%; margin: 0; padding: 0; text-align:left;}
.detail-text .date-time .icon-action i.fa {font-size:15px; line-height:18px;}
.detail-text .date-time .caption {font-weight:500; font-size:13px; text-align:left; padding:0; margin:0; width:53%; display:none;}
.detail-text .date-time .caption-two {font-weight:500; font-size:12px; text-align:left; padding:0; margin:0; width:95%; color:#fff;}
.detail-text .date-time .caption-two span {padding-left:5px;}
.event-description .detail-text .deals {display:block; float:left; margin:0 0 10px; padding:0; width:100%;}
.event-description .detail-text .deals .btn-box {background:var(--tables);
    border-radius: 3px;
    padding: 0 12px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 11px;
    margin: 0;
    min-width: 75px;}

.event-detail .event-main .event-slider {padding: 20px 0 0; background: none; box-shadow: none; margin-bottom:60px;}
.event-detail .event-main .event-slider h3 {color:#fff; font-size: 15px; display: block; margin: 0 0 10px; padding: 0; font-weight: 600;}
.event-description .event-slider .thumb {max-height: 170px; height:auto;}
.event-description .event-slider .pass-detail {display:block;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    clear: both;
    overflow: hidden;
    height: auto;
    position: relative;}
.event-description .event-slider .pass-detail .member {display:block;
    padding:10px 0;
    margin: 0 0 10px;
    border-bottom: 1px solid #333;
    font-size: 13px; color:#fff;
    font-weight: normal;
    width: 100%;
    float: left;}
.event-detail .event-main .event-slider .carousel__item--mobile-in-1 {width:75%; margin: 0 10px 0 0; padding: 0;}	
.event-main .banner-slider .social-icons {position:absolute;
    z-index: 9;
    top: 0;
    right: 0;
    padding:20px 10px 0 0;
    margin: 0;
    display: inline-block;}
.event-main .banner-slider .social-icons .ico {color:#fff; font-size: 18px; display: block; clear: both; padding: 0; margin: 0 0 12px;}
.event-map {display:block;
    padding:0;
    box-sizing: border-box;
    margin:20px 0 10px;
    width: 100%;
    position: relative;
    float: left;}
.event-map h3 {color:#fff;
    font-size: 15px;
    display: block;
    margin: 0 0 10px;
    padding: 0;
    font-weight: 600;}
.event-map iframe {width: 100%; height: 230px;}	
.event-description .pass-detail .num em {display: block; font-size: 11px; color: #aaa; font-style: normal;}	



.checkout {padding:0; display:block;}
.checkout .container.checkout-main {padding:0; position:relative; margin:0 auto;}	
.checkout-section {padding: 10px;
    margin: 0 auto;
    float: left;
    display: block;
    width:100%;
    color: #fff;
    font-size: 12px;
    position: relative;}
.checkout-section .detail-text {display:block;
    margin: 20px 0;
    padding: 15px;
    width: 100%;
    font-weight:normal;
    float: left;
    box-sizing:border-box;} 	
.checkout-section .detail-text .calender {width:25%; float:left; margin:0 auto; padding:0; display:block; text-align:center;}	
.detail-text .calender .date {font-size:36px; font-weight:600; display:block; margin:0 auto; padding:0;text-align:center; line-height:1.5;}
.detail-text .calender .month {text-transform:uppercase; font-size:18px; line-height:1; font-weight:600; display:block;}
.checkout-section .detail-text .description {width:75%; float:left; margin:0; padding:0; display:block;}
.detail-text .description h4 {font-size:16px; font-weight:600; margin:0 0 10px; padding:0; text-align:left;}
.detail-text .description p {font-size:12px; font-weight:400; margin:0 0 10px; padding:0; text-align:left; line-height:1.4;}

.wrapper .container section.checkout-form {float:left;
    width:100%;
    margin:0 auto 20px;
    clear:both;
    background:#20232a;
    padding:15px;
    box-sizing:border-box;
    box-shadow:0 1px 16px rgb(0 0 0 / 15%);
    border-radius:8px; min-height:200px;}
section.checkout-form h5 {text-align:center; margin:0 auto 20px; padding:10px 0; display:block; font-size:15px; font-weight:500;}	
section.checkout-form form {display:block; padding:0; margin:0; width:100%;}
section.checkout-form form .input-box {display:block; padding:0; margin:0 0 20px; width:100%; float:left;}
section.checkout-form form .input-box label {display:block; padding:0; margin:0; width:100%; float:left; font-size:12px; font-weight:400; color:#bbb;}
section.checkout-form form .input-box .input_field {background:none; border:none; border-bottom:1px solid #bbb; padding:4px 10px; margin:0; display:block; width:100%; color:#fff;}
section.checkout-form form .input-box select.input_field {background:none; border:none; border-bottom:1px solid #bbb; padding:4px 0; margin:0; display:block; width:100%; color:#bbb;}
section.checkout-form form .input-box .input_btn {background: var(--tables);
    border: none;
    width: 100%;
    display: block;
    color: #fff;
    padding: 10px;
    margin: 5px auto 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    border-radius: 5px;}
section.checkout-form form .input-box .input_btn:hover {background:#000; transition:all 0.4;}	
form select {outline:none; border:none;}
form select option {background:#000;}


.qrcode {padding:0; display:block; background: #000; float: left;}
.qrcode .container.qr-main {padding: 0; position: relative; margin: 0 auto; background:#000;}
.qrcode .container.qr-main .qr-section {padding: 15px;
    margin: 0 auto;
    float: left;
    display: block;
    width: 100%;
    color: #fff;
    font-size: 12px;
    position: relative;}
.qr-section .detail-qr {display:block; margin:0 auto 40px; padding:30px 0; text-align:center;}	
.qr-section .detail-qr .icon-qr {display:block; margin:0 auto; padding:0 0 15px; text-align:center; max-width:150px;}
.qr-section img {max-width:100%; margin:0 auto; display:block;}
.qr-section .detail-qr .description {max-width:100%; margin:0 auto; display:block; padding:0;}
.qr-section .detail-qr .description h4 {font-size:17px;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-weight:400;
    padding: 0;}
.qr-section .detail-qr .description p {font-size:26px;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-weight: 400;
    padding:0 0 10px;}

.qr-section .calender {display:block; margin:0 auto 60px; padding:0; text-align:center;}		
.qr-section .calender .icon {display:block; margin:0 auto; padding:0 0 10px; text-align:center; max-width:40px;}
.qr-section .calender .description {max-width:100%; margin:0 auto; display:block; padding:0; font-size:15px; font-weight:400; text-align:center; line-height:1.5;}

.qr-section .location {display:block; margin:0 auto 20px; padding:0; text-align:center;}		
.qr-section .location .icon {display:block; margin:0 auto; padding:0 0 10px; text-align:center; max-width:40px;}
.qr-section .location .description {max-width:100%; margin:0 auto; display:block; padding:0; font-size:15px; font-weight:400; text-align:center; line-height:1.5;}

.qr-section .logo-bottom {display:block; margin:80px auto; padding:0; text-align:center;}		
.qr-section .logo-bottom .brand {display:block; margin:0 auto; padding:0 0 15px; text-align:center; max-width:200px;}

.venue-list .card-container .left-side {width:100%; padding:0;}



body.tickets-main {background:#000 !important;}
.tickets {padding:0; display:block;}
.tickets .container.tickets-main {padding:0 0 30px; position: relative; margin: 0 auto;}
.tickets .container.tickets-main .tickets-section {padding:15px 15px 0px;
    margin:30px 5% 0;
    float:left;
    display: block;
    width: 90%;
    color: #fff;
    font-size: 12px;
    position: relative;
    box-sizing: border-box;
    background: #8126a9;
    border-radius: 7px;
    box-shadow: 0 0px 10px rgb(0 0 0 / 30%);
    border:8px solid #a65cc6;
    height: auto;}
	
.tickets-section .detail-ticket {display: block;
    margin: 0 auto 20px;
    padding: 0 0 20px;
    text-align: center;
    width: 100%; float:left;
    border-bottom: 1px solid #a65cc6;}
.tickets-section .detail-ticket .description {max-width:100%; margin:0 auto; display:block; padding:0; font-size:13px; font-weight:400; text-align:center; line-height:1.5;}
.tickets-section .detail-ticket .description h4 {text-transform: uppercase;
    font-size: 17px;
    font-weight: 500;
    padding: 0;
    margin: 0 0 5px;
    display: block;}
.tickets-section .detail-ticket .description i.fa {font-size:16px; color:#fff; margin-right:5px;}	
.tickets-section .detail-ticket .description .name {font-size:13px; display:block; margin:0; padding:0; font-weight: 400; text-align: center; line-height: 1.5;}	
.tickets-section .detail-ticket .description .address {font-size:13px; display:block; margin:0; padding:0; font-weight: 400; text-align: center; line-height: 1.5;}
.tickets-section .detail-ticket .description .time {font-size:13px; display:block; margin:0; padding:0; font-weight: 400; text-align: center; line-height: 1.5;}	

.tickets-section .item-detail {display: block;
    margin: 0 auto 20px;
    padding: 0 0 20px;
    text-align: center;
    width: 100%; float:left;
    border-bottom:1px solid #a65cc6;}		
.tickets-section .item-detail .description {max-width:100%; margin:0 auto; display:block; padding:0; font-size:15px; font-weight:400; text-align:center; line-height:1.5;}
.item-detail ul {list-style:none; margin:0; padding:0; width: 100%;
    float: left;
    display: block;}
.item-detail ul li {list-style:none; margin:0; padding:0; width:50%; font-size:13px; float: left; display: block; text-align:left; line-height:1.5;}
.item-detail ul li.active {font-weight:500; font-size:16px; margin:0;}
.item-detail ul li:nth-child(even) {text-align:right;}


.tickets-section .item-total {display: block;
    margin: 0 auto 20px;
    padding: 0 0 20px;
    text-align: center;
    width: 100%; float:left;
    border-bottom:1px solid #a65cc6;}		
.tickets-section .item-total .description {max-width:100%; margin:0 auto; display:block; padding:0; font-size:15px; font-weight:400; text-align:center; line-height:1.5;}
.item-total ul {list-style:none; margin:0; padding:0; width: 100%;
    float: left;
    display: block;}
.item-total ul li {list-style:none; margin:0; padding:0; width:50%; font-size:13px; float: left; display: block; text-align:left; line-height:1.5;}
.item-total ul li.active {font-weight:500; font-size:16px; margin:0;}
.item-total ul li:nth-child(even) {text-align:right;}


.tickets-section .item-qr {display: block;
    margin: 0 auto;
    padding: 0 0 20px;
    text-align: center;
    width: 100%; float:left;}		
.tickets-section .item-qr .description {max-width:100%; margin:0 auto; display:block; padding:0; font-size:15px; font-weight:400; text-align:center; line-height:1.5;}
.item-qr ul {list-style:none; margin:0; padding:0; width: 100%;
    float: left;
    display: block;}
.item-qr ul li {list-style:none; margin:0; padding:0; width:40%; font-size:13px; float: left; display: block; text-align:left; line-height:1.5;}
.item-qr ul li .qr-thumb {    display: inline-block;
    width: 100px;
    height: auto;
    border: 3px solid #fff;
    border-radius: 1px;}
.item-qr ul li .qr-thumb img {display:inline-block; max-width:100%;}
.item-qr ul li.active {font-weight:500; font-size:16px; margin:0; padding:0; text-align:left;}
.item-qr ul li.active .qr-number {font-weight: 500;
    font-size: 16px; display:block; text-align:left;}
.item-qr ul li.active .qr-spec {text-align: left;
    font-size: 13px;
    font-weight: 400;
    color: #ddd;
    line-height: 1.4; display:block;}
.item-qr ul li.active .qr-spec span {display: block; font-size: 11px; color: #ddd; margin:0; padding:0;}	
.item-qr ul li:nth-child(even) {text-align:left; width:60%;}


.tickets-section .personal-detail {display: block;
    margin:0 auto 10px;
    padding: 0 0 20px;
    text-align: center;
    width: 100%; float:left;
    border-bottom:none;}		
.tickets-section .personal-detail .description {max-width:100%; margin:0 auto; display:block; padding:0; font-size:15px; font-weight:400; text-align:left; line-height:1.5;}
.personal-detail .description h4 {font-size:14px;
    font-weight: 500;
    display: inline-block;
    text-align: left;}
.personal-detail .description h4 span {font-weight:300; font-size:11px; display:inline;}	
.personal-detail ul {list-style: none;
    margin: 0;
    padding:10px; border-radius: 4px;
    width: 100%;
    float: left;
    display: block;
    box-sizing: border-box;
    background: #a65cc6;}
.personal-detail ul li {list-style:none; margin:0; padding:0; width:50%; font-size:13px; float: left; display: block; text-align:left; line-height:1.5;}
.personal-detail ul li.active .edit-icon {color: #ddd;
    font-size: 20px;
    position: relative;
    top: 7px;}
.personal-detail ul li.active {font-weight: 600;
    font-size: 13px;
    margin: 0;
    color: #ddd;}
.personal-detail ul li:nth-child(even) {text-align:right;}

.tickets-section .share-events {
    display: block;
    margin: 0 auto 10px;
    padding: 0 0 20px;
    text-align: center;
    width: 100%;
    float: left;
    border-bottom: none;}
.share-events .share-action {background:#000;
    border-radius: 6px;
    padding: 0 16px; cursor:pointer;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 13px;
    margin: 0;
    min-width: 120px;
    text-decoration: none;
    text-transform: none;
    transition: all 0.4s;}	
.share-events .share-action:hover {background:#a65cc6;}	
.share-events .share-action .fa {font-size:20px;
    line-height: 40px;}
.share-events .share-action span {font-size: 13px;
    display: inline-block;
    margin: 0 0 0 6px;
    padding: 0;
    position: relative;
    bottom: 3px;}


.tickets-section .personal-detail .payment-desc {max-width:100%; margin:24px auto 0; display:block; padding:0; font-size:15px; font-weight:400; text-align:left; line-height:1.5; float:left; width: 100%;}
.tickets-section .personal-detail .payment-desc h4 {font-size:14px;
    font-weight: 500;
    display: inline-block;
    text-align: left;}
.personal-detail .payment-desc  ul {list-style: none;
    margin: 0;
    padding:10px; border-radius: 4px;
    width: 100%;
    float: left;
    display: block;
    box-sizing: border-box;
    background: #a65cc6;}
.personal-detail .payment-desc ul li {list-style:none; margin:0; padding:0; width:33.333%; font-size:13px; float: left; display: block; text-align:left; line-height:1.5;}
.personal-detail .payment-desc ul li.cc {width:25%; padding-right: 10px;}
.personal-detail .payment-desc ul li.cc-info {width:75%;}
.personal-detail .payment-desc ul li.cvv-info {width:30%;}
.personal-detail .payment-desc ul li.cvv-info input {width: 85px;
    height: 40px;
    border: none;
    background: #fff;
    font-size: 13px;
    padding: 0;
    text-align: center;
    font-weight: 500;
    border-radius: 3px;}
.personal-detail .payment-desc ul li.cc-info span.num {display: block; width: 100%; line-height:1.3}	






.customer {padding:0; display:block;}
.customer .container.customer-main {padding:0; position:relative; margin:0 auto;}	
.customer-section {padding:10px 10px 70px;
    margin: 0 auto;
    float: left;
    display: block;
    width:100%;
    color: #fff;
    font-size: 12px;
    position: relative;}
.customer-section .customer-text {display:block; position:relative;
    margin:0;
    padding:0;
    width: 100%;
    font-weight:normal;
    float: left;
    box-sizing:border-box;} 
.customer-section .customer-text .logout {font-size: 15px;
    font-weight: 600;
    color:var(--tables);
    position: absolute;
    right: 10px;
    top: 13px;}	
.customer-text .page-title {display: block;
    margin: 0 auto;
    padding: 10px 0;
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    float: left;
    box-sizing: border-box;
    background: #000;
    text-align: center;}	
.customer-text .customer-info {display:flex; justify-content: space-between;
    align-items: center;
    margin:10px 0;
    padding:10px;
    width: 100%;
    font-weight:normal;
    box-sizing:border-box;}	
.customer-text .customer-info h4 {margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;}	
.customer-text .customer-info .thumb {width:60px;
    height: 60px;
    border-radius: 50%;
    display: block;
    padding: 0;
    margin: 0;
    float: left;
    overflow: hidden;}	
.customer-text .customer-info .thumb img {margin: 0 auto;
    display: block;
    width: 100%;
    height: 100%;}	
.wrapper .container section.customer-form {float:left;
    width:100%;
    margin:0 auto 20px;
    clear:both;
    background:#20232a;
    padding:15px;
    box-sizing:border-box;
    box-shadow:0 1px 16px rgb(0 0 0 / 15%);
    border-radius:8px; min-height:200px;}
section.customer-form h5 {text-align:left; margin:0 auto 10px; padding:10px 0; display:block; font-size:15px; font-weight:500;}	
.customer-form form {display:block; padding:0; margin:0; width:100%;}
.customer-form form .input-box {display:block; padding:0; margin:0 0 20px; width:100%; float:left;}
.customer-form form .input-box label {display:inline-block; padding:0; margin:0; width:50%; text-align:left; float:left; font-size:12px; font-weight:400; color:#bbb;}
.customer-form form .input-box label.edit {display:inline-block; padding:0; margin:0; width:50%; text-align:right; float:right; font-size:12px; font-weight:400; color:#fff; position:relative;}
.customer-form form .input-box i.fa {font-size: 18px;
    padding-left: 5px;
    position: relative;
    top: 3px;}
.customer-form form .input-box .input_field {background:none; border:none; border-bottom:1px solid #bbb; padding:0 10px; margin:0; display:block; width:100%; color:#fff;}
.customer-form form .input-box select.input_field {background:none; border:none; border-bottom:1px solid #bbb; padding:4px 0; margin:0; display:block; width:100%; color:#bbb;}
.customer-form form .input-box .input_btn {background: var(--tables);
    border: none;
    width: 100%;
    display: block;
    color: #fff;
    padding: 10px;
    margin: 5px auto 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    border-radius: 5px;}
.customer-form form .input-box .input_btn:hover {background:#000; transition:all 0.4;}	
.customer-form form select {outline:none; border:none;}
.customer-form form select option {background:#000;}

.need-help {
    display:block;
    padding:10px;
    margin:20px auto 30px;
    width:100%;
    float:left;
    background:#000;
    border-radius:3px; 
	border-bottom:2px solid #2e3138;
    box-sizing:border-box;}
.need-help h4 {margin:0;
    padding:0;
    font-size:16px;
    display:block;}	
.need-help p {
    margin: 0;
    display: block;
    padding: 5px 0;}	

.tickets-list-section {padding:15px;
    margin: 30px 5% 0;
    float: left;
    display: block;
    width: 90%;
    color: #fff;
    font-size: 12px;
    position: relative;
    box-sizing: border-box;
    background: #8126a9;
    border-radius: 7px;
    box-shadow: 0 0px 10px rgb(0 0 0 / 30%);
    border: 8px solid #a65cc6;
    height: auto;}
.tickets-list-section .upcoming-tickets {float:left; width:50%; display:block; text-align:left;}	
.tickets-list-section .history-tickets {float:right; width:50%; display:block; text-align:right;}	
.tickets-list-section a.action-btn {background: #000;
    border-radius: 6px;
    padding: 0 8px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 13px;
    margin: 0;
    min-width: 120px;
    text-decoration: none;
    text-transform: none; transition:all 0.4s;}
.tickets-list-section a.action-btn:hover {background:#a65cc6;}	

.event-description .detail-text .deals-left {display:flex; margin: 0 0 10px; padding: 0 0 10px; width: 100%; border-bottom: 1px solid #333;}
.detail-text .deals-left .icon-action {width:10%; margin: 0; padding: 0; text-align:left;}
.detail-text .deals-left .icon-action i.fa {font-size:24px; line-height:22px; color:#8657a4;}
.detail-text .deals-left .caption {font-weight:500; font-size:13px; text-align:left; padding:0; margin:0; width:53%; display:none;}
.detail-text .deals-left .caption-two {font-weight:500; font-size:13px; text-align:left; padding:0; margin:0; width:90%; color:#fff; line-height:26px;}
.detail-text .deals-left .caption-two span {padding-left:5px;}

.container.listing section .card-image .social-icons.active .ico {color:#fff;}



@media(max-width:767px){

body {background:url('../images/bg.jpg') no-repeat 0 0; background-color:#000 !important;}

.main-page {float:left;}
.wrapper .container {width:100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
    float: left; padding-top:10px; padding-bottom: 10px; position:relative;}
#menu-btn {top:-5px;}	
.header .sticky {margin:3px auto 5px;}
.container.listing.events {margin-top:0;}
.container.listing {padding-bottom: 80px; /*margin-top:100px;*/}
.container section.banner-slider .demo-content .thumb {height:inherit; margin:0 auto;}
.container section.banner-slider .demo-content .thumb img {height:auto; margin:0 auto; width:auto; max-width:100%;}
.wrapper .container section {float:left;
    width:100%;
    margin-top:0;
    margin-bottom:20px;
    clear:both;
    background:#20232a;
    padding:12px;
    box-sizing:border-box;
    box-shadow:0 1px 16px rgb(0 0 0 / 15%);
    border-radius:7px;}
.container.listing section {padding:0;}
.rt-container.no-data {font-size:13px;}

.container.listing section .card-image {display:block; margin:0 auto; padding:0; width:100%; position:relative; height:200px; overflow:hidden; border-radius:5px 5px 0 0;}
.container.listing section .card-image img {display:block; margin:0; width:100%; max-width:100%;}
.container.listing section .card-image .social-icons {position: absolute;
    z-index:9;
    top:0;
    right:0;
    padding:15px 10px 0 0;
    margin:0;
    display:inline-block;}
.card-image .social-icons .like {display: block;
    clear: both;
    padding: 0;
    margin: 0 0 12px;}
.card-image .social-icons .share {display: block;
    clear: both;
    padding: 0;
    margin: 0 0 12px;}		
.card-image .social-icons .ico {color:#fff; font-size:18px;}	

.header {width:100%;
    margin-top:45px !important;
    padding:0;
    position:relative;
    display:block;
    border-bottom:none;
    background:none;
    float:left;}
.listing-content .listing .thumbnail {width:40%; padding:0 10px 0 0;}
.listing-content .listing .thumbnail .img {width: 120px; height: 120px;}
.listing-content .listing .detail {width:60%;}
.listing-content .listing .detail .title {font-size:18px;}
.listing-content .listing .detail .duration {font-size: 15px; font-weight: 600;}
.listing-content .listing .detail .location {font-size: 14px; font-weight: 400;}
.listing-content .listing .detail .rating {font-size: 14px; font-weight: 500;}
.header-info {height:240px;}
.container.detail-main {float:left;}
.container.detail-main .detail-box {float:left;}
.detail-box .info-icons {float:left;}
.catMenu {float:left;}


.detail-page {float:left;}
.detail-info {float:left;}

.container section.banner-slider .carousel__item--mobile-in-1 {width:100%; margin:0 5px 0 0; padding:0;}
.wrapper .container section.passType-slider .carousel__item--mobile-in-1 {width:75%; padding-left:0; padding-right:10px;}
.container section.gallery-slider .carousel__item--mobile-in-1 {width:75%;}
.wrapper .container section.gallery-slider {margin-bottom:60px !important;}
.container .book-tickets {position:fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px 0;
    margin: 0 2%;
    text-align: center;
    z-index: 999;
    float: none;
    width: 96%;
    background:#000;}	
.wrapper .container section.passType-slider {margin-bottom:0;}	
.location-section .map-info .content {width:75%;}
.location-section .map-info .distance {width:25%;}
.location-section .map-info .distance i.fa {font-size: 16px; margin-right: 2px;}
.review-info .total-review .rating {float: left;
    display: block;
    margin: 0 3% 0 0;
    padding: 0;
    width: 18%;}
.review-info .total-review .review-count {width: 79%;
    float: left;
    text-align: left;
    color: #fff;
    font-size: 13px;
    margin: 0;
    padding: 0;
    line-height: 16px;}	
.location-section .map-box {height:260px;}	

.wrapper .container section.checkout-form {float:left;
    width:100%;
    margin:0 auto 20px;
    clear:both;
    background:#20232a;
    padding:15px;
    box-sizing:border-box;
    box-shadow:0 1px 16px rgb(0 0 0 / 15%);
    border-radius:8px; min-height:200px;}
.card-container .left-side p {height:32px; overflow:hidden;}	
.venue-description .event-slider .thumb {min-height:192px;height: auto !important;}
#demo-content-gallery{min-height:208px !important;height: auto !important;}
#demo-content-slider{min-height:292px !important; height: auto !important;}
.demo-content .thumb {height:192px;}
.demo-content .thumb img {min-height: 170px !important;
    width: 100%;}

.header .search-bar input {padding-bottom:5px; font-size:13px; font-weight:400; height:42px !important;}
.header .map-bar input {padding-bottom:5px; font-size:13px; font-weight:400;}
.sticky .catMenu ul {padding-top:0;}

.header .search-bar input::placeholder {font-size:13px; font-weight:normal;}	
.header .map-bar input::placeholder {font-size:13px; font-weight:normal;}

.event-description .banner-info, .venue-description .banner-info {top:-60px;}
.event-description .banner-info h4, .venue-description .banner-info h4 {
	font-size:12px;
    line-height:1.2;
    font-weight:400;
	max-height:50px;
    }
	
}


.event-main .banner-slider .social-icons1 {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    padding: 20px 10px 0 0;
    margin: 0;
    display: inline-block;
    color: #fff;}
.event-main .banner-slider .social-icons1 a{
    color:#fff;}
.venue-main .banner-slider .social-icons1 {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    padding: 20px 10px 0 0;
    margin: 0;
    display: inline-block;
    color: #fff;
}
.venue-main .banner-slider .social-icons1 a{
    color: #fff;
}
.error{
    color: red;
    margin-top: -12px;
    margin-bottom: 10px;
}

#pop_window
  {
    color: #000 !important;
  }
  .modal{
    opacity: 1 !important;
    top: 10px !important;
  }
  .modal-dialog{
        margin: 2.5rem 10px !important; 
  }

  .no-data{
    padding: 6px !important; 
    color: #fff;
  }
.ui-widget.ui-widget-content{
    z-index: 99999 !important;
}
.schedule-address{
    height: 48px !important;
}
.pagination{
    justify-content: center !important;
}
.page-item.active .page-link {
   
    background-color: #aa00f4 !important;
    border-color: #c300f7 !important;
}



@media(max-width:463px){
    .item-qr ul li .qr-thumb{
        width: 80px;
        border: 1px solid #fff;
    }
}


.mapposition{
            
    top: 0;
    left: 0;
    right: 0;
    display: block;
    margin: 0;
    padding: 0;
    max-height: 350px;
    overflow: hidden;
    }
    .search-bar1{
                position: absolute;
    margin: auto;
    width: 100%;
    text-align: right;
    top: 8px;
    left: -20px;
    }
    #mapView{
        background: #000;
        color: #fff;
        padding: 3px 6px;
        font-size: 14px;
    }
    .usedDiv{
        font-size: 14px !important;
    }
    .hide{
        display: none;
      }



/* From Uiverse.io by spj2401Dev */ 
.date-custom .button-group {
    margin: auto;
    width:auto;
    display:inline-block;}

.date-custom .button-group input[type="radio"] {
  display: none;}

.date-custom .button-group label {
  display: inline-block;
  padding: 5px 0px;
  cursor: pointer;
  border: 1px solid #000;
  background-color:#fff;
  color: #000;
  border-radius: 15px;
  transition: all ease 0.2s;
  text-align: center;
  flex-grow: 1;
  flex-basis: 0;
  width: 70px;
  font-size: 12px; font-weight:600;
  margin: 5px;
  box-shadow:none;}

.date-custom .button-group input[type="radio"]:checked + label {
  color:#fff;
  border:1px solid #ae00f5; background-color:#ae00f5;}

  .date-custom .button-group input[type="radio"]:disabled + label {
  color:#fff; background-color:#999;}

.date-custom fieldset {
    border: 0;
    display:block;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;}
.date-custom fieldset legend {font-weight:600; font-size:20px; padding:0; margin:20px 0 10px; display:block;}

#err-ticket,#err-ticket1{
    font-weight: 500 !important;
}

.doller-span{
    width: 1%;
    float: left;
    font-size: 12px;
    line-height: 26px;
    border-bottom: 1px solid #bbb;
}
#tAmount{
    width: 99% !important;
    padding: 4px 0px 4px 4px !important;
}

.social-icons1 .like{
    padding: 2px;
    height: 20px;
    color: #fff;
    background: #636464;
    border-radius: 50%;
    width: 20px;
    display: block;
}
.social-icons1{
    margin: 0px 5px !important;
}
.social-icons .like{
    background: #636464;
    padding: 3px !important;
    border-radius: 50% !important;
    font-size: 12px !important;
}
.social-icons .share{
    background: #636464;
    padding: 3px !important;
    border-radius: 50% !important;
    font-size: 12px !important;
}
.checkout-section .social-icons1 .like{
    padding: 4px !important;
}
.width-70{
    width: 70% !important; 
}
.width-30{
    width: 30% !important;
}

.gm-ui-hover-effect{
    height: 20px !important;
}
.gm-style-iw-chr{
    height: 20px !important;
}

/* ==========================================================================
   Detail pages: title text ko image ke UPAR se hatakar image ke NEECHE laaya.
   Client flyers use karte hain jinpar already text hota hai, isliye image ke
   upar koi overlay text nahi hona chahiye.

   .banner-info div ko hataya NAHI gaya - uske andar #vmiles (distance) hai
   aur JS usme getElementById().innerHTML likhta hai; div hatane par wo JS
   toot jaata. Sirf positioning normal flow me laayi gayi hai.

   Applies to: home/event-detail, home/deals-detail (.event-description)
               home/venue-detail (.venue-description)
   Revert karna ho to bas ye poora block delete kar dena.
   ========================================================================== */
.event-description .banner-info,
.venue-description .banner-info {
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    float: none;
    display: block;
    width: 100%;
    background: none;
    border-radius: 0;
    padding: 0;
    margin: 0 0 8px;
}
.event-description .banner-info h4,
.venue-description .banner-info h4 {
    float: none;
    display: block;
    width: 100%;
    max-height: none;
    margin: 0 0 2px;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    color: #fff;
}

/* ==========================================================================
   Price exactly $0 ho to "$0" ki jagah green FREE badge.
   Purani .offer class (purple text) paid items par jaisi thi waisi hi hai -
   ye sirf tab lagti hai jab blade .offer ke saath .offer-free bhi deta hai.
   Revert: ye block delete + blade ke @if hata dena.
   ========================================================================== */
/* ==========================================================================
   Event/Deal/Venue LIST page ki card image.

   Pehle: .card-image ki height fixed 200px thi + overflow:hidden, aur img
   width:100% / height:auto par 3:2 ratio rakhti thi. 900x600 image sirf tab
   fit hoti thi jab card exactly 300px chaura ho - har doosre phone par
   NEECHE se kat jaati thi (flyer ka bottom text sabse pehle jaata tha).

   Ab: container khud 3:2 ho gaya hai, to 900x600 image har width par
   perfectly fit hoti hai. object-fit:cover un images ko sambhalta hai jo
   900x600 nahi hain - wo ab BEECH se crop hongi, bottom se nahi.

   Purani height:200px @supports ke bahar fallback ke taur par rehti hai.
   Revert: ye block delete kar dena.
   ========================================================================== */
@supports (aspect-ratio: 3 / 2) {
    .container.listing section .card-image {
        height: auto;
        aspect-ratio: 3 / 2;
    }
}
.container.listing section .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

section.passType-slider .pass-detail .tarrif .offer.offer-free,
.pass-detail .tarrif .offer.offer-free,
.offer.offer-free {
    color: #0b2c16;
    background: #2ecc71;
    border-radius: 3px;
    padding: 1px 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 16px;
    text-transform: uppercase;
    white-space: nowrap;
}