/* NEW CSS FOR UI CHANGES -------> */
.event-menu-title {font-weight: 700; color: rgba(0, 0, 0, 0.66); text-transform: uppercase;}
.event-menu li {line-height: 23px;}
.event-menu li ul {padding-left: 15px;list-style: none;}
.event-legend li i {
	height: 40px;
	float: left;
	margin-right: 5px;
}
.event-legend-option {
	line-height: 1.4!important;
	margin-top: -3px;
}
.tickets-search .input-group-btn {
	position: absolute;
	top: 0;
	z-index: 2;
	right: 28px;
}
/* <------ NEW CSS ENDS HERE */




.col-xs-45,
.col-sm-45,
.col-md-45,
.col-lg-45,
.col-xs-35,
.col-sm-35,
.col-md-35,
.col-lg-35,
.col-xs-25,
.col-sm-25,
.col-md-25,
.col-lg-25,
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.typed-cursor{
  opacity: 1;
  font-weight: 100;
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  -ms-animation: blink 0.7s infinite;
  -o-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
}
@-keyframes blink{
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes blink{
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes blink{
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}
@-ms-keyframes blink{
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes blink{
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}

.my-events-img{
    display: block;
    height: 130px;
    line-height: 130px;
    text-align: center;
    width: 100%;
}

.my-event-title{
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    height: 38px;
    color: #f89844;
    line-height: 38px;
    overflow: hidden;
}

.my-event-title:hover {
    text-decoration: none;
    color: #f7790c;
}

.my-events > li {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
    position: relative;
    width: 100%;
}

/*Buttons*/
.btn {
	border: none;
	border-radius: 0;
	text-transform: uppercase;
}

.btn-default {
	background: #fff;
	color: #222;
	font-size: 14px;
	font-weight: bold;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.btn-default:hover {
	background: #eee;
	text-decoration: none;
}

.btn-primary {
	background: #f89844;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.btn-primary:hover {
	background: #f38627;
	text-decoration: none;
}

a.btn-primary {
    background: #f89844;
    color: #fff!important;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
a.btn-primary:hover {
    background: #f38627;
    text-decoration: none;
}

.btn-danger {
	background: #df6666;
	color: #fff;
	font-weight: bold;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.btn-danger:hover {
	color: #fff!important;
	background: #c66161;
	text-decoration: none;
}

.btn-success {
	background: #85a64a;
	color: #fff;
	font-weight: bold;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.btn-success:hover {
	background: #789544;
	text-decoration: none;
}

.btn-neutral {
    background: #a0a6ad;
    color: #fff;
    font-weight: bold;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.btn-neutral:hover {
    background: #a09e9a;
    text-decoration: none;
    color: #ffffff;
}

.btn-cancel {
	background: #bf212a;
	color: #fff;
	font-weight: bold;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.btn-cancel:hover {
	background: #a51e25;
	color: #fff;
	text-decoration: none;
}

.btn-warning {
	font-weight: bold;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}

.btn-info {
	background: #669fdf;
	color: #fff;
	font-weight: bold;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.btn-info:hover {
	background: #3c8ae1;
	text-decoration: none;
}
.btns-edit {margin-top: 15px;}
.btns-edit .btn {
    font-size: 14px;
    margin-bottom: 5px;
}

.btns-edit li {padding: 0;}

/*Titles*/
.title {
	font-size: 20px;
	color: #666;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 30px;
	/*margin-bottom: 15px;*/
}
.title-2 {
	font-size: 16px;
	color: #222;
	font-weight: bold;
	margin-top: 20px;
}
.title-3 {
	font-size: 15px;
	color: #999;
	font-weight: bold;
	text-transform: uppercase;
}
.title-4 {
	font-size: 44px;
	color: #fff;
	font-weight: bold;
}
.title-small {
	font-size: 13px;
	color: #222;
	text-transform: uppercase;
	font-weight: bold;
}

.title-normal {
  font-size: 15px;
  color: #333;
}

.title-big {
	font-size: 24px;
	color: #f89844;
}

.text-normal {
  text-transform: none!important;
  font-weight: normal!important;
}

.my-active-events {
    border-left: 5px solid #85a64a;
}

.my-waiting-events {
    border-left: 5px solid #f89844;
}

.my-unactive-events {
    border-left: 5px solid #df6666;
}

.my-passed-events {
    border-left: 5px solid #CCCCCC;
}

.btn-toggle-active {
    background: #fff;
    border: 1px solid #e8e0db;
}

.btn-toggle-active.active {
    background: #60AC6B;
    border: 1px solid #60AC6B;
    color: #fff;
    box-shadow: none;
}

.btn-toggle-unactive {
    border: 1px solid #e8e0db;
}

.btn-toggle-unactive.active {
    background: #ed6c44;
    border: 1px solid #ed6c44;
    color: #fff;
    box-shadow: none;
}

/*Messages*/
.alert-danger {
	color: #df1832;
	border: 1px solid #df1832;
  background: #F4EBEB;
  padding: 5px;
}
.alert-success {
	color: #80a145;
	background: #fff;
	border: 1px solid #80a145;
  font-weight: bold;
}
.alert-info {background: #fff;}
.alert-warning {background: #fff;}

/*Lists*/
.arrow-list {}
.circle-list {}
.square-list {}

/*Form*/
.form-control {border-radius: 0;}
.form-control:focus {box-shadow: none; border: 1px solid #ccc;}
.form-group.error {}
.form-group label {
	text-transform: uppercase;
	color: #555;
	font-size: 12px;
}
.form-group.success {box-shadow: 0px 1px 2px 1px rgba(129, 162, 70, 0.65);}
.form-group {margin-bottom: 10px;}

label span {
  font-size: 13px;
  font-weight: normal;
  color: #999;
  text-transform: none;
}

/*Other*/
.box {
	background: #fff;
	border: 1px solid #eee;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	padding: 20px 20px 10px;
	margin: 10px 0 30px;
    overflow: hidden;
}

.box-event-added {
	background: #61D8AB;
	border: 1px solid #61D8AB;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	padding: 40px 20px 18px;
	margin: 68px 0 30px;
}

.box-event-added p {
	font-size: 16px;
	color: #fff;
}

.box-greeting {
  background: #d5f5e9;
  border: 1px solid #61D8AB;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  padding: 40px 20px 37px;
  margin: 68px 0 30px;
}

.box-greeting a {
  color: #f89844;
}

.box-greeting a:hover {
  text-decoration: none;
  color: #dc7821;
}

.box-greeting p {
  font-size: 16px;
  color: #1d8c62;
}

.link:hover {text-decoration: none;}
.normal-label {
  text-transform: none!important;
  font-size: 15px;
  font-weight: normal;
  color: #333;
}

.title-event {
  margin-bottom: 25px!important;
}

/*Margin*/
.mt0 {margin-top: 0px!important;}
.mt5 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt20 {margin-top: 20px!important;}
.mt24 {margin-top: 24px!important;}
.mt30 {margin-top: 30px!important;}
.mt40 {margin-top: 40px!important;}
.mt66 {margin-top: 66px!important;}
.mt70 {margin-top: 60px!important;}
.mb0 {margin-bottom: 0px!important;}
.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb250 {margin-bottom: 200px!important;}
.mr20 {margin-right: 20px!important;}
.ml0 {margin-left: 0px!important;}
.ml15 {margin-left: 15px!important;}
.ml20 {margin-left: 20px!important;}
.mr0 {margin-right: 0px!important;}

html,
body {height: 100%;}

body {
	margin: 0;
	background: #f7f7f7;
	font-family: "Open Sans", "Arial";
}

a:focus {outline: none;}
button:focus {outline: none;}

.header-index {
	background: url('../images/header-bg.jpg') 100% 0 no-repeat;
	height: 250px;
}

.header-default {
    background: url('../images/header-bg.jpg') 100% 0 no-repeat;
    min-height: 100px;
}

.top-list {margin-top: 20px; color: #ccc; font-size: 11px;}

.top-list li {padding: 0 8px;}

.top-list li a {
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 30px;
	display: block;
}

.top-list li a:hover {
	text-decoration: none;
	color: #df6666;
}

header .btn-danger {
	height: 33px;
	width: 140px;
	text-align: center;
	border-radius: 20px;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 30px;
	display: block;
	margin-top: 20px;
}

header .title-big {
	margin-top: 60px;
	line-height: 80px;
}

header .title-big span {
	font-size: 40px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}

h1 {margin-top: 0;}
.logo {margin-top: 10px; display: block;}

.search {
	background: #fff;
	height: 50px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	margin-top: -17px;
}

.search .form-control {
	border: none;
	border-radius: 0;
	height: 50px;
	font-size: 13px;
	color: #555;
	font-weight: 600;
}

.search .btn-primary {height: 50px;}

.event {
	height: 445px;
	background: #fff;
	position: relative;
	margin-bottom: 20px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.label-event {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}

.login-order-page {
    position: relative;
    z-index: 1;
}

.register-order-page {
    position: relative;
    z-index: 1;
}

.overlay-order-page-loader {
    background: url('../images/ajax-loader-2.gif');
    background-size: 200px 200px;
    position: absolute;
    z-index: 109;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -100px;
}

.overlay-order-page {
    height: 100%;
    width: 100%;
    background: rgba(245, 245, 245, 0.7);
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
}

.overlay {
  width: 100%;
  height: 445px;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
}

.event:hover {
	position: relative;
	top: -1px;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
}

.cat-1 .active {border: 1px solid #669fdf; background: #669fdf; color: #fff;}
.cat-2 .active {border: 1px solid #f89844; background: #f89844; color: #fff;}
.cat-3 .active {border: 1px solid #df6666; background: #df6666; color: #fff;}
.cat-4 .active {border: 1px solid #a8a8a8; background: #a8a8a8; color: #fff;}

.event-img {
	display: block;
	width: 100%;
	height: 195px;
	line-height: 195px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #eee;
}
.event-img img {
	max-height: 192px;
	vertical-align: middle;
}

.favorite {
	position: relative;
	top: 0;
	left: 20px;
	width: 28px;
	height: 30px;
	font-size: 15px;
	text-align: center;
	line-height: 26px;
	border: 1px solid #eee;
	border-top: none;
	color: #ccc;
	cursor:pointer;
}

.event-title {
	padding: 15px 20px 10px;
	display: block;
	font-size: 14px;
	color: #222;
	font-weight: 600;
	line-height: 20px;
}
.event-title:hover {text-decoration: none;}

.event-info {
	margin-bottom: 0;
	padding: 0 20px 15px;
	height: 78px;
}

.event-info li {
	font-size: 13px;
	line-height: 20px;
	color: #555;
}

.event-info li i {
	padding-right: 7px;
	color: #999;
	font-size: 12px;
}
.event-info li:last-child i {font-size: 17px;}

.event-bottom {
	border-top: 1px solid #eee;
	height: 51px;
	line-height: 51px;
	padding: 0 0 0 20px;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}

.event-price,
.event-free {color: #222; font-size: 13px;}

.event-free {text-transform: uppercase;}
.event-price strong {font-size: 23px;}

.event-btn {
	background: #f5f5f5;
	border-left: 1px solid #eee;
	height: 50px;
	line-height: 40px;
	color: #555;
	font-weight: bold;
}

.create-event {
	background: url('../images/new-event.jpg') 100% 0 no-repeat;
	height: 320px;
	margin-top: 30px;
}

.create-event .title-4 {
	font-family: "Lobster", "Arial";
	margin-top: 80px;
}

.create-event p {
	color: #fff;
	font-size: 15px;
	line-height: 22px;
	margin: 20px 0 30px;
}

.create-event .btn {height: 55px; line-height: 46px;}

.item-image-container ul {
    margin-bottom: 0;
    margin-left: 14px;
    float: left;
}

.item-image-container ul li {
    width: 100px;
    height: 100%;
    background: #fff;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
    margin-bottom: 5px;
}

.item-image-container ul li img {
    width: 92px!important;
    /*height: 92px!important;*/
    margin: 4px;
    border-radius: 4px;
}

.item-image-container ul li.image-selected {
    background: #80b500;
}

.item-image-container ul li .item-image-remove {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    display: block;
    width: 25px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    color: red;
    border-radius: 0  4px;
    cursor: pointer;
}

.item-image-container ul li .item-image-remove:hover {
    background: red;
    color: #fff;
}

.item-image-container ul li.image-selected .item-image-remove {
    background: #80b500;
    color: #fff;
}

.item-image-container .add-img {
  border: 1px solid #ccc;
  margin-left: 15px;
  border-radius: 0;
}

.item-image-container .add-img i {
  font-size: 20px;
}
.item-image-container .add-img span i {
  font-size: 13px;
}

.add-img {
    font-size: 30px;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    color: #ccc;
    display: inline-block;
}

.add-img:hover {
  color: #999;
  text-decoration: none;
}

.reviews {margin: 10px 0 30px;}

.reviews .comment-expanded {
	font-size: 13px;
	color: #555;
	line-height: 22px;
  margin-bottom: 10px;
  overflow: hidden;
  height: 160px;
}

.img-circle-css {
    background: #fff;
    height: 130px;
    line-height: 130px;
    border-radius: 65px;
    width: 130px;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px;
 }

footer {background: #222; margin-top: 30px;}
footer .title-3 {margin: 35px 0 10px;}

.footer-list a {
	font-size: 13px;
	color: #fff;
	line-height: 25px;
}

.footer-list a:hover {
	text-decoration: none;
	color: #ccc;
}

.footer-list img {padding-right: 10px;}

.copyright {
    border-top: 1px solid #363636;
    font-size: 12px;
    height: 55px;
    line-height: 45px;
}
.copyright p {
    color: #999;
    margin-top: 10px;
}

.copyright a {color: #999;}
.copyright a:hover {color: #fff; text-decoration: none;}

.design {
    color: #999;
    display: block;
    line-height: 13px;
    padding-right: 35px;
    padding-top: 20px;
    position: relative;
}

.design span {display: block;}

.design img {
    position: absolute;
    right: 0;
    top: 20px;
}

.remove-button-box-shadow .btn-default {
    box-shadow: none;
}

.profile-text {
	font-size: 13px;
	color: #80a145;
}
.register {margin-top: 10px;}

.form-profile .form-control {margin-bottom: 10px;}

.register label {
	text-transform: none;
	font-size: 13px;
	color: #555;
	font-weight: normal;
}

.register .btn {margin-top: 20px;}

.register label a:hover {text-decoration: none;}

.text-danger {
  font-size: 13px;
  color: #df1832!important;
}

.conditions .title-big {margin: 20px 0;}

.conditions p {
	font-size: 13px;
	color: #555;
	margin-bottom: 20px;
}

.conditions p:last-child {margin-bottom: 0;}

.conditions .title-2 {
	font-size: 18px;
	margin: 20px 0;
}

.conditions .title-3 {color: #f89844; margin: 10px 0;}

.conditions ul {margin-bottom: 20px; list-style-type: square;}
.conditions li {color: #555; font-size: 13px;}

.box .title {
  margin-top: 0;
  color: #f89844;
}
.box .title-2 {
	color: #f89844;
	font-size: 20px;
	font-weight: normal;
  margin-top: 0px!important;
}

.box .title-small {font-size: 12px;}
.box .title-2 span {
  font-size: 15px;
  font-weight: normal;
  color: #555;
}

.box p {
	font-size: 13px;
	color: #555;
	padding-bottom: 10px;
}

.box .btn {margin-bottom: 10px;}

.box a {color: #f89844; font-size: 14px;}

tr.ticket-booking-preview td,
tr.ticket-booking-preview-edit-button td {
	padding-right: 21px !important;
	text-align: right;
	border: 1px solid transparent !important;
	font-size: 11px !important;
	color: rgba(0, 0, 0, 0.5) !important;
}

.box .table {margin: 20px 0;}
.box .table th {background: #eee; font-weight: 600;}
.box .table td {
	font-size: 13px;
	color: #555;
}

.table span {
	text-transform: uppercase;
	color: #7d9b48;
}

.calculator-form label {margin: 10px 0 5px;}
.calculator-form .btn {margin-top: 20px;}

.features li {
	background: url("../images/tick.png") no-repeat 0 50%;
	margin-bottom: 5px;
	padding-left: 30px;
	font-size: 13px;
	color: #555;
}

.view-event {margin: 40px 0 0px;}

.view-event .box {margin-top: 10px!important;}

.view-event .title {font-size: 24px;}
.view-event .title-2 {font-weight: normal;}

.view-event table,
.view-event table tr,
.view-event table tr td,
.view-event table tr th{border: 1px solid #eee; padding: 3px;}

.view-event table tr th {
	height: 30px;
	background: #eee;
	color: #000;
	font-weight: normal;
}

.view-event .btn-success {color: #fff;}

.order-auth {
    background-color: #f5f5f5;
    padding: 19px;
}

.promo-code {font-size: 13px!important;}

.bb-1 {
	height: 20px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}

.img-map img {
	max-width: 320px;
	margin-bottom: 20px;
}

.organizers-list-text {margin-bottom: 0;}
.organizers-list li {
  padding-bottom: 10px;
  color: #f89844;
  font-size: 13px;
}
.organizers-list a {font-size: 13px!important;}
.organizers-list-icon {float: left;}
.organizers-list-text {padding-left: 22px; display: block;}

.account-list {margin-bottom: 5px;}
.account-list a {font-size: 14px;}

.account-list .current {color: #888;}

.pagination-current {
	background: #ffb230;
	color: #4c4743;
	padding: 2px 8px !important;
}

.account-list li .current:before {
  content: ">";
  color: #f89844;
  padding-right: 3px;
  font-weight: bold;
}

.account-list .current{
	color: #888;
	font-size: 14px;
}
.account-list a:hover {
	font-size: 14px;
	text-decoration: none;
	color: #888;
}
.account-list li {line-height: 23px;}

.event-form label {text-transform: none;}
.event-form label span {color: #cd3045;}
.event-form p {font-size: 11px; margin-bottom: 0;}

.event-form .special {font-size: 12px!important;}
.event-form textarea {resize: none;}

.steps-list {
	background: #eee;
	overflow: hidden;
}

.steps-list li {
	padding: 10px;
	color: #999;
	border-left: 1px solid #fff;
}

.steps-list li.complate {
	background: #7AC53B;
	color: #fff;
	padding: 0;
}

.steps-list li.complate:hover {
	background: #4B9C29;
}

.steps-list li.complate a {
	color: #fff;
	display: block;
	padding: 10px;
}

.steps-list li.complate a:hover {
	text-decoration: none;
}

.steps-list li.selected {
	background: #f89844;
	color: #fff;
}

 .border-style {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}

.js-ticket-options i {cursor: pointer;}
.js-ticket-options .fa-times {color: #c01824;}
.js-ticket-options span:hover i{color: #f11121;}
.js-ticket-options .fa-pencil {color: #c3c1c1;}
.js-ticket-options .fa-pencil:hover {color: #f3a968;}

.account-list span {
  padding-left: 10px;
  color: #777;
}

.modal-dialog .title-small {
  text-transform: none;
}

.account-list .col-xs-1,
.account-list .col-sm-1,
.account-list .col-md-1,
.account-list .col-lg-1,
.account-list .col-xs-2,
.account-list .col-sm-2,
.account-list .col-md-2,
.account-list .col-lg-2,
.account-list .col-xs-3,
.account-list .col-sm-3,
.account-list .col-md-3,
.account-list .col-lg-3,
.account-list .col-xs-4,
.account-list .col-sm-4,
.account-list .col-md-4,
.account-list .col-lg-4,
.account-list .col-xs-5,
.account-list .col-sm-5,
.account-list .col-md-5,
.account-list .col-lg-5,
.account-list .col-xs-6,
.account-list .col-sm-6,
.account-list .col-md-6,
.account-list .col-lg-6,
.account-list .col-xs-7,
.account-list .col-sm-7,
.account-list .col-md-7,
.account-list .col-lg-7,
.account-list .col-xs-8,
.account-list .col-sm-8,
.account-list .col-md-8,
.account-list .col-lg-8,
.account-list .col-xs-9,
.account-list .col-sm-9,
.account-list .col-md-9,
.account-list .col-lg-9,
.account-list .col-xs-10,
.account-list .col-sm-10,
.account-list .col-md-10,
.account-list .col-lg-10,
.account-list .col-xs-11,
.account-list .col-sm-11,
.account-list .col-md-11,
.account-list .col-lg-11,
.account-list .col-xs-12,
.account-list .col-sm-12,
.account-list .col-md-12,
.account-list .col-lg-12 {
    padding-left: 0px;
    padding-right: 2px;
}

.account-list .link-ticket {
  color: #f89844;
  font-weight: bold;
  padding-left: 10px;
  font-size: 16px;
}

.account-list .title-ticket:hover {
  color: #f89844;
  text-decoration: underline;
  font-size: 16px;
}

.text-red {color: red!important;}
.text-green {color: #208d15!important;}
.text-yellow {color: #8a6d3b!important;}
.text-blue {color: #1977e0!important;}
.fs-18 {font-size: 18px!important;}

.img-chart {width: 100%;}

.box-bg {background: #eee!important;}

.breadcrumbs {
  height: 40px;
  line-height: 36px;
  padding-left: 0px;
  color: #888;
  font-size: 13px;
  margin-top: 20px;
}

.breadcrumbs a {
  color: #888;
  padding: 0 5px;
}

.breadcrumbs a:hover {
  text-decoration: none;
  color: #222;
}

.breadcrumbs .current {color: #222;}

.table-responsive-special th {font-size: 12px;}
.table-responsive-special td span {font-size: 12px; text-transform: none!important;}


.news {
  height: 310px;
  margin-bottom: 10px;
}

.news a {
  display: block;
  border: 1px solid #eee;
}
.news a:hover {text-decoration: none;}
.news a:hover p {color: #000;}
.news .img {
  display: block;
  height: 200px;
  text-align: center;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}

.news .img img {width: 100%;}

.news p {
  margin-top: 15px;
  font-size: 16px;
  font-weight: bold;
  height: 60px;
  line-height: 20px;
  padding-left: 10px;
}
.news-date {
  display: block;
  font-size: 12px;
  color: #999;
  padding-left: 10px;
  padding-bottom: 5px;
}

.news-text {margin-bottom: 0;}
.js-event-poll-add-answer {color: #f39c12;}
.js-event-poll-add-answer:hover {color: #dc8c0e;}

.pool-form label {
  font-weight: normal;
  text-transform: none;
  font-size: 14px;
}

.pool-form .title-3 {color: #666;}
.js-event-ticket-container .title {margin-left: 15px;}
.box-bg-2 {background: #f9f8f8;}

.organizer-info .title {
  font-size: 20px;
  text-transform: none;
  color: #333;
  display: block;
  border-bottom: 2px solid #ddd;
  padding-bottom: 7px;
  margin-top: 30px;
}

.organizer-info .title-4 {
  font-size: 20px;
  text-transform: none;
  color: #f89844;
  font-weight: 600;
  margin-bottom: 20px;
}

.organizer-info p {
  font-size: 15px;
  padding-left: 0;
  color: #333;
}

.organizer-img {
  height: 200px;
  line-height: 200px;
  text-align: center;
  display: block;
}

.organizer-img img{
  max-height: 200px;
  vertical-align: middle;
}

.article-image img {
  width: 100%;
}

.article-image {
  float: left;
  padding-right: 25px;
  padding-bottom: 20px;
}

.article-title {
  font-size: 22px;
  font-weight: bold;
}

.article-date {
  font-size: 13px;
  color: #999;
  margin-bottom: 10px;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important;
}

.search .col-xs-1,
.search .col-sm-1,
.search .col-md-1,
.search .col-lg-1,
.search .col-xs-2,
.search .col-sm-2,
.search .col-md-2,
.search .col-lg-2,
.search .col-xs-3,
.search .col-sm-3,
.search .col-md-3,
.search .col-lg-3,
.search .col-xs-4,
.search .col-sm-4,
.search .col-md-4,
.search .col-lg-4,
.search .col-xs-5,
.search .col-sm-5,
.search .col-md-5,
.search .col-lg-5,
.search .col-xs-6,
.search .col-sm-6,
.search .col-md-6,
.search .col-lg-6,
.search .col-xs-7,
.search .col-sm-7,
.search .col-md-7,
.search .col-lg-7,
.search .col-xs-8,
.search .col-sm-8,
.search .col-md-8,
.search .col-lg-8,
.search .col-xs-9,
.search .col-sm-9,
.search .col-md-9,
.search .col-lg-9,
.search .col-xs-10,
.search .col-sm-10,
.search .col-md-10,
.search .col-lg-10,
.search .col-xs-11,
.search .col-sm-11,
.search .col-md-11,
.search .col-lg-11,
.search .col-xs-12,
.search .col-sm-12,
.search .col-md-12,
.search .col-lg-12 {
  padding-left: 0px;
  padding-right: 0px;
}

.no-events {
  background: url('../images/no-events.png') 50% 0 no-repeat;
  height:360px;
  margin: 80px 0 50px;
}

.no-events .title {
  font-size: 25px;
  color: #000;
  font-weight: lighter;
  text-transform: uppercase;
  padding-top: 140px;
}

.no-events a {
  font-size: 20px;
  text-transform: uppercase;
}

.no-events .title span {
  display: block;
  font-weight: 600;
  text-transform: none;
  font-size: 20px;
}
.event-guide .title-1 {
  font-size: 20px;
  color: #000;
  font-weight: normal;
}

.event-guide p {
  font-size: 13px;
}

.event-guide .title {
  font-size: 20px;
  font-weight: normal;
  color: #000;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.event-guide .title-2 {
  font-size: 15px;
  color: #000;
  font-weight: normal;
  border-top: 1px solid #eee;
  padding-top: 30px;
}

.event-guide span {
  display: block;
  font-size: 13px;
  color: rgba(0,0,0,0.6);
}

.event-guide a {
  text-transform: uppercase;
  color: #1287ae;
  font-size: 15px;
  font-weight: 600;
}

.event-guide a:hover {
  text-decoration: none;
  color: #17a3d1;
}

.event-guide {
  padding-bottom: 45px;
  padding-top: 20px;
}

.title-6 {
  font-size: 23px;
  color: #000;
}

.bg-white {background: #fff;}

.new-create-event {
  text-align: center;
  margin-top: 55px;
}

.new-create-event img {
  display: block;
  margin: 0 auto;
  padding-bottom: 20px;
}

.new-title-big {
  font-size: 35px;
  color: #555;
  font-weight: bold;
  padding-top: 75px;
}

.title-description {
  display: block;
  font-size: 15px;
  color: #555;
}

.new-create-event .title {
  font-size: 18px;
  text-transform: none;
  color: #555;
}

.new-create-event .description {
  display: block;
  font-size: 13px;
  color: #999;
  padding-top: 20px;
  margin-bottom: 60px;
}

.new-title-small {
  font-size: 18px;
  color: #555;
}

.new-title-middle {
  font-size: 35px;
  color: #555;
  font-weight: bold;
  padding-top: 55px;
}

.new-create-event i {
  display: block;
  font-size: 35px;
  color: #999;
  margin-bottom: 30px;
}

.new-create-event p {
  font-size: 15px;
  color: #999;
  padding-top: 20px;
}

.pb50 {padding-bottom: 50px;}
.pt50 {padding-top: 50px;}
.pt20 {padding-top: 20px;}

.new-nav-links {
  height: 40px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.10);
  line-height: 40px;
}

.new-nav-links a {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  color: #333;
  padding: 0 10px;
  display: inline-block;
}

.new-nav-links a:hover {
  text-decoration: none;
  background: #ccc;
}

.new-nav-links .active {
  background: #ccc;
  height: 40px;
}

.page-404-title span {
  font-size: 80px;
  font-weight: bold;
  color: #828c95;
}

.page-404 p i {
  font-size: 36px;
  color: #828c95;
  padding-bottom: 50px;
}

.page-404 {margin: 100px 0;}

.page-404 a {
  color: #828c95;
}

.page-404 a:hover {
  text-decoration: none;
  color: #ff920a;
}

.payment-style .form-group {
  margin-bottom: 0;
}

.payment-style .form-group label input {
  margin-right: 5px;
}

.payment-style .form-group label img {
  margin-left: 5px;
}

/************************************************  BOX-STAGE  *********************************************************
***********************************************************************************************************************/
.booking-nav {
  height: 60px;
  background: #eeeeee;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 10px;
}

.booking-nav a:hover {
  text-decoration: none;
}

.booking-nav .btn-employed,
.booking-nav .btn-inactive {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  background: #ccc;
  color: #000;
  margin-right: 5px;
  border-radius: 5px;
  display: inline-block;
  font-weight: 600;
}

.booking-nav .btn-employed:hover, .booking-nav .btn-employed-selected {
  background: #de2a2a;
  color: rgba(255, 255, 255, 0.7);
}

.booking-nav .btn-employed:focus {
    text-decoration: none;
}

.booking-nav .btn-inactive:hover, .booking-nav .btn-inactive-selected {
  background: #7d7d7d;
  color: rgba(255, 255, 255, 0.7);
}

.booking-nav .btn-selected:hover, .booking-nav .btn-selected-selected {
	background: #f68e56;
	color: rgba(255, 255, 255, 0.7);
}

.booking-nav .btn-inactive:focus {
    text-decoration: none;
}

.booking-nav .legend li span {
  width: 25px;
  height: 10px;
  background: #cfcfcf;
  display: inline-block;
  margin-right: 3px;
}

.booking-nav .legend li {
  color: #333;
  margin-left: 10px;
  line-height: 40px;
  display: inline-block;
}

.booking-nav .legend li .inactive-p {
  background: #7d7d7d;
}
.booking-nav .legend li .free-p {
  background: #82ca9c;
}
.booking-nav .legend li .selected-p {
  background: #f68e56;
}
.booking-nav .legend li .employed-p {
  background: #de2a2a;
}

.inactive-p {
  background: #7d7d7d!important;
}
.free-p {
  background: #82ca9c!important;
}
.selected-p {
  background: #f68e56!important;
}
.employed-p {
  background: #de2a2a!important;
}

.img-stage {
  height: 160px;
  line-height: 160px;
  text-align: center;
}

.img-stage img {
  width: 100%;
}

.box-stage {
  border: 1px solid #eeeeee;
  display: block;
  height: auto;
  margin-bottom: 30px;
}

.box-booking {
  width: 100%;
  display: block;
  overflow-x: auto;
}

.inside-bb {
  width: 1800px;
  margin: 0 auto;
}

.place-row {
  display: block;
  clear: both;
}

.box-booking .place {
  background: #82ca9c;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #000;
  text-align: center;
  border-radius: 5px;
  margin: 5px;
  float: left;
  cursor: default;
}

.box-booking .place:hover {
  text-decoration: none;
}
.box-booking .place:focus {
  text-decoration: none;
}

.red-box {
  background: #fff;
  border-radius: 3px;
  margin-top: 30px;
  padding: 10px 20px;
}

.red-box p {
  color: #000;
  margin-bottom: 0;
}

.red-box .table th {
  background: #eee;
  border: none;
  border-bottom: 2px solid #fff;
}
.red-box .table tr:hover th {
  background: #eee;
}

.red-box table tr td {
  padding-left: 10px;
  color: #000;
}

.red-box table tr {
  color: #000;
}

.red-box table {
  margin-bottom: 20px;
}

.red-box::before {
  border-color: transparent transparent #fff;
  border-image: none;
  border-style: solid;
  border-width: 11px;
  content: "";
  left: 47%;
  position: relative;
  top: -40px;
}

.cookie_container {
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	background: #222;
	color: #fff;
	padding: 15px 30px;
	font-size: 17px;
	z-index: 9999999;
	text-align: center;
	display: none;
}

.cookie_container a {
	color: #f89844;
}

/* RESPONSIVE PREFIXES */
@media (max-width: 767px)  {
  .col-xs-15 {width: 20%; float: left;}
	.col-xs-25 {width: 40%; float: left;}
	.col-xs-35 {width: 60%; float: left;}
	.col-xs-45 {width: 80%; float: left;}
  .logo {text-align: center;}
  header .title-big {margin-top: 5px; line-height: 30px;}
  header .title-big span {font-size: 16px;}
  header .title-big {font-size: 16px;}
  header .btn-danger {margin-left: 60px;}
  .event-img img {width: 60%;}
  .create-event .title-4 {margin-top: 10px; font-size: 30px;}
  .create-event p {font-size: 13px; line-height: 20px; margin: 10px 0;}
  .create-event .btn {height: 45px; line-height: 36px;}
  .search {height: 40px; margin-top: -17px;}
  .search .form-control {height: 40px;}
  .search .btn-primary {height: 40px;}
  .view-event-img {text-align: center!important; margin-top: 10px;}
  .img-map img {width: 100%;}
  .text-xs-center {text-align: center!important;}
  .news .img {height: 150px;}
  .news p {
    margin-top: 10px;
    font-size: 14px;
    height: 60px;
    line-height: 15px;
  }
  .news {height: 260px;}
  .new-title-big {font-size: 28px!important;}
  .new-title-middle { font-size: 28px!important;}
}


@media (min-width: 768px) and (max-width: 991px)  {
  .col-xs-15 {width: 20%; float: left;}
	.col-xs-25 {width: 40%; float: left;}
	.col-xs-35 {width: 60%; float: left;}
	.col-xs-45 {width: 80%; float: left;}
	.col-sm-15 {width: 20%; float: left;}
	.col-sm-25 {width: 40%; float: left;}
	.col-sm-35 {width: 60%; float: left;}
	.col-sm-45 {width: 80%; float: left;}
  .table-responsive-special {overflow: auto!important;}
  .news .img {height: 150px;}
  .news p {
    margin-top: 10px;
    font-size: 14px;
    height: 60px;
    line-height: 15px;
  }
  .news {height: 260px;}
  .new-title-big {font-size: 30px!important;}
  .new-title-middle { font-size: 30px!important;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.col-xs-15 {width: 20%; float: left;}
	.col-xs-25 {width: 40%; float: left;}
	.col-xs-35 {width: 60%; float: left;}
	.col-xs-45 {width: 80%; float: left;}
  .col-md-15 {width: 20%; float: left;}
	.col-md-25 {width: 40%; float: left;}
	.col-md-35 {width: 60%; float: left;}
	.col-md-45 {width: 80%; float: left;}
  .table-responsive-special {overflow: auto!important; font-size: 11px;}
}

@media (min-width: 1200px) {
  .col-xs-15 {width: 20%; float: left;}
	.col-xs-25 {width: 40%; float: left;}
	.col-xs-35 {width: 60%; float: left;}
	.col-xs-45 {width: 80%; float: left;}
  .col-md-15 {width: 20%; float: left;}
	.col-md-25 {width: 40%; float: left;}
	.col-md-35 {width: 60%; float: left;}
	.col-md-45 {width: 80%; float: left;}
  .col-lg-15 {width: 20%; float: left;}
	.col-lg-25 {width: 40%; float: left;}
	.col-lg-35 {width: 60%; float: left;}
	.col-lg-45 {width: 80%; float: left;}
}