@font-face {
    font-family: 'opensans-light';
    src: url('/css/portal/fonts/opensans-light-webfont.eot');
    src: url('/css/portal/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/portal/fonts/opensans-light-webfont.woff') format('woff'),
         url('/css/portal/fonts/opensans-light-webfont.ttf') format('truetype'),
         url('/css/portal/fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'opensans-regular';
    src: url('/css/portal/fonts/opensans-regular-webfont.eot');
    src: url('/css/portal/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/portal/fonts/opensans-regular-webfont.woff') format('woff'),
         url('/css/portal/fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('/css/portal/fonts/opensans-regular-webfont.svg#opensans-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'opensans-semibold';
    src: url('/css/portal/fonts/opensans-semibold-webfont.eot');
    src: url('/css/portal/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/portal/fonts/opensans-semibold-webfont.woff') format('woff'),
         url('/css/portal/fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('/css/portal/fonts/opensans-semibold-webfont.svg#opensans-semibold') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'opensans-bold';
    src: url('/css/portal/fonts/opensans-bold-webfont.eot');
    src: url('/css/portal/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/portal/fonts/opensans-bold-webfont.woff') format('woff'),
         url('/css/portal/fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('/css/portal/fonts/opensans-bold-webfont.svg#opensans-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'comfortaabold';
    src: url('/css/portal/fonts/comfortaa-bold-webfont.eot');
    src: url('/css/portal/fonts/comfortaa-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/portal/fonts/comfortaa-bold-webfont.woff') format('woff'),
         url('/css/portal/fonts/comfortaa-bold-webfont.ttf') format('truetype'),
         url('/css/portal/fonts/comfortaa-bold-webfont.svg#comfortaabold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'cifont';
    src: url('/assets_v2/fonts/CI-icon-font_1e9fa913e4365755bcfe03f0564f62c9.eot');
    src: url('/assets_v2/fonts/CI-icon-font_1e9fa913e4365755bcfe03f0564f62c9.eot?#iefix') format('embedded-opentype'),
         url('/assets_v2/fonts/CI-icon-font_1e9fa913e4365755bcfe03f0564f62c9.woff') format('woff'),
         url('/assets_v2/fonts/CI-icon-font_1e9fa913e4365755bcfe03f0564f62c9.woff2') format('woff2'),
         url('/assets_v2/fonts/CI-icon-font_1e9fa913e4365755bcfe03f0564f62c9.ttf') format('truetype'),
         url('/assets_v2/fonts/CI-icon-font_1e9fa913e4365755bcfe03f0564f62c9.svg#cifont') format('svg');
    font-weight: normal;
    font-style: normal;

}/* */
/* */
/* --------------------------------------------------------------- */
/* */
/*  YAPSODY - OWN YOUR OWN TICKETING - www.yapsody.com/ticketing */
/* */
/* --------------------------------------------------------------- */
/* */
/* */
html, html a { /* -webkit-font-smoothing: antialiased;  */ /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);  */ }
img, abbr, acronym { border: 0; }
sup { font-size: 10px; }
body { color: #5e6469; font-size: 13px; font-family: 'opensans-regular', sans-serif; background-color: #2a3237; padding: 50px 0 0; }
body.not-front { padding-top: 51px !important; }
body.nopad, .nopad{ padding: 0 !important;}
body.not-front.pd88 ,body.pd88.concerts{padding-top: 115px!important;}
#page-front #page{ margin-top: 0;}
body.front.pd52 .bx-viewport {
  height: inherit!important;
}
body.front .bx-viewport {
  height: inherit!important;
}
body.front .bx-viewport .slider-main li {
  height: inherit;
  min-height: 320px!important;
}
body.front .bx-viewport .slide-box-1, 
body.front .bx-viewport .slide-box-1 {
  vertical-align: middle!important;
}
@media screen and (min-width: 1024px) {
  body.front #preface {
    height: 320px!important;
  }
  body.front.pd52 .bx-viewport {
    height: 320px!important;
  }
  body.front .bx-viewport {
    height: 320px!important;
  }
  body.front .bx-viewport .slider-main li {
    height: 320px;
    min-height: 320px!important;
  }
}
body.category.pd52 .slider-main #slide-1 .slide-box-1,
body.category.pd52 .slider-main #slide-1 .slide-box-2 {
  vertical-align: middle;
}
#page-multiple-currency #page { }
::-moz-selection { background-color: #8ab0c4; color: #ccd6dc; }
/* Works in Safari */
::selection { background-color: #8ab0c4; color: #ccd6dc; }
::-webkit-input-placeholder { color: #CCC; }
::-moz-placeholder { color: #CCC; }
:-moz-placeholder { color: #CCC; }
:-ms-input-placeholder { color: #CCC; }
.clearfix:after {content: "";display: table;clear: both;}
.pbm{ padding-left: 15px;}
.link_white{ color: #FFFFFF !important; }
.text-white{ color: #FFFFFF !important; }
/* --------------------------------------------------------------- */
/* General Layout */
/* --------------------------------------------------------------- */
#page { margin: 0; padding: 0; line-height: 150%; margin-top: -28px; min-width: 300px; }

body.pd88{ padding-top: 115px;}
body.pd52{ padding-top: 52px;}
.reserved-seating-page #page{ margin-top: 0; }
#page-about #page { margin-top: -28px; }
.not-front #page { margin-top: 0; }
.fairs #page { margin-top: -8px; }
input:focus, select:focus, textarea:focus { outline: none !important; }
a:hover, a:focus, a:hover, a:active, a:visited { text-decoration: none; outline: none !important; }
h1, h2, h3, h4 { font-weight: normal; font-family: 'opensans-semibold', sans-serif; margin: 0 0 0.5em 0; line-height: 150%; }
h1 { font-size: 2.5em; }
h2 { font-size: 1.714em; }
h3 { font-size: 1.214em; }
h4 { font-size: 1.000em; }
.w100{ width: 100%;}
.center{ text-align: center;}
.bold, strong { font-weight: normal; font-family: 'opensans-semibold', sans-serif;}
.clear { clear: both; }
.fleft{ float: left;}
.w50{ width: 50%;}
.mtxl{ margin-top: 20px;}
.mb0{ margin-bottom: 0 !important;}
.list_style_default{ list-style: none;}
.mrs{ margin-right: 5px !important;}
.mbxl{margin-bottom: 20px !important;}
.fr{ float: right !important;}
.pb0{ padding-bottom: 0 !important; }
a { color: rgb(0, 181, 216); }
a:hover, a:visited { color: rgb(0, 153, 183); }
.header-text { font-family: 'opensans-light', sans-serif; margin: 30px 0; font-size: 1.8em; line-height: 150%; }
h1.page-title { font-size: 2.5em; font-family: 'opensans-light', sans-serif; margin: 30px 0; color: #FFF; float: left; }
.event-item .field-buy a { color: #FFF; font-family: 'opensans-regular', sans-serif; display: inline-block; background-color: rgb(7, 197, 233); -moz-box-shadow: inset 0 1px 0 #78d0dd, 0 2px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 0 #78d0dd, 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 #78d0dd, 0 2px 5px rgba(0, 0, 0, 0.2); }
.event-item .field-buy a, a#load-more-events { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#video-tut iframe, #modal-free.modal a.blue-button, .user-box input.red-button, .button, #slider-main-pager a { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
#search-box, #big-tickets, .user-page .navbar, .currency-states li p:last-child, .currency-states li, a.button-features, .button, #slider-main-pager a, ul.career-office > li img { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.landing-side ul li > div, .landing-side, .concerts .button, button, a.but-login, a.but-signup, .alert-message a, .copyright-info a, .user-box a, .event-item .field-buy a, #slider-features-pager a, #footer ul li a, a#load-more-events, .event-item, .step-item *, .navbar .nav>li>a, .dropdown a, #header-info a, .btn.blue-button, a.red-button, a.blue-button, #search-box button, a.download-icon, #footer p a, input.red-button, a.article-readmore, .navbar .dropdown-menu a, .features-accordion h4.panel-title a span.icon, .landing-left .inner, .landing-right .inner, .landing-side ul { -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; }
.features-accordion h4.panel-title .sub-text { display: block; font-size: 10px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.features-accordion .item-reserved h4.panel-title a span:last-child{
  line-height: 130%;
}
.box-indent, .step-item .step-icon span, #slider-features-pager a span { overflow: hidden; display: inline-block; text-indent: -9999px; }
#search-box input[type="text"], a.download-icon, #promote h2, .user-box input, .user-box select, .user-box textarea, .navbar .logo-concerts { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* Colorbox Core Style:The following CSS is consistent between example themes and should not be altered. */
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; padding-bottom: 30px; }
#cboxWrapper { max-width: none; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; max-width: 700px !important; height: auto !important; }
.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
/* User Style:Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML. */
#cboxOverlay { background: rgb(28, 35, 41); opacity: 0.95 !important; }
#colorbox { outline: 0; }
#cboxContent { overflow: hidden; }
.cboxIframe { background: #fff; }
#cboxError { padding: 50px; border: 1px solid #ccc; }
#cboxLoadedContent { padding-bottom: 38px; }
#cboxTitle { position: absolute; z-index: 1000; bottom: 38px; font-size: 12px; padding: 10px 20px; background: rgba(28, 35, 41, 0.9); text-align: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #949494; }
#cboxCurrent { display: none !important; position: absolute; bottom: 3px; left: 58px; color: #949494; font-size: 12px; }
#cboxLoadingOverlay { background: none; }
#cboxLoadingGraphic { background: url(/images/portal/concerts/loading.gif) no-repeat center center; opacity: 0.6; }
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; }
/* avoid outlines on:active (mouseclick), but preserve outlines on:focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active, button:active, button:focus { outline: none !important; }
#cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; }
#cboxPrevious { position: absolute; opacity: 0.6; bottom: 0; left: 0; background: url(/images/portal/concerts/controls.png) no-repeat -75px 5px; width: 30px; height: 30px; text-indent: -9999px; }
#cboxPrevious:hover { opacity: 1 }
#cboxNext { position: absolute; opacity: 0.6; bottom: 0; left: 27px; background: url(/images/portal/concerts/controls.png) no-repeat -50px 5px; width: 30px; height: 30px; text-indent: -9999px; }
#cboxNext:hover { opacity: 1 }
#cboxClose { position: absolute; opacity: 0.6; bottom: 0; right: 0; background: url(/images/portal/concerts/controls.png) no-repeat -25px 5px; width: 30px; height: 30px; text-indent: -9999px; }
#cboxClose:hover { opacity: 1 }
/* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
See:http://jacklmoore.com/notes/ie-transparency-problems/ */
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); }

/* --------------------------------------------------------------- */
/* Error Page */
/* --------------------------------------------------------------- */
#page-error .body-error { background: none !important; background: #FFF !important; }
#page-error .body-error { background: #FFF; box-shadow: none; border: none; padding: 90px 0; text-align: center; min-height: 450px; }
#page-error .body-error h1 { font-size: 30px; margin: 0 0 20px; padding: 0; color: #d30634; width: 100%; }
#page-error .body-error h2 { font-size: 16px; margin: 0 0 30px; width: 100%; color: #999; text-align:center; font-family:"opensans-regular", sans-serif; }
#page-error .body-error h2 a {color:#444;}
#page-error .body-error .error-name { font-size: 135px; padding: 20px 0 0; line-height: 125px; color: #d30634; }
#page-error .body-error .button { color: #FFF !important; display: inline-block; background-color: #d30634!important; border: 1px solid #d30634; padding: 9px 20px; }
#page-error .body-error .button:hover { background-color: #d30634 !important; border: 1px solid #d30634; opacity: 1; }
#page-error .body-error .invalid-url a { font-size: 20px; color: #777; text-shadow: 0 1px 0 #FFF; font-family: 'opensans-semibold', sans-serif; background: #f8f8f8; border: 1px solid #ccc; padding: 16px 70px 14px; border-radius: 10px; box-shadow: inset 2px 3px 5px rgba(50, 50, 50, 0.1); margin: 0 0 30px; display: inline-block; }

/* --------------------------------------------------------------- */
/* Forms */
/* --------------------------------------------------------------- */
.main-content input[type="text"],.main-content input[type="email"], .main-content textarea { color: #555;
  width: 100%;
  max-width:64-px;
  height: 56px;
  padding: 8px 10px !important;
  margin: 0 0 10px;
  background-color: #FFF;
  clear: both;
  display: block;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px;
}
  .main-content textarea {height:150px;}
  .main-content label {text-transform:uppercase; font-size:0.8em;}
  .contact-us {width:100%; padding:0 20px;  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
  .contact-us h3 {font-family: 'opensans-regular', sans-serif; margin:0;}
  .contact-us  p {font-size:0.9em; margin:0 0 25px}
/* --------------------------------------------------------------- */
/* Buttons */
/* --------------------------------------------------------------- */
.button, .red-button { font-family: 'opensans-regular', sans-serif; display: inline-block; border: none; padding: 10px 25px; color: rgb(255, 255, 255); background-color: #43525A; font-size: 0.929em; cursor: pointer; }
.button.small { padding: 5px 20px; font-size: 0.857em; text-shadow: none; }
.button.green { background: #8ebc00; color: rgb(255, 255, 255); }
.button.purple { background: #753975; color: rgb(255, 255, 255); }
.button.white { background: rgb(255, 255, 255); color: color:rgb(63, 73, 92); }
.button.white:hover { box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) }
.button.red, .button.red:active, .button.red:visited { background: #da2c4c; color: rgb(255, 255, 255) !important; }
.button.red:hover { background-color: #BE2743; }
.button.blue, .button.blue:active, .button.blue:visited { background: #009bd5; color: rgb(255, 255, 255) !important; }
.button.blue:hover { background: #048bbe; }
a.outline, button.outline { background: none; border: 2px solid #cc4563; border-radius: 6px; padding: 8px 25px; font-size: 13px; color: #cc4563; text-decoration: none; margin: 10px 0 0; display: inline-block; }
a.outline:hover, button.outline:hover { background: #cc4563; color: #FFF; }
.button.green.outline {background:none; padding: 12px 40px;border-color: #78A75E;}
.button.green.outline:hover {background:#78A75E;}
/* --------------------------------------------------------------- */
/* Custom Border - ticketing */
/* --------------------------------------------------------------- */
.custom-border { height: 40px; background: url('/images/portal/backgrounds/custom-border-up.png') top left repeat-x; margin: -21px 0 -10px; position: relative; z-index: 30; width: 100%; float: left; clear: both; }
.custom-border.dark { background: url('/images/portal/backgrounds/custom-border-dark.png') bottom left repeat-x; }
.custom-border.gray { background: url('/images/portal/backgrounds/custom-border-gray.png') bottom left repeat-x; }
.custom-border.down { margin: -10px 0 -21px; background: url('/images/portal/backgrounds/custom-border-do.png') bottom left repeat-x; }
.not-front .custom-border.gray { background: url('/images/portal/backgrounds/custom-border-inner.png') bottom left repeat-x; }
/* --------------------------------------------------------------- */
/* Download App buttons */
/* --------------------------------------------------------------- */
a.download-icon { width: 100%; height: 45px; display: block; margin: 0 20px 2px 0; padding: 5px 0 0; background: #FFF; border: 1px solid #d9e1e7; text-align: left; font-size: 9px; color: #5E6469; line-height: normal; /* box-shadow: 0 2px 0 #d9e1e7;  */ }
a.download-icon span.icon { float: left; background: url('/images/portal/sprite.png') -144px -288px no-repeat; width: 34px; height: 40px; display: inline-block; vertical-align: middle; margin: -3px 10px 0; }
a.download-icon.disabled span.icon { background: url('/images/portal/sprite.png') -201px -288px no-repeat; }
a#download-apple span.icon { background-position: -33px -288px }
a.download-icon span { font-size: 14px; font-family: 'opensans-semibold', sans-serif; display: block; }
a.download-icon span.disabled { font-size: 14px; color: #CCC; padding-top: 6px; }
a#download-android { margin: 0; cursor: pointer; background-position: -152px -282px; vertical-align: top; }
a#download-apple:hover, a#download-android:hover { background: #f7f8f9; }
a.ipad span.icon { background: url('/images/portal/sprite.png') -261px -289px no-repeat !important; }
/* --------------------------------------------------------------- */
/* Navbar */
/* --------------------------------------------------------------- */
.navbar { position: fixed; z-index: 1000; top: -1px; margin: 0 !important; min-width: 300px; }
.user-page #page, body.not-front.user-page { padding: 0 !important; margin: 0 !important; }
.user-page .navbar { position: inherit; }
.user-page .navbar:hover { opacity: 1; }
.user-page .navbar.navbar-inverse .navbar-inner, .user-page .navbar { background: unset; }
.user-page .navbar .btn-navbar { display: none; }
.navbar.navbar-inverse .navbar-top{ background: #fff; position: relative;}
.reserved-seating-page .navbar.navbar-inverse .navbar-top{ display: none;}
.navbar.navbar-inverse .navbar-top p{ margin: 8px 0; text-align: center; font-size: 13px; }
.navbar.navbar-inverse .navbar-top a{ color: #5e6469; }
.navbar.navbar-inverse .navbar-top a .blue-txt{background: #009BD5;color: #fff;padding: 3px 10px;border-radius: 4px;margin-left: 10px;display: inline-block; }
.navbar.navbar-inverse  .collapse-info{  position: absolute; right: 10px;top: 50%;margin-top: -10px; width: 35px; height: 25px; cursor: pointer; border-radius:0 0 3px 3px; }
.navbar.navbar-inverse  .collapse-info.open{background: url(/images/top_arrow_1.png) center 6px no-repeat; background-color:#FFF; top:0; margin:0; opacity:0.5; display: none;}
.navbar.navbar-inverse  .collapse-info.close{background: url(/images/bottom_arrow_1.png) center 6px no-repeat; background-color:#FFF; }
.navbar.navbar-inverse .navbar-inner { filter: none; border: none; box-shadow: none; padding: 0; background: #2a3237; min-height: 44px;position: relative;}
.navbar .container { position: relative; max-width: 100%; }
.navbar .brand { margin-left: -5px; height: 40px; width: 108px; padding: 0; background-repeat: no-repeat; z-index: 10; background-position: center; background-size: 80%;}
.navbar .logo-concerts { display: none !important; font-family: "comfortaabold", sans-serif; font-size: 15px; overflow: inherit; color: #FC7399; padding: 10px 0 0 20px; background: url("/images/portal/concerts/slash_.png") no-repeat scroll 0 center transparent; text-transform: uppercase; float: right; width: 120px; height: 44px; overflow: hidden; line-height: 14px; margin: 0; }
.concerts .navbar .logo-concerts { display: inline-block; position: absolute; left: 110px; }
.user-page .navbar-inner { margin-left: auto; margin-right: auto; max-width: 100%; }
.user-page .navbar .brand { 
  width: 98px;
  background-image: url(/images/1/logo.svg);
  text-align: center; background-position: center; background-size: contain !important; background-repeat: no-repeat; top: 40px; left: 0; }
.navbar .nav-collapse { list-style: none;  margin: 0; padding: 0; border: none !important; width: 100%; }
.navbar .nav-collapse ul.nav { margin: 0; float: none; }
.navbar .nav > li { float: left; text-align: left; display: inline-block; border-top: 1px solid #3D4447; width: 100%; }
.navbar .nav > li a { border-radius: 0; margin: 0; text-align: center; padding: 15px 20px; }
.navbar .nav > li.c-menu, .c-menu { display: none; }
.navbar .nav>li a, .navbar a.but-login, .navbar a.but-signup { font-weight: 100; font-size: 0.857em; color: #abadae; display: block; padding: 13px 18px 12px; text-shadow: none; }
.navbar.navbar-inverse .nav .active>a, .navbar.navbar-inverse .nav .active>a:hover, .navbar.navbar-inverse .nav .active>a:focus { box-shadow: none; cursor: default; background: #232B30; }
.navbar.navbar-inverse .nav>li a:focus, .navbar.navbar-inverse .nav>li a:hover { color: #fff; background-color: #3e4c54; }
.navbar .custom-concert-button,
.navbar .custom-events-button{
  background: #009bd5!important;
  color: #ffffff!important;
  height: 22px!important;
  padding: 4px 15px!important;
  margin: 10px!important;
  border-radius: 15px!important;
}
.navbar .custom-concert-button:active,
.navbar .custom-events-button:active,
.navbar .custom-concert-button:focus,
.navbar .custom-events-button:focus {
  outline: none!important;
  border-radius: 15px!important;
}
.navbar .event-page-nav.nav>li a {
  padding: 25px 10px 25px;
  font-size: 15px;
  color: #ffffff;
  font-family: 'Comfortaa';
}
.navbar .event-page-nav.nav>li a:hover {
  color: #199cd3;
  background: transparent;
}
.nav-blue {
  color: #199cd3!important;
}
@media screen and (min-width: 768px) {
  .navbar .container.event-page .brand {
    height: 70px;
    background-size: 100%;
  }
  .navbar .container.event-page {
    padding: 0 90px;
  }
  .navbar .event-page-nav.nav {
    margin-left: 25px!important;
  }
}
.navbar a.but-login, .navbar a.but-signup { color: #FFF !important; float: right; background: #43525a; }
.navbar a.but-signup { right: 70px; background: #009bd5; color: #FFF; }
.navbar a.but-signup:hover { background-color: #048bbe !important ;}
.navbar a.but-hiring { background: #C41743;  color: #fff !important;}
.navbar a.but-login:hover { background-color: #3e4c54; }
.navbar a.dropdown-toggle { padding: 11px 28px 12px 18px; color: #FFF; width: inherit; display: block; background: url("/images/portal/arrow-2.png") right center no-repeat; font-size: 0.786em; border-left: 1px solid #3D4447; border-right: 1px solid #3D4447; }
.navbar .open a.dropdown-toggle { background-color: #3e4c54; }
.navbar .dropdown-menu { width: 100%; padding: 0; margin: 0; border: none; min-width: inherit; border-radius: 0; min-width: 150px; float: left; background: #3e4c54; border-radius: 0 0 6px 6px; overflow: hidden; }
.navbar .display-name .dropdown-menu { left: inherit; right: 0; }
.navbar .dropdown .dropdown-menu>li> a { color: #abadae; border-bottom: 1px solid #49555A; font-size: 0.786em; padding: 7px 18px; font-family: 'opensans-semibold', sans-serif; }
.navbar .dropdown .dropdown-menu>li>a:hover { background: #3e4c54; color: #FFF; }
.navbar .dropdown .dropdown-menu .divider { height: 1px; margin: 0 1px; overflow: hidden; background-color: #31373A; border-bottom: none; }
.navbar .dropdown .dropdown-menu li { float: left; width: 100%; }
.navbar .dropdown .dropdown-menu li a { margin: 0; text-transform: uppercase; }
.navbar .btn-navbar { margin: 0; padding: 18px 18px 15px; background: none; box-shadow: none; border: none; border-radius: 0; }
.navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] { background-color: #3e4c54; outline: none; }
.navbar .btn-navbar:hover { background-color: #3e4c54; }
.navbar .btn-navbar .icon-bar { background-color: #FFF; box-shadow: none; height: 4px; }
#nav-ticketing, .concerts nav-concerts { display: none; }
.concerts #nav-ticketing { display: inherit; }
/* --------------------------------------------------------------- */
/* Content for user pages */
/* --------------------------------------------------------------- */
#content { background: url('/images/portal/backgrounds/gradient-1.jpg') bottom left repeat-x; position: relative; background-color: #eaeef1; float: left; width: 100%; }
#content .content-inner { padding: 20px 0 80px; float: left; width: 100%; }
.not-front #content .content-inner { padding: 0 0 120px; background: rgba(255, 255, 255, 0.8); }
.user-page.not-front #content .content-inner { background: none; }
/*.user-page.not-front #content { background: url('/images/portal/backgrounds/userpage.jpg') left -695px repeat-x; padding-top: 50px; background-size: inherit; }*/
.user-page { background: url('/images/portal/backgrounds/userpage.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; /* background-color: #FFFFFF;  */ }
/* --------------------------------------------------------------- */
/* Postscript */
/* --------------------------------------------------------------- */
#postscript .postscript-inner { background-color: #FFF; }
#postscript-top, #postscript-bottom, #postscript { background-color: #FFF; clear: both; }
#postscript-top .postscript-top-inner { padding: 20px 0; }
#postscript .postscript-inner { padding: 20px 0 70px; overflow: hidden; }
#postscript-top h3.article-head { float: left; width: 30% !important; }
/* --------------------------------------------------------------- */
/* Emphase */
/* --------------------------------------------------------------- */
.emphase { margin: 40px 0; text-align: center; clear: both; width: 100%; float: left; }
.emphase h2, .portal-title { font-size: 2.0em; margin: 10px 0; font-family: 'opensans-light', sans-serif; }
.emphase h2 span { display: block; font-size: 0.5em; line-height: normal; margin: 10px 0 20px; font-family: 'opensans-regular', sans-serif; }
/* --------------------------------------------------------------- */
/* Seating Feature */
/* --------------------------------------------------------------- */
.feature-seating {margin:40px 0 0; clear:both; display:block; width:100%; float:left;}
.featured_page .feature-seating{ margin: 0 0 40px; }
.feature-seating img {margin:0 0 20px; max-width:100%;}
.feature-seating .emphase a {color: #5E6469;}
.feature-seating .emphase h2 {max-width:740px; margin:10px auto;}
/* --------------------------------------------------------------- */
/* Engage with Yapsody */
/* --------------------------------------------------------------- */
#postscript-bottom { background: #78a75e; color: #FFF; overflow: hidden; text-align: center; position: relative;}
.engage { padding: 70px 0 70px; }
.engage h2 { font-size: 2.0em; margin: 10px 0; font-family: 'opensans-light', sans-serif; }
.engage span.icon { width: 100%; max-width: 420px; height: 200px; display: inline-block; background: url("/images/portal/multi-language-tickets.png") center center no-repeat; }
.engage p { max-width: 600px; display: block; margin: 0 auto 20px; padding: 0 10px; }
.engage a.button { color: #78a75e; }
#modal-engage { background: url("/images/portal/multi-language-top.png") top left no-repeat; background-color: #78a75e; color: #FFF; overflow: hidden; }
#modal-engage *, #modal-reserved *, #modal-contact2 *, .modal-career * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#modal-engage .modal-body { background: url("/images/portal/multi-language-bottom.png") bottom right no-repeat; padding: 20px 20px 10px; width: 100%; max-height: inherit; }
#modal-engage h2, #modal-reserved h2, #modal-contact2 h2, .modal-career h2 { font-size: 22px; margin: 0; }
#modal-engage label, #modal-contact2 label, .modal-career label { font-size: 13px; opacity: 0.7; clear: both; }
#modal-engage input[type="text"], #modal-engage input[type="email"], #modal-reserved input[type="email"], #modal-reserved input[type="text"], #modal-contact2 input[type="email"], #modal-contact2 input[type="text"], .modal-career input[type="email"], .modal-career input[type="text"] { font-size: 13px; border: none; padding: 8px 10px; width: 100%; height: 28px; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) }
#modal-engage textarea, #modal-contact2 textarea, .modal-career textarea { font-size: 13px; width: 100%; border: none; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) }
#modal-engage input[type="button"], #modal-reserved input[type="button"], #modal-contact2 input[type="button"], .modal-career input[type="button"] { font-weight: bold; margin: 20px 0 0; color: #78a75e; padding: 10px 20px; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1); font-size: 13px; }
/* reserved */
#modal-reserved .modal-body { background: url("/images/portal/reserved_2.png") bottom right no-repeat; padding: 40px 20px 30px; width: 100%; max-height: inherit; }
#modal-reserved input[type="button"] { color: #2E9CC7; }
#modal-reserved input[type="button"].disabled { cursor: default; opacity: 0.5;}
#modal-reserved { background: url("/images/portal/reserved_1.png")  left -30px no-repeat; background-color: #2E9CC7; color: #FFF; overflow: hidden; }
#modal-reserved .form-item { margin: 20px 0; }
#modal-reserved .submit p { margin: 10px 0 0; }
#modal-reserved .submit p a { color: #FFF; text-decoration: underline; margin: 0 3px }
#modal-reserved input[type="email"], #modal-reserved input[type="text"] { padding: 12px 10px; height: 38px }
/* confirmation */
#modal-confirmation { text-align: center; background: #FAFAFA; }
#modal-confirmation .modal-body { padding: 30px; }
/* contact through zendesk */
#modal-contact2, .modal-career { color: #FFF; overflow: hidden; background: url("/images/portal/yapsody.png") -60px -100px no-repeat; background-color: #8D98A1; }
#modal-contact2 h2, .modal-career h2 { font-size: 30px; margin: 0; padding: 0; }
#modal-contact2 .form-item, .modal-career .form-item { clear: both; }
#modal-contact2 input[type="button"], .modal-career input[type="button"] { font-weight: bold; color: #545D64; margin: 0; }
#modal-contact2 input[type="button"].disabled { opacity: 0.5; cursor: default; }
#modal-contact2 .modal-body, .modal-career .modal-body { max-height: inherit; height: inherit; background: url("/images/portal/yapsody.png") 210px 270px no-repeat; margin: 0; width: 100%; }
.modal-career .modal-body { background: none; }
.modal-career { background: #8D98A1 }
.modal-career .form-item.upload > div { background: #A3AEB6; padding: 5px 20px; margin-bottom: 20px; border-radius: 6px; }
.modal-career .form-item.upload > div span {display:block; font-size:10px;}
.modal-career h2 { font-size: 23px; padding-bottom: 10px; }
.modal-career .modal-body { padding: 0 20px; }
.modal-career .form-item.submit { margin: 10px 0 0; }
.modal-career .modal-msg {background:none; border:none; margin:0; padding:0;}
.modal-career .modal-msg ul {list-style:none; margin:0 0 10px; padding:0;  color: #FFFFFF;  font-size:12px; text-shadow:none;}
.modal-career .modal-msg ul li {margin:2px 0; padding:5px 8px; background: rgb(250, 103, 103); border-radius:5px; }
/* --------------------------------------------------------------- */
/* Alert Message */
/* --------------------------------------------------------------- */
.alert-message { font-size: 0.857em; background: #91c873; color: #FFF; padding: 8px 8px 8px 40px; text-transform: uppercase; font-family: 'opensans-semibold', sans-serif; position: relative; }
.alert-message a { color: #FFF; opacity: 0.5; text-shadow: none; }
.alert-message a:hover { opacity: 1 }
.alert-message:before { content: "i"; margin: 0 20px 0 10px; font-family: serif; text-transform: none; font-style: italic; font-size: 22px; font-weight: bold; position: absolute; left: 10px; }
/* --------------------------------------------------------------- */
/* Promote bar */
/* --------------------------------------------------------------- */
#promote { background: #383f44; margin-top: 0; padding: 0; color: #94a0a7; min-height: 50px; display: none; }
#promote h2 { float: right; padding: 9px 0 0; font-size: 0.786em; font-family: 'opensans-semibold', sans-serif; text-align: right; width: 50%; }
#promote h2 br { display: none; }
#promote h2 span { font-family: 'opensans-semibold', sans-serif; }
#promote a.button { float: right; margin: 15px 0 0; }
#promote .live-stats { float: left; margin: 10px 0 0; display: inline-block; width: 50%; }
#promote .live-stats p { font-size: 1.429em; font-family: 'opensans-bold', sans-serif; display: inline-block; vertical-align: middle; margin: 5px 0 0 20px; }
#promote .live-stats p > span { font-size: 0.571em; margin: 0 0 0 5px; line-height: inherit; font-family: 'opensans-semibold', sans-serif; display: inline-block; vertical-align: middle; }
#promote .live-stats > span { background: #78A300; border-radius: 50%; padding: 9px 7px; font-size: 0.714em; color: #383f44; margin: -2px 0 0 10px; display: inline-block; line-height: 14px; font-family: 'opensans-semibold', sans-serif; float: left; }
/* --------------------------------------------------------------- */
/* Main Backgrounds */
/* --------------------------------------------------------------- */
/*#preface { background: url('/images/portal/backgrounds/front.jpg') no-repeat left; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: #C33651; overflow: hidden;}*/
/*******
*@Changes in background on /tickting page for christmas
@author: Bhagyashri Lokhande
@date:16/12/2016
*******/
#preface {background-image: url(/images/portal/backgrounds/front.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-color: #C33651;overflow: hidden;background-repeat: no-repeat;background-position: center top;}
#preface.webinar{ background: url('/images/portal/webinar/webinar-bg.jpg') no-repeat center center fixed;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#clubs #preface { background: url('/images/portal/backgrounds/cat-clubs.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#fairs #preface { background: url('/images/portal/backgrounds/ticketing-bg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
#nonprofits #preface { background: url('/images/portal/backgrounds/cat-nonprofits.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.not-front #preface { background-attachment: inherit; }
/* --------------------------------------------------------------- */
/* Main Slider */
/* --------------------------------------------------------------- */
#content .bx-wrapper { clear: both; }
#preface .bx-wrapper { clear: both; position: relative; }
.slider-main { display: block; overflow: hidden; margin: 0; }
.slider-main li { min-height: 450px; overflow: hidden; text-align: center;display: table;}
body.front.pd52 .slider-main li { min-height: 370px; overflow: hidden; text-align: center;display: table;}
.category .slider-main li { padding-top: 40px; display: table;}
#preface .bx-controls { display: none; }
#slider-main-pager { text-align: center; margin: 10px 0 20px; bottom: 0; }
#slider-main-pager a { display: inline-block; text-indent: -9999px; height: 14px; width: 14px; margin: 0 4px; border: 2px solid rgba(255, 255, 255, 0.08); background-color: rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 -3px 15px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 -3px 15px rgba(0, 0, 0, 0.4); box-shadow: inset 0 -3px 15px rgba(0, 0, 0, 0.4); }
#slider-main-pager a.active { background-color: rgba(255, 255, 255, 0.7) !important; -moz-box-shadow: inset 0 -3px 15px rgba(0, 0, 0, 0), 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 -3px 15px rgba(0, 0, 0, 0), 0 1px 3px rgba(0, 0, 0, 0.5); box-shadow: inset 0 -3px 15px rgba(0, 0, 0, 0), 0 1px 3px rgba(0, 0, 0, 0.5); }
.slider-main .slide-box-2 { text-align: center; }
.slider-main img { margin: 20px 0 0; width: 80%; max-width: 400px; }
.slider-main .slide-video { width: 100%; margin: 10px auto; position: relative; }
.slider-main .slide-video .video-wrapper { width: 268px; display: inline-block; position: relative; margin: 0; border: 1px solid rgba(255, 255, 255, 0.2); background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 8px 5px 2px; -moz-box-shadow: inset 0 -3px 15px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.3); -webkit-box-shadow: inset 0 -3px 15px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.3); box-shadow: inset 0 -3px 15px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.3); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.slider-main .slide-video iframe { width: 253px; height: 137px; }
.slider-main .slide-video .modal-body { text-align: center; }
.slider-main .slide-box-2 { width: 100%; overflow: hidden; display: inline-block; }
.slider-main .slide-box-1 { width: 100%; overflow: hidden; display: inline-block; vertical-align: top; text-align: center;}
.slider-main h1 { color: #FFF; font-size: 2em; margin: 20px 0 10px; position: relative; z-index: 1; font-family: 'opensans-regular', sans-serif; line-height: 120%; }
.slider-main .slide-box-1 h2 { font-size: 0.929em; margin: 0 0 20px; color: #FFF; font-family: 'opensans-regular', sans-serif; }
.slider-main #slide-1 .slide-box-1{padding: 30px 0 0;} 
.slider-main #slide-1 .slide-box-2{padding: 12px 0 0;}
.slider-main .slide-box-1 a { color: #FFF;}
.slider-main .slide-box-1 a:hover { text-decoration: underline;}
.slider-main h1 br, .slider-main h2 br { display: none; }
.slider-main #slide-3 img { display: none; }
/*.slider-main #slide-3 h1 { margin: 0 0 10px; }*/
.slider-main #slide-4 .slide-box-1 { width: 100%; text-align: center; }
/*.slider-main #slide-4 .slide-box-1 h1 { margin: 10px 0 20px; }*/
.slider-main #slide-4 .slide-box-2, .slider-main #slide-6 .slide-box-1 { width: 100%; text-align: center; }
.slider-main #slide-4 .slide-box-2 p { margin: 20px 0; display: inline-block; max-width: 100%; width: 700px; background: #FFC50C; font-size: 16px; font-family: 'opensans-semibold', sans-serif; padding: 8px 20px; border-radius: 6px; color: #363636; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.slider-main #slide-4 .slide-box-2 img {  max-width: 100%;   width: inherit; padding: 20px 0 0; height: auto; }
.slider-main .box-download { background: #FFF; width: 80%; border-radius: 3px; box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1); padding: 15px; text-align: left; display: inline-block; vertical-align: top; position: relative; z-index: 1; margin: 5px 0; }
.slider-main .box-download h2 { font-size: 1.286em; }
.slider-main .box-download h2 span { font-size: 12px; font-family: 'opensans-regular', sans-serif; line-height: 150%; margin: 10px 0; display: none; }
#slide-5 .box-download * { color: #5E6469 }
#slide-5 .box-download h2 { font-size: 1.286em; font-family: 'opensans-semibold', sans-serif; margin-bottom: 10px; }
.slider-main #slide-3 .box-download img, .slider-main #slide-5 .box-download img { position: absolute; right: 0; top: 0px; border: 3px solid #FFF; display: block; width: 46px; height: auto; border-radius: 6px;margin-top: 0; }
.slider-main #slide-6 .slide-box-1 {    max-width: 570px;}
.slider-main #slide-6 .slide-box-1 .img{ max-width: 438px; margin: 30px 0;}
.slider-main #slide-6 .slide-box-1 .register-btn{ margin-top: 30px;}
/* --------------------------------------------------------------- */
/* Features Slider */
/* --------------------------------------------------------------- */
.bx-wrapper .bx-loading { min-height: 50px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; background: none; display: none; }
.bx-controls { display: none; }
#postscript-top .bx-wrapper { display: block; clear: both; }
#slider-features-pager { text-align: center; margin: 20px 0 0; }
#slider-features-pager a { display: inline-block; float: left; width: 24%; margin: 0 1px 0 0; padding: 0; }
#slider-features-pager a, #slider-features-pager a:visited { color: #5e6469; font-size: 0.786em; font-family: 'opensans-semibold', sans-serif; display: inline-block; padding: 15px 0 15px; background-color: #FFFFFF; border: none !important; margin-bottom: 1px; }
#slider-features-pager a:hover { background-color:#f8fafb ; }
#slider-features-pager a span { width: 50px; height: 50px; margin: 0 auto 0; display: block; background: url('/images/portal/feature-icons.png') -40px -35px no-repeat; }
#slider-features-pager a.slide-0 span { background-position: -51px -112px; }
#slider-features-pager a.slide-1 span { background-position: -52px -25px; }
#slider-features-pager a.slide-2 span { background-position: -53px -200px; }
#slider-features-pager a.slide-3 span { background-position: -537px -108px; }
#slider-features-pager a.slide-4 span { background-position: -231px -200px }
#slider-features-pager a.slide-5 span { background-position: -394px -18px; }
#slider-features-pager a.slide-6 span { background-position: -659px -24px; }
#slider-features-pager a.active { background-color: #f1f4f5 ; /* box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1); */ cursor: default;}
a.button-features { font-weight: 300; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; color: #FFF; background: #009bd5; font-size: 1.143em; font-family: 'opensans-regular', sans-serif; margin: 0; height: inherit; padding: 16px 0 0 15px; width: 48%; border-radius: 0; display: inline-block; float: left; }
a.button-features:hover { background: #048bbe  !important; }
a.button-features span { width: 30px; height: 30px; margin: 15px 0 0; display: block; background: url('/images/portal/sprite.png') -756px -80px no-repeat; }
ul.slider-features { margin: 0; text-align: center; }
ul.slider-features li img { margin: 0 auto; }
/* --------------------------------------------------------------- */
/* Search Box */
/* --------------------------------------------------------------- */
#search-box { padding: 0; position: relative;z-index: 25; margin: 0; width: 100%; clear: both; float: right; }
#search-box form { margin: 0; padding: 0; width: 100%; float: none; }
#search-box input[type="text"] { color: #888; font-size: 1.214em; font-family: 'opensans-regular', sans-serif; display: block; padding: 0 0 0px 20px; background-color: #FFF; width: 100%; height: 50px; line-height: 150%; border-radius: 0; }
#search-box input[type="text"]:focus { color: #717b84; /* background-color: #eefcfd;  */ }
#search-box button { display: inline-block; height: 49px; width: 50px; padding: 0; border: none; position: absolute; right: -1px; top: 0; cursor: pointer; background: url('/images/portal/sprite.png') -8px -117px no-repeat; background-color: #009bd5; border-radius: 0; transform: rotate(270deg); }
#search-box button:hover { background-color: #048bbe; }
#search-box button.reset-search { background-color: #60757c; background-position: -10px -68px; }
#search-box button.reset-search:hover { background-color: #6c8993; }
/* --------------------------------------------------------------- */
/* Event List */
/* --------------------------------------------------------------- */
#events-list { clear: both; margin: 20px 0 0; text-align: center; float: left; width: 100%; }
.event-item { position: relative; width: 100%; margin: 5px 0; padding: 0; cursor: pointer; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.6); -moz-box-shadow: 0 1px 3px #cdd4dc; -webkit-box-shadow: 0 1px 3px #cdd4dc; box-shadow: 0 1px 3px #cdd4dc; text-align: left; overflow: hidden; clear: both; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
.event-item > a { width: 100%; display: block; padding-right: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; float: left; }
.event-item:hover { background-color: rgba(255, 255, 255, 1); -moz-box-shadow: 0 1px 10px #cdd4dc; -webkit-box-shadow: 0 1px 10px #cdd4dc; box-shadow: 0 1px 10px #cdd4dc; border-bottom: 1px solid #c4cacf; }
.event-item .field { float: left; padding: 12px 20px; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */; width: 100%; color: #60757c; }
.event-item .field-image { width: 100%; overflow: hidden; }
.event-item .field p { margin: 0; display: block; width: 100%; padding: 0; font-size: 0.857em; color: #87898b; }
.event-item .field-image p { height: 120px; border: 1px solid #E9EAEA; background: #f7f9fb; text-align: center; width: 133px; }
.event-item .field-image p span { font-size: 0.786em; opacity: 0.4; width: 100%; margin: 52px 0 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; transform: rotate(-37deg); -ms-transform: rotate(-37deg); -webkit-transform: rotate(-37deg); }
.event-item .field h3 { font-size: 1.214em; }
.event-item .field h3, .event-item .field p { overflow: hidden; display: block; }
.event-item .field-date { font-family: 'opensans-regular', sans-serif; font-size: 16px; padding: 15px 20px; position: relative; width: inherit; }
.event-item .field-date.more { padding-top: 20px; }
.event-item .field-date span { text-transform: uppercase; padding: 0 10px; }
.event-item .field-date span:last-child { font-family: 'opensans-semibold', sans-serif; }
.event-item .field-date a.button { display: inline-block; /* position: absolute;  */ /* bottom: 8px;  */ /* left: 0;  */ /* right: 0;  */ vertical-align: top; margin: 0 10px; padding: 0 10px; box-shadow: none; border-radius: 3px; color: #FFF; font-size: 11px; white-space: nowrap; background-color: #5E6469; opacity: 0.5; }
.event-item .field-date a.button:hover { opacity: 1; }
.event-item .field-buy a { padding: 5px 15px; box-shadow: none; font-size: 0.857em; background: none; background-color: #009bd5; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; white-space: nowrap; }
.event-item .field-buy a:hover { background-color: #048bbe; }
.event-item .field-social { width: 41px; border-left: 1px solid #e9eaea; padding: 0; margin: 0; right: 0; position: absolute; }
.event-item .field-social a { background: url('/images/portal/sprite.png') -748px -132px no-repeat; width: 40px; height: 34px; border-bottom: 1px solid #e9eaea; line-height: 0; padding: 0; margin: 0; vertical-align: top; }
.event-item .field-social a.facebook { background-position: -748px -180px; }
.event-item .field-social a.google { background-position: -748px -228px; }
.event-item .field-social a.twitter:hover { background-position: -681px -132px; }
.event-item .field-social a.facebook:hover { background-position: -681px -180px; }
.event-item .field-social a.google:hover { background-position: -681px -228px; }
.event-item.sponsored .field-date .featured { content: "FEATURED"; background: #cc4563; margin: 0 20px 7px 0; padding: 3px 10px; text-align: center; color: #FFF; width: auto; line-height: normal; display: block; font-size: 11px; }
.event-item.sponsored .field-date { /* padding: 0;*/ }
a#load-more-events { display: block; clear: both; float: left; width: 100%; position: relative; background: url('/images/portal/arrow-1.png') center center no-repeat; background-color: rgb(108, 121, 133); padding: 5px 0 0; margin: 0 0; height: 35px; }
a#load-more-events:hover { background-color: #6C7985; }
/* --------------------------------------------------------------- */
/* Features List - Accordion */
/* --------------------------------------------------------------- */
.features-accordion { width: 100%; float: left; border-top: 1px solid #e9e9e9; }
#features-accordion-2 { border: none }
.features-accordion .panel { margin: 0; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: default; text-align: left; }
.features-accordion .panel-collapse { border: 1px solid #e9e9e9; border-bottom: none; float: left; width: 100%; }
.features-accordion .collapse.in { border: 1px solid #e9e9e9; }
.features-accordion h4.panel-title { margin: 0; position: relative; border: none; }
.features-accordion h4.panel-title:after { content: "free"; position: absolute; top: 24px; right: 10%; text-transform: uppercase; color: #FFF; background: #91c873; padding: 0 10px; font-size: 0.786em; border-radius: 2px; z-index: 0; }
.features-accordion .item-premium h4.panel-title:after { background: #ffb400; content: ""; }
.features-accordion h4.panel-title a { display: block; position: relative; width: 100%; padding: 6px 0; cursor: pointer; text-align: left; clear: both; height: 60px; color: inherit; border: none; font-family: 'opensans-semibold', sans-serif; z-index: 1; }
.features-accordion h4.panel-title a:after { content: ""; position: absolute; width: 10px; height: 10px; background: url('/images/icons/icon-more.png') center center no-repeat; right: 2%; top: 30px; opacity: 0.5; }
.features-accordion h4.panel-title a span.icon { height: 60px; width: 50px; display: inline-block; float: left; background: url('/images/portal/feature-icons.png') -54px -17px no-repeat; position: relative; }
.features-accordion .item-bo h4.panel-title a span.icon { background-position: -53px -100px; }
.features-accordion .item-ticket h4.panel-title a span.icon { background-position: -53px -190px; }
.features-accordion .item-discounts h4.panel-title a span.icon { background-position: -395px -190px; }
.features-accordion .item-tax h4.panel-title a span.icon { background-position: -228px -16px; }
.features-accordion .item-mobile h4.panel-title a span.icon { background-position: -224px -105px; }
.features-accordion .item-promo h4.panel-title a span.icon { background-position: -226px -191px; }
.features-accordion .item-international h4.panel-title a span.icon { background-position: -535px -16px; }
.features-accordion .item-reports h4.panel-title a span.icon { background-position: -394px -11px; }
.features-accordion .item-donations h4.panel-title a span.icon { background-position: -392px -102px; }
.features-accordion .item-delivery h4.panel-title a span.icon { background-position: -535px -97px; }
.features-accordion .item-reserved h4.panel-title a span.icon { background-position: -659px -15px; }
.features-accordion .item-premium h4.panel-title a span.icon { /* background-position: -533px -188px;  */ }
.features-accordion .item-premium.panel h4.panel-title { /* background-color: #6C7985;  */ /* color: #FFF;  */ }
.features-accordion h4.panel-title a span:last-child { margin: 20px 0px 0 15px; display: inline-block; font-size: 0.929em; text-overflow: ellipsis; white-space: nowrap; width: 45%; overflow: hidden; }
.features-accordion .panel-body { padding: 10px 20px; background-color: #f1f5f6; overflow: hidden; }
.features-accordion .panel-body ul { margin: 0; }
.features-accordion .panel-body ul li:nth-child(odd) { clear: both; }
.features-accordion .panel-body ul li { padding: 20px 20px 15px 0; list-style: none; margin: 0 1%; display: inline-block; float: left; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px dashed #d2d2d2; }
.features-accordion .panel-body ul li:nth-child(1) { border: none; }
.features-accordion .panel-body ul li h3 { font-size: 0.929em; font-family: 'opensans-semibold', sans-serif; }
.features-accordion .panel-body p { font-size: 0.929em; margin-top: 5px; }
.features-accordion .panel-body .details p { padding: 0 10px; }
/* --------------------------------------------------------------- */
/* Footer */
/* --------------------------------------------------------------- */
#gotop { position: fixed; bottom: 10px; z-index: 100; left: 10px; width: 40px; height: 40px; background: #efefef; color: #444; font-weight: 900; font-size: 11px; border-radius: 50%; padding: 10px 0; text-align: center; overflow: hidden; opacity: 0.8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#gotop:hover { opacity: 1; }
#footer { padding: 30px 0; clear: both; position: relative; background: #1f2529!important; }

#footer .footer-inner {
  max-width: 1425px;
}
@media (min-width: 690px) {
  #footer .footer-inner {
    padding: 0 90px;
  }
  #footer .span_4 {
      width: 32.0%!important;
  }
  #footer .col {
    margin-right: 2%!important;
  }
  #footer .col:last-child {
    margin-right: 0!important;
  }
  #footer .footer-bottom p {
    padding: 0 90px!important;
  }
}
#footer .footer-bottom {
  border-top: 1px solid #363b40
}
#footer .footer-bottom p {
    padding: 0 10px;
  }
#footer .row-fluid:last-child { padding-top: 10px; margin-top: 12px; }
#footer .footer-collumn { width: 90%; float: left; margin: 0 5% 20px; }
#footer .footer-collumn h3 { font-size: 14px; color: #ffffff; font-family: 'Comfortaa'; font-weight: normal; margin-bottom: 10px;}
#footer ul { list-style: none; margin: 8px 0; padding: 0; width: 100%; }
#footer ul li { list-style: none; clear: both; border-top: 1px solid rgba(255, 255, 255, 0.05); }
#footer ul li a, #footer ul li a:visited { color: #747a7d!important; font-size: 14px; padding: 4px 10px 4px 0; display: block; margin-bottom: 10px;}
#footer ul li a.button { display: inline-block; padding: 5px 15px; border-radius: 4px; margin: 10px 0 0 !important; }
#footer ul li a.button:hover { color: #FFF; background: #546067; }
#footer ul li a:hover, #footer ul li.active a { color: #FFF; }
#footer p { color: #52595f; font-size: 12px; clear: both; margin: 0; }
#footer p a { color: #747a7d; padding: 5px 0; display: block; }
#footer p a:hover { color: #b9c1c8; }
#footer p a.logo img { width: 60px; opacity: 0.9; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; }
#footer p a.logo:hover img { opacity: 1 }
#footer ul li p { font-size: 0.857em; font-style: italic; }
#footer .footer-collumn.blog-menu a { line-height: normal; }
#footer .social-media-menu li a { padding: 7px 0 5px; }
#footer .social-media-menu li:first-child a { border: none; }
#footer .social-media-menu i { margin-right: 10px; font-size: 15px; }
#footer .social-media-menu li a span.icon { background: url('/images/portal/sprite.png') -18px -384px no-repeat; width: 26px; height: 26px; display: inline-block; margin: -3px 10px 0 0; vertical-align: middle; }
#footer .social-media-menu li#facebook a span.icon { background-position: -18px -384px; }
#footer .social-media-menu li#twitter a span.icon { background-position: -63px -384px; }
#footer .social-media-menu li#google a span.icon { background-position: -108px -384px; }
#footer .social-media-menu li#blog a span.icon { background-position: -201px -384px; }
#footer .social-media-menu li#contact a span.icon { background-position: -153px -384px; }
/* --------------------------------------------------------------- */
/* Currency Page */
/* --------------------------------------------------------------- */
#page-multiple-currency .main-content h3 { text-align: left; margin: 10px 0; }
.currency-notify { margin: 0; border-radius: 10px; overflow: hidden; clear: both; padding: 10px 20px; -webkit-box-sizing: border-box; /* width: 70%;  */ -moz-box-sizing: border-box; box-sizing: border-box; cursor: default; background-color: rgba(255, 255, 255, 0.7); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.07); box-shadow: 0 0 5px rgba(0, 0, 0, 0.07); border-radius: 2px; border: 1px solid #e8ecf1; text-align: left; }
.currency-notify p { font-size: 1em; }
.currency-notify input[type="email"] { width: 35%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 10px; height: 40px; float: left; width: 100%; }
.currency-notify input[type="button"] { font-size: 13px; display: inline-block; padding: 10px 20px; width: 100%; }
.currency-notify select { width: 100%; height: 40px; float: left; margin-right: 1%; display: block; }
#vmap { background: none !important; height: inherit !important; margin: 0px auto 0; width: 100% !important; }
#vmap svg { width: 100% !important; height: 400px !important; }
.jqvmap-label { position: absolute; display: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #292929; color: white; font-size: smaller; padding: 3px 10px; z-index: 400; }
.currency-map-2 { width: 90%; position: relative; margin: 0 auto; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); border: 1px solid #e8ecf1; margin: 30px auto; cursor: default; background: #fff; height: 340px; overflow: hidden; }
.currency-map-2 p { padding: 30px 0 0; }
.currency-map-2 h4 { text-align: center; font-size: 32px; font-family: 'opensans-light', sans-serif; }
.currency-states { margin: 0 0 30px; clear: both; overflow: hidden; float: left; width: 100%; }
.currency-states li { list-style: none; float: left; width: 100%; text-align: left; font-size: 1em; font-family: 'opensans-semibold', sans-serif; padding: 1px 20px; text-indent: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; /* Safari/Chrome, other WebKit */ box-sizing: border-box; /* Firefox, other Gecko */ border-radius: 2px; /* Opera/IE 8+ */
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); border: 1px solid #e8ecf1; margin: 0 0 3px; cursor: default; background: #fff; }
.currency-states li:hover { background-color: #FFF; }
.currency-states li img { float: left }
.currency-states li p { margin: 7px 0 6px 20px; float: left; font-size: 0.929em; }
.currency-states li p:last-child { font-size: 1em; float: right; display: block; font-size: 0.786em; opacity: 1; margin: 8px 0 6px 0px; }
.currency-states li:hover p:last-child { opacity: 1; }
/* --------------------------------------------------------------- */
/* Category Features */
/* --------------------------------------------------------------- */
.cat-features { border-bottom: 1px solid #d1dadf; background-color: #FFF; }
.cat-features ul { list-style: none; padding: 20px 0; width: 100%; overflow: hidden; margin: 0; }
.cat-features ul li { display: inline-block; width: 100%; float: left; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #e9e9e9; }
.cat-features ul li img { margin: 10px 20px 10px 0; float: left; width: 70px; height: auto; }
.cat-features ul li h3 { font-size: 0.929em; margin: 15px 0; font-family: 'opensans-regular', sans-serif; }
#clubs .cat-features ul li h3 { font-size: 14px; margin: 15px 10%; }
/* --------------------------------------------------------------- */
/* Page Privacy */
/* --------------------------------------------------------------- */

#page-privacy .main-content h4 { font-size: 20px; text-transform: uppercase; margin: 40px 0 20px; }
#page-privacy .main-content p.bold { font-weight: 600; font-size: 14px; margin: 30px 0 10px }
/* --------------------------------------------------------------- */
/* User Pages */
/* --------------------------------------------------------------- */
.modal.fade { top: -120%; }
body.modal-open { overflow: hidden; }
body.user-page { margin-top: 0; padding: 0; background: url('/images/portal/bg-content-pattern.png'); background-color: #FFF; }
.user-page .navbar { z-index: 100; position: inherit; }
.user-box { 
/*  width: 400px; margin: -170px auto 0;*/
 padding: 8px 10px; cursor: default; position: relative; z-index: 1005; 
 text-align: center; 
}
.user-box-inner { 
  padding: 30px; 
  background-color: rgb(255, 255, 255); 
  border: 1px solid #cdd4dc; border-radius: 6px; 
  display: flex; 
  flex-direction: column; 
  justify-content: flex-start;
  min-height: 500px;
}

.fn_ln_group{
  display: flex;
  gap: 20px;
}

.fn_ln_group>div{
  flex: 1;
}

.user-box-inner > div:last-child {
  margin-top: auto !important;
}

.user-box h1 { font-size: 32px; margin: 0px; font-family: 'opensans-bold', sans-serif;
/* padding: 10px 0; */
 color: #090040 !important }
.user-box .login-header {margin: 5px; padding-bottom: 0; }
.user-box .switch-link {    
  margin: 10px;
    color: #e40046;
    font-size: 16px;
    text-decoration: none;
    font-family: 'opensans-semibold', sans-serif;
  }

.user-box .switch-link:hover { color: #e40046; }
.user-box form { clear: both; border: none; margin: 0 0 10px; }
.user-box input, .user-box select, .user-box textarea { color: #555; width: 100%; height: 44px !important; padding: 8px 10px !important; margin: 0 0 10px; 
  background-color: #FFF; clear: both; display: block; font-size: 18px; font-family: 'Open Sans', sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.user-box select { width: 100%; }
.user-box input:focus, .user-box select:focus { color: #444; }
.user-box input.red-button { font-family: 'opensans-semibold', sans-serif; display: inline-block; border: none; padding: 15px 25px; background: #e40046; color: #FFF; font-size: 16px; border-radius: 6px; cursor: pointer; width: 100%; }
.user-box input.red-button:hover { background: #e40046; }
.user-box p { margin: 0; 
 font-size: 16px;
color: #090040;
margin-top: 10px;
}

#signup > p {
  font-size: 14px !important;
}
#signup > p > a {
  font-size: 14px !important;
}
.user-box p.alert-error { padding: 4px 0; margin-top: 20px; color: #FFF; background: #eb5656; border: none; text-shadow: none; }
.user-box a { display: inline-block; color: #e40046; 
 font-size: 16px !important;
}

.user-box #forgot_error a, .user-box #forgot_success a { display: block; width: 100%; margin-top: 20px; }
.user-box #forgot_error, .user-box #forgot_success { text-align: left; }
.user-box a:hover, .copyright-info a:hover { color: #d63732; }
.choose-option { font-size: 16px; 
/*  text-align: center; */
}
.choose-option a { font-family: 'opensans-semibold', sans-serif; }
.copyright-info { font-size: 16px; color: #090040; }
.user-page .copyright-info { text-align: center; 
/*  margin: 0 30%; */
  padding-top: 30px; }
.copyright-info span { display: block; opacity: 100%;}
.copyright-info a { display: inline-block; color: #090040; text-decoration: underline; padding: 5px 18px; margin-top: 12px; opacity: 100%;}
.user-box fieldset { border: none; border-top: 1px solid #ebeef3 }
.user-box legend { font-size: 14px; text-align: left; padding: 10px 20px 15px 0; text-transform: uppercase; font-weight: 600; }
.user-box label { font-size: 16px; color: #090040; margin: 15px 0 10px; display: inline-block; text-transform: none; font-family: 'opensans-semibold', sans-serif; }
.user-box input[type="file"] { font-size: 16px; font-style: inherit; }
.user-box .fc_gray, .user-box .fc_gray a { text-align: left; font-size: 14px;}

/*.not-front.welcome #main-content { width: 100%; float: right; clear: none; }*/

.welcome #welcome-screen { width: 55%; float: right; margin: 50px 0 0 5%; /* color: #edf1f5;  */
display: none; }
.welcome #welcome-screen h1 { margin: 0; color: #FFF; }
.welcome #welcome-screen h1 span { font-weight: 400; font-size: 14px; display: block; line-height: 14px; }
.welcome #welcome-screen > p { margin: 0; color: #FFF; font-size: 14px; }
.welcome #welcome-screen p.welcome-footer { font-size: 0.929em; color: #4e4e4e; width: 100%; border-top: 1px solid #cfd4d9; clear: both; padding: 15px 0; }
.welcome #welcome-screen ul { margin: 40px 0 0; padding: 20px 0 0 0; width: 100%; color: #5e6469; }
.welcome #welcome-screen ul li { width: 100%; float: left; list-style: none; padding: 10px 0; }
.welcome #welcome-screen ul li h2 { font-family: 'opensans-semibold', sans-serif; font-size: 1.2em; margin: 0; }
.welcome #welcome-screen ul li p { font-size: 0.929em; margin: 0; }
.welcome #welcome-screen ul li#item-2 { background-position: -758px -337px; }
.welcome #welcome-screen ul li#item-3 { background-position: -758px -391px; }
.welcome #welcome-screen ul li span.icon { float: left; margin: 0 20px 20px 0; width: 47px; height: 50px; background: url('/images/portal/feature-icons.png') -664px -24px  no-repeat; }
.welcome #welcome-screen ul li#item-2 span.icon { background-position: -664px -102px; }
.welcome #welcome-screen ul li#item-3 span.icon { background-position: -664px -198px; }
.welcome #welcome-screen .video-wrapper {
  margin-top: 40px;
  width: 500px;
  padding: 10px 10px 0px 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin-bottom: 20px;
}
.welcome #welcome-screen .ws-header {
  width: 500px;
}
.welcome #welcome-screen .video-wrapper iframe {
  margin-bottom: 10px;
}
span.icon.box-indent {}
/*.welcome .user-box { float: right; padding: 0; width: 80%; margin: 60px 10% 10px; }*/
.welcome .choose-option { width: 100%; float: right; margin: 10px 0 0; }
/* --------------------------------------------------------------- */
/* Modals */
/* --------------------------------------------------------------- */
.modal { position: fixed; display: none; }
.modal label { cursor: default; }
.modal-backdrop { background: rgba(28, 35, 41, 0.9); }
.modal-footer, .modal-header { background: none; border: none; }
.modal-footer button { padding: 8px 20px; font-size: 13px; float: left; margin-right: 10px; }
.modal-footer button.close { color: #000; background: #CCC; opacity: 0.5; text-shadow: none; }
.modal-footer button.close:hover { opacity: 0.8; color: #FFF; }
/* --------------------------------------------------------------- */
/* Promo Side Box */
/* --------------------------------------------------------------- */
.box-promo-side { width: 85px; border-radius: 10px 0 0 10px; margin-bottom: 40px; overflow: hidden; position: fixed; bottom: 0; right: 0; background: #FCDF46; padding: 10px 0 10px 10px; color: #4596C9; }
.box-promo-side a:first-child { color: #222425; font-family: "opensans-bold", sans-serif; }
.box-promo-side a:first-child  span { display: none; line-height: 14px; padding: 10px 0 0; font-size: 13px; text-transform: uppercase; font-size: 11px; line-height: normal; text-transform: uppercase; padding: 8px 0; }
.box-promo-side a:first-child  span:first-child { letter-spacing: -1px; display: inline-block; padding: 5px 0 0; line-height: 14px; font-size: 13px; text-transform: uppercase; }
.box-promo-side a:first-child  img { display: none; width: 100px; }
/* --------------------------------------------------------------- */
/* Landing Page */
/* --------------------------------------------------------------- */
.landing-right { -webkit-animation: 10s multi_rotate2 linear infinite; }
@-webkit-keyframes multi_rotate2 {
  0% { -webkit-filter: hue-rotate(0deg); }
  50% { -webkit-filter: hue-rotate(-120deg); }
  100% { -webkit-filter: hue-rotate(0deg); }
}
body#landing { padding: 0 !important; top: 0 !important; margin: 0 !important; }
body#landing #page { margin-top: -14px; line-height: 100%; }
#landing .navbar, #landing .custom-border, #landing #footer p a:last-child, #landing #footer .row-fluid:last-child a, #landing .box-promo-side, #landing #tickets-window:before { display: none !important; }
#landing .container { width: 100% }
#landing #tickets-window { min-height: inherit !important; }
#landing #footer .container .row-fluid:first-child { display: none; }
#landing #footer { background: none; padding: 0; }
#landing #footer .row-fluid:last-child { display: none }
/* sides */
.landing-side { cursor: pointer; width: 50%; z-index: 2; color: #FFF; position: absolute; top: 0; bottom: 0; display: block; height: 100%; text-align: center; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -webkit-timing-function: cubic-bezier(0.42, 0, 0.58, 1.0); transition: all 1000ms ease; -webkit-transition: all 1000ms ease; }
.landing-side .inner { display: block; width: 100%; position: relative; top: 10%; right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; }
.landing-side .inner a:first-child { background: url('/images/1/logo.svg'); width: 108px; height: 45px; margin-bottom: 10px; }
.landing-side h1 { padding: 10px 0 30px; display: block; font-family: "opensans-semibold", sans-serif; font-size: 14px; }
.landing-side h1 span { font-size: 27px; display: block; padding: 10px 0; }
.landing-side h2 { font-family: "opensans-regular", sans-serif; opacity: 0.8; font-size: 12px; /* min-height: 80px;  */
max-width: 500px; float: right; }
.landing-side h2 br { display: none; }
.landing-side a.outline { font-family: "opensans-semibold", sans-serif; font-size: 13px; padding: 10px 0; width: 100px; }
.landing-side ul { list-style: none; display: none; margin: 0; }
.landing-side ul li { display: inline-block; width: 30%; margin: 0 1%; padding: 0; text-align: center; }
.landing-side ul li > div { width: 130px; height: 130px; border-radius: 50%; display: inline-block; }
.landing-side ul li h3 { font-size: 13px; padding: 10px 0; }
/* left */
.landing-left { background: #F7F7F7; color: #9c1b27; z-index: 10; }
.landing-left .inner { left: 0; right: inherit; z-index: 2; }
.landing-left h1 span { font-family: "opensans-bold", sans-serif; }
.landing-left a.outline { border-color: #9c1b27; color: #9c1b27; }
.landing-left:hover a.outline { background: #9c1b27; color: #FFF }
.landing-left ul li.item-1 > div { background: url('/images/portal/concerts/landing/icon-bo.png') no-repeat center center; background-color: rgba(223, 176, 180, 0.28); }
.landing-left ul li.item-2 > div { background: url('/images/portal/concerts/landing/icon-store.png') no-repeat center center; background-color: rgba(223, 176, 180, 0.28); }
.landing-left ul li.item-3 > div { background: url('/images/portal/concerts/landing/icon-apps.png') no-repeat center center; background-color: rgba(223, 176, 180, 0.28); }
/* right */
.landing-right { right: 0; background: url('/images/portal/concerts/window-bg-small.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 1; }
.landing-right a.outline { border-color: #FFF; color: #FFF; }
.landing-right a.outline:hover, .landing-right:hover a.outline { background: #FFF; color: #9c1b27 }
.landing-right .inner a:first-child { background: url('/images/logo/logo_white.png'); }
.landing-right h1 { font-family: "opensans-semibold", sans-serif; }
.landing-right:hover ul { opacity: 1; bottom: -120px; right: inherit; }
.landing-right ul li > div { border: 1px solid rgba(0, 0, 0, 0.1); }
.landing-right ul li.item-1 > div { background: url('/images/portal/concerts/landing/icon-talent.png') no-repeat center center; background-color: rgba(0, 0, 0, 0.2); }
.landing-right ul li.item-2 > div { background: url('/images/portal/concerts/landing/icon-production.png') no-repeat center center; background-color: rgba(0, 0, 0, 0.2); }
.landing-right ul li.item-3 > div { background: url('/images/portal/concerts/landing/icon-tickets.png') no-repeat center center; background-color: rgba(0, 0, 0, 0.2); }
/* --------------------------------------------------------------- */
/* Concerts Page */
/* --------------------------------------------------------------- */
// .concerts #footer .category-menu, #footer .concerts-menu { display: none; }
.concerts #footer .concerts-menu { display: inherit; }
#modal-contact .modal-footer { padding-top: 0; }
#modal-contact .modal-footer p { margin: 0; padding: 19px 0 0; float: right; display: inline-block; font-size: 13px; }
#modal-contact .modal-footer p span { margin-left: 10px; }
/* --------------------------------------------------------------- */
/* Pricing Page */
/* --------------------------------------------------------------- */
.change-currency { margin: 20px 0 10px; float: right; }
.change-currency .form-item * { display: inline-block; margin-left: 20px; vertical-align: top; font-size: 13px; padding-top: 9px; color: #999 }
.change-currency select { padding: 9px 0 9px 8px; height: 38px; line-height: inherit; width: 75px }
/* pricing box */
.pricing-box { position: relative; clear: both; background: #FFF; border: 1px solid #efefef; margin-bottom: 30px; overflow: hidden; }
.pricing-title { overflow: hidden; border-bottom: 1px solid #efefef; border-left: 6px solid #009bd5; padding: 20px; }
.pricing-title a { margin: 20px 0; font-family: 'opensans-bold', sans-serif; font-size: 12px; text-transform: uppercase; text-shadow: none; min-width: 140px; text-align: center; }
.pricing-title a:hover{ text-decoration: underline;}
.pricing-title h2 { margin: 0; font-size: 30px; float: left; }
.pricing-title p { clear: left; }
.pricing-title p.highlight{background: #FFCB05;padding: 5px 10px;display: inline-block;font-weight: bold;}
.pricing-cost { padding: 20px 20px; border-left: 6px solid #8ebc00; position: relative; z-index: 10; }
.pricing-features { border-top: 1px solid #efefef; padding: 20px; }
.pricing-title p.offer { background: #FFC50C; font-family: 'opensans-semibold', sans-serif; padding: 5px 15px; border-radius: 4px; color: #363636; margin: 5px 0; display: inline-block; }
.pricing-features ul { padding: 0; margin: 0; list-style: none; overflow: hidden; }
.pricing-features li { width: 100%; margin: 10px 1%; float: left; text-align: center; }
.pricing-features li img { width: 100%; border: 4px solid #efefef; opacity: 0.9; }
.pricing-features li img:hover { opacity: 1; }
.pricing-features li h3 { margin: 10px 0; font-size: 13px; }
/* pricing ga */
#pricing-ga .pricing-title { border-left: 6px solid #8ebc00; }
#pricing-ga .pricing-cost > h3 { font-size: 30px; margin: 0; font-family: 'opensans-bold', sans-serif; color: #8ebc00 }
/* pricing rs */
#pricing-rs .pricing-cost { border-left: 6px solid #009bd5; }
#pricing-rs .pricing-cost .pricing-cost { border: none; padding: 5px; }
#pricing-rs .pricing-cost ul { display: table; width: 100%; margin: 0; }
#pricing-rs .pricing-cost li { display: block; overflow: hidden; vertical-align: top; padding: 0; margin: 0; text-align: center; }
#pricing-rs .pricing-cost li * { display: block; vertical-align: top; font-size: 13px; }
#pricing-rs .pricing-cost li p { line-height: 18px; padding-top: 7px; }
#pricing-rs .pricing-cost li.sign { font-size: 38px; font-family: 'opensans-bold', sans-serif; padding: 10px 0; }
#pricing-rs .pricing-cost li h3 { font-size: 40px; font-family: 'opensans-bold', sans-serif; margin: 0 15px; color: #009bd5; line-height: 48px; }
#pricing-rs .pricing-cost li:last-child h3 { font-size: 28px; color: #5e6469; line-height: 37px; }
p.description { font-size: 12px; line-height: 18px; }
.pricing-currencies { border-left: 6px solid #009bd5; }
.pricing-currencies .panel-heading { background: #F8F8F8; border: 1px solid #efefef; }
.pricing-currencies .panel-heading h4 { margin: 0; }
.pricing-currencies .panel-heading h4 a { font-size: 14px; font-family: 'opensans-regular', sans-serif; margin: 0; padding: 10px 30px 10px 45px; display: block; color: inherit; background: url("/images/portal/arrow-3.png") 10px center no-repeat; }
.pricing-currencies .panel-heading h4 a.collapsed { background: url("/images/portal/arrow-3_.png") 10px center no-repeat; }
.pricing-currencies table td, .pricing-currencies table th { padding: 8px 0 8px 25px; font-size: 13px; border-bottom: 1px solid #efefef; vertical-align: middle; }
/* --------------------------------------------------------------- */
/* Careers Page */
/* --------------------------------------------------------------- */
/* header */
#header-big { background: url("/images/portal/backgrounds/careers_header.jpg") top center fixed no-repeat; background-size: auto 450px; min-height: 400px; text-align: center; color: #FFF; position: relative; }
#header-big .header-inner { position: fixed; width: 100% }
#header-big h1 { display: block; font-size: 20px; margin: 40px auto 0; }
#header-big h1 span { background: url("/images/portal/yapsody-logo-w-big.png") center center no-repeat; background-size: 100%; width: 250px; height: 100px; margin: 0 auto; text-indent: -9999px; overflow: hidden; display: block; }
#header-big h2 { margin: 0 0 10px; font-size: 23px; font-family: 'opensans-light', sans-serif; }
#header-big h3 { font-family: 'opensans-regular', sans-serif; font-size: 13px; margin-bottom: 30px; }
/* content */
.career { color: #363c3f; }
.career .content-inner { padding-bottom: 30px !important; }
.career .panel { padding: 30px 0 10px; text-align: center; }
.career .panel  > img { margin: 0 0 30px; width: 90%; max-width: 362px; }
.career .panel > h2 { font-size: 25px; font-family: 'opensans-light', sans-serif; margin: 0; }
.career .panel > p { max-width: 900px; font-size: 14px; line-height: 150%; margin: 10px auto; }
.career .button { padding: 7px 20px; margin: 0 5px 12px; font-family: 'opensans-semibold', sans-serif; font-size: 12px; text-shadow: none; text-align: center; display: inline-block; }
.career .button:hover, .career .button:focus { color: #FFF; background: #39474e }
.career .button.blue:hover, .career .button.blue:focus { background: #048bbe }
.career .button.red:hover { background-color: #BE2743; }
.career #map_canvas { width: 100%; height: 350px;  margin: 0 auto ; background: #fafbfc !important; }
/* career list */
.career-list { margin: 50px 0 10px; width: 100%; overflow: hidden; list-style: none; text-align: left; border-top: 1px solid #dfdfdf; }
.career-list .accordion{ margin-bottom: 0; }
.career-list .accordion-group { border: none; font-size: 13px; border-bottom: 1px solid #dfdfdf; margin: 0; }
.career-list .accordion-inner { border: none; /* border-bottom: 1px solid #dfdfdf;  */
padding: 10px 0 10px 65px; }
.career-list .accordion-inner h4 { font-size: 16px; }
.career-list .accordion-heading { position: relative; background: url("/images/portal/career-icon.png") 10px 28px no-repeat; background-size: 30px; }
.career-list .accordion-heading:hover { background-color: #f0f0f0 }
.career-list .accordion-heading > a { padding: 20px 20px 20px 60px; color: #da2c4c; }
.career-list .accordion-heading > a:after { content: ""; position: absolute; width: 10px; height: 10px; background: url('/images/icons/icon-more.png') center center no-repeat; right: 10px; top: 41px; opacity: 0.5; }
.career-list .accordion-heading > div { margin-left: 45px; }
.career-list .accordion-heading h3 { margin: 0; font-size: 17px; }
.career-list .accordion-heading span.location { color: #333; font-size: 12px; background: url("/images/portal/location.png") left center no-repeat; padding-left: 25px; }
/* office images */
ul.career-office { margin: 0 auto ; width: 100%; overflow: hidden; list-style: none; position: relative; z-index: 100; background: #fff; display: table;}
ul.career-office > li.active { border-bottom: 4px solid #DA2C4C;background: #FBFBFC; }
ul.career-office > li { padding: 15px 0 10px; cursor: pointer; display: table-cell;}
.map-container{    margin: 20px 0 ; border: 1px solid #F3EDED;}
ul.career-office > li a { border-radius: 6px; display: block; }
ul.career-office > li img { border-radius: 6px; opacity: 1; margin-bottom: 15px; width: 90%; max-width: 280px; }
ul.career-office > li h4 { font-size: 16px; margin: 0; }
ul.career-office > li p { font-size: 13px; }
ul.career-office > li a:hover img { -webkit-filter: grayscale(0%); opacity: 1; }
.career .why-the-team.panel h2{ font-size: 32px; margin-bottom: 20px;}
.career .why-the-team.panel p{ font-size: 14px;line-height: 150%;margin: 10px 0;}
.career .why-the-team ul { margin: 0; list-style: none; text-align: left}
.career .why-the-team ul li{ margin-bottom: 20px;}
.career .why-the-team ul li .image { float: left; margin-right: 10px;}
/* --------------------------------------------------------------- */
/* Reserved Seating Page */
/* --------------------------------------------------------------- */
header.reserved-seating {background: #4c5861;position: relative;min-height: 530px;}
header.reserved-seating .header-image {position: absolute;bottom: 115px; width: 100%;height: 250px; background: url("/images/portal/seating/reserved-header.jpg") center 30px no-repeat; background-size: 1400px auto;}
.reserved-seating .header-content { color: #FFF;width: 100%;text-align: center; /*position: absolute; bottom: 350px; top: 50%; margin-top: -350px;*/ padding: 0 20px; box-sizing: border-box;}
.reserved-seating .header-content h2 {font-size: 65px; font-family:"opensans-light", sans-serif; color:#7fd200; line-height:1;margin: 0 0 10px;padding: 0;}
.reserved-seating .header-content h1 {font-size: 23px; font-family:"opensans-light", sans-serif; margin-bottom:10px;; line-height: 120%; margin: 0 0 10px;}
.reserved-seating .header-content h1 br {display:none;}
.reserved-seating .header-content h3 {font-size: 20px; font-family:"opensans-regular", sans-serif; margin: 0 0 10px;}
nav.reserved-nav {position: absolute;bottom: 0; width: 100%;z-index:1; background:#FFF; border-bottom:1px solid #efefef; box-shadow:0 5px 7px rgba(0,0,0,0.02)}
nav.reserved-nav.fixed{position: fixed;}
header.reserved-seating { min-height: 640px;height: 100%;}
body.fp-viewing-homepage,body.not-front.pd88.fp-viewing-homepage{padding: 0 !important;}
@media screen and (max-height: 670px){
  .pd88 header.reserved-seating .header-image {height:200px}
  .pd88 header.reserved-seating {min-height: 640px;}
}
nav.reserved-nav > div {max-width:1200px; margin:0 auto;}
nav.reserved-nav ul {margin:0; overflow:hidden;}
nav.reserved-nav ul li {display:inline-block; float:left; list-style:none; text-align:center; width:25%; box-sizing:border-box;}
nav.reserved-nav ul li a {display:block; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; padding: 10px 20px;}
nav.reserved-nav svg {display:block; margin:0 auto 10px; fill:#444; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s;}
nav.reserved-nav a {color: #444; font-size:12px;}
nav.reserved-nav ul li a:hover {background:#f9f9f9;}
nav.reserved-nav ul li a:hover svg {fill:#7fd200}

main.reserved-seating {background:#FFF; position:relative; color:#444;}
 main.reserved-seating section .sec_content {width: 50%;float: left;padding: 0 0 20px;}
  main.reserved-seating section .center .sec_content {width: 100%;float: none;}
main.reserved-seating section .sec_image{width: 50%;float: right;}
main.reserved-seating section:before {/* content:""; */ width:100%; max-width: 100px; height:1px; display:block; position:absolute; background:#efefef; top:0; left:0;}
main.reserved-seating section .panel-content {position:relative; overflow:hidden; max-width:1170px; margin:0 auto ; padding: 20px;}  
 background-size: 1400px auto;}
main.reserved-seating section > div {/*margin-top: 180px*/;/*max-width: 550px*/;/*padding: 0 20px;*/}
main.reserved-seating section .panel-content ul { font-size:12px;  margin: 0; opacity: 0.6;}
/*main.reserved-seating section ul li { margin-left:-10px; list-style: disc!important; padding: 5px 0;}*/
main.reserved-seating section ul#menu li{margin-left: 0; padding: 0;}
main.reserved-seating section h2 { font-family:"opensans-light", sans-serif; font-size: 25px;}
main.reserved-seating section h2 svg {display: inline-block;vertical-align: middle; fill: #7fd200;    
 margin: 0 auto;}
/*main.reserved-seating section:last-child {text-align:center; min-height:inherit;  border-top: 1px solid #efefef;}*/
main.reserved-seating section:last-child:before {display:none;}
main.reserved-seating section:last-child a {color: #78A75E;}
main.reserved-seating section:last-child p {font-size:13px;}
main.reserved-seating section:last-child a.button {color:#444;}
main.reserved-seating section:last-child a.button:hover {color:#FFF;}
main.reserved-seating section .more-help{   padding: 50px 0;margin-top: 75px;text-align: center;}

main.reserved-seating section .center {text-align:center; padding: 50px 0;}
main.reserved-seating section .center .sec_content {width:100%; text-align:center;}
main.reserved-seating section .center a {color: #78A75E;}
main.reserved-seating section .center p {font-size: 16px;}
main.reserved-seating section .center p span {display:block; font-size: 45px; line-height: 150%;color: #78A75E;font-family: "opensans-light", sans-serif;}
main.reserved-seating section .center a.button {color:#444;}
main.reserved-seating section .center a.button:hover {color:#FFF;}
main.reserved-seating section .center{   text-align: center;}
main.reserved-seating section .center img {max-width: 600px;width: 100%;}
.reserved-seating .header-content {padding: 0 10px;box-sizing: border-box; position:absolute; top:41%; margin-top:-210px;}
.reserved-seating .header-content h2.highlight {color: #FABA00;font-size: 35px;margin: 0 0 13px;  text-shadow: 2px 3px 4px #000;}
@media screen and (min-width: 600px){
   .reserved-seating .header-content h1 {font-size: 38px; }
    .reserved-seating .header-content h1 br {display:inherit;}
     main.reserved-seating section h2 {font-size:30px; padding:10px 0;}
     main.reserved-seating section h2 svg {transform:none; margin:0 10px 10px 0;}
      main.reserved-seating section .sec_content {text-align:left;}
      main.reserved-seating section .sec_content ul {list-style:disc; margin:0 20px}
      main.reserved-seating section .sec_image {/* margin-top:30px; */}
      /*.pd88 main.reserved-seating section {margin-top: 115px;}*/
       main.reserved-seating section {margin-top: 0;  }
}
@media screen and (max-height: 768px){
  .reserved-seating .header-content h1 {
    font-size: 25px;
  }
  .reserved-seating .header-content h2 {
    font-size: 58px;
  }
  header.reserved-seating .header-image {
    bottom: 80px;
    background-size: 1200px auto;
  }
}
@media screen and (max-width: 640px){
  .reserved-seating .header-content{ top: 45%;}
  .reserved-seating .header-content h2{ font-size: 32px;}
  main.reserved-seating section h2 svg{display: block;  margin: 0 auto 15px;}
  main.reserved-seating section .sec_content ul li{ text-align: left;}
  nav.reserved-nav{display: none;}
  header.reserved-seating .header-image{bottom: 0;}
  nav.topmenu,nav.bottommenu,nav.midmenu{display: none !important;}
  main.reserved-seating section .panel-content{padding: 10px 20px;}
  main.reserved-seating section .more-help{  padding: 50px 20px;margin-top: 50px;}
  main.reserved-seating section .sec_image{width: 90%;float: none;margin: 0 auto;}
  main.reserved-seating section .sec_content{margin:0 auto;float: none; text-align: center;}
  #footer .footer-collumn{margin: 0 0 20px;}
  .feature-promotion .promotion {margin: 20px 0px !important; max-height: 320px;}
}
.scroll-to-top {
  width: 50px;
  height: 50px;
  background: url(/images/scroll_top.png) center center no-repeat;
  background-color: #3e4c54;
  border-radius: 50%;
  text-indent: -9999px;
  position: fixed;
  bottom: 25px;
  right: 10px;
  z-index: 100;
  cursor: pointer;
  opacity: 0.7;
}

/* --------------------------------------------------------------- */
/* Security Page */
/* --------------------------------------------------------------- */
#page-security #content .content-inner {padding-bottom:70px;}
.security-list {overflow:hidden; padding: 20px 0 0 0;margin: 0; position:relative;}
.security-list li {width: 100%; display:inline-block; float:left;  position:relative; padding: 20px 10px 20px; box-sizing:border-box;}
.security-list li h2 {font-size:16px;}
.security-list li p {font-size:13px;}
.security-list li span.icon {width:60px; height:60px; display:inline-block; background: url('/images/portal/sprite-1.png') -60px -60px no-repeat;margin-left: -5px;}
.security-list li span.icon-pci {background-position: 0 0;}
.security-list li span.icon-privacy {background-position: -60px 0;}
.security-list li span.icon-hosting {background-position: 0 -60px;}
.security-list li span.icon-organis {background-position:-60px -60px;}
.security-list li span.icon-web {background-position: 0 -120px;}
.security-list li span.icon-hdi {background-position: -60px -120px;}

.about_us_office-address ul{margin: 0; list-style: none;}

.slider-main .slide-box-1 input,.slider-main .slide-box-1 .button{
    padding: 15px;
    box-sizing: border-box;
    
}
.slider-main .slide-box-1 input,.slider-main .slide-box-1 .button.btn-lg{
    padding: 8px 25px;
}
.slider-main .slide-box-1 input{
  padding: 0 25px 0 15px;
  height: 40px;
}
/*-------------Styles related to input field for login form on slider------*/

.input-transbox{               /* --- transparent bg style for input-----*/
    position: absolute;                 
    top: 0;
    background-color: #fff;
    opacity: 0.2;
    height: 50px;
    width: 100%;
    border-radius: 4px;
}
.slider-container{
  max-width: 990px;
  margin: 0 auto;
}
.no-border-bg{
    background-color: transparent;
    border: 0;
}

#signup .theme1{
    background-color: transparent;
    position: relative;
    z-index: 1;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.3);
}
#signup .theme1.input_error{
  background-color: transparent !important;
}
#signup .theme1:focus{
  box-shadow: none;
  background: transparent;
}
#signup .theme1::-webkit-input-placeholder{
   color: #fff;
   opacity: 0.4;
   font-weight: normal;
}

#signup .theme1:-moz-placeholder { /* Firefox 18- */
    color: #fff;
    opacity: 0.4;
}

#signup .theme1::-moz-placeholder {  /* Firefox 19+ */
    color: #fff; 
    opacity: 0.4;
}

#signup .theme1:-ms-input-placeholder {  
    color: #fff; 
    opacity: 0.4;
}

#signup .float-side-by input {
  width: 49%;
}

#signup .float-side-by input:nth-child(4) {
  float: right;
}

#signup .float-side-by input:nth-child(2) {
  float: left;
}

.slider-main .slide-box-2 h2{   line-height: 100%;  font-size: 57px;color: #fff; margin-bottom: 0.2em;}
.slider-main .slide-box-2 p{    line-height: 130%; font-size: 17px;color: #fff;}
.slider-main .slide-box-2 h3{   line-height: 100%;  font-size: 47px;color: #ffea37; text-shadow: 2px 2px 5px #000;margin: 40px 0 5px;
 }
 .slider-main .slide-box-2 .mid-section{ margin-bottom: 25px;}
.slider-main .slide-box-2 h5{    line-height: 100%; font-size: 25px;    color: #fff;margin-bottom: 1em;     font-weight: normal;}
.slider-main .slide-box-2 h4{  line-height: 150%; font-size: 27px;    color: #fff;margin-bottom: 1em;     font-weight: normal;}

  /*-------------Donation.tpl related styles---------*/
.accept-donation{
  text-align: center;
  padding: 20px 0;
  margin: 0 auto;
  background-color: #F8F9FB;
  border-bottom: 1px solid #d1dadf;
}
.accept-donation .emphase{
  max-width: 940px;
  margin: 0 auto;
  float: none;
  padding: 0 10px;
}
.donation-block{
  margin: 40px 0;
}
.accept-donation .donation-block-text{
  display: inline-block;
  vertical-align: top;
  margin-left: 30px;
  margin-top: 20px;
}
.ngo-tmpl{
  background-color: #fff;
    padding: 60px 20px;
}
/*--------------Apps Page related Styles-----------------*/
.apps-page *{
      box-sizing: border-box;
}
.apps-page a:hover{
  text-decoration: underline;
}
.apps-page h3{
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  color: #151d28;
  font-size: 1.429em;
  font-weight: 300;
}

.apps-page .panel-content{
  padding: 60px 0;
  display: inline-block;
  vertical-align: middle;
  width: 45%;
}
.apps-page ul{
  margin: 0;
  list-style: none;
}
.apps-page .subtitle{
  color: #a4a4a4;
  line-height: 150%;
}

.apps-page .details2 .features ul li{
  font-size: 0.929em;
  color: #2e2e2e;
}

.apps-page  .downloads ul li a{
  display: block;
  width: 135px;
  margin-bottom: 15px;
}
.apps-page .downloads .disabled{
  opacity: 0.2;
  pointer-events: none;
}
.apps-page h2{
  font-family: 'Roboto', sans-serif;
  font-size: 2.143em;
  color: #151d28;
}
.apps-page p{
  font-family: 'Roboto', sans-serif;
  font-size: 0.929em;
  color: #2e2e2e;

}
.apps-page .app-bullet-icon{
  width: 50px;
  height: 50px;
  display: inline-block;
  background-size: 100%;
  vertical-align: middle;
  margin-right: 25px;
}
.apps-page .bg-image{
  padding: 60px 0 ;
  display: inline-block;
  margin-right: 20px;
  width: 50%;
  text-align: center;
}


.apps-page .pos-icon{
  background-image: url('/images/portal/apps/YapPos_100.png') ;
  background-repeat: no-repeat;
}
.apps-page .yapscan-icon{
  background-image: url('/images/portal/apps/YapScan_100.png') ;
  background-repeat: no-repeat;
}
.apps-page .yapstat-icon{
  background-image: url('/images/portal/apps/YapStats_100.png') ;
  background-repeat: no-repeat;
}

.apps-page .pos-app{
  background-color: #f2f2f2;
}
.apps-page .yapscan-app,.apps-page .yapstat-app{
  background: #fff;
}
.apps-page .laser-supporting-devices{
  background-image: url('/images/portal/apps/laser_device_bg.jpg');
  background-repeat: no-repeat;
  padding: 125px 0;
  background-size: cover;
}
.apps-page .laser-supporting-devices h2,.apps-page .laser-supporting-devices h3,.apps-page .laser-supporting-devices p{
  color: #FFFFFF;
  opacity: 0.8;
}
.apps-page .laser-supporting-devices .device1,.apps-page .laser-supporting-devices .device2{
  float: left;
  width: 50%;
  margin: 70px 0 ;
  padding-right: 45px;
}
.apps-page .laser-supporting-devices .device-image {
    width: 200px;
    float: left;
    margin-right: 20px;
    text-align: center;
}
.apps-page .laser-supporting-devices .device-image img{
  max-width: 180px;
}
.apps-page .laser-supporting-devices .device2 .device-image img{
    max-width: 96px;
}
.apps-page .device-description{
    overflow: hidden;
}
.apps-page .more-help{
      background-color: #F2F2F2;
      width: 100%;
}
.apps-page .more-help .mid-section a{
  font-weight: 700;
}
.apps-page .more-help h2{
  font-weight: 300;
}
.apps-page .more-help .mid-section{
  margin: 30px 0;
}
.apps-page .cta a{
  color: #fff;
  margin-top: 10px;
}
.apps-page span.read-more{
  display: inline-block;
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background-image: url('/images/portal/apps/readmore.png') ;
  background-repeat: no-repeat;
  background-size: 100%;
  vertical-align: middle;
}
.apps-page .white{
  color: #fff;
}
.apps-page .button{
  color: #e68e21;
}
.apps-page .downloads{
  margin-top: 18px;
}
.apps-page ul.download-links li {
    display: inline-block;
    margin-right: 10px;
}
/*--------End of Apps Page related Styles-----------------*/

/*--------Start of Webinar Page related Styles-----------------*/
.webinar .page-logo{
  padding: 60px 0;
}
.webinar-page{
  padding: 40px 0 ;
}
.webinar-page .title{
  color: #48363f;
  font-size: 20px;
}
.webinar-page .sub-title{
  color: #48363f;
  margin-top: 20px;
  font-size: 17px;
}
.webinar-page p{
  color: #48363f;
  font-size: 15px;
}
.webinar-page .minutes {
  counter-reset:li; 
  margin-left:0; 
  padding-left:0; 
  margin-top: 10px;
  margin-bottom: 25px;
}
.webinar-page .minutes > li {
  position:relative; 
  margin:0 0 6px 1em; 
  padding:0; 
  list-style:none; 
  font-size: 17px;
}
.webinar-page ol > li:before{
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: 2px;
  left: -1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 8px;
  /* border-top: 2px solid #666; */
  color: #ac04b2;
  /* background: #666; */
  font-weight: bold;
  font-family: "Helvetica Neue", Arial, sans-serif;
  text-align: center;
}
.webinar-page ol > li:after {
  content: '.';
  position: absolute;
   top: 0px;
  left: -5px;
}
.webinar-page li ol,
.webinar-page li ul {margin-top:6px;}
.webinar-page ol ol li:last-child {margin-bottom:0;}
.webinar-page .minutes .points{
  color: #48363f;
  font-size: 15px;
  margin-left: 10px;
}
.webinar-page .have-doubt{
  color: #48363f;
  font-size: 24px;
  margin-top: 35px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.webinar-page  .web-link{
  color: #7f0284;
  text-decoration: underline;
  line-height: 1.3;
}
.webinar-page .register-now {
  margin-top: 60px;
  margin-bottom: 20px;
}
#nav-help .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }
 #nav-help .dropdown:hover a.dropdown-toggle {
    background-color: #3e4c54;
}
#venue_append_div ul{
  list-style: none;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-radius: 0;
}

#venue_append_div ul li{        
  line-height: 20px;
  border-bottom: 1px solid #ccc;
  text-align: left;
  cursor: pointer;
}
#venue_append_div li a{
    display: block;
    padding: 7px 10px;
}

#venue_append_div ul li:hover,
#venue_append_div  .ui-state-focus,
#venue_append_div.ui-state-hover{
  background: #F2F2F2;
   color: #6b747c;
} 

span.error-msg {
    color: #e81818 !important;
    display: block;
    font-size: 10px;
}
#venue_droplist.loader {
  background: white url("/images/spinner.gif") 98% center no-repeat;
}


/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; width: 100%;}
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url(/images/portal/bx_loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }

/* Dots */
.slick-dots { position: absolute; bottom: 5px; list-style: none; display: block; text-align: center; margin:0; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; opacity:0.3; border: 0; background: transparent; display: block; text-indent:-9999px; background:#FFF; border-radius:50%; height: 12px; width: 12px; outline: none; /* line-height: 0; */ /* font-size: 0; */ color: #FFF; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:hover {opacity:0.6}
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active button {opacity:0.8;}
/* end Slider */

#tickets-window .slider-co-ti {max-width:100%!important; width:100%!important; padding-bottom: 65px;}
#tickets-window .slider-co-ti > .slick-next, #tickets-window .slider-co-ti > .slick-prev  {height:100px; color:#fff; background: url('/images/portal/concerts/arrow-left.png') no-repeat center center;  background-color:#2a3237; width:41px; margin-top:-60px;top: 123px;opacity: 0.4;}
#tickets-window .slider-co-ti > .slick-next { right:0; background: url('/images/portal/concerts/arrow-right.png') no-repeat center center;  background-color:#2a3237; width:38px;}
#tickets-window .slider-co-ti > .slick-next:hover, #tickets-window .slider-co-ti > .slick-prev:hover {opacity:0.8; background-color: #eef1f1;}
.slider-co-ti .slick-slide {
    text-align: center;
}
.slider-co-ti .ticket, .slider-co-ti .slide-item {max-width:350px;}
.slider-co-ti .slick-slide .ticket {max-width: 220px;text-align:left; display:inline-block;  margin:0 12px; overflow: hidden; border-radius:0 0 10px 10px;}
.slider-co-ti .slick-slide .ticket .slick-slider { overflow:inherit;}

.ticket p {font-size:13px; margin:5px 0; line-height:16px;}
.ticket h3 {text-transform:uppercase; font-size: 13px; font-family:"opensans-bold", sans-serif; height: 30px; line-height: 20px; padding:10px 0;overflow: hidden;}
.ticket .tck-details, .ticket .tck-prf-ls, .ticket .tck-prf-more {background-color: #eef1f1; float:left; width:100%; padding:10px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ticket .crop {position:relative;background: url('/images/portal/concerts/crop.png') center center repeat-x; height:14px; background-color:#eef1f1; margin:-2px 6px 0; clear:both;}
.ticket .crop:before {content:""; position:absolute; left:-8px; top:0; background: url('/images/portal/concerts/crop-left.png') left center no-repeat; width:10px; height:14px; z-index:2; }
.ticket .crop:after {content:""; position:absolute; right:-8px; top:0; background: url('/images/portal/concerts/crop-right.png') right center no-repeat; width:10px; height:14px; z-index:2; }

.ticket .tck-image {border-radius:4px 4px 0 0; display: inline-block; float:left; width:100%; background: #E2E2E2; height: 140px; overflow:hidden; position: relative;}
.ticket .tck-image img {border-radius:4px 4px 0 0; float:left; width:100%; height:100%;}
.ticket .tck-prf { float:left; width:100%; margin-top: -1px;}

.ticket .tck-details p {text-transform:uppercase; font-size:11px; line-height:13px; color: #6c747f; width:100%; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap}
.ticket .tck-details p.field-when {display:none;}
.ticket .tck-prf .tck-prf-list {padding: 0 15px; background:#eef1f1;height: 56px;margin-bottom: -1px;}

.ticket .tck-prf .tck-prf-item {position:relative; padding:0;height: 56px;overflow: hidden;width: 100%!important;}
.ticket .tck-prf .tck-prf-item .tck-date {padding-left:30px;background: url('/images/portal/concerts/icon-time.png') left 3px no-repeat; margin: 8px 0 0;text-align: left;}
.ticket .tck-prf .tck-prf-item .tck-date .dt {text-align:left; display:block; font-size:20px; text-transform:uppercase;}
.ticket .tck-prf .tck-prf-item .tck-date .dh {text-align:left; color:#6c747f; font-size: 11px;}
.ticket .tck-prf .tck-prf-item .tck-buy  {position:absolute; right:1px; top: 20px;}
.ticket .tck-prf .tck-prf-item .tck-buy a.button {display:none;color:#FFF; padding:4px 10px; font-size:12px; border-radius:3px; background:#009BD5}
.ticket .tck-prf .tck-prf-item .tck-buy a.button:hover {color:#FFF; background:#048bbe;}
.ticket .tck-prf .tck-prf-more {padding: 0 15px 7px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;height: 30px; margin-top:-2px;}
.ticket .tck-prf .tck-prf-more p {float:left; font-size: 10px; color:#6c747f; padding-top: 2px;}
.ticket .tck-prf .tck-prf-more a {float:right; display:inline-block; width:25px; height:20px; margin:0 0 0 5px; text-indent:-9999px; cursor:pointer; background: url('/images/portal/concerts/icon-next.png') center center no-repeat;}
.ticket .tck-prf .tck-prf-more a.prev { background: url('/images/portal/concerts/icon-prev.png') center center no-repeat;}

.ticket .tck-prf .slick-prev, .ticket .tck-prf .slick-next {top:inherit; bottom: -36px; left:inherit; right:5px; display:inline-block; width:25px; height:20px; margin:0 0 0 5px; text-indent:-9999px; cursor:pointer; background: url('/images/portal/concerts/icon-next.png') center center no-repeat;}
.ticket .tck-prf .slick-prev:active, .ticket .tck-prf .slick-next:active {opacity:0.8}
 .ticket .tck-prf .slick-prev { right: 32px; background: url('/images/portal/concerts/icon-prev.png') center center no-repeat;}

.ticket .tck-prf .slick-disabled, .ticket .tck-prf .slick-disabled:active {cursor:default; opacity:0.3}

#tickets-window {width:100%; position:relative;} 
#tickets-window #tickets-window-bg {position:absolute;z-index:0; top:0; bottom:0; width:100%; height:100%; background: url('/images/portal/concerts/window-bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
/*#tickets-window #tickets-window-bg, .concerts-row-bg, .concerts .navbar .logo-concerts {  -webkit-animation:10s multi_rotate1 linear infinite;}*/
#c_services #tickets-window #tickets-window-bg, #c_services #tickets-window, #c_about #tickets-window #tickets-window-bg, #c_about #tickets-window {height:140px!important; min-height:140px;}
@-webkit-keyframes multi_rotate1 {
  0% {-webkit-filter:hue-rotate(0deg);}
  50% { -webkit-filter:hue-rotate(-120deg);}
    100% {-webkit-filter:hue-rotate(0deg);}
}

#tickets-window .box-promo { color:#FFF; z-index:2;  position: relative;  display:block; width:80%; margin: 55px 10% 0; text-align:center; float: left; clear: both;}
#tickets-window .box-promo h1 {font-family: 'opensans-light', sans-serif;font-size: 2em;margin: 0;}
#tickets-window .box-promo h1 br {display:none;}
#tickets-window .box-promo a {border-color: #FFF;  color:#FFF; border-radius:6px; text-decoration:none;  margin:10px 0 0; display:inline-block;}
#tickets-window .box-promo a:hover {background:rgba(255,255,255,0.1); }
#c_front #tickets-window .box-promo {padding: 30px 0;margin: 0 10%;}
#tickets-window .box-slider {top: 0; width:100%; position:relative; z-index:2;}
#tickets-window .box-slider h1 {color:#FFF; font-size:14px; font-weight:100; font-family:"opensans-regular"; text-transform:uppercase; letter-spacing:4px; text-align:center;padding: 30px 0;margin: 0;opacity: 1;}
#tickets-window .slider-co-ti {max-width:100%!important; width:100%!important; padding-bottom: 65px;}
#tickets-window .slider-co-ti > .slick-next, #tickets-window .slider-co-ti > .slick-prev  {height:100px; color:#fff; background: url('/images/portal/concerts/arrow-left.png') no-repeat center center;  background-color:#2a3237; width:41px; margin-top:-60px;top: 123px;opacity: 0.4;z-index: 70;}
#tickets-window .slider-co-ti > .slick-next { right:0; background: url('/images/portal/concerts/arrow-right.png') no-repeat center center;  background-color:#2a3237; width:38px;}
#tickets-window .slider-co-ti > .slick-next:hover, #tickets-window .slider-co-ti > .slick-prev:hover {opacity:0.8; background-color: #eef1f1;}
.slider-co-ti .slick-slide {
    text-align: center;
}

nav.js-outer-nav { position: fixed; bottom: inherit; top: 50px; }

.support-portal-banner .spb-ul{
  margin: 0;
  text-align: center;
  padding: 7px;
  max-width: 1246px;
  margin: 0 auto;
}
.support-portal-banner .spb-ul li:last-child{
  border: 0; 
}
.support-portal-banner .spb-ul li{
    padding: 23px;
    box-sizing: border-box;
    border-right: 1px solid #5ebde0;
    display: inline-block;
    width: 33%;
    text-align: center;
}
.contact-us-mobile{
  display: none;
}
.contact-us-btn{
    float: left;
   padding: 5px 15px;
   background: #009bd5;
   margin-top: 10px;
   margin-right: 1%;
   color: #fff;
   border-radius: 4px;
}
.contact-us-btn:hover,
.contact-us-btn:visited,
.contact-us-btn:focus{
  color: #fff;
  background: #048bbe;
}
.support-portal-banner .spb-top{
  padding: 20px 20px 0;
  background: #2b3238;
}
.support-portal-banner .spb-bottom{
    background: #19a1d2;
}
.support-portal-banner .spb-left{
  float: left;
  width: 50%;
  padding: 0 10px;
}
.support-portal-banner .spb-right{
  float: right;
  padding: 0 10px;
  width: 40%;
  text-align: right;
  padding: 65px 0 20px;
}
.support-portal-banner .spb-right .title{
    font-size: 47px;
    color: #FFF;
    line-height: 1.2;
    text-transform: uppercase;
}
.support-portal-banner .spb-right .text{
  font-size: 15px;
  opacity: 0.5;
  color: #fff;
}
.support-portal-banner .border-rt{
  display: inline-block;
  border-right: 1px solid #5ebde0;
  padding-right: 15px;
  margin-right: 15px;
}
.support-portal-banner .spb-ul .spb-ul-txt{
  font-size: 15px;
  color: #2a3237;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  text-align: left;
}
.support-portal-banner .small{
  font-size: 11px;
}
.support-portal-banner p{
  color: #fff;
  line-height: 1;
}
.past-events{
  position: absolute;
    background: #39252f;
    padding: 4px 7px;
    color: #fff;
    border-radius: 6px;
    transform: rotate(45deg);
    position: relative;
    top: 11px;
    right: -109px;
    text-align: center;
    width: 150px;
    z-index: 99999;
}
.feature-promotion .promotion{
  margin: 20px 10px;
  max-height: 320px;
}
.feature-promotion .emphase{
  background-color: #D1076D;
}
/* Start of Styles for Payment Gateway on Portal Pages */
.payment-gateway-section{
  padding: 5px 20px 70px;
  text-align: center;
  background: #fff;
}
.payment-gateway-section .text{
  font-size: 17px;
  padding-top: 10px;
  margin-bottom: 50px;
}
.payment-gateway-section .icon{
  margin-right: 33px;
}
.payment-gateway-section .yicon-stripe{
    margin-top: 8px;
}
.payment-gateway-section .pgs-top,
.payment-gateway-section .pgs-bottom{
  display: inline-block;
  margin-bottom: 20px;
}
.payment-gateway-section .pgs-link{
    display: inline-block;
    padding-top: 10px;
    font-size: 20px;
    color: #61676b;
}
/*End of Styles for Payment Gateway on Portal Pages */
#supportModal .modal-content {
    padding: 15px;
}

/* start portal page promotion image */
.special-package img{
  width: 100%;
}
/* end portal page promotion image */

/* start portal pricing page */
.pricing-title-style{
  border-left: 0px;
  cursor: pointer;
}
.select2-container .select2-choice div b{
  background-image: none !important;
}
/* end portal pricing page*/
.user-box-inner form#signup input.button.red {
    background: #e40046!important;
    font-size: 16px;
    height: 44px;
}
.blue_clever {
  background: #5289F5!important;
  width: 100%;
/*	height: 38px;*/
	padding: 18px 10px !important;
	margin: 9px 0 10px;
	clear: both;
	display: block;
	font-family: 'Open Sans', sans-serif;
	box-sizing: border-box;
}
.blue_clever_left div{
	font-size: 17px;
	font-weight: bold;
	border-right: solid 1px;
	width: 74%;
}

.blue_clever_left {
	width:29%;
	float: left;
	display: inline-block !important;
}
.blue_clever_right {
	width:71%;
	float: left;
	display: inline-block !important;
	text-align: left;
}

.user-box-inner form#signup input.red-button{
    background: #e40046!important;
}

.new-login-row, .login-link-row{
  width: 100%;
  display: flex;
}
.new-login-row .col-md-8{
  width: 55%;
}
.new-login-row .col-md-4{
  width: 45%;
}
.login-link-row .col-md-5{
  width: 50%;
}
/*
.new-login-row #login-box{
      padding: 6% 6% 0 0;
}*/
.main-content.yap-custom-class{
  background: #090040;
  min-height: 100vh;
  background-image: url(/images/background-login.png);
  padding: 2%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main-content.yap-custom-class.forgot_password{
  min-height: 100vh;
}
.welcome-text{
  margin-bottom: 20px;
}
.welcome-text h1{
  font-size: 32px;
  line-height: normal;
  margin: 0;
  color: #090040 !important;
  padding: 0;
}
.welcome-text p{
  font-size: 16px;
  color: #090040 !important;
  margin-top: 5px;
  font-family: 'opensans-semibold', sans-serif;

}
/*.user-box-inner .email-div{
  margin-top: 40px;
}*/
.main-content input[type="password"]{
    height: 56px;
    border-radius: 8px;
}

#signin_login_button, #sign_in_clever_button, #sign_up_clever_button, #forgot_password_submit_button, #forgot_password_login_button, 
#forgot_password_try_again_button, #resend_code, #back_to_home, #reset_password_reset_password_button, #reset_password_again_link_expired, #login_button_reset_password{
  margin-top: 12px;
  height: 56px;
  border-radius: 8px;
}
#signin_login_button, #reset_password_reset_password_button{
  margin-top: 30px;
}

#reset_password_password_reset_unsuccessful_label{
  font-size: 22px;
  color: #090040;
}

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

#signup_create_button{
  height: 56px;
  border-radius: 8px;
}
#sign_up_google_button, #sign_in_google_button{
  height: 44px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(1, 104, 255, 0.16);
}

.sign_up_terms{
	text-align:center;
	margin: 15px 15px 15px 15px;
}

.new-login-row span.span_line {
    margin: 0;
    /* height: 2px; */
    width: 45%;
    color: #000;
    padding: 0;
    border: none !important;
    background-color: #ccc;
    height: 1px;
    margin: 20px 0;
}
.new-login-row span.span_or {
    margin: 0;
    width: 10%;
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #090040;
}
.right-center-div{
  text-align: center;
}
.right-center-image img{
  width: 60%;
}

.right-center-content{
  color: #fff;
  font-size: 24px;
  padding: 23px 100px;
  line-height: normal;
  font-weight: bold;
}

.affiliate-program-main{
  padding: 2%;
  background-color: #ffffff;
}

.affiliate-program-content{
  text-align: center;
  background: #fff3f7;
  padding: 2%;
  border-radius: 8px;
  color: #090040;
}

.affiliate-program-content h1{
  font-size: 32px;
  font-family: 'opensans-bold', sans-serif;
}

.affiliate-program-content p{
  margin-bottom: 25px;
  font-size: 16px;
  font-family: 'opensans-semibold', sans-serif;
  line-height: 1.5
}

.affiliate-program-content a{
  width: 240px;
  height: 18px;
  font-size: 16px;
  font-family: 'opensans-semibold', sans-serif;
}

.create-accocunt-div h1{
  font-weight: bold;
  font-size: 32px;
}

.create-accocunt-div p{
  font-weight: bold;
  font-size: 16px;
  margin-top:5px;
}
.create-account-info-div{
  margin-top: 30px;
  background: #fff3f7;
  padding: 2%;
  border-radius: 8px;
  font-size: 16px;

}

.first_last_name_div{
  display: flex;
  width: 100%;
}
.first_last_name_div .first-name-div{
  width: 49%;
}

.first_last_name_div .last-name-div{
  margin-left: 2%;
  width: 49%;
}
.user-box #signup, .new-member-div{
  text-align: left;
  margin-top: -10px;
}

.new-member-div {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 50px;
}

.terms-and-condition-div p{
  text-align: center;
  font-weight: bold;
  color: #090040;
  padding: 3%;
}

.new-login-row .password-div{
  position: relative;
}
.signup-toggle-password{
  align-items: center;
  position: absolute;
  right: 3%;
  display: flex;
  bottom: 10px;
  cursor: pointer;
}

.signup-toggle-password img{
  width: 20px;
}

.or_text_div{
  text-align: center;
  display: flex;
  gap: 10px;
}

.fc_new_design_blue{
  color: #090040;
  font-size: 16px;
  font-family: 'opensans-semibold', sans-serif;
  margin-top: 20px;
}
.new-member-div .signup_login_link{
  display: unset !important;
}

.verification_text_mobile {
  display: none;
}

.verification_text_desktop {
  display: block;
}

.magintop-div{
    font-size: 16px !important;
    color: #090040;
    line-height: 1.6;
    margin-bottom: 45px;
}

.not_received_email{
  margin-bottom: -15px;
}

.varification-mail-image{
  margin-bottom: 45px;
}
.varification-mail-image img{
  width: 60%;
}

.already-member-div p {
  font-size: 16px;
  margin-bottom: 28px;
  font-family: 'opensans-semibold', sans-serif;
}

.already-member-div p a {
  text-decoration: none;
}

#forgot_div h1{
 font-size: 32px;
 margin-bottom: 5px;
}

.go-back-sign-up {
  margin-bottom: 50px;
}

.google_sso_btn {
  height: 44px !important;
  padding: 0px !important;
  display: grid;
  place-items: center;
  border-color: #000 !important;
  border-radius: 8px !important;
}

.google_sso_btn_right_part {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
  color: #090040 !important;
  font-size: 16px !important;
}

  /*30374*/
.apple_sso_error {
  display: inline-block;
  margin-top: 15px;
  color: #fff;
  background: #eb5656;
  border: none;
  text-shadow: none;
  padding: 4px;
  font-size: 13px;
}
.apple_sso_wrapper {
  margin-top: 7px;
  text-align: center;
}
.apple_sso_btn {
  background: #fff !important;
  border-radius: 8px !important;
  width: 100%;
  height: 44px;
  padding: 10px 10px !important;
  margin: 9px 0 10px;
  clear: both;
  display: block;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #000;
  opacity: 1;
}
.apple_sso_btn_right_part {
  display: inline-block !important;
  text-align: left;
  opacity: 1;
  color: #090040;
  font-size: 16px !important;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0px;
  text-align: center;
  font-family: sans-serif;
  font-family: 'opensans-semibold', sans-serif !important;
}
.apple_sso_btn_left_part {
  display: inline-block !important;
}
.apple_sso_btn_left_part img {
  width: 16px;
  height: auto;
  margin-top: -5px;
}
@media screen and (max-width: 750px) {
  .apple_sso_btn_right_part {
    font-size: 14px !important;
  }
}

/*30374 ends*/

.bi-eye, .bi-eye-slash {
  position: absolute;
  top: 58px;
  right: 20px;
  cursor: pointer;
}

@media screen and (max-width: 1000px){
  .user-box-inner{
    padding: 40px 20px;
  }
}

@media screen and (max-width: 750px) {
  .new-login-row > div:nth-child(1) {
    width: 0%;
  }

  .new-login-row > div:nth-child(1) > .right-center-div{
    display: none !important;
  }

  .new-login-row > div:nth-child(1) > #sticky{
    margin-left: 15px !important;
    margin-top: 10px !important;
  }

  .new-login-row > div:nth-child(2){
    width: 100% !important;
    margin-top: 60px !important;
  }
  .welcome-text{
    margin-bottom: 10px;
  }

  .welcome-text h1{
    font-size: 24px;
  }

  .welcome-text p {
    font-size: 14px;
  }

  .sign_up_google_button, #sign_in_google_button {
    font-size: 14px !important;
  }

  .user-box-inner{
    padding: 20px;
    min-height: 440px !important;
  }

  .user-box{
    z-index: 0 !important;
  }

  .user-box label{
    font-size: 14px !important;
    margin-bottom: 5px !important;
  }

  .fn_ln_group{
    flex-direction: column;
    gap: 0px 0px;
  }

  .copyright-info {
    font-size: 13px !important;
    padding-inline: 12px !important;
    margin-top: 20px !important;
  }

  .login-link-row {
    flex-direction: column;
    gap: 20px;
  }

  .login-link-row > div{
    text-align: center !important;
    width: 100% !important;
  }

  .welcome .choose-option,  .switch-link {
    font-size: 14px !important;
    margin: 0 !important;
  }

  .affiliate-program-main{
    background-color: #090040 !important;
    padding: 18px !important
  }

  .affiliate-program-content{
    padding-block: 10% !important;
    padding-inline: 4% !important;
  }

  .affiliate-program-content h1,
  #forgot_div h1,
  .user-box h1{
    font-size: 24px !important;
    line-height: 1.33;
  }
    
  .affiliate-program-content p,
  .fc_new_design_blue,
  .new-member-div,
  .user-box p,
  .user-box a,
  .user-box input,
  .user-box input.red-button,
  .user-box-inner form#signup input.button.red,
  .magintop-div,
  .magintop {
    font-size: 14px !important;
  }

  #resend_code{
    margin-top: 0px !important;
  }

  .verification_text_desktop {
    display: none;
  }

  .verification_text_mobile {
    display: block;
  }

  .new-member-div {
    text-align: center;
  }

  .affiliate-program-content p br{
    display: none;
  }

  .bi-eye, .bi-eye-slash {
    top: 55px;
  }

  .google_sso_btn_right_part{
    font-size: 14px !important;
  }

}

/*#31322 */
.customer_login_link_wrapper{
    border-radius: 8px;
    background-color: #FFF3F7;
    color: #090040;
    padding: 14px 0;
    font-size: 16px;
}
.customer_login_link_wrapper a{
    color: #e40046;
    letter-spacing: 0px;
    text-align: center;
    line-height: 24px;
    text-decoration: underline;
}
.customer_login_link_wrapper a:hover{
  color: #e85c87;
}
.customer_login_link_wrapper span{
    font-weight: 700;
}
@media (max-width: 750px) {
  .customer_login_link_wrapper{
    margin-top: 22px  ;
  }
}
/*#31322 ends*//* */
/* */
/* --------------------------------------------------------------- */
/* */
/*  YAPSODY - Responsive Settings - www.yapsody.com/ticketing */
/* */
/* --------------------------------------------------------------- */
/* */
/* */
/* --------------------------------------------------------------- */
/* Maximum screen width of 1024 */
/* --------------------------------------------------------------- */
@media screen and (max-width:1024px) {
  #promote .container, .navbar .container { width: 100%; max-width: 95%; }
  .container { margin-left: auto; margin-right: auto; max-width: 90%; }
}
/* --------------------------------------------------------------- */
/* Minimum screen width of 600 */
/* --------------------------------------------------------------- */
@media screen and (min-width:600px) {
  #modal-engage h2, #modal-reserved h2 { font-size: 34px; }
  #modal-engage input[type="text"], #modal-engage input[type="email"], #modal-contact2 input[type="text"], #modal-contact2 input[type="email"], .modal-career input[type="text"], .modal-career input[type="email"] { height: 36px }
  .pricing-features li { width: 47%; }
  .pricing-features li img { width: 250px; }
  #modal-contact2 .w50 { width: 49%; float: left; margin-right: 2%; clear: none; }
  #modal-contact2 .w50.email { margin: 0; }
}
/* --------------------------------------------------------------- */
/* Minimum screen width of 640 */
/* --------------------------------------------------------------- */
@media screen and (min-width:640px) {
  body { font-size: 14px; }
  .navbar .nav-collapse {  clear: none !important; height: auto; overflow: visible;}
  .navbar .nav-collapse ul.nav { display: block; padding-left: 118px; }
  .navbar .nav-collapse ul.nav > li { width: auto; /* min-width: 80px;  */
  border: none; }
  .navbar .nav-collapse ul.nav > li a { border: none; }
  .dropdown-menu>li>a, .navbar .nav>li a, .navbar a.but-login, .navbar a.but-signup { padding: 15px 5px; }
  .navbar .btn-navbar { display: none; }
/*  .navbar .display-name { border-right: 1px solid #3D4447; }*/
  .navbar a.dropdown-toggle { padding-right: 35px !important; }
  .navbar .open a.dropdown-toggle { background-color: #3e4c54; }
  .navbar .dropdown .dropdown-menu { min-width: 170px; position: absolute !important; overflow: hidden; }
  .navbar #nav-help .dropdown .dropdown-menu { width: auto; }
  .navbar .dropdown .dropdown-menu li a { text-align: left; }
  .navbar .dropdown .dropdown-menu li:last-child a { border: none; }
  .navbar .dropdown-menu>li>a:hover { background: none; background: #607885 !important; color: #FFF; }
  #promote { display: block; }
  .slider-main .box-download { position: absolute; top: 140px; left: 0; width: 170px; margin: 5px auto; }
  .slider-main .box-download.second { right: 0; left: inherit; }
  #slide-5 .box-download { position: relative; top: inherit; }
  .slider-main #slide-3 img { display: inline-block; width: 100%; max-width: 100%; }
  .slider-main #slide-3 h1 { margin: 30px 0 0; position: absolute; left: 0; right: 0; }
  .slider-main .slide-video .video-wrapper { width: 400px; }
  .slider-main .slide-video iframe { width: 383px; height: 207px; }
  .slider-main .box-download h2 span { display: block; }
  #slider-features-pager a, #slider-features-pager a:visited { width: 16.5%; padding: 25px 0 25px }
  a.button-features { width: 15%; padding: 24px 0 10px 15px }
  .features-accordion { width: 48%; margin: 0 1%; }
  #features-accordion-2 { border-top: 1px solid #e9e9e9; }
  .cat-features ul li { width: 20%; border: none; text-align: center; }
  #clubs .cat-features ul li { width: 33%; }
  .cat-features ul li img { display: inline-block; float: none; width: 110px; margin: 0; }
  #footer .footer-collumn { width: 20%; margin: 0; }
  #footer .footer-collumn.blog-menu { width: 38%; }
  #footer .footer-collumn.social-media-menu { float: right; width: 18%; }
  #footer .footer-collumn li { border: none; }
  #footer p a { display: inline-block; margin: 5px }
  #footer p { margin: 0; }
  #footer p a.fright { float: right; }
  .event-item .field-image { width: 30%; min-width: 135px; }

  .event-item .field-image img{ 
      height: 100px;
  }
  .event-item .field-details { width: 70%; }
  .event-item .field-buy a { width: auto; min-width: 134px; }
  /* pricing */
  .pricing-features li { width: 30%; }
  .pricing-features li:nth-child(4) { clear: both; }
  .pricing-features li img { width: 280px; }
  #pricing-rs .pricing-cost li { display: table-cell; }
  /*security*/
  .security-list li {width:50%; padding: 20px 30px 20px; border-right: 1px solid #efefef;}
  .security-list li:nth-child(3) {clear:both;}
.security-list li:nth-child(even) {border:none}
/* contact page */
.contact-us {width:49%; display:inline-block; vertical-align:top;}
.navbar a.but-signup, .navbar a.but-login { padding: 7px 10px 7px !important; vertical-align: middle;border-radius: 6px !important; margin-top: 9px !important;}
  .navbar a.but-signup{ margin-right: 5px !important;}
  .navbar a.but-hiring{ padding: 3px 10px !important; margin-top: 13px !important;border-radius: 6px !important;margin-left: 5px !important; }

}
@media screen and (max-width:767px) {
/*  .yap-custom-class,.yap-custom-class-verification {
    max-width: 100%!important;
  }*/
  .user-page .container.full-width {
    max-width: 100%!important;
  }
}
@media screen and (min-width: 767px) and (max-width: 991px) {
 /* .yap-custom-class{
    width: 60%!important;
    float: none!important;
    margin: auto;
    overflow-x: hidden;
  }*/
}
@media screen and (min-width: 767px) and (max-width: 991px) {
  .yap-custom-class-verification {
    width: 100%!important;
    float: none!important;
    margin: auto;
    overflow-x: hidden;
  }
}
/* --------------------------------------------------------------- */
/* Minimum width 767 and height 600 */
/* --------------------------------------------------------------- */
@media screen and (min-width: 992px) {
/*  .yap-custom-class {
    width: 40%!important;
    float: none!important;
    margin: auto;
    overflow-x: hidden;
  }*/
}
@media screen and (min-width: 992px) {
  .yap-custom-class-verification {
    width: 70%!important;
    float: none!important;
    margin: auto;
    overflow-x: hidden;
  }
}
@media screen and (min-width:767px) and (min-height:600px) {
  .category #preface { height: auto; overflow: hidden; }
  #preface .container { position: relative; min-height: 180px; overflow: hiddden; }
  .event-item.sponsored .field-date {
    padding: 0;
  }


  /*.slider-main li { height: 450px; text-align: center; }*/
  .slider-main img { width: 100%; max-width: 500px; }
  .slider-main #slide-3 img { position: relative; width: 650px; }
  .slider-main #slide-3 h1 { position: absolute; right: 0; left: 0; }
  .slider-main .slide-video .video-wrapper {  width: 440px; text-align: center; }
  .slider-main .slide-video iframe { width: 423px; height: 229px; }
 /* #slider-main-pager { position: absolute; bottom: 55px; right: 0; left: 0; z-index: 100; }*/
  .category #slider-main-pager { bottom: 5px; }
  #slider-features-pager a, #slider-features-pager a:visited { width: 16.5%; }
  #content {  background-size: 100%; background-color: #eaeef1;
background: rgb(250,251,252);
background: -moz-linear-gradient(top,  rgba(250,251,252,1) 0%, rgba(242,245,247,1) 91%, rgba(227,231,232,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,251,252,1)), color-stop(91%,rgba(242,245,247,1)), color-stop(100%,rgba(227,231,232,1)));
background: -webkit-linear-gradient(top,  rgba(250,251,252,1) 0%,rgba(242,245,247,1) 91%,rgba(227,231,232,1) 100%);
background: -o-linear-gradient(top,  rgba(250,251,252,1) 0%,rgba(242,245,247,1) 91%,rgba(227,231,232,1) 100%);
background: -ms-linear-gradient(top,  rgba(250,251,252,1) 0%,rgba(242,245,247,1) 91%,rgba(227,231,232,1) 100%);
background: linear-gradient(to bottom,  rgba(250,251,252,1) 0%,rgba(242,245,247,1) 91%,rgba(227,231,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafbfc', endColorstr='#e3e7e8',GradientType=0 );

}
  .career { background: #eaeef1 !important; }
  .currency-states li { width: 48%; margin: 0 1% 5px }
  .currency-states li p:last-child { font-size: 14px; float: right; display: block; font-size: 11px; opacity: 0; margin: 8px 0 6px 0px; }
  .currency-states li:hover p:last-child { opacity: 1; }
  .currency-notify input[type="email"], .currency-notify select { width: 40%; margin-right: 10px; }
  .currency-notify input[type="button"] { width: auto; clear: both; }
  h1.page-title { font-size: 3.4em; width: 50%; float: left; padding-top: 20px; }
  .not-front #search-box { width: 47%; float: right; bottom: inherit; top: 65px; margin: 0; clear: none; }
/*  .not-front.welcome #main-content { width: 40%; }*/
  #main-content.yap-custom-class,#main-content.yap-custom-class-verification {
    float: none!important;
    margin: auto;
  }
  #main-content.yap-custom-class .container ,#main-content.yap-custom-class-verification .container{
    max-width: 300px;
  }
/*  #main-content.yap-custom-class .navbar .brand,#main-content.yap-custom-class-verification .navbar .brand {
    float: none;
    margin: auto;
    width: 45%;
  }*/
  .welcome #welcome-screen { display: block; }
  .welcome #welcome-screen h1 { font-size: 2.9em; }
  .user-page .navbar .container { /* max-width: 724px;  */ }
  .event-item { height: 100px;}
  .event-item .field { min-height: 100px; padding: 5px 20px; }
  .event-item .field-image { width: 20%; padding: 0; }
  .event-item .field-details { width: 45%; padding-top: 10px; }
  .event-item .field-date { font-size: 1.2em; padding: 28px 0 0; text-align: center; width: 15%; border: none; }
  .event-item .field-date span { display: block; font-size: 1em; }
  .event-item .field-date span:last-child { font-size: 0.85em }
  .event-item .field-buy { width: 20%; padding: 0; float: right; }
  .event-item .field-social { padding: 0; }
  .event-item .field-buy a { min-width: inherit; margin-top: 30px; }
  .event-item .field-date a.button { margin-top: 3px; }
/*  .event-item.sponsored .field-date { padding: 0; }*/
  .event-item.sponsored .field-date .featured { margin: 0 0 7px 0; padding: 3px 0; width: 100%;}
  .box-promo-side a:first-child  img, .box-promo-side a:first-child span { display: block }
  .box-promo-side a:first-child  span:first-child { line-height: 17px; padding: 8px 0 0; display: inline-block; font-size: 16px; letter-spacing: -1px; }
  .box-promo-side { margin-bottom: 100px; width: 110px; }
  /* sides */
  .landing-side .inner { top: 50%; margin-top: -250px; }
  .landing-side h1 { padding-bottom: 10px; }
  .landing-side ul li h3 { margin: -20px 0 10px; padding: 0; font-size: 13px; }
  .landing-side ul { display: block; }
  .landing-side ul li { width: 105px; vertical-align: top; }
  .landing-side ul li > div { transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -webkit-transform: scale(0.5, 0.5); margin-left: -10px; }
  .event-item .field h3, .event-item .field p { text-overflow: ellipsis; white-space: nowrap }
  /* pricing */
  .pricing-title p { clear: left; margin-right: 225px; }
  .pricing-title p.highlight { clear: left; margin-right: 0; }
  .pricing-currencies table td, .pricing-currencies table th { padding-left: 45px; }
  /* careers */
  .career { color: #363c3f; }
  .career .content-inner { padding-bottom: 30px !important; }
  .career .panel { padding: 30px 0; text-align: center; }
  .career .panel  > img { margin: 0 0 60px; }
  .career .panel > h2 { font-size: 36px; font-family: 'opensans-light', sans-serif; margin: 0; }
  .career .panel > p { max-width: 900px; font-size: 16px; line-height: 150%; margin: 10px auto; }
  .career .why-the-team.panel p{ font-size: 16px;}
  .career .button { padding: 10px 30px; margin: 12px 5px; font-family: 'opensans-semibold', sans-serif; font-size: 12px; text-shadow: none; min-width: 50px; text-align: center; display: inline-block; vertical-align:top;}
  .career .button:hover, .career .button:focus { color: #FFF; background: #39474e }
  .career .button.blue:hover, .career .button.blue:focus { background: #048bbe }
  .career .button.red:hover { background-color: #BE2743; }
  .career #map_canvas { width: 100%; height: 520px; margin: 0 auto; /* border-top: 2px dotted#3d4447;  */background: #fafbfc !important; }
  #header-big { background-size: auto 550px; }
  background: #fafbfc !important; }
  ul.career-office > li a { border-radius: 6px; display: inline-block; }
  ul.career-office > li img { border-radius: 6px; opacity: 0.8; height: 211px; margin-bottom: 15px; }
  ul.career-office > li h4 { font-size: 16px; margin: 0; }
  ul.career-office > li p { font-size: 13px; }
  ul.career-office > li a:hover img { -webkit-filter: grayscale(0%); opacity: 1; }
  .career-list .accordion-heading h3 { margin: 0; font-size: 20px; }
}
/* --------------------------------------------------------------- */
/* Minimum width 1024 and height 500 */
/* --------------------------------------------------------------- */
@media screen and (min-width:1024px) and (min-height:500px) {
  .landing-side ul { display: block; }
}
/* --------------------------------------------------------------- */
/* Minimum width 1024 */
/* --------------------------------------------------------------- */
@media screen and (min-width:1024px) {
  #signup .form-group{position: relative;max-width: 410px;margin: auto;clear: both;}
  .slider-main .slide-box-1 { width: 32%; text-align: left;padding: 30px 0 0 ;}
  .slider-main .slide-box-2 { width: 65%; text-align: center; padding: 13px 0 0; }
  .slider-main #slide-1 .slide-box-1 { width: 44%; text-align: center; display: table-cell;}
  .slider-main #slide-1 .slide-box-2 { width: 54%; text-align: center; display: table-cell;}
  .slider-main #slide-1 .slide-box-2.logged-in { width: 100%;}
  .slider-main #slide-1 .slide-box-2.logged-in .btn-lg{ margin-top: 20px;}
  .slider-main #slide-5 .slide-box-2 img { margin-top: 10px; }
  /*.slider-main li { height: 470px; }*/
  .slider-main img { max-width: 650px; /* margin-top: 0; */ }
  .slider-main  #slide-6 img { max-width: 438px; }
  .slider-main #slide-3 img { position: relative; width: 100%; max-width: 750px; margin: 0; }
  .slider-main .box-download { width: 200px; left: 0; }
  .slider-main .box-download.second { right: 0; }
  .slider-main h1 { font-size: 2.5em; /*margin-top: 40px;*/ font-family: 'opensans-light', sans-serif; }
  .slider-main #slide-1 h1 { font-size: 22px; margin-top: 0; }
  .slider-main #slide-5 h1 { font-size: 3em; margin-top: 30px; }
  .slider-main .slide-box-1 h2 { font-size: 1em }
  .slider-main .slide-video .video-wrapper { width: 520px; text-align: center; }
  .slider-main .slide-video iframe { width: 503px; height: 272px; }
  #slider-features-pager a, #slider-features-pager a:visited { font-size: 0.929em; }
  .emphase h2 { font-size: 2.143em }
  .button { padding: 15px 35px; font-size: 1em; }
  #fairs .cat-features { background: url('/images/portal/backgrounds/cat-fairs-features.jpg') bottom left repeat-x; }
  h1.page-title { font-size: 3em; margin-top: 35px }
  .currency-states li { width: 31%; }
  #promote h2 br { display: inherit; }
  .user-page .navbar .container { max-width: 940px; }
  .event-item .field-image { width: 12%; }
  .event-item .field-details { width: 45%; }
  .event-item .field-date { width: 10%; }
  /* sides */
  .landing-side h2 { float: right; }
  .landing-side a.outline { /* float: right;  */ clear: both }
  .landing-side h1 span { font-size: 35px; }
  .landing-side ul li > div { transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); -webkit-transform: scale(0.7, 0.7); }
  .landing-right h2 { float: left; }
  /* pricing */
  #pricing-rs .pricing-cost li * { display: inline-block; }
  #pricing-rs .pricing-cost li { text-align: left; padding: 0; margin: 0; vertical-align: middle; }
  .slider-main #slide-4 .slide-box-2 img { max-width: 100%; height: inherit; }
  /* careers */
  .career-list .accordion-heading > div { position: absolute; right: 60px; top: 12px; }
  #header-big { min-height: 500px; text-align: center; color: #FFF; position: relative; }
  #header-big h1 { display: block; font-size: 20px; margin: 70px auto 20px; }
  #header-big h1 span { background: url("/images/portal/yapsody-logo-w-big.png") center center no-repeat; width: 100%; height: 160px; text-indent: -9999px; overflow: hidden; display: block; }
  #header-big h2 { margin: 0; font-size: 33px; font-family: 'opensans-light', sans-serif; }
  #header-big h3 { font-family: 'opensans-regular', sans-serif; font-size: 13px; margin-bottom: 30px; }
  /*security*/
  .security-list {padding-right:200px;}
  .security-list:after {content:"Your Information is secure"; position:absolute; top:50%; margin-top:-120px; right:0; font-size:11px; padding-top:180px; text-align:center; width:140px; height:200px; background: url('/images/portal/sprite-1.png') -180px 0px no-repeat; }
  .security-list li:nth-child(even) {border-right:1px solid #efefef;}
  .slider-main #slide-4 .slide-box-1 { width: 53%; text-align: center; }
}
/* --------------------------------------------------------------- */
/* Minimum width 1200 */
/* --------------------------------------------------------------- */
@media screen and (min-width:1200px) {
  .yap-custom-class .brand-box,.yap-custom-class-verification .brand-box {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    float: none;
  }
  .yap-custom-class .brand-box a.brand,.yap-custom-class-verification .brand-box {
  /*    margin-left: -30px;*/
    float: none;
  }
  .navbar .logo-concerts { padding: 12px 0 0 20px; width: 120px; height: 51px; }
  .concerts .navbar .logo-concerts { left: 128px; }
  .user-page .navbar .brand { 
    text-align: center; 
    /* width: 40%; */
    background-size: inherit; background-position: center center !important; top: 50px; }
  .slider-main h1 { font-size: 2.3em; }
  .slider-main #slide-1 h1 { font-size: 24px; margin-top: 0;}
  #slider-main-pager { bottom: 55px; }
  .slider-main #slide-2 .slide-box-1, .slider-main .slide-event .slide-box-1 { margin-top: 40px; }
  .slider-main #slide-2 .slide-box-2 { margin-top: 10px; }
  .slider-main #slide-5 .slide-box-1 { margin-top: 30px; }
  .slider-main .slide-video .video-wrapper { width: 455px; padding: 10px 10px 6px; }
  .slider-main .slide-video iframe { width: 430px; height: 245px; }
  .slider-main h1 br, .slider-main h2 br { display: inherit }
  .navbar .display-name .dropdown-menu { left: 0; right: inherit; }
  .navbar .nav>li a, .navbar a.but-login, .navbar a.but-signup, .navbar a.dropdown-toggle { padding: 16px 10px 15px; }
  .navbar .dropdown .dropdown-menu>li> a { padding: 11px 25px 10px; }
  .navbar a.but-login, .navbar a.but-signup { padding: 16px 25px 14px }
  .currency-map-2 { height: 450px; padding: 30px 0; }
  .user-page .navbar .container { max-width: 1170px; margin: 0 auto; }
  /* landing page */
  .landing-side { position: absolute; overflow: hidden; }
  .landing-right { width: 50%; right: 0; background: url('/images/portal/concerts/window-bg.jpg') no-repeat center center; }
  .landing-left { left: 0; right: 550px; width: 50%; }
  .landing-side h1 span { font-size: 40px; padding: 20px 0 }
  .landing-side ul li { max-width: 155px; width: 30%; margin: 0 1%; padding: 0; }
  .landing-side ul li > div { margin: 20px 0; transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); }
  .landing-right a.outline { width: 120px; }
  .landing-side ul li h3 { margin: 0 0 20px }
  .navbar a.but-signup, .navbar a.but-login { padding: 7px 18px 7px !important; vertical-align: middle;border-radius: 6px !important; margin-top: 9px !important;}
  .navbar a.but-signup{ margin-right: 5px !important;}
  .navbar a.but-hiring{ padding: 3px 14px !important; margin-top: 13px !important;border-radius: 6px !important;margin-left: 10px !important; }
}
/* --------------------------------------------------------------- */
/* Minimum width 1300 */
/* --------------------------------------------------------------- */
@media screen and (min-width:1300px) {
  .landing-side h2 br { display: block; }
}
/* --------------------------------------------------------------- */
/* Minimum width 1500 */
/* --------------------------------------------------------------- */
  
@media screen and (min-width:1500px) {
  /* careers */
  #header-big { background-size: 100% auto; }
}

@media screen and (max-width: 1024px){
  .apps-page .bg-image,.apps-page .panel-content{ width: 100%; float: none;}
  .apps-page .bg-image{ padding: 50px 0 0 ;}
  .apps-page .panel-content{ text-align: center;}
  .navbar.navbar-inverse .collapse-info.open {right: 155px;}
  .apps-page .laser-supporting-devices .device1, .apps-page .laser-supporting-devices .device2{
    width: 100%;
  }
}
@media screen and (max-width: 768px){

  .apps-page .details1, .apps-page .details2{
    float: none;
    width: 100%;
    padding: 0;
  }
  .apps-page .details2 .features, .apps-page .details2 .downloads{
    padding: 0;
  }
  .apps-page .laser-supporting-devices .device1,.apps-page .laser-supporting-devices .device2{
    float: none;
    width: 100%;
  }
  #slider-features-pager a{
    min-height: 92px;
  }
  body.pd88{ padding-top: 130px;}
  .slider-main #slide-1 .slide-box-1 h1 ,.slider-main #slide-1 .slide-box-1 form{
    margin-bottom: 10px;
    font-size: 1.3em;
    margin-top: 10px;
  }

  .slider-main .slide-box-2 h2{ font-size: 50px;}
  .slider-main .slide-box-2 p{ font-size: 15px;}
  .slider-main .slide-box-2 h3{ font-size: 40px;}
  .slider-main .slide-box-2 h5{ font-size: 18px;}
  .navbar a.but-hiring{ display: none !important;}

  .payment-gateway-section .icon{
    margin-right: 10px;
    width: 130px;
  }
  .payment-gateway-section .text {
    font-size: 13px;
  }
  .payment-gateway-section .yicon-stripe{
    width: 72px;
  }
}
@media screen and (max-width: 640px){

  .craig-event-list .card{
    width: auto;
    min-height: auto;
  }
  .craig-event-list .card img {
    border-radius: 6px 0px 0 6px;
    float: left;
  }
  .craig-ranch .bg-wrap {
    position: absolute;
    top: 490px;
    width: 100%;
  }
  .craig-event-list .event-details{
    overflow: hidden;
  }
  .slider-main #slide-1 .slide-box-1 {
    max-width: 268px;
    float: none;
    padding-top: 0;
  }
  #signup .float-side-by input {
    width: 100%;
  }
  .navbar-top .container{padding-right: 35px;}
  .navbar.navbar-inverse .collapse-info{right: 2px; top: 80%;}
  .navbar.navbar-inverse .collapse-info.open {right: 70px;}
  .navbar .container { max-width: 100%;}
  .concerts .c-menu.c-menu.contact-us-btn {display: none;}
  .concerts .navbar .nav-collapse ul.nav > li.c-menu.contact-us-mobile{ display: block !important;}
}
@media screen and (min-height: 768px){

main.reserved-seating section .centered img {max-width:800px}

main.reserved-seating section .centered p span {font-size:50px}
}
@media screen and (min-height: 900px){
main.reserved-seating section h2 {font-size:40px}
main.reserved-seating section {font-size:16px}
main.reserved-seating section ul li {font-size:14px; line-height:200%;}
main.reserved-seating section .centered p {font-size:20px}

}
@media screen and (max-width: 480px){
  .apps-page .device-description,.apps-page .laser-supporting-devices .device-image{
    width: 100%;
  }
  .apps-page .details2 .features, .apps-page .details2 .downloads{
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .apps-page .pos-app,.apps-page .bg-image {
    padding: 20px 0 0;
  }
  .apps-page .panel-content,.apps-page .laser-supporting-devices{
    padding: 20px 0;
  }
  .apps-page .laser-supporting-devices .device1, .apps-page .laser-supporting-devices .device2{
    margin: 30px 0;
  }

  .slider-main #slide-1 .slide-box-1 h1,.slider-main #slide-1 .slide-box-1 form {
    margin-bottom: 12px;
    font-size: 1.2em;
    line-height: 1.3;
  }

  body.pd88{ padding-top: 140px;}
  .slider-main .slide-box-2 h2{ font-size: 30px;}
  .slider-main .slide-box-2 p{ font-size: 12px;}
  .slider-main .slide-box-2 h3{ font-size: 25px;}
  .slider-main .slide-box-2 h5{ font-size: 14px;}
   ul.career-office > li { width: 100% }
   ul.career-office > li.active { border-bottom: 0;border-left: 4px solid #DA2C4C;}
  .payment-gateway-section .icon{
      width: 88px;
  }
  .payment-gateway-section .yicon-stripe{
    width: 52px;
  }

}
@media screen and (max-width: 425px){
  body.pd88{ padding-top: 161px;}
}

@media (max-width: 1024px){
  .support-portal-banner .spb-right{
    padding: 15px 0;
  }
  .support-portal-banner .spb-right .title{
    font-size: 38px;
  }
  .support-portal-banner .spb-right{
    padding: 15px 0;
  }
  .support-portal-banner .spb-right .title{
    font-size: 38px;
  }
  .navbar .brand {
      background-size: 80%; 
      top: 8px;  
  }
  .support-portal-banner .spb-ul li {
    padding: 10px;
    border-right: 0;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #5ebde0;
  }
  .support-portal-banner .spb-ul .social,
  .support-portal-banner .spb-ul .live-chat,
   .support-portal-banner .spb-ul .email{
    max-width: 10%;
  }

}
@media (max-width:1279px){
  .support-portal-banner .title-text{
    max-width: 100%;
  }
  .support-portal-banner .spb-right,
  .support-portal-banner .spb-left{
    float: none;
    width: auto;
    text-align: center;
  }
}
.directory-wrapper.portal-page{
	padding: 0;
	margin: 0;
}
.directory-wrapper{
	background: #fff;
	padding: 30px 0 50px 0;
	text-align: left;
}
.directory-wrapper.portal-page{
	padding: 0;
}
.directory-wrapper .directory-search-box{
	bottom: 0;
	margin: 0 0 20px;
	box-shadow: 0 2px 2px #cecece;
	position: static;
}

.directory-wrapper .search-tag.badge {
	cursor: pointer;
	margin-right: 13px;
	padding: 10px 10px;
	background: #fff;
	color: #74787b;
	border-radius: 4px;
	margin-bottom: 10px;
	border: 1px solid #e6e6e8;
	text-transform: capitalize;
/*	max-width: 250px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;*/
}
.directory-wrapper .accordion{
	margin-bottom: 0;
}
.directory-wrapper .accordion-group{
	border-radius: 0;
	background: #fff;
}
.directory-wrapper .accordion-inner{
	border:0; 
}

.directory-wrapper .directory-search-box input[type="text"]{
	border: 1px solid #f6f7f8 !important;
}
.img-110 {
	width: 110px;
	height: 145px;
}
.directory-wrapper .event_card{
	border: 1px solid #f7f7f7;
	background-color: #fff;
	box-shadow: 0 2px 1px #f7f7f7;
}
.directory-wrapper .event_card:hover,
.directory-wrapper .directory-list-content li.selected .event_card{
	border: 1px solid #dedede;
	box-shadow: 0 2px 0 0 rgba(0,0,0,.1);
}
.directory-wrapper .event-card-image{
	display: table;
	width: 25%;
	max-width: 216px;
	float: left;
	max-width: 216px;
	box-sizing: border-box;
	table-layout: fixed;
}
.directory-wrapper .event-card__image-display{
	display: table-cell;
	vertical-align: middle;
	background: #a5a5a5;
	text-align: center;
}

.directory-wrapper .event-card-description{
	float: left;
	width: 75%;
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: border-box;
	text-align: left;
}
.directory-wrapper .event-card-description h3{
	color: #505050;
	margin: .8em 0 0;
	padding-right: 60px;
}
.directory-wrapper .event-card-description p{
	color: #505050;
	margin-bottom: 20px;
}
.directory-wrapper .event-card-description ul li{
	color: #505050;
	font-size: 12px;
}
.directory-list-content,.event-card-description ul{
	margin: 0;
}
.directory-list-content li{
	list-style: none;
	border-top: 1px solid #f6f6f6;
	border-bottom: 2px solid #e5e5e7;
	// margin-bottom:  5px;
	
}
.directory-list-content li:last-child{
	margin-bottom: 0;
}
.directory-wrapper .directory-list-content li  ul li{
	border:  0;
	margin-bottom: 5px;
}
.directory-wrapper .directory-list-content li a{
	display: block;
	position: relative;
}
.directory-wrapper .directory-list{
	position: relative;
	min-height: 150px;
}
.directory-wrapper  .directory-list .loader{
	position: absolute;
	left: 45%;
	top: 45%;
	margin-top: -40px;
}
.directory-wrapper  .accordion-inner ul{
	margin: 0;
	list-style: none;
}
.directory-wrapper  .accordion-inner ul li a{
	color: #888;
	font-size: 14px;
	line-height: 25px;
	text-transform: capitalize;
	cursor: pointer;
}
.directory-wrapper  .accordion-inner ul li.active a{
	color: #000;
	font-weight: bold;
}
.directory-wrapper  .accordion-inner ul li a:hover{
	text-decoration: underline;
}
.directory-wrapper  .datepicker{
	margin: 20px 0;
}
.directory-wrapper  .ico-collapse{
	background: url(/images/portal/icons/accordion-minus.png);
	display: block;
	width: 20px;
	height: 20px;
}
.directory-wrapper  .ico-expand{
	background: url(/images/portal/icons/accordion-plus.png);
	display: block;
	width: 20px;
	height: 20px;
}
.directory-wrapper  .accordion-heading .accordion-toggle{
	color: #cb063c;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
	padding: 12px 15px;
}
.directory-wrapper  .ico-collapse,.directory-wrapper  .ico-expand{
	position: absolute;
	right: 10px;
	top: 13px;
}

.directory-wrapper  .frm_dt {
	border: 0;
	padding: 7px 0 7px 5px;
	border-radius: 3px;
	border: 1px solid #D4D4D4;
	background-image: url(/images/frm_dt.png);
	background-position: 97%;
	background-repeat: no-repeat;
	background-color: #FFF;
}
.directory-wrapper .btn_style, .btn_gray_nw2 {
	background: #1790E0;
	border: 0px;
	font-weight: 600;
	padding: 10px 25px 10px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	width: auto;
	min-width: 60px;
	font-size: 13px;
	margin-right: 10px;
	border-radius: 3px;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}
.ico-calendar{
	background: url(/images/portal/icons/calendar-ico.png) no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 10px;
}
.ico-location{
	background: url(/images/portal/icons/location-ico.png) no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 10px;
}
.text-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.directory-wrapper .featured{
	position: absolute;
	right: 10px;
	top: 10px;
}
.directory-wrapper .featured img{
	height: 22px;
	width: auto;
}
.directory-wrapper .featured span{
	color: #da2c4c;
	font-weight: bold;
	margin-left: 5px;
}

.directory-search-box input[type="text"] {
	color: #888;
	font-size: 1.214em;
	font-family: 'opensans-regular', sans-serif;
	display: block;
	padding: 0 0 0px 20px;
	background-color: #FFF;
	width: 100%;
	height: 50px;
	line-height: 150%;
	border: none !important;
	border-radius: 0;
	box-sizing: border-box;
}
.directory-search-box button {
	display: inline-block;
	height: 50px;
	width: 60px;
	padding: 0;
	border: none;
	position: absolute;
	right: -1px;
	top: 0;
	cursor: pointer;
	background: url('/images/portal/sprite.png') -4px -117px no-repeat;
	background-color: #009bd5;
	border-radius: 0;
}
.directory-wrapper .cross-icon{
	background: url('/images/filter-close.png');
	display: inline-block;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	position: relative;
	top: 2px;
	margin-left: 25px;
}
.directory-search-box form {
	margin: 0;
	padding: 0;
	width: 100%;
	float: none;
}
.directory-wrapper button.reset-search{
	background-color: #60757c;
	background-position: -4px -68px;
}
.directory-wrapper h2.search-header-text{
	text-align: center;
}
.directory-wrapper .primary-filter{
	display: inline-block;
	border: 1px solid #dedede;
	border-radius: 6px;
	margin-top: 65px;
	margin-bottom: 12px;
	float: right;
}
.directory-wrapper .primary-filter-link{
	padding: 10px 15px;
	float: left;
	text-transform:  uppercase;
}
.directory-wrapper .primary-filter-link.active{
	color: #666;
	background-color: #ededed;
}
.directory-wrapper .primary-filter-link:first-child{
	border-right: 1px solid #dedede; 
}

.directory-wrapper > .container{
	position: relative;
}
.search-wrap{
	position: absolute;
	right: 0;
	width: 74.35897435897436%;
}
.selected-filter-container{
	margin-top: 65px;
	display: inline-block;
}
.directory-wrapper .filter-container{
	margin: 5px 0 5px;
	cursor: pointer;
	display: none;
}
.directory-wrapper .filter-container p,.directory-wrapper .hide-filter-container p{
	text-align: center;
	margin: 0;
	border: 1px solid #e5e5e5;
	background: #fff;
	padding: 10px 0;
}
.directory-wrapper .hide-filter-container p{
	padding: 5px 0;
}
.directory-wrapper .hide-filter-container{
	cursor: pointer;
	display: none;
}
.directory-wrapper .hide-filter-icon{
	background: url('/images/portal/arrow-3-up.png');
	vertical-align: middle;
	margin-right: 10px;
	display: inline-block;
	width: 20px;
	height: 20px;

}
.directory-wrapper .show-filter-icon{
	background: url('/images/portal/filter.png') no-repeat center;
	height: 20px;
	text-align: center;
	display: inline-block;
	width: 18px;
	margin-right: 10px;
	vertical-align: middle;
}
.fright{
	float: right;
}
/*------------------------------------Pagination Styles----------------------------*/
.pagination{

}
.pagination p{
	text-align: center;
	font-size: 12px;
}
.pagination .icon-prev{
	background: url(/images/prev.png) no-repeat;
	display: inline-block;
	width: 16px;
	height: 25px;
}
.pagination .icon-next{
	background: url(/images/next.png) no-repeat;
	display: inline-block;
	width: 16px;
	height: 25px;
}
.pagination ul>li>a{
	cursor: pointer;
}
.directory-wrapper input:focus:invalid:focus{
	box-shadow: none;
	outline: none;
}
/*------------------------------------End of Pagination Styles----------------------------*/
@media (max-width: 1200px){
	.event-card__image-display {
    	max-width: 170px;
	}
}
@media (max-width: 1024px){
.directory-wrapper .event-card-description {
		width: 56%;
	}
}
@media (max-width: 767px){
	.search-wrap{
		position: static;
	}
	.directory-wrapper .accordion.show-mob{
		display: block;
	}

	.directory-wrapper .accordion{
		display: none;
	}
	.directory-wrapper .filter-container{
		display: block;
	}
	.directory-wrapper .directory-search-box{
		width: 100%;
	}
	.event-card-description{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.directory-wrapper .search-wrap{
		width: 100%;
	}
	.directory-wrapper .primary-filter, .selected-filter-container{
		margin-top: 10px;
	}

	.directory-wrapper .event-card-description {
		width: 60%;
	}
}
@media (max-width: 520px){
	.directory-wrapper .event-card-description h3{
		padding-right: 0;
	}

	.directory-wrapper .featured span{
		display: none;
	}
	.directory-wrapper .event-card-description {
		width: 72%;
	}
	.event-card__image-display  {
    	max-width: 95px;
	}
	.pagination ul>li>a, .pagination ul>li>span {
		padding: 4px 10px;
		font-size: 14px;
	}
	.event-card-image{
		width: 100%;
		text-align: center;
	}
}
@media (max-width: 420px){
	.event-card__image-display{
    	max-width: 75px;
	}	
}