@charset "utf-8";
/* CSS Document */

/******* Fonts Face CSS Start **********/
@font-face {
    font-family: 'Oswald-Regular';
    src: url('../fonts/Oswald-Regular.eot');
    src: url('../fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Regular.woff2') format('woff2'), url('../fonts/Oswald-Regular.woff') format('woff'), url('../fonts/Oswald-Regular.ttf') format('truetype'), url('../fonts/Oswald-Regular.svg#Oswald-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald-Light';
    src: url('../fonts/Oswald-Light.eot');
    src: url('../fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Light.woff2') format('woff2'), url('../fonts/Oswald-Light.woff') format('woff'), url('../fonts/Oswald-Light.ttf') format('truetype'), url('../fonts/Oswald-Light.svg#Oswald-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-ExtraLight';
    src: url('../fonts/Poppins-ExtraLight.eot');
    src: url('../fonts/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-ExtraLight.woff2') format('woff2'), url('../fonts/Poppins-ExtraLight.woff') format('woff'), url('../fonts/Poppins-ExtraLight.ttf') format('truetype'), url('../fonts/Poppins-ExtraLight.svg#Poppins-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype'), url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}
/********* Fonts Face CSS End **********/
/******* Common Element CSS Start ******/
*												{ margin: 0px; padding: 0px; }
*:focus                                         { box-shadow: none !important; outline: none !important; }
body											{ font-family: 'Poppins-ExtraLight', sans-serif; font-size:16px; line-height: normal; color: #313032; background: #313032; }
.clear											{ clear:both;}
img												{ border: 0px;}
ul,ol											{ list-style: none;}
a												{ text-decoration: none; outline: none; font-family: 'Oswald-Regular', sans-serif; font-size: 14px; line-height: 22px; text-transform: uppercase; color: #fff; letter-spacing: 2px; display: inline-block; transition: 0.3s; }
a:hover,
a:focus, a:active						        { outline: none; border: 0px; text-decoration: none; cursor: pointer; color: #31FCA0; }
h1,h2,h3,h4,h5,h6                               { margin: 0px; }
h2												{ font-family: 'poppins-extralight'; font-size: 50px; line-height: 55px; color: #fff; margin-bottom: 30px; }
h2 .highlight                                   { color: #32FAFF; }
h2 b                                            { font-family: 'Poppins-SemiBold', sans-serif; color: #838284; }
.h2-logo                                        { padding-left: 80px; background-image: url('../images/side-menu.png'); background-repeat: no-repeat; background-size: 50px auto; background-position: 0px 5px; margin: 0px 30px 60px 30px; }
h3                                              { font-family: 'Poppins-SemiBold', sans-serif; margin-bottom: 25px;  font-size: 46px; line-height: 50px; }
h3.underline                                    { padding-bottom: 25px; position: relative; }
h3.underline:after                              { content: ''; position: absolute; left: 0px; top: 100%; height: 1px; width: 150px; bottom: 0px; background: #313032; }
h4												{ font-family: 'Poppins-SemiBold'; font-size: 30px; line-height: 33px; color: #313032; margin-bottom: 25px; }
h5                                              { margin-bottom: 20px; font-family: 'Oswald-Regular', sans-serif; font-size: 16px; line-height: 25px; letter-spacing: 1.6px; text-transform: uppercase; }
h5.highlight                                    { color: #32FAFF; }
p 												{ margin-bottom: 32px; font-family: 'Poppins-ExtraLight', sans-serif; font-size: 14px; line-height: 28px; color: #313032; letter-spacing: 1.4px; }
p.big                                           { font-size: 16px; line-height: 32px; letter-spacing: 1.6px; }
p.large                                         { font-size: 24px; line-height: 26px; }
p b 											{ font-family: 'Poppins-SemiBold', sans-serif; }
.padding-r-none									{ padding-right: 0px; }
.padding-l-none									{ padding-left: 0px; }
section                                         { position: relative; }
section .container                              { position: relative; z-index: 3; }
.img-responsive                                 { width: 100%; }

.overlay                                        { position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; }

.small-icon										{ display: inline-block; width: 17px; height: 24px; vertical-align: middle; overflow: hidden; }
.small-icon.space-left                          { margin-left: 5px; }
.small-icon.space-right                         { margin-right: 5px; }
.small-icon.sprite                              { position: relative; }
.small-icon.sprite img                          { position: absolute; top: 5px; left: 0px; transition: 0s; }

.theme-btn                                      { padding: 10px 0px; font-size: 14px; line-height: 20px; min-width: 215px; border-radius: 4px; vertical-align: middle; position: relative; }
.theme-btn:before                               { content: ''; width: 90px; height: 1px; background-color: #99FDFF; display: inline-block; margin-right: 15px; vertical-align: middle; }
.theme-btn.box                                  { padding: 17px 20px; color: #313032; background: #32FAFF; font-size: 15px; }
.theme-btn.box:before                           { background: #313032; }
.theme-btn.box:hover                            { background-color: #31FCA0; }
.theme-btn.line                                 { color: #32FAFF; padding: 10px 0px; background: transparent; }
.theme-btn.line:hover                           { color: #31FCA0; }
.theme-btn.line:hover:before                    { background-color: #31FCA0;  }
.theme-btn.line:hover .small-icon.sprite img    { position: absolute; top: -17px; left: 0px; }
.black-btn                                      { padding: 8px 24px; font-family: 'Oswald-Regular', sans-serif; font-size: 15px; line-height: 18px; color: #fff; background: #313032; border: 1px solid #313032; border-radius: 0px; vertical-align: middle; }
.black-btn:hover                                { background: #444; border-color: #444; }

.upper-shape:before                             { content: ''; top: -60px; width: 100%; height: 130px; background: #313032; transform: skewY(3deg); -webkit-transform: skewY(3deg); z-index: 1; display: block; position: absolute; height: 200px; }
.down-shape:before                              { content: ''; bottom: -60px; width: 100%; height: 130px; background: #F2F2F2; transform: skewY(3deg); -webkit-transform: skewY(3deg); z-index: 1; display: block; position: absolute; height: 200px; }
.down-shape.sky-blue:before                     { background: #32FAFF; }
.down-shape.black:before                        { background: #313032; }
section                                         { padding: 100px 0px; }
.white                                          { color: #fff; }
.black-bg                                       { background: #313032; }
.padding-none                                   { padding: 0px; }
.padding-l-none                                 { padding-left: none; }
/******* Common Element CSS End *********/
/******* Dropdown Element CSS End *********/
.select-trigger {position: relative;}

.select-trigger li a                            { padding: 3px 50px; font-family: 'Poppins-ExtraLight'; font-size: 15px; line-height: 30px; letter-spacing: 0.75px; font-weight: 700; width: 100%; background: #313032; color: #5a595b; position: relative; }
.select-trigger li a:hover                      { color: #fff; }
.select-trigger li a:hover:before               { content: ''; width: 20px; height: 1px; position: absolute; top: 50%; left: 15px; background: #32FAFF; }
.select-drop-list                               { display: none; position: absolute; top: calc(100% - 1px); left: 0; width: calc(100% - 10px); padding-top: 20px; z-index: 1; }
.select-drop-list:before                        { position: absolute; border: 10px solid #32FAFF; content: ""; display: block; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; top: -0px; left: 15px; z-index: 0;}
.select-trigger:hover .select-drop-list         { display: block;}
.drop-sub-list li a                             { font-size: 14px; }

.sub-menu                                       {position: relative;}
.sub-menu > ul                                  { display: none; position: absolute; top: 0; left: calc(100% - 1px); width: 100%;  padding-left: 15px; z-index: 99;}
.sub-menu > ul:before                           { position: absolute; border: 10px solid #32FAFF; content: ""; display: block; border-left-color: transparent; border-bottom-color: transparent; border-top-color: transparent; top: 10px; left: -5px; z-index: 0;}
.sub-menu:hover > ul                            { display: block;}

.select-trigger li.sub-menu > a.active,
.select-trigger li.sub-menu > a:hover           { color: #32FAFF; }
.select-trigger li.sub-menu > a.active:after,
.select-trigger li.sub-menu > a:hover:after     { content: '\f105'; font-family: 'FontAwesome'; position: absolute; top: 3px; right: 15px; color: #32FAFF; font-size: 10px; }
.select-trigger li.sub-menu > a:hover:before    { content: none; }

.select-trigger .jcf-select                     { padding: 15px 15px 15px 35px; width: 100%; margin-bottom: 0px; border-color: transparent; color: #fff; height: auto; background: #313032 url('../images/location-pin-inner.svg') no-repeat; background-size: 22px auto; background-position: 10px center; display: inline-block; vertical-align: middle; cursor: pointer; border-radius: 4px; }
.select-trigger .jcf-select .jcf-select-opener::before { content: none; }
.select-trigger .jcf-focus                      { border-color: transparent; }
.jcf-select-select-location .jcf-list           { background: transparent; padding-top: 20px; }
.jcf-select-select-location .jcf-list:before    { position: absolute; border: 10px solid #32FAFF; content: ""; display: block; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; top: -0px; left: 15px; z-index: 0;}
.jcf-select-select-location .jcf-list .jcf-option{ padding: 3px 3px 3px 50px; font-family: 'Poppins-ExtraLight'; font-size: 15px; line-height: 30px; letter-spacing: 0.75px; font-weight: 700; width: 100%; background: #313032; color: #5a595b; position: relative; }
.jcf-select-select-location .jcf-list .jcf-option:hover { color: #fff; }
.jcf-select-select-location .jcf-list .jcf-option:hover:before{ content: ''; width: 20px; height: 1px; position: absolute; top: 50%; left: 15px; background: #32FAFF; }
.jcf-select-select-location.jcf-focus           { border-color: transparent !important; }
.select-trigger .form-control::placeholder,
.select-trigger .form-control,
.banner .jcf-select-select-location .jcf-select-text    { color: #acabad; font-weight: 400 !important; opacity: 1; }
/******* Dropdown Element CSS End *********/

/******* MMenu CSS Start *******/
body .mm-menu_position-front.mm-menu_opened     { z-index: 9999; }
#menu .mm-listitem > a,#menu .mm-listitem::after { border-bottom: none; }
#menu .mm-listitem > a,
#menu .mm-listitem > span                       { padding: 0px; font-family: 'Poppins-SemiBold', sans-serif; font-size: 50px; line-height: 60px; color: #fff; text-transform: capitalize; margin-top: 0px; }
#menu .mm-listitem.active > a:hover,
#menu .mm-listitem > a:hover                    { color: #838284; }
#menu .mm-listitem.active > a                   { color: #32FAFF; }
#menu .mm-listview                              { padding: 100px 60px; margin-bottom: 0px; }
#menu.mm-menu_offcanvas                         { max-width: 420px; }
.close-btn                                      { position: absolute; top: 35px; right: 35px; }
#menu #close-menu                               { width: 35px; height: 35px; font-family: 'Poppins-ExtraLight'; font-size: 35px; line-height: 35px; text-align: center; color: #313032; background: #808080; border-radius: 50%; }
.mm-slideout                                    { z-index: initial !important; }
/******* MMenu CSS End *******/
/******* Header Section CSS Start *******/
header                                          { position: relative; z-index: 999; }
.mmenu-background                               { min-height: auto !important; }
.menu-icon										{ position: fixed; top: 45px; right: 40px; height: 45px; width: 45px; z-index: 9000; }
.humburger-menu                                 { padding: 55px 0px; }
.humburger-menu a                               { color: #D5D4D6; }
.back-link a                                    { color: #acabad;  }
.back-link a img                                { transform: rotate(270deg); margin-top: 2px; }
.sidebar-menu                                   { position: fixed; top: 50px; left: 40px; height: calc(100% - 40px); z-index: 9000; }
.sidebar-menu .logo a                           { position: absolute; top: 0px; right: 0px; width: 239px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin: 100% 0%; }
.sidebar-menu .social-menu                      { position: absolute; bottom: 40px; left: 0px; }
.sidebar-menu .social-menu a                    { font-size: 20px; width: 25px; height: 25px; text-align: center; margin-bottom: 15px; }
#menu .mm-listitem > span.sidemenu-logo         { margin-top: 50px; display: block; }
#menu .mm-listitem > span.sidemenu-logo img     { width: 50px; }
.sidemenu-social.mm-listitem                    { display: none; }
.banner.inner .humburger-menu                   { padding: 0px; }
/******* Header Section CSS End *********/
/******* Banner section CSS Start *******/
.banner											{ background: url('../images/home-banner.jpg') no-repeat; background-size: cover; position: relative; background-position: center center; }
.banner .overlay								{ background: rgba(55,55,55,0.6); z-index: -1px; }
.banner	.container								{ position: relative; z-index: 4; }
.banner h3                                      { margin: 0px; font-family: 'Oswald-Regular', sans-serif; font-size: 32px; line-height: 35px; color: #32FAFF; letter-spacing: 4.8px; }
.banner .banner-text h1                         { margin: 0px; font-family: 'Poppins-SemiBold', sans-serif; font-size: 140px; line-height: 154px; color: #fff; text-transform: capitalize; }
.banner-subheading p                            { margin: 0px; font-family: 'Poppins-Extralight', sans-serif; font-size: 22px; line-height: 25px; color: #fff; letter-spacing: 2.2px; }
.banner-subheading p b                          { font-family: 'Poppins-SemiBold', sans-serif; }
.banner-subheading.home p                       { padding-left: 200px; }
.banner-info                                    { padding: 40px 0px; }
.banner-search                                  { padding: 10px 0px 30px; }
.banner-search .form-control                    { height: auto; width: 100%; background: #313032; border-color: #313032; text-transform: uppercase; font-size: 15px; line-height: 34px; color: #ffffff; padding-left: 40px; padding-right: 40px; }
.banner-search .field-icon                      { position: relative; width: 215px; margin-right: 10px; }
.banner-search .field-icon::before              { content: ''; width: 17px; height: 100%; position: absolute; top: 0px; left: 15px; background-size: contain !important; background-position: center center !important;  }
.banner-search .field-icon.location-pin::before { background: url('../images/location-pin-small.svg') no-repeat; }
.banner-search .field-icon.event-date::before   { background: url('../images/calendar-small.svg') no-repeat; }

.select-trigger:hover .field-icon::after        { color: #32FAFF; opacity: 1; }
.select-trigger .form-control:hover,
.select-trigger .form-control:focus             { border-color: transparent; }

.banner .upper-shape:before                     { bottom: -150px; top: auto; }

/* .banner-search .field-icon::after               { content: ''; width: 15px; height: 15px; background-size: cover; position: absolute; top: 20px; right: 20px; background: url('../images/down-arrow.svg'); background-size: contain; } */
.banner-search .field-icon::after               { content: '\f107'; font-family: 'FontAwesome'; color: #fff; position: absolute; top: 20px; right: 15px; opacity: 0.5; }
.banner-bottom                                  { padding: 100px 0px; text-align: right; }
.banner-logo                                    { margin-top: 30px; }
.banner-logo a                                  { width: 35px; }
.banner.inner                                   { padding: 60px 0px; background-image: url('../images/banner-inner-bg.jpg'); }
.banner.inner.shape-up                          { padding-bottom: 120px; }
.banner.inner .banner-info                      { padding: 0px; }
/******* Banner section CSS End *********/
/******* Middle section CSS Start ******/
/*----- About Section CSS Start ------*/
.about-section                                  { background: #313032; }
.frame-image                                    { filter: grayscale(100%); -webkit-filter: grayscale(100%); }
.frame-image.inner                              { filter: grayscale(0%); -webkit-filter: grayscale(0%); }
.frame-image img                                { height: 430px; object-fit: cover; }
.frame-image .overlay                           { background: rgba(255,255,255,0.1); height: calc(100% - 20px); }
.frame-image:hover .overlay                     { background: rgba(0,0,0,0.2); }
.frame-image:before                             { content: ''; position: absolute; left: -20px; top: 20px; height: calc(100% - 20px); width: 100%; background: #F2F2F2; z-index: -1; }
.about-info                                     { padding-top: 40px; }
.caption                                        { padding-right: 40px; margin-bottom: 0px; font-size: 10px; line-height: 20px; text-align: right; }
/*----- About Section CSS End ------*/
/*----- Newsletter Section CSS Start ------*/
.newsletter-section .form-control::placeholder  { text-transform: uppercase; opacity: 1; }
.newsletter-section                             { position: relative; overflow: hidden; background: #00f6fc; background: -moz-linear-gradient(left, #00f6fc 0%, #00f6f8 31%, #00f6f6 68%, #00f6f2 100%); background: -webkit-linear-gradient(left, #00f6fc 0%,#00f6f8 31%,#00f6f6 68%,#00f6f2 100%); background: linear-gradient(to right, #00f6fc 0%,#00f6f8 31%,#00f6f6 68%,#00f6f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6fc', endColorstr='#00f6f2',GradientType=1 ); }
.newsletter-section h3                          { margin-bottom: 0px; }
.newsletter-section h5                          { letter-spacing: 0px; }
.newsletter-section #bgvideo                    { position: absolute; left: 0; bottom: 0%; min-width: 100%; min-height: 100%; z-index: -1; }
.newsletter-section .form-control               { padding: 7px 12px; height: auto; border-radius: 0px; margin-right: 8px; min-width: 215px; font-size: 14px; line-height: 20px; background: #fff; border-color: rgba(213,212,214,1); color: #313032; box-shadow: none; letter-spacing: 0px; }
.newsletter-section .overlay                    { background: url('../images/video-overlay.png') repeat; background-size: contain; z-index: 0; }
/*----- Newsletter Section CSS End ------*/
/*----- Feature Section CSS Start ------*/
.featured-section                               { background: #f2f2f2; }
.featured-section h3.underline                  { padding-bottom: 40px; }
.featured-section h3.underline:after            { left: 50%; background: #32FAFF; transform: translateX(-50%); width: 90px; }

.feature-slide                                  { padding: 15px 0px 40px; margin: 0px -8px;}
.feature-slide .event-card                      { padding: 12px 8px;}
.event-card .event-card-box                     { box-shadow: 0px -2px 7px 4px rgba(0,0,0,0.2); border-radius: 4px; overflow: hidden;}
.event-card .event-card-box:hover               { box-shadow: 0px 0px 0px 3px #31FCA0;}

/* .feature-slide .slick-track .slick-current { padding: 15px 5px;} */
.feature-slide .slick-prev,
.feature-slide .slick-next                      { top: 100%; width: 50px; height: 50px; }
.feature-slide .slick-prev                      { left: 3px; }
.feature-slide .slick-next                      { right: 3px; }
.feature-slide .slick-next::before,
.feature-slide .slick-prev::before              { content: ''; background: url('../images/slider-left-arrow.svg') no-repeat; background-size: cover; width: 50px; height: 50px; display: inline-block;  opacity: 1; }
.feature-slide .slick-next::before              { transform: rotate(-180deg); }
.slider-info-wrapper                            { position: relative; }
.slider-info                                    { position: absolute; top: 0px; font-family: 'Oswald-Regular', sans-serif; font-size: 16px; line-height: 0px; letter-spacing: 1.6px; }
.slider-info.left                               { left: 70px; }
.slider-info.right                              { right: 70px; }


.event-card-box:hover .card-image img               { filter: grayscale(0%); -webkit-filter: grayscale(0%); }
.event-card-box:hover .card-heading .highlight      { color: #31FCA0; }
.event-card-box .card-heading                       { padding: 12px 15px; background: #333; }
.event-card-box .card-heading h6                    { font-family: 'Poppins-ExtraLight'; font-size: 12px; line-height: 24px; letter-spacing: 1.8px; color: #fff; }
.event-card-box .card-heading .highlight            { font-family: 'Oswald-Regular'; color: #32FAFF; }
.event-card-box .card-image                         { position: relative; }
.event-card-box .card-image img                     { filter: grayscale(100%); -webkit-filter: grayscale(100%); height: 185px; object-fit: cover; }
.event-card-box .card-image h3                      { padding: 15px; color: #fff; position: absolute; top: 0px; left: 0px; width: 100%; text-transform: capitalize; }
.event-card-box .card-image .recommended            { background: #32FAFF; text-align: center; margin-top: -24px; position: relative; }
.event-card-box .card-image .recommended span       { font-family: 'Poppins-ExtraLight'; font-size: 12px; font-weight: 700; line-height: 24px; letter-spacing: 6px; display: block; }
.event-card-box .card-image .recommended span:before{ content: ''; margin-right: 16px; width: 8px; height: 8px; background: url('../images/star-icon.svg') no-repeat; background-size: cover; display: inline-block; }
.event-card-box .card-image .recommended span:after { content: ''; margin-left: 10px; width: 8px; height: 8px; background: url('../images/star-icon.svg') no-repeat; background-size: cover; display: inline-block; }
.event-card-box .card-info                          { padding: 15px; background: #333; position: relative; z-index: 1; }
.event-card-box .card-info p                        { margin-bottom: 10px; font-size: 16px; line-height: 28px; letter-spacing: 1.8px; color: #fff; }

/* .slide-wrapper > div                            { float: left; width: calc((100% / 4) - 8px); } */
.slide-wrapper > div:last-child                 { margin-right: 0px; }
/*----- Feature Section CSS End ------*/
/*----- Experience Section CSS End ------*/
.experience-section                             { background: url('../images/experience-bg.jpg') no-repeat; background-size: cover; position: relative; }
.experience-section .overlay                    { background: rgba(55,55,55,0.9); }
.experience-section h5                          { margin-bottom: 30px; }
.exp-icon-block h5                              { margin-bottom: 30px; }
.experience-section .exp-icon                   { margin-right: 15px; width: 35px; display: inline-block; vertical-align: middle; }
.experience-section .theme-btn                  { margin-top: 20px; }
/******** Middle section CSS End *******/
/***** Bottom section CSS Start *******/
footer                                          { padding: 27px 0px; background: #313032; text-transform: uppercase; position: relative; box-shadow: -0.00px -5.00px 15px 0px rgba(0,0,0,0.05); }
footer .container                               { position: relative; z-index: 1; }
footer a,
footer p                                        { margin-bottom: 0px; font-family: 'Poppins-ExtraLight'; font-size: 12px; line-height: 30px; color: #fff; vertical-align: 0px; }
.footer-logo                                    { width: 160px; }
.copyright                                      { text-align: right; }
/****** Bottom section CSS End *******/
/****** About Page CSS Start *******/
.about-venue-section                            { background: url('../images/about-venue-bg.jpg') no-repeat; text-align: center; padding: 150px 0px; }
.about-middle-section                           { background: #32FAFF; }
/****** About Page CSS End *******/
/****** WhatsOn Page CSS Start *******/
.search-section                                 { padding: 40px 0px; background: #21A7AA; }
.search-section .container                      { position: relative; z-index: 4; }
.search-section .banner-search                  { padding: 0px; }
.search-section .banner-search .form-control    { font-weight: 700; }
.search-section .banner-search .inner           { display: inline-block; padding: 0px 70px; background: #21A7AA; position: relative; }
.search-section .banner-search::before          { content: ''; width: calc(100% - 30px); height: 1px; background: #fff; position: absolute; left: 15px; top: 50%; }
.event-card-wrapper                             { margin: 0px -8px; padding: 20px 0px; overflow: hidden; }
.event-card-wrapper .event-card                 { width: calc(100% / 4); float: left; margin-bottom: 25px; padding: 12px 8px; }
.event-card-wrapper .event-card:nth-child(4n + 1){ clear: both; }
.load-more                                      { font-family: 'Oswald-Regular', sans-serif; font-size: 14px; line-height: 22px; letter-spacing: 2.1px; color: #838284; text-transform: uppercase; position: relative; }
.load-more:before                               { content: ''; position: absolute; top: 90%; left: calc(50% - 8px); background: url('../images/down-triangkle-grey.svg') no-repeat; width: 15px; height: 12px; transform: rotateX(180deg); }
/****** WhatsOn Page CSS End *******/
/****** Venues Page CSS Start *******/
.search-section .banner-search .inner h4        { margin: 0px; margin-right: 15px; font-family: 'Oswald-Regular', sans-serif; font-size: 20px; line-height: 30px; letter-spacing: 2px; color: #fff; }
.venue-card .venue-card-box                     { box-shadow: 0px -2px 7px 4px rgba(0,0,0,0.3); border-radius: 4px; overflow: hidden;}
.venue-card .venue-card-box:hover .card-date p  { color: #31FCA0; }
.venue-card .venue-card-box:hover .card-image > img{ filter: grayscale(0%); -webkit-filter: grayscale(0%); }
.venue-card .venue-card-box:hover .card-title   { background: rgba(49, 252, 160, 0.85); }
.venue-card-box h4                              { margin-bottom: 0px; font-size: 24px; line-height: 36px; letter-spacing: 3.6px; color: #313032; text-transform: uppercase; }
.venue-card-box h6                              { font-family: 'Poppins-ExtraLight'; font-size: 12px; line-height: 24px; letter-spacing: 1.8px; font-weight: 700; color: #313032; }
.venue-card-box p                               { color: #fff; }
.venue-card-box .card-date                      { padding: 10px 16px; position: absolute; top: 0px; right: 0px; background: rgba(49, 48, 50, 0.9); }
.venue-card-box .card-date img                  { width: 38px; margin: 0px auto 5px; }
.venue-card-box .card-date p                    { margin-bottom: 0px; font-family: 'Oswald-Regular', sans-serif; font-size: 12px; line-height: 19px; letter-spacing: 1.2; color: #32faff; }
.venue-card-box .card-title                     { margin-top: -80px; padding: 10px 20px; background: rgba(242,242,242,0.85); position: relative; }
.venue-card-box .card-image                     { position: relative; }
.venue-card-box .card-image > img               { filter: grayscale(100%); -webkit-filter: grayscale(100%); height: 265px; object-fit: cover; }
.venue-card-box .card-info                      { padding: 15px 20px; }
.venue-card-box .card-info p                    { font-size: 12px; line-height: 24px; letter-spacing: 1.2px; }
.venue-card-wrapper                             { margin: 0px -8px; padding: 20px 0px; overflow: hidden; }
.venue-card-wrapper .venue-card                 { width: calc(100% / 3); float: left; margin-bottom: 25px; padding: 12px 8px; }
.venue-card-wrapper .venue-card:nth-child(3n + 1){ clear: both; }
/****** Venues Page CSS End *******/
/***** FAQ Page CSS Start *******/
.panel-group.faq                                { margin-bottom: 0px; }
.panel-default                                  { border: none; }
.panel-default > .panel-heading                 { padding: 0px; background: #313032; position: relative; }
.panel-default .panel-title                     { overflow: hidden; }
.panel-default .panel-title:hover > span,
.panel-default .panel-title.active > span       { background: #32FAFF; }
.panel-default .panel-title > span              { font-size: 50px; color: #313032; background: rgba(172, 171, 173, 0.1); width: 130px; height: 100%; text-align: center; position: absolute; }
.panel-default .panel-title > span .number      { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.panel-default .panel-title a                   { padding: 36px 36px 36px 150px; font-family: 'poppins-extralight', sans-serif; font-size: 25px; line-height: 31px; font-weight: 700; letter-spacing: 0px; text-transform: none; background: rgba(172, 171, 173, 0.05); display: block; color: #f2f2f2; position: relative; z-index: 1; }
.panel-default .panel-collapse > .panel-body    { padding: 36px; background: #313032; border-top: transparent !important; }
.panel-default .panel-collapse > .panel-body p  { color: #fff; font-size: 18px; line-height: 27px; }
.panel-default .panel-collapse > .panel-body > p:last-child  { margin-bottom: 0px; }
.panel-group .panel + .panel                    { margin-top: 10px; }
.panel-group.faq                                { padding: 60px 40px; }
/***** FAQ Page CSS End *******/
/***** Contact Page CSS Start *******/
.contact-info .theme-btn                        { color: #99fdff; }
.contact-info p > a                             { font-family: 'Poppins-ExtraLight'; font-size: 42px; line-height: 46px; text-transform: none; word-break: break-all; }
.form-control::placeholder                      { opacity: 0.4; }
.contact-section .form-group                    { padding: 0px 8px; }
.contact-section .form-control                  { background: transparent; border-color: transparent; box-shadow: 0.00px 15.00px 30px 0px rgba(0,0,0,0.15); color: #fff; font-size: 14px; line-height: 38px; height: auto; }
.contact-section textarea.form-control          { resize: none; height: 130px; }
.contact-section .form-control:hover            { border-color: rgba(90, 89, 91, 1); }
.contact-section .form-control:focus            { border-color: #32faff; }
.contact-form                                   { padding: 0px 40px; }
.contact-form .theme-btn                        { margin-top: 10px; }
.contact-map                                    { height: 430px; width: 100%; }
/***** Contact Page CSS End *******/
/***** Event Detail Page CSS Start *******/
.tab-section                                    { padding-bottom: 0px; }
.checkout-section h3,
.tab-section h3                                 { color: #fff; margin-bottom: 5px; }
.checkout-section h4,
.tab-section h4                                 { color: #fff; margin-bottom: 10px; }
.checkout-section h6,
.tab-section h6                                 { font-family: 'Poppins-ExtraLight'; font-size: 12px; line-height: 24px; letter-spacing: 1.8px; color: #fff; }
.checkout-section h6 .highlight,
.tab-section h6 .highlight                      { font-family: 'Poppins-SemiBold'; color: #32FAFF; }
.checkout-section p,
.tab-section p                                  { color: #fff; }
.checkout-section p:last-child,
.tab-section div p:last-child                   { margin-bottom: 0px; }
.event-heading                                  { position: relative; padding-left: 180px; margin-bottom: 60px; }
.event-heading h2                               { margin-bottom: 0px; }
.event-heading h4                               { font-family: 'Poppins-ExtraLight'; font-size: 20px; line-height: 40px; letter-spacing: 3px; color: #838284; margin-bottom: 0px; }
.event-heading h4 b                             { font-family: 'Poppins-SemiBold'; }
.event-heading .event-date                      { padding: 15px 0px; width: 130px; font-family: 'Poppins-SemiBold'; font-size: 34px; line-height: 40px; background:#32faff; border-radius: 4px; text-align: center; display: inline-block; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); transform: translateY(-50%); text-transform: capitalize; }
.event-heading .event-date .number              { display: block; font-size: 60px; line-height: 60px;  }
/*----- Tabs Css -----*/
.nav-tabs                                       { border-top: 1px solid rgba(131, 130, 132, 0.5); border-bottom: 1px solid rgba(131, 130, 132, 0.5); }
.nav-tabs > li                                  { width: calc(100% / 5); text-align: center; }
.nav-tabs > li > a                              { font-size: 15px; line-height: 21px; padding: 14px 0px; display: block; margin-right: 0px; color: #838284; border-radius: 0px; }
.nav > li > a:focus,
.nav-tabs > li > a:hover                        { background: transparent; color: #31FCA0; border-color: transparent; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background: #31FCA0; color: #313032; border-color: #31FCA0; }
.tab-content                                    { padding: 75px 0px; }
/*----- Packgae Css -----*/
.package-block                                  { box-shadow: -0.00px -10.00px 45px 0px rgba(0,0,0,0.3); border-radius: 4px; overflow: hidden; margin-bottom: 15px; position: relative; }
.package-up                                     { display: table; width: 100%; position: relative; }
.package-up > div                               { display: table-cell; vertical-align: top; }
.package-image                                  { width: 295px; height: 100%; position: absolute; left: 0px; top: 0px; }
.package-image img                              { width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%); }
.package-block:hover .package-image img         { filter: grayscale(0%); }
.package-content                                { padding: 30px 40px 0px 40px; width: calc(100% - 295px); float: right; }
.event-time .small-icon                         { vertical-align: -4px; }
.event-time p                                   { color: #acabad; font-size: 12px; }
.tab-section .event-price p                     { font-size: 24px; letter-spacing: 3.6px; }
.euro-icon                                      { width: 40px; margin-right: 10px; display: inline-block; }
.event-counter                                  { width: 140px; float: right; }
.event-counter .input-group-btn > .btn          { background: transparent; color: #fff; padding: 5px 15px; font-size: 20px; border-color: #5a595b; }
.event-counter .input-group .form-control       { text-align: center; padding: 7px 12px; height: auto; background: #5a595b; color: #fff; font-family: 'Poppins-SemiBold'; font-size: 18px; border-color: #5a595b; line-height: 24px; }
.event-counter p                                { font-size: 11px; line-height: 22px; letter-spacing: 1.1px; color: #838284; text-align: center; margin-top: 5px; }
.event-counter p span                           { color: #fff; display: inline-block; margin-right: 5px; }
.package-block .event-desc                      { padding-left: 70px; position: relative; margin: 20px 0px; }
.package-block .event-desc:before               { content: ''; width: 55px; height: 1px; background: #32faff; position: absolute; top: 50%; left: 0px; }
.package-block .event-desc p                    { font-size: 20px; line-height: 30px; letter-spacing: 2px; font-weight: 700; }
.sale-text p                                    { color: #838284; font-size: 11px; line-height: 22px; letter-spacing: 1.1; }
.event-more                                     { border-bottom: 1px solid rgba(90, 89, 91, 0); padding-bottom: 25px; }
.package-block.active .event-more               { border-bottom: 1px solid rgba(90, 89, 91, 0.5); }
.package-block.active .event-more a             { color: #31FCA0; }
.package-block.active .more-btn .small-icon img { top: 2px; }
.more-btn a                                     { color: #32FAFF; font-size: 11px; line-height: 18px; letter-spacing: 1.1px; }
.more-btn .small-icon                           { width: 12px; height: 12px; vertical-align: 0px; position: relative; }
.more-btn .small-icon img                       { position: absolute; top: -12px; transition: 0s; }
.package-down                                   { padding: 30px 40px; display: none; transition: 0s; }
.more-desc p                                    { line-height: 32px; }
.sold-out-block                                 { border: 1px solid #5a595b; padding: 50px 100px; border-radius: 4px; position: absolute; top: 10px; left: 10px; background: rgba(49, 48, 50, 0.97); width: calc(100% - 20px); height: calc(100% - 20px); z-index: 2; }
.sold-out-block-inner                           { display: table; width: 100%; height: 100%; }
.sold-out-block-inner h5                        { color: #32faff; font-family: 'Poppins-ExtraLight'; font-weight: 700; margin-bottom: 0px; display: table-cell; vertical-align: middle; text-align: center; }
.sold-out-block-inner h5 span                   { color: #fff; display: inline-block; margin-right: 30px; font-family: 'Poppins-SemiBold'; font-size: 50px; line-height: 76px; vertical-align: middle; text-transform: none; }
.checkout-wrapper                               { text-align: right; margin-top: 45px; position: relative; }
.checkout-wrapper span                          { color: #d5d4d6; font-size: 30px; line-height: 54px; display: inline-block; vertical-align: middle; margin-right: 25px; }
.venue-tab-event-info                           { margin-bottom: 30px; }
.venue-slider-thumb                             { margin: 0px -5px; }
.venue-slider-thumb .slick-slide                { padding: 15px 5px; }
.venue-slider-thumb img                         { filter: grayscale(100%); cursor: pointer; }
.venue-slider-thumb img:hover,
.venue-slider-thumb .slick-current img          { filter: grayscale(0%); }
.tab-icon-block                                 { padding-left: 55px; background-size: 40px; background-repeat: no-repeat; }
.tab-icon h4                                    { font-family: 'Oswald-Regular'; font-size: 24px; line-height: 36px; color: #32faff; letter-spacing: 2.4px; }
.location-map                                   { height: 350px; width: 100%; }
.tab-block-wrapper                              { padding: 20px 0px 70px; }
/***** Event Detail Page CSS End *******/
/***** Venue Detail Page CSS Start *******/
.venue-heading                                  { padding-left: 120px; background-repeat: no-repeat; background-size: 100px auto; }
.venue-heading h2                               { font-size: 60px; line-height: 66px; text-transform: uppercase; letter-spacing: 6px; }
.info-tab .tab-block-wrapper                    { padding: 0px; }
.hours-block p                                  { margin-bottom: 0px; }
.info-tab > div > .row                          { margin-bottom: 70px; }
.info-tab > div > .row:last-child               { margin-bottom: 0px; }
.info-tab a                                     { font-family: 'Poppins-ExtraLight'; font-size: 16px; line-height: 32px; letter-spacing: 1.6px; text-transform: none; }
a.download-link                                 { font-size: 12px; line-height: 35px; letter-spacing: 1.8px; color: #32FAFF; display: block; background: url('../images/download-icon.svg') no-repeat; background-size: 35px auto; padding-left: 40px; margin-bottom: 15px; }
a.download-link:focus,
a.download-link:hover                           { color: #31FCA0; }
/*----- Calendar Css -----*/
.fc-unthemed th                                 { border: none; }
.fc-unthemed td                                 { border-color: rgba(90, 89, 91, 0.25); }
.fc-unthemed .fc-day:hover                      { background-color: #313436; }
.fc-head .fc-head-container                     { padding: 10px 0px; background-color: rgba(242, 242, 242, 1); border-radius: 5px 5px 0px 0px; }
#calendar .fc-view > table                      { border-radius: 6px; }
.fc-event                                       { padding-left: 3px; font-family: 'Poppins-ExtraLight'; font-size: 10px; line-height: 20px; background: transparent; border: none; border-left: 2px solid #319598; border-radius: 0px; }
.fc-event:hover                                 { border-left: 2px solid #319598; }
.fc-popover .fc-event                           { color: #313032; }
.fc-popover .fc-event:hover                     { color: #313032; }
.fc-unthemed td.fc-today                        { background: #242424 }
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number { font-family: 'Oswald-Light'; }
.fc-toolbar h2                                  { font-size: 24px; line-height: 37px; letter-spacing: 2.4px; font-weight: 700; text-transform: uppercase; }
.fc-unthemed td                                 { padding: 10px 15px; }
.fc-view .fc-body > tr > td.fc-widget-content   { padding: 0px; }
.fc-view > table .fc-body                       { box-shadow: -0.00px -10.00px 45px 0px rgba(0,0,0,0.3); }
.fc-day-grid-event .fc-content                  { white-space: normal; }
.fc-state-default                               { background: transparent; box-shadow: none; border-color: transparent; }
.fc-day-header                                  { font-family: 'Oswald-Regular'; font-size: 12px; line-height: 19px; letter-spacing: 1.8px; text-transform: uppercase; font-weight: 400; }
.fc-icon-right-single-arrow::after,
.fc-icon-left-single-arrow::after               { content: ''; background-repeat: no-repeat; width: 45px; height: 11px; background-size: cover; background-position: center center; display: inline-block; }
.fc-icon-left-single-arrow::after               { background-image: url('../images/calendar-left-arrow.svg'); }
.fc-icon-right-single-arrow::after              { background-image: url('../images/calendar-left-arrow.svg'); transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }
.fc .fc-toolbar > * > *                         { margin: 0px !important; color: #fff; text-transform: uppercase; }
.fc-left .fc-button                             { padding-left: 0px; }
.fc-right .fc-button                            { padding-right: 0px; }
.popover                                        { border: none !important; box-shadow: 0px -10px 45px 0px rgba(0,0,0,0.3) !important; background: transparent !important; }
.popover-content                                { padding: 0px !important; }
.popover.right > .arrow                         { display: none !important; }
/***** Venue Detail Page CSS End *******/
/***** Login Page CSS Start *******/
.sign-in-up .banner-text h1                     { font-size: 50px; line-height: 55px; letter-spacing: 7.5px; text-transform: uppercase; font-family: 'Oswald-Regular'; }
.banner.inner.sign-in-up-banner                 { background-image: url('../images/login-bg.jpg'); }
.banner.inner.sign-in-up-banner .overlay        { background: rgba(55,55,55,0.8); }
.sign-in-up-form                                { margin-top: 25px; overflow: hidden; }
.sign-in-up-form .theme-btn                     { width: 100%; margin: 40px 0px 20px; font-size: 20px; line-height: 28px; font-weight: 700; text-align: right; padding-right: 0px; padding-left: 0px; }
.sign-in-up-form .theme-btn.box::before         { position: absolute; top: 50%; left: 20px; width: calc(100% - 20px); }
.sign-in-up-form .theme-btn span                { display: inline-block; padding: 0px 20px; background: #32FAFF; position: relative; z-index: 1; transition: 0.3s; }
.sign-in-up-form .theme-btn:hover span          { background: #31FCA0; }
.form-control                                   { background: rgba(49, 48, 50, 1); border-color: rgba(90, 89, 91, 1); box-shadow: 0.00px 15.00px 30px 0px rgba(0,0,0,0.15); color: #fff; font-size: 20px; line-height: 40px; height: auto; letter-spacing: 2px; padding: 9px 20px; }
textarea.form-control                           { resize: none; height: 130px; }
.form-control:hover,
.form-control:focus                             { border-color: #32faff; }
.forgot,
label                                           { color: #d5d4d6; font-size: 16px; line-height: 32px; letter-spacing: 1.6px; font-family: 'Poppins-ExtraLight'; font-weight: 400; text-transform: none; position: relative; padding: 5px 10px 5px 60px; margin-bottom: 30px; display: block; }
.forgot                                         { line-height: 35px; padding-left: 0px; padding-right: 0px; }
.jcf-checkbox                                   { padding: 20px; background: #838284; border-radius: 4px; position: absolute; left: 0px; top: calc(50% - 20px); }
.jcf-focus,.jcf-focus *                         { border-color: #f2f2f2 !important; }
:root .jcf-checkbox span                        { margin: -8px 0px 0px -12px; }
.jcf-checkbox span                              { width: 25px; height: 10px; border-color: #f2f2f2; }
.jcf-radio span                                 { top: 7px; left: 7px; right: 7px; bottom: 7px; background: #32FAFF; }
/***** Login Page CSS End *******/
/***** Checkout Page CSS Start *******/
.block-spacing                                  { margin-bottom: 50px; }
.checkout-back a                                { color: #fff; }
.block-heading                                  { padding: 30px 30px 30px 85px; }
.block-body                                     { padding: 40px 30px; border-radius: 4px; }
.block-heading h4                               { margin-bottom: 0px; }
.returning-block .block-heading                 { background: url('../images/CLIENTELE.svg') no-repeat; background-size: 35px auto; background-position: 25px 22px; }
.returning-block .block-heading h4 a            { color: #32FAFF; vertical-align: middle; font-family: 'Poppins-SemiBold'; font-size: 12px; line-height: 24px; letter-spacing: 1.8; margin-left: 25px; }
.returning-block .block-heading h4 a:hover      { color: #31FCA0; }
.box-shadow                                     { box-shadow: -0.00px -10.00px 45px 0px rgba(0,0,0,0.3); }
.bill-block .block-body                         { padding: 30px; }
.bill-block .event-info                         { margin-bottom: 17px; }
.bill-block .event-desc h4                      { font-family: 'Poppins-ExtraLight';  }
.bill-block .event-desc p                       { background: url('../images/drinks-menu-icon.svg') no-repeat; background-size: 30px auto; background-position: 0px 8px; margin-right: 10px; padding: 10px 0px 10px 45px; color: #acabac; font-weight: 700; }
.bill-block h5                                  { color: #838284; letter-spacing: 4px; text-align: center; }
.bill-block .event-price p                      { font-size: 18px; line-height: 36px; text-align: center; }
.bill-block .price-total                        { background: #f2f2f2; float: right; text-align: center; padding: 10px 45px; border-radius: 0px 0px 4px 4px; }
.bill-block .price-total h5                     { margin-bottom: 0px; color: #313032; }
.bill-block .price-total .euro-icon             { vertical-align: -10px; width: 35px; }
.bill-block .price-total .total                 { font-size: 30px; line-height: 30px; font-family: 'Poppins-ExtraLight'; font-weight: 700; letter-spacing: 0px; vertical-align: middle; margin-left: 30px; }
.jcf-radio                                      { width: 25px; height: 25px; margin-right: 0px; border-radius: 50%; background: #313032; display: inline-block; margin-right: 15px; }
.payment-block .radio-div > .form-group         { display: inline-block; vertical-align: middle; width: calc(100% - 45px); }
.payment-block .form-group                      { margin-bottom: 0px; }
.payment-block .block-body                      { padding-top: 0px; }
.payment-block .payment-stripe                  { margin-top: 40px; filter: grayscale(100%); }
.terms-block .checkout-wrapper::before          { content: ''; position: absolute; width: 53%; height: 1px; background: #32faff; left: 0px; top: 50%; }
.terms-block label a                            { color: #d5d4d6; font-size: 16px; line-height: 32px; letter-spacing: 1.6px; font-family: 'Poppins-ExtraLight'; font-weight: 400; text-transform: none; text-decoration: underline; }
.terms-block label a:hover                      { color: #31FCA0; }
/***** Checkout Page CSS End *******/
/***** Login Inner Page CSS Start *******/
.inner-logo img                                 { width: 50px; margin: auto; }
.dashboard-menu p                               { font-family: 'Oswald-Regular',sans-serif; color: #838284; margin-bottom: 0px; }
.dashboard-menu .pull-left .small-icon          { width: 24px; }
.dashboard-menu a                               { color: #fff; }
.dashboard-menu .slace-seprator                 { color: #32FAFF; }
.dashboard-menu .dropdown-menu                  { left: calc(100% - 45px); background: rgba(49, 48, 50, 1); min-width: auto; margin-top: 15px; padding: 0px; border-color: transparent; }
.dashboard-menu .dropdown-menu::before          { content: ''; border: 8px solid transparent; border-bottom-color: #32faff; position: absolute; top: -18px; left: 10px; }
.dashboard-menu .dropdown-menu > li > a         { color: #5A595B; padding: 12px 30px 12px 45px; font-family: 'Poppins-ExtraLight'; font-weight: 700; }
.dashboard-menu .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #5A595B; }
.dashboard-menu .dropdown a .down               { color: #CCCCCC; }
.dashboard-menu .dropdown.open a .down          { color: #32faff; }
.dashboard-heading                              { margin-top: -60px; text-align: center; margin-bottom: 65px; }
.dashboard-heading h1                           { font: 90px/99px "Poppins-SemiBold"; color: #fff; margin: 10px 0px; }
.dashboard-heading p                            { font-size: 20px; line-height: 40px; }
.sold-tickets                                   { background: rgba(242, 242, 242, 1); border-radius: 0px 0px 0px 5px; position: absolute; bottom: 0px; width: 100%; text-align: center; padding: 12px 0px; }
.sold-tickets span                              { display: block; }
.sold-tickets span.star                         { font-family: 'Poppins-ExtraLight'; font-size: 12px; font-weight: 700; line-height: 14px; letter-spacing: 6px; text-transform: uppercase; margin-bottom: 5px; }
.sold-tickets span.star:before                  { content: ''; margin-right: 16px; width: 8px; height: 8px; background: url('../images/star-icon.svg') no-repeat; background-size: cover; display: inline-block; vertical-align: top; }
.sold-tickets span.star:after                   { content: ''; margin-left: 10px; width: 8px; height: 8px; background: url('../images/star-icon.svg') no-repeat; background-size: cover; display: inline-block; vertical-align: top; }
.sold-tickets span.number                       { font-family: 'Poppins-SemiBold'; font-size: 34px; line-height: 34px; }
.event-selection                                { margin-bottom: 50px; }
.event-selection h4                             { font-family: 'Oswald-Regular'; font-size: 20px; line-height: 30px; text-transform: uppercase; display: inline-block; vertical-align: middle; margin-bottom: 0px; margin-right: 30px; }
.event-selection .jcf-select                    { margin-bottom: 0px; box-shadow: 0.00px 15.00px 30px 0px rgba(0,0,0,0.15); border-color: transparent; color: #fff; height: auto; padding: 10px 10px 10px 35px; background: #313032 url('../images/mojito-icon.svg') no-repeat; background-size: 22px auto; background-position: 10px center; display: inline-block; vertical-align: middle; cursor: pointer; border-radius: 4px; }
.jcf-select .jcf-select-opener                  { background: transparent; }
.jcf-select .jcf-select-opener::before          { content: '\f107'; font-family: 'FontAwesome'; font-size: 12px; color: #CCCCCC; position: relative; top: 5px; }
.jcf-list .jcf-option,
.jcf-select .jcf-select-text                    { font-size: 15px; line-height: 20px; font-weight: 700; letter-spacing: 0.75px; max-width: 328px; cursor: pointer; }
.jcf-select-drop .jcf-select-drop-content       { border-color: transparent; }
.jcf-list                                       { background: #313032; }
.jcf-list .jcf-option                           { padding: 10px; color: #5a595b; max-width: none; cursor: pointer; }
.jcf-select-drop .jcf-hover, .jcf-list-box .jcf-selected { background: transparent; color: #fff; }
.earning-table.table-responsive                 { margin-bottom: 50px; box-shadow: -0.00px -10.00px 45px 0px rgba(0,0,0,0.3); }
.earning-table .table                           { border-radius: 5px 5px 0px 0px; overflow: hidden; margin-bottom: 0px; }
.earning-table thead                            { background: rgba(242, 242, 242, 1); }
.earning-table .table > thead:first-child > tr:first-child > th{ font-family: 'Poppins-SemiBold'; font-size: 20px; line-height: 30px; text-align: center; border-bottom: 0px; padding: 5px 30px; }
.earning-table .table > thead:first-child > tr:first-child > th:first-child { text-align: left; }
.earning-table .table > tbody > tr > td         { border-right: 2px solid rgba(90, 89, 91, 0.5); border-top: none; font-size: 14px; line-height: 21px; letter-spacing: 1.4px; color: #fff; text-transform: uppercase; text-align: center; padding: 8px 30px; }
.earning-table .table > tbody > tr > td:first-child { text-align: left; max-width: 400px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.earning-table .table > tbody > tr > td:last-child { border-right: none; }
.earning-table td:last-child                    { border-right: none; }
.earning-table tbody:after,
.earning-table tbody:before                     { content: ''; display: block; height: 30px; }
.earning-footer .commission p                   { font-family: 'Oswald-Regular'; font-size: 20px; line-height: 61px; letter-spacing: 2px; color: #838284; }
.earning-footer .commission p span              { font-family: 'Poppins-ExtraLight'; margin-left: 15px; }
.earning-footer .total-earning p                { font-family: 'Poppins-ExtraLight'; font-size: 56px; line-height: 61px; letter-spacing: 5.6px; text-align: right; }
.earning-footer .total-earning p span           { font-family: 'Oswald-Regular'; font-size: 24px; line-height: 61px; letter-spacing: 3.6px; color: #32faff; vertical-align: 9px; display: inline-block; position: relative; }
.earning-footer .total-earning p span:before    { content: ''; width: 90px; top: 50%; height: 1px; background: #32FAFF; display: inline-block; margin-right: 10px; position: relative; top: -9px; }
.seprator                                       { margin: 50px 0px 75px; height: 1px; width: 100%; background: rgba(131, 130, 132, 0.5); }
/***** Login Inner Page CSS End *******/
/***** Checkout-Login Page CSS Start *******/
.card-links > div                               { line-height: 60px; }
a.add-card                                      { color: #99FDFF; padding-right: 20px; background: url('../images/add-card.svg') no-repeat; background-size: 14px auto; background-position: right center; }
a.remove-card                                   { border-color: #5a595b; border: 1px solid rgba(90,89,91,1); border-radius: 50%; height: 35px; width: 35px; background: url('../images/remove-card.svg') no-repeat; background-size: 14px 14px; background-position: center center; vertical-align: middle; }
.form-control.disable                           { color: #5a595b; }
.theme-btn.box.grey                             { background: #5a595b; font-size: 16px; line-height: 22px; margin-top: 25px; }
.theme-btn.box.grey:hover                       { background: rgba(242,242,242,1); }
.returning-block .block-heading .email-link     { font-family: 'Poppins-SemiBold'; font-size: 30px; line-height: 33px; color: #32faff; text-transform: none; margin-left: 0px; letter-spacing: 0px; word-break: break-all; }
.returning-block .block-heading .logout-link    { font-family: 'Poppins-SemiBold'; font-size: 12px; line-height: 24px; letter-spacing: 1.8px; color: #acabad; }
/***** Checkout-Login Page CSS End *******/
/***** Thank-you Page CSS End *******/
.thank-you-section p                            { color: #fff; }
.thank-you-heading p                            { font-size: 26px; line-height: 52px; letter-spacing: 2.6px; }
.thank-you-block                                { padding: 40px 40px 40px 180px; background: url('../images/send-mail.svg') no-repeat; background-size: 123px auto; background-position: 30px 40px; margin-bottom: 50px; }
.thank-you-block .large a,
.thank-you-block .large                         { font-size: 20px; line-height: 30px; font-family: 'Poppins-ExtraLight'; text-transform: none; letter-spacing: 0px; }
.thank-you-block .large a                       { color: #32FAFF; }
.thank-you-block .large a:hover                 { color: #31FCA0; }
.thank-you-block p:last-child                   { margin-bottom: 0px; }
.back-btn                                       { text-align: center; }
.back-btn a                                     { color: #99FDFF; text-decoration: underline; position: relative; }
.back-btn a:after                               { content: ''; position: absolute; left: 0px; bottom: -10px; height: 1px; background: #99FDFF; width: 100%; }
/***** Thank-you Page CSS End *******/
@media(min-width: 992px){
.about-section.upper-shape-padding              { padding-top: 60px; }
.upper-shape-padding                            { padding-top: 80px; }
.down-shape-padding                             { padding-top: 170px; }
.down-shape-inner                               { padding-bottom: 50px; }
.about-venue-section                            { padding-top: 210px; }
}
@media(min-width: 992px) and (max-width: 1199px){
/*----- Newsletter Section CSS Start ------*/
.newsletter-section .form-control               { max-width: 200px; margin-right: 0px; min-width: auto; }
/*----- Feature Section CSS Start ------*/
.event-card .card-heading h6                    { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.event-card .card-info p                        { min-height: 85px; }
.event-card .theme-btn::before                  { width: 50px; }
}

@media(min-width: 768px) and (max-width: 991px){	
h2                                              { font-size: 40px; line-height: 45px; }
h3                                              { font-size: 40px; line-height: 44px; }
h5                                              { margin-bottom: 15px; }
section                                         { padding: 60px 0px; }
.upper-shape::before                            { bottom: -20px; height: 90px; }
.down-shape::before                             { bottom: -20px; height: 90px; }
.upper-shape-padding                            { padding-top: 30px; }
/******* MMenu CSS Start *******/
#menu .mm-listitem > a,
#menu .mm-listitem > span                       { font-size: 40px; line-height: 45px; }
#menu .mm-listview                              { padding: 70px 40px; }
#menu.mm-menu_offcanvas                         { max-width: 310px; text-align: center; }
/******* Header Section CSS Start *******/
.menu-icon										{ position: absolute; top: 30px; right: 15px; height: 40px; width: 40px; }
.humburger-menu                                 { padding: 90px 0px 30px; }
.sidebar-menu                                   { position: absolute; top: 30px; left: 15px; height: auto; }
.sidebar-menu .logo a                           { position: relative; width: 200px; transform: none; -webkit-transform: none; transform-origin: none; }
.sidebar-menu .social-menu                      { display: none; }
.sidebar-menu .social-menu a                    { text-align: center; margin-bottom: 0px; }
#menu .mm-listitem > span.sidemenu-logo         { margin: 30px 0px; display: inline-block; }
.sidemenu-social.mm-listitem                    { display: inline-block; margin: 0px 4px; }
.close-btn                                      { top: 25px; right: 25px; }
/******* Banner section CSS Start *******/
.banner h3                                      { font-size: 32px; line-height: 50px; }
.banner .banner-text h1                         { font-size: 110px; line-height: 120px; }
.banner-subheading.home p                       { padding-left: 150px; }
.banner-subheading p                            { font-size: 22px; line-height: 30px; }
.banner-info                                    { padding: 30px 0px; }
.banner-bottom                                  { padding: 50px 0px; }
.banner.inner .humburger-menu                   { padding: 30px 0px; }
.banner.inner.shape-up                          { padding-bottom: 120px; }
/******* Middle section CSS Start ******/
/*----- About Section CSS Start ------*/
.about-info                                     { padding-top: 0px; }
.frame-image img                                { height: 350px; }
.frame-image:before                             { left: -10px; }
.down-shape-inner                               { padding-bottom: 30px; }
.about-venue-section                            { padding: 100px 0px 80px; }
/*----- Feature Section CSS Start ------*/
.featured-section h3.underline                  { padding-bottom: 25px; }
.feature-slide                                  { margin-bottom: 30px; }

.slider-info                                    { top: -30px; }

.event-card                                     { margin-bottom: 10px; }
.slide-wrapper > div                            { width: calc((100% / 2) - 5px); }
.slide-wrapper > div:nth-child(2n)              { margin-right: 0px; }
/*----- Newsletter Section CSS Start ------*/
.newsletter-section                             { text-align: center; }
.newsletter-section h3                          { padding-bottom: 15px; margin: 0px 0px 25px; }
.newsletter-section h3.underline:after          { left: calc(50% - 75px); }
.newsletter-section h5                          { margin-bottom: 25px; }
.newsletter-section .form-control               { margin-right: 0px; }
/***** Bottom section CSS Start *******/
footer                                          { padding: 10px 0px; text-align: center; }
footer a,
footer p                                        { font-size: 10px; line-height: 25px; }
.footer-logo                                    { width: 140px; }
.copyright                                      { text-align: center; }
/***** WhatOn Page CSS Start *******/
.search-section .banner-search::before          { content: none; }
.search-section .banner-search .inner           { padding: 0px 20px; }
.event-card-wrapper .event-card                 { width: calc(100% / 2); margin-bottom: 15px; }
/***** Venues Page CSS Start *******/
.venue-card-wrapper .venue-card                 { width: calc(100% / 2); margin-bottom: 15px; }
.venue-card-wrapper .venue-card:nth-child(3n + 1){ clear: none; }
/***** Faq Page CSS Start *******/
.panel-group.faq                                { padding: 20px 30px; }
.panel-default .panel-title a                   { padding: 25px 25px 25px 100px; font-size: 24px; }
.panel-default .panel-title > span              { font-size: 34px; width: 80px;  }
.panel-default .panel-collapse > .panel-body    { padding: 25px; }
.panel-default .panel-collapse > .panel-body p  { margin-bottom: 20px; }
/***** Contact Page CSS Start *******/
.contact-map                                    { height: 350px; }
.contact-info p > a                             { font-size: 30px; line-height: 35px; }
.contact-form                                   { padding: 0px; }
.contact-map                                    { height: 300px; }
/***** Event Inner Page CSS Start *******/
.event-heading                                  { padding-left: 150px; margin-bottom: 40px; }
.event-heading h2                               { font-size: 34px; line-height: 50px; }
.event-heading .event-date                      { width: 120px; font-size: 24px; line-height: 30px; }
.event-heading .event-date .number              { font-size: 45px; line-height: 45px;  }
/*----- Tabs Css -----*/
.tab-content                                    { padding: 60px 0px; }
/*----- Packgae Css -----*/
.location-map                                   { height: 300px; }
/***** Thankyou Page CSS Start *******/
.dashboard-heading                              { margin-bottom: 45px; }
.dashboard-heading h1                           { font-size: 60px; line-height: 69px; }
.thank-you-heading p                            { font-size: 22px; letter-spacing: 1.6px; }
.thank-you-block                                { padding: 25px 25px 25px 125px; background-size: 80px auto; background-position: 25px 30px; margin-bottom: 45px; }
/***** Event Inner Page CSS Start *******/
.package-content > .row > div:nth-child(2n+1)   { clear: both; }
.package-image                                  { width: 230px; }
.package-content                                { padding: 20px 30px 0px 30px; width: calc(100% - 230px); }
/*----- Packgae Css -----*/
.tab-section .event-price p                     { font-size: 18px; letter-spacing: 1.6px; }
.euro-icon                                      { width: 25px; margin-right: 5px; vertical-align: middle; }
.event-counter                                  { width: 120px; float: left; }
.event-counter .input-group-btn > .btn          { padding: 0px 10px; font-size: 20px;}
.event-counter .input-group .form-control       { padding: 4px 12px; font-size: 14px; line-height: 21px; }
.event-counter p                                { font-size: 9px; }
.package-block .event-desc                      { padding-left: 40px; margin: 15px 0px; }
.package-block .event-desc:before               { width: 25px; }
.package-block .event-desc p                    { font-size: 16px; line-height: 28px; }
.sale-text p                                    { font-size: 10px; }
.event-more                                     { padding-bottom: 0px; }
.event-info                                     { margin-bottom: 5px; }
.event-time                                     { margin-bottom: 10px; }
.event-price                                    { margin-bottom: 0px; margin-top: 5px; }
.package-down                                   { padding: 20px; }
.package-block.active .more-btn                 { margin-bottom: 10px; }
.more-desc p                                    { line-height: 28px; }
.sold-out-block                                 { padding: 15px; }
.sold-out-block-inner h5 span                   { display: block; margin-right: 0px; font-size: 40px; line-height: 60px; }
.tab-block-wrapper                              { padding: 0px 0px 40px; }
.tab-section h4                                 { margin-bottom: 5px; font-size: 20px; line-height: 30px; }
.tab-icon-block                                 { padding-left: 40px; background-size: 30px; }
.info-tab > div > .row                          { margin-bottom: 30px; }
.location-map                                   { height: 250px; }
/***** Login Page CSS Start *******/
.sign-in-up .banner-text h1                     { font-size: 44px; line-height: 46px;  }
.sign-in-up .banner-logo                        { margin-top: 20px; }
.sign-in-up-form .theme-btn                     { margin: 25px 0px; }
.jcf-checkbox                                   { padding: 15px; }
.login-footer .jcf-checkbox                     { top: 3px; }
.forgot, label                                  { margin-bottom: 0px; line-height: 30px; }
/***** Login Inner Page CSS Start *******/
.earning-table .table > thead:first-child > tr:first-child > th { min-width: 180px; }
.seprator                                       { margin: 30px 0px 50px; }
.sm-desc                                        { margin-top: 10px; }
.bill-block .event-counter                      { float: none; margin: auto; }
.terms-block .checkout-wrapper::before          { width: 25%; }
.h2-logo                                        { margin: 0px 15px 30px 15px; font-size: 34px; padding-left: 60px; background-size: 40px auto; }
.returning-block .block-heading                 { background-size: 30px auto; }
.block-heading                                  { padding: 25px 25px 25px 70px; }
.returning-block .block-heading h4              { font-size: 24px; line-height: 26px; }
.block-body                                     { padding: 30px 15px; }
.bill-block .block-body                         { padding: 20px; }
.block-spacing                                  { margin-bottom: 40px; }
.form-control                                   { font-size: 18px; padding: 6px 20px; line-height: 36px; }
.payment-block .payment-stripe img              { width: 250px; }
.card-links > div                               { line-height: 50px; }
.returning-block .block-heading .email-link     { font-size: 24px; line-height: 26px; }
.returning-block .block-body                    { padding-bottom: 0px; }
.popover-content                                { max-width: 210px; }
.popover-content .theme-btn:before              { width: 40px; }
}

@media(max-width: 767px){	
/******* Common CSS Start *******/
h2                                              { font-size: 34px; line-height: 44px; margin-bottom: 25px; }
h3                                              { font-size: 30px; line-height: 38px; margin-bottom: 15px; }
h4                                              { font-size: 26px; line-height: 36px; margin-bottom: 10px; }
h5                                              { font-size: 15px; margin-bottom: 10px; }
p                                               { margin-bottom: 20px; }
p.large                                         { font-size: 22px; }
p.big                                           { font-size: 15px; line-height: 26px; }
section                                         { padding: 35px 0px; }
.upper-shape::before                            { top: -10px; height: 30px; }
.down-shape::before                             { bottom: -10px; height: 30px; }
.theme-btn.box                                  { padding: 14px 20px; }
/******* MMenu CSS Start *******/
#menu .mm-listitem > a,
#menu .mm-listitem > span                       { font-size: 30px; line-height: 35px; }
#menu .mm-listview                              { padding: 50px 30px; }
#menu.mm-menu_offcanvas                         { max-width: 100%; text-align: center; }
/******* Header Section CSS Start *******/
.menu-icon										{ position: absolute; top: 20px; right: 15px; height: 35px; width: 35px; }
.humburger-menu                                 { padding: 70px 0px 10px; }
.sidebar-menu                                   { position: absolute; top: 20px; left: 15px; height: auto; }
.sidebar-menu .logo a                           { position: relative; width: 160px; transform: none; -webkit-transform: none; transform-origin: none; }
.sidebar-menu .social-menu                      { display: none; }
.sidebar-menu .social-menu a                    { text-align: center; margin-bottom: 0px; }
#menu .mm-listitem > span.sidemenu-logo         { margin: 20px 0px; display: inline-block; width: 40px; }
.sidemenu-social.mm-listitem                    { display: inline-block; margin: 0px 4px; }
.close-btn                                      { top: 15px; right: 15px; }
#menu #close-menu                               { width: 30px; height: 30px; font-size: 30px; line-height: 30px; }
/******* Banner section CSS Start *******/
.banner h3                                      { font-size: 26px; line-height: 30px; }
.banner .banner-text h1                         { font-size: 54px; line-height: 90px; }
.banner-subheading p                            { font-size: 19px; line-height: 25px; }
.banner-subheading.home p                       { padding-left: 0px; }
.banner-info                                    { padding: 20px 0px; }
.banner-bottom                                  { padding: 20px 0px; }
.banner.inner .humburger-menu                   { padding: 10px 0px; }
.banner-search .form-control                    { line-height: 34px; }
.banner-search .field-icon                      { width: 100%; margin-right: 0px; }
.banner.inner.shape-up                          { padding-bottom: 60px; }
.sub-menu > ul                                  { left: 0px; top: calc(100% - 1px); padding-left: 0px; }
.sub-menu > ul:before                           { content: none; }
.select-trigger li.sub-menu > a.active::after, 
.select-trigger li.sub-menu > a:hover::after    { content: '\f107'; font-size: 12px; }
/******* Middle section CSS Start ******/
/*----- About Section CSS Start ------*/
.about-info                                     { padding-top: 0px; margin-bottom: 20px; }
.frame-image img                                { height: auto; }
.frame-image:before                             { left: 0px; }
/*----- Feature Section CSS Start ------*/
.featured-section h3.underline                  { padding-bottom: 15px; }
.feature-slide                                  { padding: 10px 0px 20px; margin-bottom: 30px; }

.feature-slide .slick-prev,
.feature-slide .slick-next                      { top: 100%; width: 40px; height: 40px; }
.feature-slide .slick-next::before,
.feature-slide .slick-prev::before              { width: 40px; height: 40px; }
.slider-info                                    { top: -30px; }
.slider-info.left                               { left: 50px; }
.slider-info.right                              { right: 50px; }

.event-card                                     { margin-right: 0px; margin-bottom: 10px; }
.slide-wrapper > div                            { width: 100% }
/*----- Newsletter Section CSS Start ------*/
.newsletter-section                             { text-align: center; }
.newsletter-section h3                          { padding-bottom: 15px; margin: 0px 0px 15px; }
.newsletter-section h5                          { margin-bottom: 15px; }
.newsletter-section h3.underline:after          { left: calc(50% - 75px); }
.newsletter-section .form-control               { margin-right: 0px; }
/*----- Experience Section CSS Start ------*/
.experience-section h5                          { margin-bottom: 20px; }
.exp-icon-block h5                              { margin-bottom: 25px; }
.experience-section .exp-icon                   { width: 30px; }
.experience-section .theme-btn                  { margin: 0px 0px 20px; }
.exp-icon-block > div:last-child h5             { margin-bottom: 0px; }
/***** Bottom section CSS Start *******/
footer                                          { padding: 10px 0px; text-align: center; }
footer a,
footer p                                        { font-size: 10px; line-height: 25px; }
.footer-logo                                    { width: 140px; }
.copyright                                      { text-align: center; }
/***** About Page CSS Start *******/
.about-venue-section                            { padding: 60px 0px; }
.about-venue-section .theme-btn                 { margin-bottom: 0px; }
/***** WhatsOn Page CSS Start *******/
.search-section                                 { padding: 30px 0px; }
.search-section .banner-search .inner           { padding: 0px; }
.search-section .banner-search::before          { content: none; }
.event-card-wrapper                             { padding: 0px; }
.event-card-wrapper .event-card                 { width: 100%; margin-bottom: 0px; }
/***** Venues Page CSS Start *******/
.search-section .banner-search .inner h4        { margin-right: 0px; }
.venue-card-wrapper                             { padding: 0px; }
.venue-card-wrapper .venue-card                 { width: 100%; margin-bottom: 0px; }
.venue-card-box .card-title                     { margin-top: -74px; }
.venue-card-box h4                              { font-size: 20px; line-height: 30px; }
.venue-card-box .card-date                      { padding: 10px; }
.venue-card-box .card-date img                  { width: 30px; }
/***** Faq Page CSS Start *******/
.panel-group.faq                                { padding: 0px; }
.panel-default .panel-title a                   { padding: 15px 15px 15px 60px; font-size: 22px; line-height: 28px; }
.panel-default .panel-title > span              { font-size: 26px; width: 50px;  }
.panel-default .panel-collapse > .panel-body    { padding: 20px; }
.panel-default .panel-collapse > .panel-body p  { font-size: 16px; }
/***** Contact Page CSS Start *******/
.contact-map                                    { height: 250px; }
.contact-form .text-right                       { text-align: center; }
.contact-info p > a                             { font-size: 22px; line-height: 30px; }
.contact-form                                   { padding: 0px; }
/***** Event Inner Page CSS Start *******/
.event-heading                                  { padding-left: 80px; margin-bottom: 20px; }
.event-heading h2                               { font-size: 26px; line-height: 34px; }
.event-heading h4                               { font-size: 15px; line-height: 26px; }
.event-heading .event-date                      { padding: 5px 0px; width: 60px; font-size: 18px; line-height: 25px; transform: none; top: 0px; }
.event-heading .event-date .number              { font-size: 30px; line-height: 30px;  }
/*----- Tabs Css -----*/
.nav-tabs > li                                  { width: 100%; }
.nav-tabs > li > a                              { font-size: 14px; padding: 8px 0px; }
.tab-content                                    { padding: 30px 0px; }
/*----- Packgae Css -----*/
.event-detail-block                             { margin-bottom: 15px; }
.package-up                                     { display: block; }
.package-up > div                               { display: block; }
.package-image                                  { width: 100%; position: relative; }
.package-content                                { padding: 15px; width: 100%; float: none; }
.tab-section .event-price p                     { font-size: 18px; letter-spacing: 1.6px; }
.euro-icon                                      { width: 25px; margin-right: 5px; vertical-align: middle; }
.event-counter                                  { width: 120px; float: left; }
.event-counter .input-group-btn > .btn          { padding: 0px 10px; font-size: 20px;}
.event-counter .input-group .form-control       { padding: 4px 12px; font-size: 14px; line-height: 21px; }
.event-counter p                                { font-size: 9px; }
.package-block .event-desc                      { padding-left: 40px; margin: 15px 0px; }
.package-block .event-desc:before               { width: 25px; }
.package-block .event-desc p                    { font-size: 16px; line-height: 28px; }
.sale-text p                                    { font-size: 10px; }
.event-more                                     { padding-bottom: 0px; }
.event-info                                     { margin-bottom: 5px; }
.event-time                                     { margin-bottom: 10px; }
.event-price                                    { margin-bottom: 0px; }
.package-down                                   { padding: 0px 15px 10px; }
.package-block.active .more-btn                 { margin-bottom: 10px; }
.more-desc p                                    { line-height: 28px; }
.sold-out-block                                 { padding: 15px; }
.sold-out-block-inner h5 span                   { display: block; margin-right: 0px; font-size: 40px; line-height: 60px; }
.checkout-wrapper                               { text-align: center; margin-top: 0px; }
.checkout-wrapper span                          { font-size: 24px; line-height: 40px; margin-right: 0px; margin-bottom: 10px; }
.venue-slider                                   { margin-top: 15px; }
.tab-block-wrapper                              { padding: 0px 0px 30px; }
.tab-section h4                                 { margin-bottom: 5px; font-size: 20px; line-height: 30px; }
.tab-icon-block                                 { margin-bottom: 20px; padding-left: 50px; background-size: 35px; }
.info-tab > div > .row                          { margin-bottom: 0px; }
.location-map                                   { height: 250px; }

.venue-heading                                  { background-size: 70px; }
/***** Checkout Page CSS Start *******/
.form-control                                   { font-size: 18px; padding: 6px 20px; line-height: 36px; }

.block-spacing                                  { margin-bottom: 30px; }
.h2-logo                                        { padding-left: 45px; background-size: 32px auto; margin: 0px 0px 25px 0px; font-size: 32px; line-height: 40px; }
.returning-block .block-heading                 { background-size: 30px auto; background-position: 10px 15px; padding: 10px 10px 10px 50px ; }
.returning-block .block-heading h4 a            { margin-left: 0px; }
.returning-block .block-body                    { padding-bottom: 0px; }
.block-body                                     { padding: 15px 0px; }
.bill-block .block-body                         { padding: 15px; }
.bill-block .price-total                        { width: 100%; padding: 10px; }
.bill-block .price-total .total                 { font-size: 22px; line-height: 24px; margin-left: 10px; }
.bill-block .price-total .euro-icon             { width: 30px; }
.bill-block .event-desc                         { margin-bottom: 10px; }
.bill-block .event-desc p                       { padding: 5px 0px 5px 45px; }
.radio-div                                      { margin-bottom: 20px; }
.payment-block .payment-stripe                  { margin-top: 30px; text-align: center; }
.payment-block .payment-stripe img              { width: 250px; }
label                                           { line-height: 26px; margin-bottom: 15px; }
.jcf-checkbox                                   { padding: 12px; left: 12px; top: 10px; }
.terms-block .block-body                        { padding: 15px 0px 0px; }
.terms-block .checkout-wrapper span             { display: block; }
.terms-block .checkout-wrapper::before          { content: none; }
:root .jcf-checkbox span                        { margin: -6px 0px 0px -9px; width: 18px; height: 8px; }
/***** Login Page CSS Start *******/
.block-heading h4                               { font-size: 20px; line-height: 32px; }
.banner.inner.sign-in-up-banner                 { padding: 80px 0px 40px; }
.sign-in-up .banner-text h1                     { font-size: 34px; line-height: 35px;  }
.sign-in-up .banner-logo                        { margin-top: 20px; }
.sign-in-up-form .theme-btn                     { margin: 15px 0px; padding-right: 0px; }
.login-footer                                   { text-align: left; }
.login-footer .pull-left,
.login-footer .pull-right                       { float: none !important; }
.login-footer label                             { margin-bottom: 0px; padding-left: 40px; }
.login-footer .jcf-checkbox                     { top: 5px; left: 0px; }
a.forgot                                        { line-height: 26px; margin-bottom: 0px; padding-left: 0px; }
/***** Checkout Login Page CSS Start *******/
.returning-block .block-heading .email-link     { font-size: 20px; }
.returning-block .block-heading .logout-link    { margin-top: 10px; }
.theme-btn.box.grey                             { margin-top: 0px; }
.payment-block .padding-l-none                  { padding-left: 15px; }
/***** Thankyou Page CSS Start *******/
.dashboard-heading                              { margin-top: 0px; margin-bottom: 35px; }
.dashboard-heading h1                           { font-size: 50px; line-height: 59px; }
.thank-you-heading p                            { font-size: 20px; line-height: 35px; letter-spacing: 1.6px; }
.thank-you-block                                { padding: 15px 15px 15px 75px; background-size: 50px auto; background-position: 15px 20px; margin-bottom: 30px; }
.thank-you-block .large a, .thank-you-block .large { font-size: 18px; }
/***** LoginInner Page CSS Start *******/
.fc-toolbar h2                                  { font-size: 14px; line-height: 28px; }
.fc-button                                      { padding: 0px !important; height: auto !important; }
.fc-button.fc-prevMonth-button,
.fc-button.fc-nextMonth-button                  { font-size: 12px; line-height: 26px; }
.fc-icon-right-single-arrow::after, 
.fc-icon-left-single-arrow::after               { width: 25px; height: 6px; }
.event-selection                                { margin-bottom: 25px; }
.event-selection .jcf-select                    { width: 100%; }
.event-selection h4                             { font-size: 18px; display: block; margin-right: 0px; }
.jcf-list .jcf-option                           { white-space: normal; padding: 5px }
.jcf-list .jcf-option, .jcf-select .jcf-select-text { font-size: 14px; }
.jcf-select .jcf-select-text                    { text-align: left; }
.sold-tickets span.number                       { font-size: 26px; line-height: 28px; }
.sold-tickets                                   { padding: 7px 0px; }
.earning-table.table-responsive                 { border-radius: 6px; margin-bottom: 15px; }
.earning-table .table > thead:first-child > tr:first-child > th { font-size: 18px; line-height: 26px; }
.earning-table tbody::after, .earning-table tbody::before { height: 20px; }
.earning-footer .commission p                   { font-size: 20px; line-height: 50px; }
.earning-footer .total-earning p                { font-size: 30px; letter-spacing: 2.6px; text-align: left; line-height: 50px; }
.earning-footer .total-earning p span           { font-size: 18px; letter-spacing: 1.6px; vertical-align: 2px; }
.earning-footer .total-earning p span::before   { content: none; }
.seprator                                       { margin: 20px 0px 35px; }
.dashboard-menu .pull-left,
.dashboard-menu .pull-right                     { float: none !important; text-align: center; }                      
.dashboard-menu .slace-seprator                 { display: block; height: 1px; visibility: hidden; }
.dashboard-menu p                               { margin-bottom: 15px; }
.dashboard-menu .dropdown                       { display: inline-block; }
/* .banner.inner .humburger-menu.dashboard-menu    { padding: 10px 0px 40px; } */
.dashboard-menu .dropdown-menu                  { left: auto; right: 0px; }
.dashboard-menu .dropdown-menu::before          { left: auto; right: 15px; }
}