/* Minification failed. Returning unminified contents.
(834,265): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
/**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/* my additional fixes */
body {-webkit-text-size-adjust:auto; -webkit-font-smoothing:antialiased;}
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} 
input::-ms-clear {display: none;}
input::-webkit-search-cancel-button {display: none; -webkit-appearance: none;}
textarea {resize:none; -webkit-overflow-scrolling: touch;}
a:focus, input:focus, select:focus, textarea:focus, button:focus, area:focus {outline:none; -webkit-outline:0;}
a {text-decoration:none; outline:none 0; cursor:pointer;}
button {cursor:pointer;}
button, input:not([type="radio"]), textarea {-webkit-appearance:none; -moz-appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:0;}
 
@-moz-document url-prefix() {
	button, input[type="reset"], input[type="button"], input[type="submit"], input[type="file"] > input[type="button"] {-moz-appearance:none;}	
	button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:0; padding:0; margin:0; -moz-appearance:none;}
}

.fc-calendar-container {
	position: relative;
	height:500px;
}

.fc-calendar {
	width: 100%;
	height: 100%;
}

.fc-calendar .fc-head {
	height: 36px;
	line-height: 36px;
	background: #fff;
	color: #777;
    font-weight:300;
    font-size:16px;
    border:1px solid #ccc;
    border-bottom:0;
}

.fc-calendar .fc-body {
	position: relative;
	width: 100%;
	height: 100%;
	height: -moz-calc(100% - 30px);
	height: -webkit-calc(100% - 30px);
	height: calc(100% - 30px);
	border: 1px solid #ccc;
}

.fc-calendar .fc-row {
	width: 100%;
	border-bottom: 1px solid #ccc;
}

.fc-four-rows .fc-row  {
	height: 25%;
}

.fc-five-rows .fc-row  {
	height: 20%;
}

.fc-six-rows .fc-row {
	height: 16.66%;
	height: -moz-calc(100%/6);
	height: -webkit-calc(100%/6);
	height: calc(100%/6);
}

.fc-calendar .fc-row > div,
.fc-calendar .fc-head > div {
	float: left;
	height: 100%;
	width:  14.28%; /* 100% / 7 */
	width: -moz-calc(100%/7);
	width: -webkit-calc(100%/7);
	width: calc(100%/7);
	position: relative;
}

/* IE 9 is rounding up the calc it seems */
.ie9 .fc-calendar .fc-row > div,
.ie9 .fc-calendar .fc-head > div {
	width:  14.2%;
}

.fc-calendar .fc-row > div {
	border-right: 1px solid #ccc;
	padding:10px;
	position: relative;
    background:#fff;
}

.fc-calendar .fc-head > div {
	text-align: center;
}

.fc-calendar .fc-row > div > span.fc-date {
	position: absolute;
	width: 30px;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: #000;
    letter-spacing:1px;
	top: 10px;
	right: 10px;
	text-align: right;
}
.fc-calendar-event .calendar-default {
    display:none;
}

.fc-calendar .fc-row > div time, .fc-calendar .fc-row > div note {
	display: none;
}

.fc-calendar .fc-row > div > span.fc-weekday {
	padding-left: 5px;
	display: none;
}

.fc-calendar .fc-row > div.fc-today {
	background: #fff4c3;
}

.fc-calendar .fc-row > div.fc-out {
	opacity: 0.6;
}

.fc-calendar .fc-row > div:last-child,
.fc-calendar .fc-head > div:last-child {
	border-right: none;
}

.fc-calendar .fc-row:last-child {
	border-bottom: none;
}
.fc-calendar .edit-mixstirs-list {
    width:182px;
    position:absolute;
    left:50%;
    margin-left:-91px;
    top:90px;
}
    .fc-calendar .edit-mixstirs-list:before {
        bottom: 100%;
	    left: 50%;
	    border: solid transparent;
	    content: " ";
	    height: 0;
	    width: 0;
	    position: absolute;
	    pointer-events: none;
	    border-color: transparent;
	    border-bottom-color: #000;
	    border-width: 20px;
	    margin-left: -20px;
    }
.fc-calendar .cell-info {
    position:absolute;
    bottom:10px;
    right:10px;
    color:#fff;
    font-weight:700;
    font-size:16px;
    letter-spacing:1px;
}
.fc-calendar .fc-row > div {
   cursor:default;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.fc-calendar .fc-row > div.cell-blocked {
    background:#7c7b7b;
    cursor:not-allowed;
}
.fc-calendar .fc-row > div.cell-bartending {
    background:#000000;
    cursor:pointer;
}
.fc-calendar .fc-row > div.cell-hosting {
    background:#f15a24;
    cursor:pointer;
}
.fc-calendar .fc-row > div.cell-blocked > span.fc-date,
.fc-calendar .fc-row > div.cell-bartending > span.fc-date,
.fc-calendar .fc-row > div.cell-hosting > span.fc-date {
    color:#fff;
}

@media screen and (max-width: 1023px) , screen and (max-height: 450px) {


	.custom-header,
	.custom-header nav,
	.custom-calendar-full,
	.fc-calendar-container, 
	.fc-calendar,
	.fc-calendar .fc-head,
	.fc-calendar .fc-row > div > span.fc-date {
		position: relative;
		top: auto;
		left: auto;
		bottom: auto;
		right: auto;
		height: auto;
		width: auto;
	}

	.fc-calendar {
		margin: 0;
	}

	.custom-header h2,
	.custom-header h3 {
		float: none;
		width: auto;
		text-align: left;
		padding-right: 100px;
	}

	.fc-calendar .fc-row,
	.ie9 .fc-calendar .fc-row > div,
	.fc-calendar .fc-row > div {
		height: auto;
		width: 100%;
		border: none;
	}

	.fc-calendar .fc-row > div {
		float: none;
		min-height: 50px;
		border-radius: 0px !important;
        border-bottom:1px solid #ccc;
	}

	.fc-calendar .fc-row > div:empty{
		min-height: 0;
		height: 0;
		box-shadow: none !important;
		padding: 0;
        display:none;
	}

	.fc-calendar .fc-row {
		box-shadow: none;
	}

	.fc-calendar .fc-head {
		display: none;
	}

	.fc-calendar .fc-row > div > div {
		margin-top: 0px;
		padding-left: 10px;
		max-width: 70%;
		display: inline-block;
	}

	.fc-calendar .fc-row > div.fc-today {

	}

	.fc-calendar .fc-row > div.fc-today:after { 
		display: none;
	}

	.fc-calendar .fc-row > div > span.fc-date {
		width: 30px;
		display: inline-block;
		text-align: right;
        line-height:30px;
	}

	.fc-calendar .fc-row > div > span.fc-weekday {
		display: inline-block;
		width: 40px;
		font-size: 10px;
        line-height:30px;
		text-transform: uppercase;
	}
    .fc-calendar .cell-info {
        position:static;
        float:right;
        line-height:30px;
    }
    .fc-calendar .fc-row > div.cell-bartending > span.fc-weekday,
    .fc-calendar .fc-row > div.cell-hosting > span.fc-weekday,
    .fc-calendar .fc-row > div.cell-blocked > span.fc-weekday {
        color:#fff;
    }
    .fc-calendar .edit-mixstirs-list {
        position:static;
        margin-left:auto;
        margin-right:auto;
        padding-left:0 !important;
        width:100% !important;
        max-width:100% !important;
        display:block !important;
        padding-top:10px;
    }
    .fc-calendar .edit-mixstirs-list .mixtir-item {
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .fc-calendar .fc-row > div .edit-mixstirs-list:before {
        display:none;
    }
    .fc-calendar .fc-row > div.cell-bartending .edit-mixstirs-list:before {
        border-bottom-color:#5e5e5e;
    }
}
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

a.fancybox-nav:hover , a.fancybox-close:hover
{
    background-color: transparent;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('/fonts/proximanova_regular/ProximaNova-Reg-webfont.eot');
    src: url('/fonts/proximanova_regular/ProximaNova-Reg-webfont.eot?iefix') format('eot'), url('/fonts/proximanova_regular/ProximaNova-Reg-webfont.woff') format('woff'), url('/fonts/proximanova_regular/ProximaNova-Reg-webfont.ttf') format('truetype'), font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'proxima_novasemibold';
    src: url('/fonts/proxima-nova/proximanova-semibold-webfont.eot');
    src: url('/fonts/proxima-nova/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/proxima-nova/proximanova-semibold-webfont.woff2') format('woff2'),url('/fonts/proxima-nova/proximanova-semibold-webfont.woff') format('woff'),url('/fonts/proxima-nova/proximanova-semibold-webfont.ttf') format('truetype'),url('/fonts/proxima-nova/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novalight';
    src: url('/fonts/proxima-nova/proximanova-light-webfont.eot');
    src: url('/fonts/proxima-nova/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/proxima-nova/proximanova-light-webfont.woff') format('woff'),url('/fonts/proxima-nova/proximanova-light-webfont.ttf') format('truetype'),url('/fonts/proxima-nova/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'proxima_novaregular_italic';
    src: url('/fonts/proxima-nova/proximanova-regularitalic-webfont.eot');
    src: url('/fonts/proxima-nova/proximanova-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/proxima-nova/proximanova-regularitalic-webfont.woff') format('woff'),url('/fonts/proxima-nova/proximanova-regularitalic-webfont.ttf') format('truetype'),url('/fonts/proxima-nova/proximanova-regularitalic-webfont.svg#proxima_novaregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_thinthin';
    src: url('/fonts/proxima-nova/proximanovat-thin-webfont.eot');
    src: url('/fonts/proxima-nova/proximanovat-thin-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/proxima-nova/proximanovat-thin-webfont.woff2') format('woff2'), url('/fonts/proxima-nova/proximanovat-thin-webfont.woff') format('woff'), url('/fonts/proxima-nova/proximanovat-thin-webfont.ttf') format('truetype'), url('/fonts/proxima-nova/proximanovat-thin-webfont.svg#proxima_nova_thinthin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_condensedlight';
    src: url('/fonts/proxima-nova/proximanovacond-light-webfont.eot');
    src: url('/fonts/proxima-nova/proximanovacond-light-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/proxima-nova/proximanovacond-light-webfont.woff') format('woff'),url('/fonts/proxima-nova/proximanovacond-light-webfont.ttf') format('truetype'),url('/fonts/proxima-nova/proximanovacond-light-webfont.svg#proxima_nova_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'proxima_nova_condensedRgIt';
    src: url('/fonts/proxima-nova/proximanovacond-regularit-webfont.eot');
    src: url('/fonts/proxima-nova/proximanovacond-regularit-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/proxima-nova/proximanovacond-regularit-webfont.woff') format('woff'),url('/fonts/proxima-nova/proximanovacond-regularit-webfont.ttf') format('truetype'),url('/fonts/proxima-nova/proximanovacond-regularit-webfont.svg#proxima_nova_condensedRgIt') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'proxima_nova_cn_ththin';
    src: url('/fonts/proxima-nova/proximanovacond-thin-webfont.eot');
    src: url('/fonts/proxima-nova/proximanovacond-thin-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/proxima-nova/proximanovacond-thin-webfont.woff2') format('woff2'), url('/fonts/proxima-nova/proximanovacond-thin-webfont.woff') format('woff'), url('/fonts/proxima-nova/proximanovacond-thin-webfont.ttf') format('truetype'), url('/fonts/proxima-nova/proximanovacond-thin-webfont.svg#proxima_nova_cn_ththin') format('svg');
    font-weight: normal;
    font-style: normal;
}


.jscroll-loading {
    text-align: center;
    padding: 15px 0px 12px 0px !important;
    margin: 0px 0px 8px 0px !important;
}

    .editor-forms .checkbox-list .checkbox {
        margin: 15px 0;
        cursor: default;
        clear: both;
    }

        .editor-forms .checkbox-list .checkbox:first-child {
            margin-top: 0;
        }

        .editor-forms .checkbox-list .checkbox:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
        }

        /*.editor-forms .checkbox-list .checkbox span {
            font-size: 14.2px;
            line-height: 15px;
            font-weight: 300;
        }*/

        .editor-forms .checkbox-list .checkbox em {
            top: 1px;
        }

.editor-forms.main-form .row label.checkbox,
.editor-forms.main-form .row label.radio,
.radio, .checkbox {
    position: relative;
    display: block;
    padding-left: 29px;
    padding-top: 0;
    padding-bottom: 0;
}

    .checkbox em, .radio em {
        position: absolute;
        display: block;
        width: 12px;
        height: 12px;
        overflow: hidden;
        font-size: 0;
        line-height: 0;
        border: 1px solid #F15A24;
        top: 1px;
        left: 0;
    }

.bg-gray .checkbox em, .bg-gray .radio em {
    border-color: #bcbcbe;
}

.checkbox em, .radio em {
    border: none;
    background-image: url(../img/not-selected.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: auto 15px;
    -moz-background-size: auto 15px;
    background-size: auto 15px;
    width: 15px;
    height: 15px;
    border-radius: 2px;
    top: 1px;
}

.checkbox.checked em, .radio.checked em {
    background-image: url(../img/selected.png);
}

.bg-gray .checkbox.checked em, .bg-gray .radio.checked em {
    background: #bcbcbe;
}

.radio em {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

    .checkbox em input, .radio em input {
        position: absolute;
        top: -100em;
        left: -100em;
    }

.settings-form .checkbox span, .settings-form .radio span, .settings-form .editor-forms.main-form .row label {
    display: block;
    line-height: 16px;
    font-size: 14px;
    color: #5e5e60;
    font-weight: 500;
}

.editor-forms.main-form .row .hint.text-left {
    text-align: left;
}

.left {
    float: left;
}

.right {
    float: right;
}

.editor-forms.main-form .row label.verified {
    color: forestgreen;
    padding-left: 10px;
    float: right;
    padding: 0 0 0 10px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    display: block;
}

.editor-forms.main-form.settings-form .row textarea.textfield {
    max-width: 100%;
}

.guest-text-div-center {
    text-align: center;
}

#attend-location {
    width: 220px;
    height: 53px;
    object-fit: contain;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #d4d4d4;
    padding: 10px;
    font-family: proxima_nova_rgregular;
    font-size: 18px;
    font-weight: 500;
    background: url(../img/attend-location-icon.png) no-repeat scroll 7px 16px;
    padding-left: 30px;
}

#select-city .location-list {
    left: inherit;
    margin-top: 10px;
}

    #select-city .location-list .panel {
        width: 359px;
        /*height: 352px;*/
        object-fit: contain;
        border-radius: 3px;
        background-color: #ffffff;
        box-shadow: 0 7px 16px 3px rgba(0, 0, 0, 0.15);
        border: solid 1px #d4d4d4;
    }

    #select-city .location-list .location-item {
        padding: 10px;
        font-size: 18px;
        line-height: 29px;
        color: #606060;
    }

        #select-city .location-list .location-item.popular {
            color: #000000;
        }

        #select-city .location-list .location-item:hover {
            background: #FFBE00;
            color: white;
        }

.popular-header {
    font-family: proxima_nova_rgregular;
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    background: #ccc;
    padding: 15px;
    line-height: 1.4;
    font-weight: 300;
}

.filter h1.attend-page-header {
    object-fit: contain;
    font-family: proxima_nova_rgbold;
    font-size: 30px;
    font-weight: bold;
    color: #000000;
    text-transform: none;
    padding-top: 40px;
    padding-bottom: 20px;
}

.link span {
    color: #848484;
    font-size: 12px;
}

.ui-autocomplete {
    z-index: 9000;
    width: 359px;
    object-fit: contain;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 7px 16px 3px rgba(0, 0, 0, 0.15);
    border: solid 1px #d4d4d4;
    list-style: none;
    max-height: 200px;
    overflow-y: scroll;
}

    .ui-autocomplete .ui-menu-item {
        font-weight: 300;
        cursor: pointer;
        text-align: left;
        padding: 5px;
        font-size: 14px;
        font-family: Gotham-Book;
        line-height: 20px;
        color: #606060;
    }

        .ui-autocomplete .ui-menu-item:hover {
            background: #FFBE00;
            color: white;
        }

#SchoolName {
    background: url(../img/attend-location-icon.png) no-repeat scroll 7px 12px;
    padding-left: 30px;
}

#new-event .product-text, #warning-tt-dialog .product-text {
    display: none;
}

#new-event.product .product-text, #warning-tt-dialog.product .product-text {
    display: block;
}

#new-event.product .fake-tr.product-text {
    display: table-row;
}

#new-event.product .ticket-text, #warning-tt-dialog.product .ticket-text {
    display: none;
}

#org-link {
    color: #FFBE00;
    text-align: center;
    margin-top: 20px;
}

    #org-link a {
        color: #FFBE00;
    }

.shipping-information-popup .login-popup .button {
    cursor: pointer;
    font-size: 18px;
}

    .shipping-information-popup .login-popup .button.disabled {
        cursor: not-allowed;
    }

.shipping-information-popup .login-popup h3 {
    font-family: proxima_nova_rgbold;
    font-size: 26px;
    color: black;
}

.shipping-information-popup .login-popup p {
    font-family: proxima_novalight;
    font-size: 16px;
    color: #666666;
}


.login-popup h3 {
    font-family: 'Nunito', sans-serif;
    font-size: 33px;
    font-weight: normal;
    color: #000000;
    text-align: left;
}

.login-popup #signup-form-fb h3 {
    font-family: 'proxima-nova';
    font-size: 27px;
    font-weight: bold;
    color: #000000;
    padding-bottom: 0px;
}

.login-popup h4 {
    font-family: 'proxima-nova';
    font-size: 17px;
    text-align: left;
    color: #9b9b9b;
}

.login-popup h5 {
    font-family: 'proxima-nova';
    font-size: 17px;
    letter-spacing: 0px;
    text-align: center;
    color: #9b9b9b;
    font-weight: 400;
}

.login-popup .guest-only h5 {
    margin-bottom: 40px;
}

.login-popup a.button {
    margin: 30px 100px;
    max-width: 100%;
    margin-top: 40px;
    font-size: 17px;
    font-family: 'proxima-nova';
}

.login-popup a.link {
    font-weight: 600;
    color: #ffbe00;
    text-align: center;
    font-size: 17px;
    font-family: 'proxima-nova';
}

.login-popup a.btn-link {
    font-size: 14px;
    display: block;
    margin-bottom: 25px;
}

.button.btn-fb {
    background: url(../Content/images/login-btn-facebook1.png) no-repeat 50% 50%;
    height: 53px;
    font-family: proxima-nova;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    background-size: cover;
}

    .button.btn-fb:hover {
        background: url(../Content/images/login-btn-facebook1.png) no-repeat 50% 50%;
        background-size: cover;
    }

.login-popup #signup-form-fb p {
    padding-top: 10px;
    padding-bottom: 15px;
}

.login-popup #signup-form-fb #step1 p.we-will-never-share {
    padding-top: 5px;
}

.login-popup #signup-form-fb #next-step {
    font-size: 18px;
    font-weight: bold;
    font-family: proxima_novalight;
    color: #ffffff;
}


.login-popup .lines {
    text-align: center;
    height: 20px;
    font-family: proxima-nova;
    font-size: 16px;
    margin: 15px 0 25px 0;
    color: #9b9b9b;
}

    .login-popup .lines div {
        border-bottom: solid 2px #e6e6e6;
        width: 44%;
        float: left;
        margin-top: 7px;
    }

        .login-popup .lines div:last-of-type {
            float: right;
        }


.login-popup h5.small,
.login-popup h5.small a.link {
    font-size: 12px;
    margin-bottom: 31px;
    margin-top: 20px;
    color: #9b9b9b;
    letter-spacing: 0.7px;
    font-weight: 300;
}

    .login-popup h5.small.note {
        margin-left: auto;
        margin-right: auto;
        margin: 5px auto;
        margin-bottom: 0px;
        max-width: 360px;
        letter-spacing: normal;
    }

    .login-popup h5.small a.link {
        border-bottom: 1px solid #9b9b9b;
        margin-bottom: 0;
    }

.fancybox-inner .main-form .row .field-validation-error, .fancybox-inner .validation-summary-errors {
    display: none;
}


.editor-forms .orders-table .fake-table {
    width: 100%;
}

.table-panel.orders-table .fake-th {
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #4a4a4a;
    font-family: proxima-nova;
}

.table-panel.orders-table .fake-td {
    font-family: proxima-nova;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #4a4a4a;
}

.table-panel.orders-table thead tr td {
    font-family: proxima-nova;
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #4a4a4a;
    padding-top: 11px;
    padding-bottom: 11px;
}

.table-panel.orders-table tbody tr td {
    font-family: proxima-nova;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #4a4a4a;
    padding-top: 11px;
    padding-bottom: 11px;
}

.table-panel.orders-table tbody tr {
    border-top: solid 1px #dbdbdb;
}


.tabs-getties-members li {
    float: left;
    margin-right: 40px;
}

    .tabs-getties-members li a {
        display: block;
        font-size: 20px;
        font-weight: 700;
        text-align: left;
        color: #c1c1c1;
        line-height: 56px;
        white-space: nowrap;
        border-bottom: 5px solid transparent;
        padding-bottom: 2px;
    }

    .tabs-getties-members li.active a {
        color: #fff;
        border-bottom: 5px solid #ffbe00;
    }

.tabs-getties-members ul {
    list-style: none;
}

.orders-page .h1-gettie a.button {
    font-size: 15px;
    line-height: 40px;
    height: 40px;
    width: 151px;
    font-family: proxima-nova;
}

    .orders-page .h1-gettie a.button img {
        width: 16px;
        margin-right: 10px;
    }

.orders-page .selected-row {
    background-color: rgba(255, 190, 0, 0.1);
}

.orders-page .orders-table .checkbox {
    margin-left: 10px;
}

.orders-page .ui-multiselect.select-editor {
    width: 90px !important;
    height: 30px !important;
    border-radius: 2px;
}

    .orders-page .ui-multiselect.select-editor span {
        line-height: 30px;
        height: 30px !important;
    }

.ui-multiselect-menu.select-editor.orders-actions {
    width: 205px !important;
    height: 68px !important;
}

    .ui-multiselect-menu.select-editor.orders-actions li {
        height: 30px;
    }

        .ui-multiselect-menu.select-editor.orders-actions li label {
            line-height: 30px;
            height: 30px;
        }

.orders-page .ui-multiselect span, .ui-multiselect-menu.orders-actions li label {
    font-size: 13px;
}

.orders-page .ui-multiselect.select-editor span:after,
.orders-page .ui-multiselect.select-editor span:before {
    border-width: 5px;
    margin-top: -2px;
}

.message-text-orders {
    padding: 30px;
    font-size: 18px;
}

.orders-page .ui-multiselect.select-editor span:after {
    display: none;
}

.options-orders {
    display: none;
}

#seleted-items-text {
    float: left;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    padding-right: 20px;
    border-left: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding-left: 20px;
    color: #9b9b9b;
    font-family: proxima-nova;
    background-color: #f4f5f7;
    border-radius: 2px;
}


.product-dashboard #urlEvent {
    font-family: proxima-nova;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #c1c1c1;
}

.editor-forms.product-dashboard .buttons {
    margin-top: 0px;
}

.product-dashboard .panel.pgettie .row {
    padding-bottom: 0px;
}

.editor-forms.product-dashboard .button, .editor-forms.product-dashboard .button.delete-ticket-type-button {
    height: 40px;
    font-family: proxima-nova;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.editor-forms.product-dashboard .button.delete-ticket-type-button {
    float: right;
}

.editor-forms.product-dashboard .buttons{
        padding-top: 10px;
}

.editor-forms.product-dashboard .early-payout
{
    float:right;
     font-family: proxima-nova;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #9b9b9b;
}

.editor-forms.product-dashboard .early-payout.disabled
{
    cursor:not-allowed;
}

.editor-forms.product-dashboard p.text
{
    font-family: proxima-nova;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #9b9b9b;
    padding-top: 20px;
}

.connect-button {
    display: inline-block;
    margin-bottom: 1px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#28a0e5),to(#015e94));
    background-image: linear-gradient(#28a0e5,#015e94);
    -webkit-font-smoothing: antialiased;
    border: 0;
    padding: 1px;
    height: 32px;
    text-decoration: none;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 0 rgba(0,0,0,.2);
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none !important;
}

    .connect-button span {
        display: block;
        position: relative;
        padding: 0 12px;
        height: 30px;
        background: #1275ff;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#7dc5ee),color-stop(85%,#008cdd),to(#30a2e4));
        background-image: linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
        font-size: 15px;
        line-height: 30px;
        color: #fff;
        font-weight: 700;
        font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
        text-shadow: 0 -1px 0 rgba(0,0,0,.2);
        -webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.25);
        box-shadow: inset 0 1px 0 hsla(0,0%,100%,.25);
        border-radius: 3px;
        padding-left: 44px;
    }

        .connect-button span:before {
            content: "";
            display: block;
            position: absolute;
            left: 11px;
            top: 50%;
            width: 23px;
            height: 24px;
            margin-top: -12px;
            background-repeat: no-repeat;
            background-size: 23px 24px;
        }

        .connect-button.blue span:before, .connect-button span:before {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAYCAYAAAARfGZ1AAAKRGlDQ1BJQ0MgUHJvZmlsZQAASA2dlndUFNcXx9/MbC+0XZYiZem9twWkLr1IlSYKy+4CS1nWZRewN0QFIoqICFYkKGLAaCgSK6JYCAgW7AEJIkoMRhEVlczGHPX3Oyf5/U7eH3c+8333nnfn3vvOGQAoASECYQ6sAEC2UCKO9PdmxsUnMPG9AAZEgAM2AHC4uaLQKL9ogK5AXzYzF3WS8V8LAuD1LYBaAK5bBIQzmX/p/+9DkSsSSwCAwtEAOx4/l4tyIcpZ+RKRTJ9EmZ6SKWMYI2MxmiDKqjJO+8Tmf/p8Yk8Z87KFPNRHlrOIl82TcRfKG/OkfJSREJSL8gT8fJRvoKyfJc0WoPwGZXo2n5MLAIYi0yV8bjrK1ihTxNGRbJTnAkCgpH3FKV+xhF+A5gkAO0e0RCxIS5cwjbkmTBtnZxYzgJ+fxZdILMI53EyOmMdk52SLOMIlAHz6ZlkUUJLVlokW2dHG2dHRwtYSLf/n9Y+bn73+GWS9/eTxMuLPnkGMni/al9gvWk4tAKwptDZbvmgpOwFoWw+A6t0vmv4+AOQLAWjt++p7GLJ5SZdIRC5WVvn5+ZYCPtdSVtDP6386fPb8e/jqPEvZeZ9rx/Thp3KkWRKmrKjcnKwcqZiZK+Jw+UyL/x7ifx34VVpf5WEeyU/li/lC9KgYdMoEwjS03UKeQCLIETIFwr/r8L8M+yoHGX6aaxRodR8BPckSKPTRAfJrD8DQyABJ3IPuQJ/7FkKMAbKbF6s99mnuUUb3/7T/YeAy9BXOFaQxZTI7MprJlYrzZIzeCZnBAhKQB3SgBrSAHjAGFsAWOAFX4Al8QRAIA9EgHiwCXJAOsoEY5IPlYA0oAiVgC9gOqsFeUAcaQBM4BtrASXAOXARXwTVwE9wDQ2AUPAOT4DWYgSAID1EhGqQGaUMGkBlkC7Egd8gXCoEioXgoGUqDhJAUWg6tg0qgcqga2g81QN9DJ6Bz0GWoH7oDDUPj0O/QOxiBKTAd1oQNYSuYBXvBwXA0vBBOgxfDS+FCeDNcBdfCR+BW+Bx8Fb4JD8HP4CkEIGSEgeggFggLYSNhSAKSioiRlUgxUonUIk1IB9KNXEeGkAnkLQaHoWGYGAuMKyYAMx/DxSzGrMSUYqoxhzCtmC7MdcwwZhLzEUvFamDNsC7YQGwcNg2bjy3CVmLrsS3YC9ib2FHsaxwOx8AZ4ZxwAbh4XAZuGa4UtxvXjDuL68eN4KbweLwa3gzvhg/Dc/ASfBF+J/4I/gx+AD+Kf0MgE7QJtgQ/QgJBSFhLqCQcJpwmDBDGCDNEBaIB0YUYRuQRlxDLiHXEDmIfcZQ4Q1IkGZHcSNGkDNIaUhWpiXSBdJ/0kkwm65KdyRFkAXk1uYp8lHyJPEx+S1GimFLYlESKlLKZcpBylnKH8pJKpRpSPakJVAl1M7WBep76kPpGjiZnKRcox5NbJVcj1yo3IPdcnihvIO8lv0h+qXyl/HH5PvkJBaKCoQJbgaOwUqFG4YTCoMKUIk3RRjFMMVuxVPGw4mXFJ0p4JUMlXyWeUqHSAaXzSiM0hKZHY9O4tHW0OtoF2igdRzeiB9Iz6CX07+i99EllJWV75RjlAuUa5VPKQwyEYcgIZGQxyhjHGLcY71Q0VbxU+CqbVJpUBlSmVeeoeqryVYtVm1Vvqr5TY6r5qmWqbVVrU3ugjlE3VY9Qz1ffo35BfWIOfY7rHO6c4jnH5tzVgDVMNSI1lmkc0OjRmNLU0vTXFGnu1DyvOaHF0PLUytCq0DqtNa5N03bXFmhXaJ/RfspUZnoxs5hVzC7mpI6GToCOVGe/Tq/OjK6R7nzdtbrNug/0SHosvVS9Cr1OvUl9bf1Q/eX6jfp3DYgGLIN0gx0G3QbThkaGsYYbDNsMnxipGgUaLTVqNLpvTDX2MF5sXGt8wwRnwjLJNNltcs0UNnUwTTetMe0zg80czQRmu836zbHmzuZC81rzQQuKhZdFnkWjxbAlwzLEcq1lm+VzK32rBKutVt1WH60drLOs66zv2SjZBNmstemw+d3W1JZrW2N7w45q52e3yq7d7oW9mT3ffo/9bQeaQ6jDBodOhw+OTo5ixybHcSd9p2SnXU6DLDornFXKuuSMdfZ2XuV80vmti6OLxOWYy2+uFq6Zroddn8w1msufWzd3xE3XjeO2323Ineme7L7PfchDx4PjUevxyFPPk+dZ7znmZeKV4XXE67m3tbfYu8V7mu3CXsE+64P4+PsU+/T6KvnO9632fein65fm1+g36e/gv8z/bAA2IDhga8BgoGYgN7AhcDLIKWhFUFcwJTgquDr4UYhpiDikIxQODQrdFnp/nsE84by2MBAWGLYt7EG4Ufji8B8jcBHhETURjyNtIpdHdkfRopKiDke9jvaOLou+N994vnR+Z4x8TGJMQ8x0rE9seexQnFXcirir8erxgvj2BHxCTEJ9wtQC3wXbF4wmOiQWJd5aaLSwYOHlReqLshadSpJP4iQdT8YmxyYfTn7PCePUcqZSAlN2pUxy2dwd3Gc8T14Fb5zvxi/nj6W6pZanPklzS9uWNp7ukV6ZPiFgC6oFLzICMvZmTGeGZR7MnM2KzWrOJmQnZ58QKgkzhV05WjkFOf0iM1GRaGixy+LtiyfFweL6XCh3YW67hI7+TPVIjaXrpcN57nk1eW/yY/KPFygWCAt6lpgu2bRkbKnf0m+XYZZxl3Uu11m+ZvnwCq8V+1dCK1NWdq7SW1W4anS1/+pDa0hrMtf8tNZ6bfnaV+ti13UUahauLhxZ77++sUiuSFw0uMF1w96NmI2Cjb2b7Dbt3PSxmFd8pcS6pLLkfSm39Mo3Nt9UfTO7OXVzb5lj2Z4tuC3CLbe2emw9VK5YvrR8ZFvottYKZkVxxavtSdsvV9pX7t1B2iHdMVQVUtW+U3/nlp3vq9Orb9Z41zTv0ti1adf0bt7ugT2ee5r2au4t2ftun2Df7f3++1trDWsrD+AO5B14XBdT1/0t69uGevX6kvoPB4UHhw5FHupqcGpoOKxxuKwRbpQ2jh9JPHLtO5/v2pssmvY3M5pLjoKj0qNPv0/+/tax4GOdx1nHm34w+GFXC62luBVqXdI62ZbeNtQe395/IuhEZ4drR8uPlj8ePKlzsuaU8qmy06TThadnzyw9M3VWdHbiXNq5kc6kznvn487f6Iro6r0QfOHSRb+L57u9us9ccrt08rLL5RNXWFfarjpebe1x6Gn5yeGnll7H3tY+p772a87XOvrn9p8e8Bg4d93n+sUbgTeu3px3s//W/Fu3BxMHh27zbj+5k3Xnxd28uzP3Vt/H3i9+oPCg8qHGw9qfTX5uHnIcOjXsM9zzKOrRvRHuyLNfcn95P1r4mPq4ckx7rOGJ7ZOT437j154ueDr6TPRsZqLoV8Vfdz03fv7Db56/9UzGTY6+EL+Y/b30pdrLg6/sX3VOhU89fJ39ema6+I3am0NvWW+738W+G5vJf49/X/XB5EPHx+CP92ezZ2f/AAOY8/wRDtFgAAADQklEQVRIDbWVaUiUQRjHZ96dXY/d1fYQj1U03dJSw9YkFgy6DIkILRArQSSC7PjQjQQqVH7oQ0GHQUWgpQhKHzoNSqiUwpXcsrwIjzVtPVrzbPV9Z6bZhYV3N3WXYAeGmWeeZ37z8J95GEgpBf5oeXn1Es4fYAdzPDlM6je4RBYhR+LMU89UxiCBGiCgkUwsBYSA+SlPKLQBQAYEAZm+3j42K96z3NyOF7VOeMrp62opRcacjPW5+43rDTpNSKQ8QKZAEg7xmPCTs/O27uGJgXuNbW0pxyvLfTmAEBzthEsFZLxRvPdi5rpYo2cmUiQJDA4IVeo0obGdlvGfXUPj0Sym2zPuHxvzcWjDyVupJ/YYizKTGNjLw/HiduNTAqIRIUJ6Vpp+ky8bCSFgwQ2xgkGxFi1ioNWEBGuJB31gbLIv/2pd7SpFoGxtpCYkLSEq4ptlzIYFO7tc7w0TKkeEYg5ADnrWkkYhD8s26GPq3nW0WKxTptftPYBI4Mj3O2fHvKNZBMVSDmMwarXNjDkSF3d5kExZeiCr8M2VI+VFu9IvsPcYtzAvkfoEZkEEE45jMppq3ppbCNPFIY1nD1cpo07lbMmvOXeoDCF8BLKy9uUAAjDkBh+c6bz78mNtVVP7MwET7JBnqb4xXpdWVpC1OVzWn+ELHLCsneX/s7rkRWl1463cy1U3WroG21jhCGKJXPOtKQnpAuENvsAppgDB3TcDVIrpDHbK5Kd+y7W8iodNybHh22rOHyxUK+UaMYjZaoyp25rYL54TSihSKmwZ14v3lc3ZFxdbeywjn/tGJnkmzrydX1ApxOEACKymmXLYfXVpi1JMEOGxPi1ep18doY4r2J7uFumQQ9yGf01bMcZW8dpyc0oIjxxpuC5wuUDX+ovWrnYeg3aXvdLIqnmOvXPsfH6uA5YbTb1DX8ofvTLzTy6ZV4K6fAw+gXiATfdffmjeaUgc1UdpdWplsCooQBrEnqUw82dhdnjit/Vxc4f59tP3DRjzJvYteqrl4rmNlJIfrOwpgNklesDRNQBCHYtQAQqD2CgACNjHAJnG1EyfV/S67fZiJB5t2OGEe4n7L3fS4fpEv/2hUEATfoPbuam5v8N7nps70YTbAAAAAElFTkSuQmCC");
        }
/**
 * selectize.default.css (v0.12.4) - Default Theme
 * Copyright (c) 2013�2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
  box-shadow: inset 0 0 12px 4px #ffffff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #0073bb;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #00578d;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #aaaaaa;
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #ffffff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 2px;
}
.selectize-input.full {
  background-color: #ffffff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #1da7ee;
  color: #ffffff;
  border: 1px solid #0073bb;
}
.selectize-control.multi .selectize-input > div.active {
  background: #92c836;
  color: #ffffff;
  border: 1px solid #00578d;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #ffffff;
  background: #d2d2d2;
  border: 1px solid #aaaaaa;
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 1px !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #ffffff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}
.selectize-control.multi .selectize-input.has-items {
  padding-left: 5px;
  padding-right: 5px;
}
.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6;
}
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  background: none;
}
.selectize-control.multi .selectize-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #1b9dec;
  background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
  background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);
  box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);
}
.selectize-control.multi .selectize-input [data-value].active {
  background-color: #0085d4;
  background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
  background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
  background-image: -o-linear-gradient(top, #008fd8, #0075cf);
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0);
}
.selectize-control.single .selectize-input {
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
  box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0);
}
.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #b8b8b8;
}
.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-weight: bold;
  font-size: 0.85em;
}
.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}
.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}

@font-face {
    font-family: 'Gotham-Book';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/GothamHTF-Book.eot');
    src: url('../fonts/GothamHTF-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamHTF-Book.woff') format('woff'), url('../fonts/GothamHTF-Book.ttf') format('truetype'), url('../fonts/GothamHTF-Book.svg#GothamBookRegular') format('svg');
}

@font-face {
    font-family: 'Gotham-Bold';
    font-weight: 700;
    font-style: normal;
    src: url('../fonts/GothamHTF-Bold.eot');
    src: url('../fonts/GothamHTF-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamHTF-Bold.woff') format('woff'), url('../fonts/GothamHTF-Bold.ttf') format('truetype'), url('../fonts/GothamHTF-Bold.svg#GothamBookBold') format('svg');
}

@font-face {
    font-family: 'Gotham';
    font-weight: 900;
    font-style: normal;
    src: url('../fonts/GothamHTF-Black.eot');
    src: url('../fonts/GothamHTF-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamHTF-Black.woff') format('woff'), url('../fonts/GothamHTF-Black.ttf') format('truetype'), url('../fonts/GothamHTF-Bold.svg#GothamBookBlack') format('svg');
}

@font-face {
    font-family: 'Gotham-Medium';
    font-weight: 500;
    font-style: normal;
    src: url('../fonts/GothamHTF-Medium.eot');
    src: url('../fonts/GothamHTF-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamHTF-Medium.woff') format('woff'), url('../fonts/GothamHTF-Medium.ttf') format('truetype'), url('../fonts/GothamHTF-Medium.svg#GothamBookMedium') format('svg');
}

@font-face {
    font-family: 'Gotham';
    font-weight: 500;
    font-style: normal;
    src: url('../fonts/GothamHTF-Medium.eot');
    src: url('../fonts/GothamHTF-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamHTF-Medium.woff') format('woff'), url('../fonts/GothamHTF-Medium.ttf') format('truetype'), url('../fonts/GothamHTF-Medium.svg#GothamBookMedium') format('svg');
}

@font-face {
    font-family: 'Gotham-Light';
    font-weight: 300;
    font-style: normal;
    src: url('../fonts/GothamHTF-Light.eot');
    src: url('../fonts/GothamHTF-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamHTF-Light.woff') format('woff'), url('../fonts/GothamHTF-Light.ttf') format('truetype'), url('../fonts/GothamHTF-Light.svg#GothamBookLight') format('svg');
}

@font-face {
    font-family: 'Baskerville';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/baskerville-webfont.eot');
    src: url('../fonts/baskerville-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/baskerville-webfont.woff2') format('woff2'), url('../fonts/baskerville-webfont.woff') format('woff'), url('../fonts/baskerville-webfont.ttf') format('truetype'), url('../fonts/baskerville-webfont.svg#baskerville-regularregular') format('svg');
}

@font-face {
    font-family: 'Baskerville';
    font-weight: 700;
    font-style: normal;
    src: url('../fonts/baskerville-bold-webfont.eot');
    src: url('../fonts/baskerville-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/baskerville-bold-webfont.woff2') format('woff2'), url('../fonts/baskerville-bold-webfont.woff') format('woff'), url('../fonts/baskerville-bold-webfont.ttf') format('truetype'), url('../fonts/baskerville-bold-webfont.svg#baskerville-boldregular') format('svg');
}

@font-face {
    font-family: 'Albondigas';
    font-weight: 700;
    font-style: normal;
    src: url('../fonts/Albondigas.ttf');
}
@font-face {
	font-family: 'proxima-nova';
	src: url('../fonts/ProximaNovaSoft-Bold.eot');
	src: local('☺'), 
        url('../fonts/ProximaNovaSoft-Bold.woff') format('woff'), 
        url('../fonts/ProximaNovaSoft-Bold.ttf') format('truetype'), 
        url('../fonts/ProximaNovaSoft-Bold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}
/*@font-face {
	font-family: 'proxima-nova';
	src: url('../fonts/ProximaNovaSoft-Medium.eot');
	src: local('☺'), 
        url('../fonts/ProximaNovaSoft-Medium.woff') format('woff'), 
        url('../fonts/ProximaNovaSoft-Medium.ttf') format('truetype'), 
        url('../fonts/ProximaNovaSoft-Medium.svg') format('svg');
	font-weight: 500;
	font-style: normal;
}
    */
@font-face {
	font-family: 'proxima-nova';
	src: url('../fonts/ProximaNovaSoft-Semibold.eot');
	src: local('☺'), 
        url('../fonts/ProximaNovaSoft-Semibold.woff') format('woff'), 
        url('../fonts/ProximaNovaSoft-Semibold.ttf') format('truetype'), 
        url('../fonts/ProximaNovaSoft-Semibold.svg') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'proxima-nova';
	src: url('../fonts/ProximaNovaSoft-Regular.eot');
	src: local('☺'), 
        url('../fonts/ProximaNovaSoft-Regular.woff') format('woff'), 
        url('../fonts/ProximaNovaSoft-Regular.ttf') format('truetype'), 
        url('../fonts/ProximaNovaSoft-Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}

::selection {
    color: #fff;
    background-color: #ffaf06;
}

::-moz-selection {
    color: #fff;
    background-color: #ffaf06;
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clear {
    clear: both;
}

.prelative {
    position: relative;
}

.fake-table {
    display: table;
}

.fake-tr {
    display: table-row;
}

.fake-td {
    display: table-cell;
}

.wrapper {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1090px;
}

.wrapper.full-size {
      max-width: none;
}

header .wrapper {
    position: relative;
}

html,
body {
    font-size: 14px;
    height: 100%;
    min-height: 100%;
    background: #000;
}

.container {
    background-color: #fff;
    display: table;
    width: 100%;
    table-layout: fixed;
    overflow: hidden;
}

.page-sign-up {
    background: none;
}

    .page-sign-up .container {
       background: #070707 no-repeat 50% 100%;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .page-sign-up.confirm .container {
        background: #070707 url(../img/bg3.png);
        height: 100%;
    }

h1,
h4,
.events .big-event-p,
.events .big-event-date,
.legend ul li span,
.login-popup p,
.levels-filter ul li .label,
.user-name-no-status,
.login-popup .or,
.mixsters-day > h3,
.color-item .user-info .user-name,
.countainer-features .block-features p,
.bartender-homepage h2, .upgrade-features .column h3, .upgrade-features .column p,
.popup-choose-city a, .intro-barhops.intro h1, .pre h2, .pre p, .tesus .tesus-head h3,
.tesus p, .mailus-contactus a, .download-block p, .download-block h3 {
    font-family: Gotham-Book, serif;
    font-weight: 400;
}

html,
body,
input,
textarea {
    font-family: 'Gotham', 'Helvetica Neue', Helvetica, Arial;
}


.events .btn, .booking-box .btn, .share-box .btn, .find-barhops .btn,
.condensed-event.bartender .col-text, .condensed-event-totals .col-text,
.condensed-event-totals .col-price, .ticket, .ticket-user .ticket-user-fullname,
.request-city h4, .event-detail-slider .condensed-event-title h3,
.event-detail-user-block .user-name, .event-uinfo .user-name,
.event-detail-user-block .mixtir-item-voted,
.hosto, .event-detail-new .condensed-event-general .line p, .namo,
.condensed-event-body .condensed-event-general .line p, .condensed-event-payment .namo,
.event-detail-new .event-detail-text h3, .event-detail-new .event-detail-text p,
.event-detail-new .condensed-event-spots.condensed-event .fake-table .fake-td h3,
.event-detail-new .condensed-event-spots.condensed-event .fake-table .fake-td h2,
.event-detail-new .condensed-event-spots p,
.form-new-credit-card.main-form .row label,
.form-new-credit-card.main-form .row .textfield, .to-bottom,
.event-detail-new .condensed-event-payment ul,
#contact-us h4, .user-label, .features-header h4, .countainer-features .block-features p,
.bartender-homepage h3, .bartender-homepage h4, .footer-homepage, .page-mixologist header .sub > ul a,
.ios-homepage p, .ios-homepage h2, .intro h1, .intro .btn-intro, .popup-choose-city .btn-request,
.download-block .btn-download-app {
    font-family: 'proxima-nova', Verdana, sans-serif;
    font-weight: 400; /* 300 */
}

header .navi-middle ul > li a, header .navi-right ul > li a {
    font-family: 'proxima-nova', Verdana, sans-serif !important;
    font-weight: 500;
}

.ticket-headline h1, .popup-choose-city h2 {
    font-family: 'proxima-nova', Verdana, sans-serif;
    font-weight: 700;
}

.intro h1 a {
    font-family: 'proxima-nova', Verdana, sans-serif;
    font-weight: 500;
}

h4 {
    font-weight: 400;
}

/* sign in page */
.page-sign-up {
    text-align: center;
    background: #070707 url(../img/bg.jpg) no-repeat 50% 100%;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

    .page-sign-up section {
        padding: 196px 0 82px 0;
        color: #fff;
    }

        .page-sign-up section a {
            color: #fff;
        }
/* sign in page */


/* text with link on dark */
.additional {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.1;
    letter-spacing: 2px;
}

    .additional a {
        border-bottom: 1px solid #fff;
    }

        .additional a:hover {
            border-bottom-color: transparent;
        }
/* text with link on dark */

/* sign in form */
.sign-form {
    max-width: 324px;
    margin: 0 auto;
    padding-bottom: 56px;
}

    .sign-form .row {
        margin-bottom: 19px;
    }

        .sign-form .row input {
            font-size: 16px;
            font-weight: bold;
            display: block;
            width: 100%;
            height: 50px;
            padding: 0 28px;
            letter-spacing: 1px;
            word-spacing: 3px;
            color: #000;
            border: 1px solid #000;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            outline: none;
            background: #fff;
            background-image: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            font-family: 'Nunito', sans-serif;
        }

            .sign-form .row.has-error input,
            .sign-form .row input.input-validation-error {
                color: #f00;
                border-color: #f00;
                background-color: #efd7de;
            }

            .sign-form .row input:focus {
                background-color: #fffacc;
            }

::-webkit-input-placeholder {
    color: #b3b3b3;
    opacity: 0.7;
}

:-moz-placeholder {
    color: #b3b3b3;
    opacity: 0.7;
}

::-moz-placeholder {
    color: #b3b3b3;
    opacity: 0.7;
}

:-ms-input-placeholder {
    color: #b3b3b3;
    opacity: 0.7;
    -ms-filter: 'alpha(opacity=70)';
}


.individual-company {
    max-width: 360px;
    margin: 0px auto;
    clear: both;
    height: 38px;
    margin-top: 30px;
}

.fancybox-inner .main-form .guest-only, .fancybox-inner .main-form.guest .normal-only {
    display:none;
}

.fancybox-inner .main-form.guest .guest-only {
    display:block;
}

    .individual-company .white-box {
        width: 360px;
        height: 38px;
        border-radius: 100px;
        background-color: #ffffff;
        border: solid 1px #e4e4e4;
        position: absolute;
        line-height: 15px;
        font-size: 15px;
        padding: 10px;
        padding-left: 50px;
        cursor: pointer;
    }

    .individual-company .company, .individual-company .individual {
        width: 180px;
        height: 38px;
        text-align: center;
        border-radius: 100px;
        background-color: #e4e4e4;
        border:0;
        position: absolute;
        margin-left: 180px;
        line-height: 38px;
        font-size: 15px;
        padding:0 10px;
        cursor: pointer;
        font-family: proxima-nova;
        color: #4a4a4a;
        user-select:none;
        -webkit-user-select:none;
    }
    .individual-company .individual {
        -webkit-border-top-right-radius:0;
        -webkit-border-bottom-right-radius:0;
        -moz-border-radius-topright:0;
        -moz-border-radius-bottomright:0;
        border-top-right-radius:0;
        border-bottom-right-radius:0;
        margin-left: 0px;
    }
    .individual-company .company {
        -webkit-border-top-left-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-topleft: 0;
        -moz-border-radius-bottomleft: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .individual-company .individual.notactive, 
    .individual-company .company.notactive {
        border: none;
        background: none;
        color: #9b9b9b;
    }

    
.login-popup #step1 p.fp {
   padding-top: 0px;
    width: 360px;
    padding: 0px;
    margin: 0px auto 0 auto;
    text-align: right;
}

.login-popup #step1 p.fp a {
    font-size: 11px;
    color: #ffbe00;
    font-family:proxima-nova;
}

.has-error input::-webkit-input-placeholder,
input.input-validation-error::-webkit-input-placeholder,
textarea.input-validation-error::-webkit-input-placeholder {
    color: #f00;
}

.has-error input:-moz-placeholder,
input.input-validation-error:-moz-placeholder,
textarea.input-validation-error:-moz-placeholder {
    color: #f00;
}

.has-error input::-moz-placeholder,
input.input-validation-error::-moz-placeholder,
textarea.input-validation-error::-moz-placeholder {
    color: #f00;
}

.has-error input:-ms-input-placeholder,
input.input-validation-error:-ms-input-placeholder,
textarea.input-validation-error:-ms-input-placeholder {
    color: #f00;
}

.sign-form .logo {
    width: 94px;
    height: 70px;
    margin: 0 auto 38px auto;
}

.sign-form p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
    padding-bottom: 34px;
    letter-spacing: 1px;
    word-spacing: 3px;
    font-family: 'Nunito', sans-serif;
}

.sign-form .button {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    display: block;
    width: 100%;
    height: 40px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    background: #ffaf06;
}
/* sign in form */

/* header */
header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 8000;
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.page-home.non-logged header {
    top: 30px;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.header {
    height: 78px;
    padding: 0;
    border: 0;
    position: relative;
}

.page-home.non-logged .header {
    border-color: transparent;
    background: none;
    border: 0;
    height: 49px;
}

.logo,
header .logo-brand,
.mobile-logo,
footer .logo-brand {
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.page-home.non-logged .mobile-logo {
    background-image: url(../img/logo-white-mini.png);
    display: none !important;
}

header .logo-brand-loggedout {
    position: absolute;
    background-image: url(../img/logo-dark.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    width: 126px;
    height: 39px;
    top: 20px;
    left: 24px;
}

.page-home.non-logged header .logo-brand-loggedout {
    background-image: url(../img/gettielogo-01.png);
    top: -10px;
    left: 0;
    width: 120px;
    height: 73px;
}

header .navi-left {
    float: left;
    width: 200px;
    padding-left: 18px;
    text-align: left;
}

header .logo-brand,
footer .logo-brand {
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    height: 18px;
    margin: 20px 0;
    padding-left: 38px;
    text-align: left;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #000;
    background-position: 0 50%;
    -webkit-background-size: 21px auto;
    -moz-background-size: 21px auto;
    background-size: 21px auto;
}

footer .logo-brand {
    display: inline-block;
    float: left;
    margin: 0;
}

.block-mixstirs-list .block-mixstirs-info .fake-table .fake-td:last-of-type {
    padding-left: 60px;
}

header .navi-middle {
    margin: 0 200px;
}

    header .navi-middle ul {
        display: table;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        list-style: none;
    }

        header .navi-middle ul > li {
            display: table-cell;
            text-align: center;
        }
            header .navi-middle ul > li a,
            header .navi-right a {
                font-weight: 400;
                line-height: 69px;
                display: inline-block;
                overflow: hidden;
                height: 78px;
                margin: 0 18px;
                white-space: nowrap;
                font-size: 19px;
                text-transform: capitalize;
                color: #4a4a4a;
                border-top: 4px solid #fff;
                border-bottom: 4px solid #fff;
            }
            header .navi-middle ul > li a,
            header .navi-right a {
                height: 78px;
                line-height: 70px;
                padding-left: 17px;
                padding-right: 17px;
                font-family: 'proxima-nova', Verdana, sans-serif;
                color: #4a4a4a;
                letter-spacing: 0;
                font-size: 19px;
            }

.page-home.non-logged header .navi-middle ul > li a,
.page-home.non-logged header .navi-right a, .sigin-buttons a {
    height: 32px;
    line-height: 28px;
    font-weight: 300;
    padding: 0 20px;
    font-size: 22px;
    border: 2px solid transparent;
    letter-spacing: 1px;
    font-family: 'proxima-nova', Verdana, sans-serif;
    color: #000000;
}
header .navi-right .nosub-btn {
    height:78px;
    float:right;
    padding:19px 0;
    margin-left:31px;
    position:relative;
    z-index:1000;
}
header .navi-right .button {
    display:inline-block;
    height:40px;
    line-height:40px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.3px;
    text-align: left;
    color: #fff !important;
    border-radius:4px;
    border:0;
    padding:0 21px;
    margin:0;
    text-transform: none;
}

.sigin-buttons a {
    padding: 8px 20px;
}

header .navi-right .active > a {
    color: #606060;
    border-bottom-color: #ffbe00;
}

header .navi-right a.link-show-login-popup {
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
    line-height: 62px;
    color: #606060;
}

.page-home.non-logged header .navi-right a.link-show-login-popup, .sigin-buttons a.link-show-login-popup {
    border-color: #ffbe00;
    color: #fff;
    background-color: #ffbe00;
    border-radius: 3px;
}

header .navi-right a.link-show-login-popup:hover {
    background-color: #fff;
    color: #4a4a4a;
}

header .navi-right .sub > a {
    position: relative;
}

header .navi-right a:hover,
header .navi-right .sub:hover > a {
    border-bottom-color: #fff;
    color: #ffbe00;
}

.page-home.non-logged header .navi-right a:hover,
.page-home.non-logged header .navi-right .sub:hover > a {
    background: none;
    color: #fff;
}

.page-home.non-logged header .navi-right .sub > a {
    padding-right: 20px;
}

header .navi-right a {
    color: #4a4a4a;
}

.page-home.non-logged header .navi-right a, .sigin-buttons a {
    color: #000;
    line-height: 42px;
    height: 46px;
    border: 2px solid transparent;
    font-family: Gotham, 'Helvetica Neue', Helvetica, Arial;
}

.sigin-buttons {
    text-align: center;
    width: auto;
    font-size: 0;
    line-height: 0;
    height: 52px;
    margin-top: 20px;
}

header .navi-right .nosub > a,
header .navi-right .sub > a {
    color: #4a4a4a;
}

header .navi-right .nosub.active > a,
header .navi-right .nosub.active > a:hover {
    border-bottom-color: #ffbe00;
    color: #606060;
}

.header .navi-right .nosub > a:hover {
    border-bottom-color: #fff;
    color: #ffbe00;
}

.page-home.non-logged .header .navi-right .nosub > a:hover {
    color: #fff;
    border-color: transparent;
}


.page-home.non-logged header .navi-right a:hover, .sigin-buttons a:hover {
    color: #ffbe00;
    background: none;
}

.page-home.non-logged header .navi-right a.link-show-login-popup:hover, .sigin-buttons a.link-show-login-popup:hover {
    background: #fff;
}

.button:hover,
header .sub.active > a,
header .sub.active > a:hover,
header li.active > a,
header li.active > a:hover,
header .navi-middle ul > li.active a {
    color: #fff;
    background: #ffbe00;
}

    header li.active > a,
    header li.active > a:hover,
    header .navi-middle ul > li.active a {
        color: #ffbe00;
        background: none;
    }

header div.sub,
header div.nosub {
    height: 78px;
    margin-right: 0;
    position: relative;
    display: inline-block;
}

.page-home.non-logged header div.sub,
.page-home.non-logged header div.nosub {
    height: 32px;
    margin-right: 10px;
}

header .sub {
    position: relative;
}

.page-home.non-logged header .sub {
    height: 32px;
}

    .page-home.non-logged header .sub.sub-identify {
        margin-right: 0;
    }

        .page-home.non-logged header .sub.sub-identify:hover {
            margin-right: -2px;
        }

.page-home.non-logged header .navi-right .sub:hover > a.limited {
    padding-right: 22px;
}

.page-home.non-logged header .navi-right .sub:hover > a.limited {
    right: 0;
}

header .sub > ul,
header .sub > .ul {
    position: absolute;
    z-index: 99;
    top: 72px;
    right: 0;
    display: none;
    list-style: none;
    background: #fff;
    border: 0;
    width: 250px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.42);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.42);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.42);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-mask: #fff;
}

header .sub > .ul {
    width: 363px;
}

    header .sub > ul::after, header .sub > ul::before,
    header .sub > .ul::after, header .sub > .ul::before {
        display: block;
        content: ' ';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #fff transparent;
        position: absolute;
        top: -10px;
        right: 38px;
        -webkit-transform: rotate(360deg);
        border-style: inset;
        z-index: 2;
    }

    header .sub > ul::before, header .sub > .ul::before {
        border-width: 0 11px 12px 12px;
        border-color: transparent transparent #eee transparent;
        top: -12px;
        right: 37px;
    }

header .sub .bell {
    position: absolute;
    top: 0;
    right: 0;
    height: 78px;
    width: 62px;
    padding-top: 24px;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
}
    header .sub .bell .dot-has-notification {
        background:#d0011b;
        border:1px solid #fff;
        overflow:hidden;
        font-size:0;
        line-height:0;
        height:14px;
        width:14px;
        border-radius:50%;
        position:absolute;
        top:24px;
        right:23px;
        z-index:100;
    }

    header .sub .bell::after {
        height: 12px;
        width: 12px;
        background: #d0021b;
        border: 1px solid #fff;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        content: ' ';
        overflow: hidden;
        position: absolute;
        z-index: 2;
        top: 20px;
        left: 25px;
        display: none;
    }

      .mobile-view-only {
        display:none;
        margin: 30px 0px;
    }


#tabs.ui-tabs ul::after {
    height: 9px;
    width: 9px;
    background: #d0021b;
    border: 1px solid #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: ' ';
    overflow: hidden;
    z-index: 2;
    top: 20px;
    left: 25px;
    display: none;
    float: left;
    margin-top: 6px;
    margin-left: -20px;
}

header .sub .bell.active::after, #tabs ul.active-pending::after {
    display: block;
}

header .sub .bell svg {
    display: block;
    position: relative;
    z-index: 1;
}


header .sub.sub-identify > ul {
    right: 0;
}

header .sub.sub-notifications > .ul {
    right: -6px;
}

header .sub.sub-notifications {
    position: absolute;
    right: 253px;
    width: 62px;
    z-index: 100;
}

    header .sub.sub-notifications::before {
        bottom: 0;
        height: 3px;
        width: 363px;
        overflow: hidden;
        position: absolute;
        right: -4px;
        font-size: 0;
        line-height: 0;
        content: ' ';
    }

.ul .ul-header {
    height: 39px;
    border-bottom: 1px solid #c0c0c0;
    line-height: 38px;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 14px;
    color: #606060;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
}

.ul .ul-body {
    max-height: 408px;
    overflow: auto;
}

.ul .notification-item {
    border-bottom: 1px solid #ededed;
    padding: 14px 14px;
    line-height: 17px;
    text-align: left;
    font-size: 14px;
    color: #4f5050;
    font-family: Gotham-Book;
    display: table;
    width: 100%;
    cursor: pointer;
}

    .ul .notification-item.no-data {
        text-align: center;
        background: #c0c0c0;
        color: #777;
    }

    .ul .notification-item.unread {
        background: #e7f3fb;
    }

    .ul .notification-item .notification-user {
        width: 38px;
        float: left;
        position: relative;
        height: 38px;
        -webkit-border-radius: 38px;
        -khtml-border-radius: 38px;
        -moz-border-radius: 38px;
        border-radius: 38px;
        overflow: hidden;
    }

        .ul .notification-item .notification-user::before {
            width: 8px;
            height: 8px;
            overflow: hidden;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background: #ffbe00;
            content: ' ';
            font-size: 0;
            line-height: 0;
            top: 15px;
            left: -12px;
            position: absolute;
            z-index: 1;
            display: none;
        }

    .ul .notification-item.unread .notification-user::before {
        display: block;
    }

    .ul .notification-item .notification-user img {
        display: block;
        width: 100%;
        height: auto;
    }

    .ul .notification-item .notification-text {
        margin-left: 36px;
        padding-left: 10px;
        padding-top: 1px;
        font-size: 13px;
    }

    .ul .notification-item time {
        color: #b4b5b5;
        font-size: 12px;
        padding-top: 6px;
        display: block;
    }

    .ul .notification-item:last-child {
        border-bottom: 0;
        -webkit-border-bottom-right-radius: 2px;
        -webkit-border-bottom-left-radius: 2px;
        -moz-border-radius-bottomright: 2px;
        -moz-border-radius-bottomleft: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
    }

    .ul .notification-item a,
    .ul .notification-item .user-txt {
        display: inline !important;
        padding: 0;
        margin: 0;
        color: #212324;
        height: auto;
        line-height: 17px;
        white-space: normal;
        font-family: Gotham-Book;
        border: 0;
    }

        .ul .notification-item a.event-txt {
            font-family: Gotham-Bold;
            color: #ffbe00;
        }

        .ul .notification-item a:hover {
            color: #ffaf06;
        }

    .ul .notification-item:hover {
        background: #fbfbfb;
    }

.page-home.non-logged header .sub > ul {
    top: 32px;
    right: 0;
    border: 0;
    width: 100%;
    text-align: center;
    background: #fff;
}

header .sub > ul a {
    display: block;
    padding-right: 0;
    padding-left: 0;
    margin-left: 20px;
    margin-right: 20px;
    color: #909090;
    white-space: nowrap;
    text-align: left;
    border: 0;
    border-bottom: 1px solid #eee;
    height: auto;
    line-height: 1.5;
    font-size: 17px;
    padding: 10px 0;
}

header .sub > ul li:last-child a {
    border-bottom: 0;
}

header .sub > ul a {
    color: #4a4a4a;
}

.page-home.non-logged header .sub > ul a {
    color: #606060;
    text-align: left;
    margin: 0;
}

.page-home.non-logged header .sub > ul {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .page-home.non-logged header .sub > ul::after, .page-home.non-logged header .sub > ul::before {
        border-width: 0 5px 5px 5px;
        top: -5px;
        right: 59px;
    }

    .page-home.non-logged header .sub > ul::before {
        border-width: 0 6px 7px 7px;
        top: -7px;
        right: 58px;
    }


header .sub > ul li:not(.title1):hover {
    background-color: lightgray;
}

header .sub > ul li:not(.title1):hover {
    background: none;
    color: #fff;
    background-color: #ffbe00;
}

    header .sub > ul li:not(.title1):hover a {
        border-bottom: 1px solid #ffbe00;
    }

header .navi-right li.title1 a:hover {
    color:black;
    cursor:default;
}

header .navi-right .sub-identify li:not(.title1) a:hover {
    color: #fff !important;
}

.page-home.non-logged header .sub > ul a:hover {
    color: #ffbe00;
}

header .sub:hover > ul {
    display: block;
}

header .sub.clicked > .ul {
    display: block;
}

.overlay-notification {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
    display: none;
}

header .navi-right {
    position: relative;
    margin-left: 218px;
    text-align: right;
    width: auto;
    font-size: 0;
    line-height: 0;
    height: 78px;
}

    header .navi-right .nm {
        white-space: nowrap;
        position: absolute;
        width: 100%;
        padding-right: 280px;
        top: 0;
        left: 0;
        text-align: left;
        padding-left: 18px;
    }

header.non-logged .navi-right .nm {
    padding-left: 0;
    text-align: center;
}

header .navi-right .sub > a {
    position: relative;
    color: #4a4a4a;
}

.page-home.non-logged header .navi-right .sub > a {
    width: auto;
    color: #fff;
}

header .navi-right .nosub > a {
    padding: 0;
    margin:0 18px;
    text-align: center;
}


header .navi-right .sub > a.limited,
header .navi-right .sub > .user-menu > a.limited {
    line-height: 70px;
    width: 100%;
    max-width: 180px;
    min-width: 180px;
    height: 70px;
    color: #606060;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    border: 0;
    font-family: 'Gotham-Book';
}

header .navi-right .sub > .user-menu > a.limited {
    padding-left: 0;
    padding-right: 0;
    float: left;
}

header .navi-right .sub > .user-menu {
    height: 78px;
    position: relative;
    padding-right: 0;
    width: 70px;
}

    header .navi-right .sub > .user-menu:after,
    header .navi-right .sub > a::after {
        height: 78px;
        width: 15px;
        position: absolute;
        right: 0;
        top: 0;
        content: ' ';
        background: url(../img/disclosure-indicator.svg) no-repeat 100% 50%;
        -moz-background-size: 15px auto;
        -webkit-background-size: 15px auto;
        background-size: 15px auto;
    }

header .navi-right .sub > a::after {
    top: -4px;
    display: block;
}

header .navi-right .sub > .user-menu .user-menu-icon {
    height: 45px;
    width: 45px;
    position: absolute;
    border: 0;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    float: right;
    left: 0;
    z-index: 1;
}

.signin .user-menu-icon {
    height: 32px;
    width: 32px;
    border: 0;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    left: 0;
    z-index: 1;
}

.signin .span {
    padding-top: 5px;
    margin-left: 5px;
    float: left;
    text-transform: none;
    text-overflow: ellipsis;
    max-width: 150px;
    font-size:14px;
}

header .sub > ul li:hover a:before {
    background: #fff;
}

.signin.active-account a:before {
    height: 8px;
    width: 8px;
    background: #ffbe00;
    /* border: 1px solid #fff; */
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: ' ';
    overflow: hidden;
    position: absolute;
    z-index: 2;
    /* top: 20px; */
    left: 7px;
    /* top: 0px; */
    /* left: 25px; */
    margin-top: 12px;
}

.box-w10 {
    height: 17px;
    display: table-cell;
}

header .navi-right .sub > .user-menu .user-menu-icon img, .signin .user-menu-icon img{
    display: block;
    width: 100%;
    height: auto;
}

.page-home.non-logged header .navi-right .sub > a.limited {
    line-height: 28px;
    height: 32px;
}

header .navi-right .sub:hover > a.limited {
    border-left-color: #4a4a4a;
    position: relative;
    right: -1px;
    padding-right: 39px;
    padding-left: 17px;
}

    header .navi-right .sub:hover > a.limited:after {
        right: 20px;
    }

.content-help-pages p,
.content-help-pages h1 {
    display: block;
}

.content-help-pages p {
    padding: 10px 0;
}

.content-help-pages p,
.content-help-pages {
    font-family: Gotham-Book, 'Helvetica Neue', Helvetica, Arial;
    line-height: 1.3;
}

    .content-help-pages a {
        color: #ffbe00;
    }


.editor-forms .isCrowdFund .fake-table .col-1 p.hint {
    margin-top: 10px;
    text-align: right;
}

.footer-download-visible {
    display: initial;
}

.btn-app-store.footer-download-hidden {
    display: none;
    margin: 20px auto;
    float: none;
}

.intro .logo-brand-loggedout {
    display: none;
    background: url(../img/gettielogo-01.png) no-repeat;
    margin: 30px auto;
    width: 250px;
    top: 30px;
    height: 110px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.sigin-buttons {
    display: none;
}


.intro .wrapper > .fake-table > .ios-right.fake-td {
    vertical-align: bottom;
}

.schools .fake-td {
    width: 50%;
}

    .schools .fake-td:last-of-type {
        text-align: right;
    }

.schools h1 {
    font-family: Gotham-Bold;
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    color: #4a4a4a;
    line-height: 60px;
    border-bottom: 1px solid #4a4a4a;
}

.schools .fake-td h1 {
    margin: -20px 50px 20px 0px;
}

.schools .fake-td:last-of-type h1 {
    margin: -20px 0px 20px 50px;
}

.schools .fake-td:last-of-type p {
    margin-left: 50px;
}

.schools .fake-td .btn {
    float: right;
    margin-top: 20px;
}



.schools p {
    font-family: Gotham-Book;
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    color: #9b9b9b;
    margin-bottom: 10px;
}

#tab-login h4 a {
    color: #FFBE00;
}

.page-home.non-logged header .navi-right .sub > a:after {
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -5px;
    content: ' ';
    pointer-events: none;
    border: solid transparent;
    border-width: 5px;
    border-color: transparent;
    top: 12px;
    right: 5px;
    border-top-color: #fff;
    background: none;
}



.page-home.non-logged header nav {
    background: none;
}

/* mobile menu icon */
.icon-mobile-menu {
    position: absolute;
    top: 20px;
    right: 19px;
    display: none;
    width: 26px;
    height: 19px;
}

.page-home.non-logged .icon-mobile-menu {
    top: 15px;
    right: 0;
}

.icon-mobile-menu i {
    display: block;
    overflow: hidden;
    width: 26px;
    height: 1px;
    background: #4a4a4a;
    position: absolute;
    left: 0;
}

.page-home.non-logged .icon-mobile-menu i {
    background: #fff;
}

.icon-mobile-menu i.c1 {
    top: 0;
}

.icon-mobile-menu i.c2 {
    top: 6px;
}

.icon-mobile-menu i.c3 {
    top: 12px;
}

.icon-mobile-menu i.c4 {
    bottom: 0;
}

.icon-mobile-menu i.c1 {
    top: 0;
}


.icon-mobile-menu i.c3 {
    bottom: 0;
}
/* mobile menu icon */

.mobile-logo {
    font-size: 0;
    line-height: 0;
    position: relative;
    top: 10px;
    display: none;
    width: 42px;
    height: 42px;
    margin-left: 18px;
}

.page-home.non-logged .mobile-logo {
    top: 14px;
    margin-left: 0;
}
/* header */

/* footer */
footer {
    padding: 20px 0 0 0;
}

    footer .wrapper {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    footer p {
        line-height: 18px;
        margin: 0;
        margin-left: 8%;
        padding: 0;
    }
/* footer */

/* intro */
.intro {
    width: 100%;
    height: 857px;
    background-image: url(../img/home_bg.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
}

    .intro:after {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*background: url(../img/mask-copy.png) no-repeat 0 0;*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        content: ' ';
    }

.intro-hosts-individual:after, .intro-barhops:after, .intro-hosts:after {
    background: url(../img/mask-copy.png) no-repeat 0 0;
    opacity: .6;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.intro .wrapper > .fake-table {
    height: 100%;
    width: 100%;
    table-layout: fixed;
}

    .intro .wrapper > .fake-table > .fake-td {
        height: 100%;
        width: 100%;
        vertical-align: middle;
        padding-top: 140px;
    }

.intro .wrapper {
    position: relative;
    z-index: 2;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.intro h1 {
    font-size: 90px;
    font-family: 'Nunito', sans-serif;
    line-height: 95px;
    font-size: 85px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    color: #000000;
    max-width: 762px;
}

.intro p {
    font-family: 'Nunito', sans-serif;
    font-size: 25px;
    line-height: 26px;
    color: #333333;
    letter-spacing: 0.4px;
    margin-bottom: 20px;
    margin-top: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    max-width: 540px;
}

.intro h1 a {
    position: relative;
    border-bottom: 1px solid #fff;
    padding-right: 35px;
}


.intro .btn-wrap {
    font-size: 0;
    line-height: 0;
    padding-top: 40px;
}

.intro.intro-barhops .btn-wrap {
    text-align: center;
}

.intro .btn-intro {
    color: #fff;
    border: 2px solid #fff;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    height: 50px;
    line-height: 46px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: Gotham-Book;
    font-weight: 400;
}

    .intro .btn-intro:hover {
        background-color: #fff;
        color: #4a4a4a;
    }

.logo.white {
    font-size: 20px;
    font-weight: 300;
    width: 134px;
    margin: 0 auto;
    padding-top: 80px;
    text-align: center;
    letter-spacing: 6px;
    text-transform: uppercase;
    background-image: url(../img/logo-white.png);
    background-position: 50% 0;
    -webkit-background-size: auto 74px;
    -moz-background-size: auto 74px;
    background-size: auto 74px;
}
/* intro */

/* search field */
.search {
    font-size: 12px;
    font-weight: 300;
    display: block;
    width: 100%;
    max-width: 400px;
    height: 55px;
    margin: 0 auto;
    padding: 0 64px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    color: #fff;
    color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: rgba(0,0,0,.5);
    background-image: url(../img/marker-field.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    -webkit-background-size: auto 38px;
    -moz-background-size: auto 38px;
    background-size: auto 38px;
}

    .search::-webkit-input-placeholder {
        opacity: 1;
        color: #fff;
    }

    .search:-moz-placeholder {
        opacity: 1;
        color: #fff;
    }

    .search::-moz-placeholder {
        opacity: 1;
        color: #fff;
    }

    .search:-ms-input-placeholder {
        color: #fff;
        -ms-filter: 'alpha(opacity=100)';
    }
/* search field */

/* events */
.events {
    /*padding: 105px 0;*/
    padding: 25px 0;
    min-height: 400px;
}

    .events #when {
        display: none;
    }


.intro-barhops.intro.free-beer-header h2 {
    font-family: Albondigas;
    object-fit: contain;
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
    font-family: Albondigas;
    font-size: 280px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fdb209;
    text-shadow: 2px 6px 0 #ffffff;
    margin-bottom: 10px;
}


.events h2 {
    text-align: center;
    font-family: Gotham-Bold, 'Helvetica Neue', Helvetica, Arial;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.3;
    padding-bottom: 21px;
    position: relative;
    z-index: 1;
    margin-bottom: 19px;
}

    .events h2:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        background: #ffbe00;
        width: 66px;
        height: 1px;
        font-size: 0;
        line-height: 0;
        margin-left: -33px;
        overflow: hidden;
        z-index: 1;
        content: ' ';
    }

.events .big-event {
    display: block;
    width: 100%;
    max-width: 450px;
    margin: 0 auto 40px auto;
}

    .events .big-event i {
        font-style: normal;
        display: block;
    }

    .events .big-event .big-event-image {
        position: relative;
        display: block;
        color: #fff;
    }

        .events .big-event .big-event-image img {
            position: relative;
            z-index: 1;
            width: 100%;
        }

        .events .big-event .big-event-image .big-event-image-text {
            position: absolute;
            z-index: 2;
            width: 100%;
            height: 100%;
            text-align: center;
        }

            .events .big-event .big-event-image .big-event-image-text .fake-table,
            .events .big-event .big-event-image .big-event-image-text .fake-td {
                display: table;
                width: 100%;
                height: 100%;
            }

            .events .big-event .big-event-image .big-event-image-text .fake-td {
                display: table-cell;
                vertical-align: middle;
            }

    .events .big-event .big-event-footer {
        display: table;
        width: 100%;
        padding: 18px;
        color: #000;
        background: #f2f2f2;
    }

        .events .big-event .big-event-footer .big-event-spots {
            float: right;
        }

        .events .big-event .big-event-footer .big-event-userpic {
            display: block;
            float: left;
            overflow: hidden;
            width: 76px;
            height: 76px;
            margin-right: 15px;
        }

            .events .big-event .big-event-footer .big-event-userpic img {
                display: block;
                width: 76px;
                height: 76px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
            }

        .events .big-event .big-event-footer .big-event-info {
            float: left;
            padding-top: 5px;
        }

        .events .big-event .big-event-footer .big-event-p {
            font-size: 14px;
            line-height: 1.3;
            letter-spacing: 0;
        }

        .events .big-event .big-event-footer .big-event-user {
            padding-bottom: 2px;
            word-spacing: 0;
            color: #c1203f;
        }

        .events .big-event .big-event-footer .big-event-digit {
            font-size: 37.5px;
            font-weight: 700;
            line-height: 1.2;
            text-align: center;
        }

        .events .big-event .big-event-footer .big-event-spot {
            font-size: 14px;
            font-weight: 700;
            line-height: 1.2;
            white-space: nowrap;
            letter-spacing: 1px;
            word-spacing: 2px;
            text-transform: uppercase;
        }

.events .big-event-header {
    font-size: 15px;
    font-weight: 700;
    position: relative;
    margin-bottom: 34px;
    padding-top: 75px;
    padding-bottom: 24px;
    letter-spacing: 4px;
    text-transform: uppercase;
}

    .events .big-event-header:after {
        font-size: 0;
        line-height: 0;
        position: absolute;
        bottom: 0;
        left: 50%;
        overflow: hidden;
        width: 70px;
        height: 2px;
        margin-left: -35px;
        content: ' ';
        background: #fff;
    }

.events .big-event-date {
    font-size: 31px;
    line-height: 1.1;
    letter-spacing: 3px;
}

    .events .big-event-date em {
        font-size: 25px;
        font-style: normal;
        line-height: 1.4;
        display: block;
        padding-top: 4px;
        letter-spacing: 0;
    }

.events .big-event + .btn {
    margin-top: 65px;
}

.events .btn, .booking-box .btn, .share-box .btn, .find-barhops .btn, #event-tickets .btn, .ios-left .btn, .school-req .btn {
    font-size: 16px;
    line-height: 50px;
    display: block;
    width: 210px;
    height: 50px;
    margin: 0 auto;
    padding: 0 11px;
    text-align: center;
    letter-spacing: 2px;
    color: #fff;
    background: #ffbe00;
    border-radius: 2px;
    font-family: Gotham-Medium;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.ios-left .btn {
    width: 517px;
    display: inline-block;
}

.school-req {
    width: 517px;
}

    .school-req .btn {
        width: 517px;
        display: inline-block;
        margin-top: 10px;
    }

    .school-req input[type=text] {
        font-family: Gotham-Medium;
        font-size: 18px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #898989;
        border-radius: 3px;
        background-color: #ffffff;
        border: solid 1px #ffbe00;
        height: 50px;
        padding: 10px;
        width: 250px;
    }

        .school-req input[type=text]:first-of-type {
            float: left;
        }


        .school-req input[type=text]:last-of-type {
            float: right;
        }

.events.schools .school-req {
    float: right;
}

.ios-left .btn-app-store {
    display: inline-block;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
}

.share-box {
    padding-top: 20px;
}

.boxi, #sticky-panel .btn {
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-mask: #fff;
}

#event-tickets .btn {
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
}

.events button.btn, .booking-box button.btn, .share-box button.btn, .find-barhops button.btn {
    line-height: normal;
}

.booking-box .btn, .share-box .btn {
    width: 100%;
}

.share-box .btn {
    color: #474747;
    background: #fff;
    border: 1px solid #ccc;
}

.events .btn:hover, .booking-box .btn:hover, #event-tickets .btn, .ios-left .btn:hover {
    background: #ffaf06;
}
/* events */

/* autocomplete list */
.location-list {
    position: relative;
    z-index: 99;
    max-width: 399px;
    margin: 0px auto;
}

.with-hint .location-list {
    margin-left: 0;
    margin-right: 0;
}

.location-list .panel {
    border: 1px solid #fff;
    background: #fff;
    box-shadow: 1px 1px 1px rgba(0,0,0,.5);
}

.filter .location-list {
    position: absolute;
    width: 50%;
    left: 0;
    top: 47px;
}

.location-list .location-item {
    padding: 15px;
    line-height: 1.4;
    font-weight: 300;
    cursor: pointer;
    text-align: left;
    color: #000;
}

    .location-list .location-item:hover {
        background: #ccc;
    }
/* autocomplete list */

/* video player */
.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level {
    background-color: #ffbe00;
}

.vjs-default-skin .vjs-control-bar,
.vjs-default-skin .vjs-big-play-button {
    background: #000;
}

.vjs-default-skin .vjs-slider {
    background: rgba(0,0,0,.33);
}

.video {
    position: relative;
    height: 500px;
    margin-top: 20px;
    margin-bottom: 90px;
    text-align: center;
    color: #fff;
}

    .video .video-overlay {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        background-color: #000;
        background-image: url(../img/poster.jpg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
    }

    .video .video-js {
        position: absolute;
        z-index: 1;
        display: block;
        width: 100%;
        height: 500px;
    }

    .video h2 {
        font-size: 54px;
        font-weight: 700;
        padding-top: 100px;
        padding-bottom: 22px;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .video p {
        font-size: 28px;
        padding-bottom: 30px;
        font-weight: 300;
        line-height: 1.2;
        letter-spacing: 2px;
    }

    .video .video-play {
        width: 90px;
        height: 90px;
        margin: 0 auto;
        background-image: url(../img/play.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
    }

    .video .fake-table {
        width: 100%;
        height: 100%;
    }

    .video .fake-td {
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }
/* video player */

/* squares */
.mixstir-block h3 {
    font-size: 18px;
    line-height: 1.1;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1.3px;
    font-family: Gotham-Bold;
}

.mixtirs-list {
    display: table;
    width: 100%;
    margin: 43px 0 0 0;
    padding: 0;
    list-style: none;
}

    .mixtirs-list li {
        display: block;
        float: left;
        width: 33%;
        padding: 0 15px 30px 15px;
    }

.ava {
    padding-bottom: 20px;
}

.mixtir-item {
    display: block;
    width: 100%;
    height: 345px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-mask: #fff;
}

.old-events .mixtir-item {
    -webkit-transition: opacity ease 0.3s;
    transition: opacity ease 0.3s;
    opacity: 0.3;
}

    .old-events .mixtir-item:hover {
        opacity: 1;
    }

#calendar .mixtir-item-bartender {
    max-width: 182px;
    height: 200px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    text-align: center;
    border-bottom: 0;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.25);
}

    #calendar .mixtir-item-bartender span.details {
        font-family: Gotham-Book;
        font-size: 11px;
        width: 100%;
        display: block;
        padding: 5px 15px;
        text-align: left;
    }

        #calendar .mixtir-item-bartender span.details label {
            font-family: Gotham-Bold;
            font-size: 12px;
            width: 100%;
            text-align: left;
        }

    #calendar .mixtir-item-bartender .user-info {
        height: 115px;
        padding: 15px 0px;
    }

        #calendar .mixtir-item-bartender .user-info .user-face {
            width: 60px;
            height: 60px;
            padding: 8px 0px;
            overflow: hidden;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 5px;
        }

            #calendar .mixtir-item-bartender .user-info .user-face img {
                width: 60px;
                display: block;
            }

.mixtir-item-image {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 180px;
    position: relative;
    color: #fff;
    background-color: #e9e9e9;
    background-image: url(../img/empty-image-event.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-mask: #fff;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    z-index:1;
}
.mixtir-item .img-gettie {
    height: 180px;
    overflow: hidden;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position:relative;
}
.mixtir-item-image:hover {
    transform: scale(1.1,1.1);
}

    .mixtir-item-image .sold-out-background {
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }

.mixtir-item-link-popup,
.mixtir-item-link-mobile {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    cursor: pointer;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 77%, rgba(0,0,0,0.52) 85%, rgba(0,0,0,0.87) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 77%,rgba(0,0,0,0.52) 85%,rgba(0,0,0,0.87) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 77%,rgba(0,0,0,0.52) 85%,rgba(0,0,0,0.87) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.mixtir-item-link-mobile {
    display: block;
}

    .mixtir-item-link-mobile > span,
    .mixtir-item-link-popup > div {
        display: block;
        position: absolute;
        z-index: 1;
        bottom: 5px;
        color: #fff;
        font-size: 12px;
        white-space: nowrap;
        line-height: 14px;
        height: 14px;
        overflow: hidden;
        padding: 0 10px;
        font-weight: 400;
        text-transform: capitalize;
    }

        .mixtir-item-link-mobile > span.mobile-title,
        .mixtir-item-link-popup > div.mobile-title {
            font-family: Gotham-Bold;
            font-size: 1em;
            line-height: 1.5em;
            bottom: 19px;
            padding: 0 10px;
            margin: 5% 0;
            max-width: 100%;
            white-space: normal;
            height: auto;
        }

        .mixtir-item-link-mobile > span.mobile-date,
        .mixtir-item-link-popup > div.mobile-date {
            font-family: Gotham-Book;
            font-size: 0.8em;
            margin: 3% 0;
            left: 0;
            width: 70%;
        }

        .mixtir-item-link-mobile > span.mobile-price,
        .mixtir-item-link-popup > div.mobile-price {
            font-family: Gotham-Book;
            font-size: 0.8em;
            margin: 3% 0;
            right: 0;
            width: 50%;
            text-align: right;
        }

.editor-forms .mixtir-item-image {
    height: 270px;
    width: 182px;
}

.mixtir-item.skin-orange .mixtir-item-image {
    border-bottom-color: #ffaf06;
}

.skin-orange .mixtir-item-footer .mixtir-item-user a,
.condensed-event.skin-orange .condensed-event-user .user-info .user-title,
.condensed-event.skin-orange .condensed-event-user .user-info .user-title a,
.user-item.skin-orange .user-name,
.user-item.skin-orange .user-name a,
.user-item.skin-orange .mixtir-item-voted {
    color: #ffaf06;
}

.legend ul li.skin-orange em,
.progress.skin-orange,
.host-status.skin-orange .status:before {
    background: #ffaf06;
}

.condensed-event.skin-orange .condensed-event-user .user-pic img,
.user-item.skin-orange img,
.ticket-user.skin-orange img,
.edit-mixstirs-list .mixtir-item.skin-orange .mixstir-user img,
.color-item .user-pic.skin-orange img,
.reviews .skin-orange img {
    border-color: #ffaf06;
}

.mixtir-item.skin-green .mixtir-item-image {
    border-bottom-color: #39b54a;
}

.skin-green .mixtir-item-footer .mixtir-item-user a,
.condensed-event.skin-green .condensed-event-user .user-info .user-title,
.condensed-event.skin-green .condensed-event-user .user-info .user-title a,
.user-item.skin-green .user-name,
.user-item.skin-green .user-name a,
.user-item.skin-green .mixtir-item-voted,
.offer-item .user-info.skin-green em {
    color: #39b54a;
}

.legend ul li.skin-green em,
.progress.skin-green,
.host-status.skin-green .status:before,
.offer-item .user-info.skin-green .user-face {
    background: #39b54a;
}

.condensed-event.skin-green .condensed-event-user .user-pic img,
.user-item.skin-green img,
.ticket-user.skin-green img,
.edit-mixstirs-list .mixtir-item.skin-green .mixstir-user img,
.color-item .user-pic.skin-green img,
.reviews .skin-green img {
    border-color: #39b54a;
}

.mixtir-item.skin-blue .mixtir-item-image,
.offer-item .user-info.skin-blue em {
    border-bottom-color: #202759;
}

.skin-blue .mixtir-item-footer .mixtir-item-user a,
.condensed-event.skin-blue .condensed-event-user .user-info .user-title,
.condensed-event.skin-blue .condensed-event-user .user-info .user-title a,
.user-item.skin-blue .user-name,
.user-item.skin-blue .user-name a,
.user-item.skin-blue .mixtir-item-voted,
.offer-item .user-info.skin-blue .user-face {
    color: #202759;
}

.legend ul li.skin-blue em,
.progress.skin-blue,
.host-status.skin-blue .status:before {
    background: #202759;
}

.condensed-event.skin-blue .condensed-event-user .user-pic img,
.user-item.skin-blue img,
.ticket-user.skin-blue img,
.edit-mixstirs-list .mixtir-item.skin-blue .mixstir-user img,
.color-item .user-pic.skin-blue img,
.reviews .skin-blue img {
    border-color: #202759;
}

.mixtir-item.skin-lightblue .mixtir-item-image {
    border-bottom-color: #41b7e1;
}

.condensed-event.skin-lightblue .condensed-event-user .user-pic img,
.user-item.skin-lightblue img,
.ticket-user.skin-lightblue img,
.edit-mixstirs-list .mixtir-item.skin-lightblue .mixstir-user img,
.color-item .user-pic.skin-lightblue img,
.reviews .skin-lightblue img {
    border-color: #41b7e1;
}

.of body {
        overflow:hidden;
    }

.skin-lightblue .mixtir-item-footer .mixtir-item-user a,
.condensed-event.skin-lightblue .condensed-event-user .user-info .user-title,
.condensed-event.skin-lightblue .condensed-event-user .user-info .user-title a,
.user-item.skin-lightblue .user-name,
.user-item.skin-lightblue .user-name a,
.user-item.skin-lightblue .mixtir-item-voted,
.offer-item .user-info.skin-lightblue em {
    color: #41b7e1;
}

.legend ul li.skin-lightblue em,
.progress.skin-lightblue,
.host-status.skin-lightblue .status:before,
.offer-item .user-info.skin-lightblue .user-face {
    background: #41b7e1;
}

.mixtir-item.skin-red .mixtir-item-image {
    border-bottom-color: #d15570;
}

.condensed-event.skin-red .condensed-event-user .user-pic img,
.user-item.skin-red img,
.ticket-user.skin-red img,
.edit-mixstirs-list .mixtir-item.skin-red .mixstir-user img,
.color-item .user-pic.skin-red img,
.reviews .skin-red img {
    border-color: #d15570;
}

.skin-red .mixtir-item-footer .mixtir-item-user a,
.condensed-event.skin-red .condensed-event-user .user-info .user-title,
.condensed-event.skin-red .condensed-event-user .user-info .user-title a,
.user-item.skin-red .user-name,
.user-item.skin-red .user-name a,
.user-item.skin-red .mixtir-item-voted,
.offer-item .user-info.skin-red em {
    color: #d15570;
}

.legend ul li.skin-red em,
.progress.skin-red,
.host-status.skin-red .status:before,
.offer-item .user-info.skin-red .user-face {
    background: #d15570;
}

.mixtir-item-image .fake-table {
    width: 100%;
    height: 100%;
}

.mixtir-item-image .fake-tr {
    width: 100%;
    height: 50%;
}

.mixtir-item-image .fake-td {
    width: 100%;
    height: 50%;
    padding: 0 20px;
    text-align: center;
    vertical-align: middle;
}

.mixtir-item-headline {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    display: block;
    padding-top: 40px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.editor-forms .mixtir-item-headline {
    font-size: 14px;
    letter-spacing: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 70px;
}

.mixtir-item-info,
.mixtir-item-footer {
    display: table;
    width: 100%;
}



.mixtir-item-parts {
    padding-top: 25px;
    background-image: url(../img/team.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    -webkit-background-size: auto 23px;
    -moz-background-size: auto 23px;
    background-size: auto 23px;
}


.mixtir-item-parts {
    font-size: 22px;
    font-weight: 700;
    float: left;
    width: 50%;
}

.mixtir-item .mixtir-item-date, 
.mixtir-item .people-needed, 
.mixtir-item .sold-out-background {
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    text-align: right;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(0,0,0,0.5);
    line-height: 16px;
    padding: 3px 5px;
    letter-spacing: 1px;
    position: absolute;
    top: 15px;
    right: 15px;
    font-weight: 500;
    font-family: Gotham-Medium;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    z-index: 2;
}
.mixtir-item .mixtir-item-date {
    text-align: center;
    font-family: proxima-nova;
    background: #fff;
    border-radius: 4px;
    width: 55px;
    padding: 5px 5px;
    right: auto;
    left: 10px;
    top: 10px;
    font-size: 21px;
    color: #f00;
    font-weight: 600;
}
    .mixtir-item .mixtir-item-date b {
        font-style: normal;
        font-weight: 700;
        font-family: proxima-nova;
        font-size: 13px;
        line-height:1;
        padding-top:0;
        color: #ccc;
    }
.mixtir-item .people-needed, .mixtir-item .sold-out-background {
    top: auto;
    right: auto;
    bottom: 15px;
    left: 15px;
    background: #f00;
}
.mixtir-item .sold-out-background {
    background:#ccc;
}

.mixtir-item-footer-date {
    color: rgba(46, 62, 72, 0.49);
    font-size: 15px;
    line-height: 19px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: proxima-nova;
}


.mixtir-item-footer {
    padding: 14px 15px 12px 15px;
    position: relative;
}

    .mixtir-item-footer .mixtir-item-footer-link {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        cursor: pointer;
    }

    .mixtir-item-footer .mixtir-item-user,
    .token-input-custom-item .mixtir-item-user,
    #payment-history .mixtir-item-user {
        height: 31px;
        color: #7f7f7f;
        position: relative;
        z-index: 2;
        display: table;
    }
    .mixtir-item-footer .mixtir-item-user {
        height:46px;
    }
        .mixtir-item-footer .mixtir-item-user img,
        .token-input-custom-item .mixtir-item-user img,
        #payment-history .mixtir-item-user img {
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            -webkit-mask: #fff;
            display: block;
            height: 31px;
            width: 31px;
            float: left;
            margin-right: 10px;
        }
        .mixtir-item-footer .mixtir-item-user img {
            height:46px;
            width:46px;
            margin-right:17px;
        }
            .mixtir-item-footer .mixtir-item-user span,
            .token-input-custom-item .mixtir-item-user span,
            #payment-history .mixtir-item-user span {
                display: block;
                height: 31px;
                font-size: 14px;
                letter-spacing: 0;
                line-height: 31px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                float: left;
                font-weight: 400;
                font-family: proxima-nova;
            }
        .mixtir-item-footer .mixtir-item-user span {
            height: 46px;
            line-height: 46px;
            font-weight: 600;
            color: rgba(46, 62, 72, 0.49);
            font-size: 15px;
        }
                .mixtir-item-footer .mixtir-item-title {
                    font-family: proxima-nova;
                    font-weight: 700;
                    letter-spacing: 0;
                    color: #464646;
                    font-size: 23px;
                    line-height: 25px;
                    height: 50px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    margin-bottom: 12px;
                    margin-top: 7px;
                    position: relative;
                    z-index: 2;
                    display: block;
                    transition:all ease 0.3s;
                }

        .mixtir-item-footer .mixtir-item-user:hover, .mixtir-item-footer .mixtir-item-title:hover {
            color: #ffbe00;
        }

    .mixtir-item-footer .mixtir-item-price {
        font-weight: 400;
        font-family: Gotham-Book;
        letter-spacing: 0;
        color: #7f7f7f;
        float: right;
        white-space: nowrap;
        text-align: right;
        font-size: 14px;
        line-height: 22px;
        padding-left: 10px;
        position: relative;
        z-index: 2;
        display: block;
    }

.mixtir-item-voted {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    float: right;
    padding-right: 5px;
    letter-spacing: 1px;
    color: #ffbe00;
}

.mixtir-item-stars {
    font-size: 0;
    line-height: 0;
    float: right;
    height: 9px;
    margin: 5px 0 0 0;
}

    .mixtir-item-stars .star {
        display: inline-block;
        overflow: hidden;
        width: 9px;
        height: 9px;
        margin: 0 1px;
        background-image: url(../img/star.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
    }

.bg-gray {
    background: #f2f2f2;
}
/* squares */

/* filter */
#field-datepicker,
#field-datepicker-single, .many-field-datepicker-single {
    position: absolute;
    z-index: 100;
    top: 46px;
    left: 50%;
    display: none;
    width: 50%;
}

#field-datepicker-single {
    left: 0;
    width: 100%;
}

.many-field-datepicker-single {
    left: 0;
    width: 256px;
}

.filter {
    padding-top: 170px;
    padding-bottom: 0;
    background: #fff;
}


    .filter.attend-page {
        padding-top: 120px;
        padding-bottom: 0;
        background: url(../img/background-attend.png);
        /* height:280px;*/
    }

    .filter .filter-fields,
    .editor-forms .filter-fields {
        position: relative;
        display: table;
        width: 100%;
        max-width: 534px;
        margin: 0 auto;
    }

        .filter .filter-fields .fake-td {
            vertical-align: top;
            text-align: left;
        }

            .filter .filter-fields .fake-td.col-1 {
                padding-right: 7px;
                max-width: 364px;
                width: auto;
            }

            .filter .filter-fields .fake-td.col-2 {
                width: 170px;
            }

        .filter .filter-fields input,
        .filter .filter-fields div.field-datepicker,
        .editor-forms .filter-fields input,
        .editor-forms .filter-fields div.field-datepicker, .datepicker {
            font-size: 16px;
            text-align: left;
            color: #4a4a4a;
            display: block;
            overflow: hidden;
            width: 100%;
            max-width: 100%;
            height: 40px;
            padding: 0 20px;
            letter-spacing: 0;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            background: #fff;
            border: 1px solid #dbdbdb;
        }

            .filter .filter-fields input::-webkit-input-placeholder {
                opacity: 1;
                color: #c1c1c1;
            }

            .filter .filter-fields input:-moz-placeholder {
                opacity: 1;
                color: #c1c1c1;
            }

            .filter .filter-fields input::-moz-placeholder {
                opacity: 1;
                color: #c1c1c1;
            }

            .filter .filter-fields input:-ms-input-placeholder {
                color: #c1c1c1;
                -ms-filter: 'alpha(opacity=100)';
            }

        .editor-forms .filter-fields input,
        .editor-forms .filter-fields div.field-datepicker {
            font-size: 16px;
            font-weight: 400;
        }

        .filter .filter-fields input.field-point {
            padding-left: 45px;
            border-right: 1px solid #000;
            background-image: url(../img/mark.png);
            background-position: 4px 50%;
            -webkit-background-size: auto 20px;
            -moz-background-size: auto 20px;
            background-size: auto 20px;
        }

        .filter .filter-fields input.field-datepicker,
        .filter .filter-fields div.field-datepicker,
        .editor-forms .filter-fields input.field-datepicker {
            padding-right: 55px;
            background-image: url(../img/date.png);
            background-position: 100% 50%;
            -webkit-background-size: auto 23px;
            -moz-background-size: auto 23px;
            background-size: auto 23px;
        }

        .filter .filter-fields div.field-datepicker,
        .editor-forms .filter-fields div.field-datepicker {
            line-height: 48px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        .editor-forms .filter-fields div.field-datepicker {
            line-height:48px;
        }

        .filter .filter-fields div.field-datepicker {
            background-image: url(../img/icon-down.png);
            -webkit-background-size: auto 8px;
            -moz-background-size: auto 8px;
            background-size: auto 8px;
        }

            .filter .filter-fields div.field-datepicker.no-date {
                color: #aaa;
            }

        .filter .filter-fields #field-datepicker-single,
        .filter .filter-fields #field-datepicker,
        .filter .filter-fields .many-field-datepicker-single {
            top: 47px;
            max-width: 200px;
            left: auto;
            right: 0;
        }

    .filter .appartments {
        padding-top: 7px;
        font-size: 11px;
    }

        .filter .appartments .link {
            font-weight: 300;
            padding-left: 15px;
        }

        .filter .appartments .apt-number {
            display: none;
            max-width: 130px;
        }

        .filter .appartments.on .link {
            display: none;
        }

        .filter .appartments.on .apt-number {
            display: block;
        }

    .filter .filter-slider {
        position: relative;
        max-width: 430px;
        margin: 0;
    }

    .filter h1,
    .filter h2 {
        font-family: 'Gotham', 'Helvetica Neue', Helvetica, Arial;
        font-size: 12px;
        font-weight: 600;
        padding-top: 50px;
        padding-bottom: 34px;
        text-align: center;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

        .filter h1.large {
            font-size: 22px;
            padding-top: 0;
            padding-bottom: 35px;
        }

    .filter h2 {
        padding-bottom: 22px;
        text-align: center;
        display: block;
        padding-top: 60px;
    }

    .filter .wrapper {
        position: relative;
    }

        .filter .wrapper .search-box {
            position: relative;
            background: #fff;
            max-width: 836px;
            height: 184px;
            object-fit: contain;
            border-radius: 5px;
            background-color: #ffffff;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
            border: solid 1px #d7d7d7;
            margin: 0 auto;
        }

    .filter .legend {
        position: absolute;
        top: 7px;
        left: 20px;
    }

.legend h3 {
    font-size: 17px;
    font-weight: 700;
    padding-bottom: 14px;
    padding-left: 29px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
}

.legend ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .legend ul li {
        display: table;
        margin: 0;
        padding: 3px 0;
    }

        .legend ul li em {
            font-size: 0;
            line-height: 0;
            display: block;
            float: left;
            overflow: hidden;
            width: 12px;
            height: 12px;
            margin: 4px 17px 4px 0;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background: #000;
        }

        .legend ul li span {
            font-size: 13px;
            line-height: 20px;
            display: block;
            float: left;
            white-space: nowrap;
        }

.events.bg-gray .wrapper {
    position: relative;
}
/* filter */

.w100per {
    width: 100%;
}

.w50per {
    width: 50%;
}

.w75per {
    width: 75%;
}

.w25per {
    width: 25%;
}

.filter-additional {
    margin-top: 90px;
}

.attend-page .filter-additional {
    margin-top: -30px;
}



.filter-additional-headline {
    padding: 0 60px;
    background: #fff;
    border-bottom: 1px solid #ccc;
}

.attend-page .filter-additional-headline {
    padding-top: 30px;
    background: #fff;
    border-bottom: 1px solid #ccc;
}

.filter-additional-headline .wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
}

.filter-additional-table {
    background: #fff;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

    .filter-additional-table .fake-td {
        border-bottom: 1px solid #ccc;
        vertical-align: middle;
        text-align: left;
        padding: 40px 25px;
    }

    .filter-additional-table .fake-tr:last-child .fake-td {
        border-bottom: 0;
    }

    .filter-additional-table .fake-tr .fake-td:first-child {
        width: 170px;
        padding-right: 0;
    }

    .filter-additional-table h2 {
        text-transform: capitalize;
        font-weight: 300;
        font-size: 16px;
        color: #ccc;
        letter-spacing: 1px;
        text-align: left;
        padding: 0;
        margin: 0;
    }

.filter-additional-body {
    padding: 66px 0 40px 0;
    display: none;
}

.attend-page .filter-additional-body {
    padding: 0px 60px;
    margin-top: 90px;
}

.for-reset {
    text-align: center;
}

    .for-reset .link {
        line-height: 48px;
        font-weight: 400;
    }

.filter-additional .btn-filters {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    color: #565656;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    padding-left: 35px;
    background: url(../img/icon-filter.png) no-repeat 0 50%;
    -moz-background-size: 15px auto;
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.filter-additional .filters-sorting {
    float: right;
    position: relative;
    min-width: 100px;
}

/* sorting drop list */
.sorting {
    position: absolute;
    top: -29px;
    right: 20px;
    width: 280px;
}

    .sorting select {
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
    }
/* sorting droplist */

/* slider */
.ui-slider.ui-slider-horizontal {
    font-size: 0;
    z-index: 1;
    width: 100%;
    height: 3.75px;
    background: #777;
}

    .ui-slider.ui-slider-horizontal .ui-slider-range {
        position: absolute;
        z-index: 1;
        display: block;
        height: 3.75px;
        border: 0;
        background: #ffbe00;
    }

.ui-slider-horizontal .ui-slider-handle {
    position: absolute;
    z-index: 3 !important;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 21px;
    height: 21px;
    margin-top: -9px;
    margin-left: -10px;
    border: 1px solid #ffbe00;
    background-color: #ffbe00;
    background-repeat: no-repeat;
    background-position: 9px 50%;
    -webkit-background-size: auto 10px;
    -moz-background-size: auto 10px;
    background-size: auto 10px;
    border-radius: 11px;
}

    .ui-slider-horizontal .ui-slider-handle:last-of-type {
        background-position: 4px 50%;
    }

    .ui-slider-horizontal .ui-slider-handle em {
        font-size: 12px;
        font-weight: 600;
        font-style: normal;
        position: absolute;
        z-index: 1;
        top: 36px;
        left: 50%;
        display: block;
        width: 40px;
        margin-left: -20px;
        text-align: center;
    }
/* slider */

/* datepicker */
.ui-datepicker {
    z-index: 20;
    z-index: 10 !important;
    display: none;
    min-width: 201px;
    margin-left: -1px;
    padding: 5px;
    border: 1px solid #000;
    background: #fff;
}

.ui-datepicker-inline.ui-datepicker {
    display: block !important;
}

.ui-datepicker-title {
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 5px;
    padding: 10px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    background: #ffbe00;
}

.ui-datepicker-header {
    position: relative;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    position: absolute;
    z-index: 1;
    top: 7px;
    overflow: hidden;
    width: 20px;
    height: 20px;
    border: 1.5px solid #000;
    background: #fff;
}

    .ui-datepicker-prev.ui-state-disabled,
    .ui-datepicker-next.ui-state-disabled {
        border-color: #ccc;
    }

    .ui-datepicker-prev .ui-icon,
    .ui-datepicker-next .ui-icon {
        display: none;
    }

    .ui-datepicker-next:after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        margin-top: -4.5px;
        margin-left: -2px;
        content: ' ';
        pointer-events: none;
        border: solid transparent;
        border-width: 4.5px;
        border-color: transparent;
        border-left-color: #000;
    }

    .ui-datepicker-next.ui-state-disabled:after {
        border-left-color: #ccc;
    }

    .ui-datepicker-prev:after {
        position: absolute;
        top: 50%;
        right: 50%;
        width: 0;
        height: 0;
        margin-top: -4.5px;
        margin-right: -2px;
        content: ' ';
        pointer-events: none;
        border: solid transparent;
        border-width: 4.5px;
        border-color: transparent;
        border-right-color: #000;
    }

    .ui-datepicker-prev.ui-state-disabled:after {
        border-right-color: #ccc;
    }

.ui-datepicker-next {
    right: 5px;
}

.ui-datepicker-prev {
    left: 5px;
}

.ui-datepicker th,
.ui-datepicker td {
    font-size: 12px;
    font-weight: 300;
    padding: 1px;
    text-align: right;
    color: #ccc;
}

.ui-datepicker th {
    font-size: 9.75px;
    font-weight: 600;
    padding: 3.75px;
    text-transform: uppercase;
    color: #000;
}

.ui-datepicker td a {
    font-weight: 300;
    display: block;
    padding: 5px;
    color: #000;
}

.ui-datepicker td.ui-state-highlight a {
    color: #fff;
    background: #ffbe00;
}

.ui-datepicker td span {
    display: block;
    padding: 5px;
}

.ui-datepicker td a:hover {
    color: #fff;
    background: #ccc;
}
/* datepicker */

/* multiselect */
.ui-multiselect {
    font-size: 0;
    line-height: 0;
    display: block !important;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
    width: auto;
    height: 24px !important;
    margin: 0;
    padding: 0 !important;
    cursor: default;
    border: 0;
    background: none;
    -webkit-appearance: none;
}


    .ui-multiselect.ui-state-active {
        border-color: #69696b;
    }

    .ui-multiselect span {
        font-family: proxima-nova;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        position: relative;
        display: inline-block;
        float: right;
        overflow: hidden;
        height: 24px;
        padding: 0 7px 0 20px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: 0;
        text-transform: capitalize;
        text-overflow: ellipsis;
        color: #4a4a4a;
    }

.intro-barhops.intro.free-beer-header h1 {
    font-size: 30px;
    line-height: 32px;
    max-width: 646px;
}


.f-sorting.ui-multiselect span {
    font-size: 16px;
    padding: 0 20px 0 7px;
    text-align: left;
}

.ui-multiselect span:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 0;
    margin-top: -4px;
    content: ' ';
    pointer-events: none;
    border: solid transparent;
    border-width: 6px;
    border-color: transparent;
    border-top-color: #565656;
}

.f-sorting.ui-multiselect span:before {
    left: auto;
    right: 0;
    border: 0;
    width: 11px;
    height: 11px;
    background: url(../img/to-bottom.png) no-repeat 50% 50%;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    margin-top: -6px;
}

.disabled .ui-multiselect span {
    color: #989898;
}

.ui-multiselect span.ui-icon {
    display: none !important;
}

.ui-multiselect-menu {
    position: absolute;
    z-index: 9999;
    display: none;
    width: 280px !important;
    margin: -1px 0 -1px 0;
    padding: 0;
    border: 0;
    background: #fff;
}

    .ui-multiselect-menu.f-sorting {
        width: 120px !important;
        -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.25);
        -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.25);
        box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.25);
    }

        .ui-multiselect-menu.f-sorting.city-dd {
            width: 200px !important;
        }

.ui-multiselect-checkboxes {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    height: auto !important;
    max-height: 177px;
    padding: 0;
    list-style: none;
}

.ui-multiselect-menu.select-editor {
    z-index: 1000003 !important;
}

.ui-multiselect-menu.f-sorting .ui-multiselect-checkboxes {
    border: 1px solid #dbdbdb;
}

.ui-multiselect-menu li {
    min-height: 34px;
    padding: 0;
    cursor: default;
    text-align: right;
    letter-spacing: 1px;
    border: 0 !important;
}

    .ui-multiselect-menu li.ui-multiselect-optgroup-label {
        font-size: 0;
        line-height: 0;
        overflow: hidden;
        height: 1px;
        margin: 0;
        padding: 0;
        text-indent: -9999em;
        background: #b5b7bb;
    }

    .ui-multiselect-menu li input {
        position: relative;
        top: 2px;
        margin-right: 10px;
    }

    .ui-multiselect-menu li label {
        font-size: 16px;
        font-weight: 400;
        font-style: normal;
        line-height: 34px;
        display: block;
        overflow: hidden;
        min-height: 34px;
        padding: 0 7px 0 22px;
        cursor: default;
        white-space: nowrap;
        letter-spacing: 0 !important;
        text-transform: capitalize;
        text-overflow: ellipsis;
        color: #4a4a4a;
        border: 0 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
        outline: none !important;
    }

.ui-multiselect-menu.f-sorting li label {
    font-size: 16px;
    text-align: left;
    padding: 0 22px 0 7px;
}

.ui-multiselect-menu li label.ui-state-hover {
    color: #2c2b2b;
    background: #eee;
}

.ui-multiselect-menu li label.ui-state-active {
    color: #fff;
    background: #ffbe00;
}

.ui-multiselect-menu.f-sorting li label.ui-state-active {
    background: #ccc;
    color: #2c2b2b;
}

.ui-multiselect-menu li label.ui-state-disabled {
    color: #989898;
}

.ui-multiselect-menu .ui-widget-header {
    height: 14px;
    padding: 6px 8px;
    list-style: none;
}

.ui-multiselect-single .ui-widget-header {
    display: none;
}

.ui-multiselect-single li input {
    position: absolute !important;
    top: auto !important;
    left: -9999px;
}

.ui-multiselect-menu .ui-widget-header li {
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    float: left;
    height: 14px;
    margin-right: 10px;
}

    .ui-multiselect-menu .ui-widget-header li a,
    .ui-multiselect-menu .ui-widget-header li a:link,
    .ui-multiselect-menu .ui-widget-header li a:active,
    .ui-multiselect-menu .ui-widget-header li a:visited,
    .ui-multiselect-menu .ui-widget-header li a:hover {
        color: #000;
    }

/********/
.ui-multiselect.ddl-filter {
    width: 128px !important;
}

.ui-multiselect-menu.ddl-filter {
    width: 126px !important;
}

.calendario-dropmonth.ui-multiselect {
    float: none;
    float: left;
    width: 175px !important;
    height: 36px !important;
    text-align: left !important;
    border: 1px solid #ccc;
    background: #fff;
}

    .calendario-dropmonth.ui-multiselect span {
        font-size: 16px;
        font-weight: 300;
        line-height: 34px;
        display: block;
        float: none;
        height: 34px;
        padding-right: 30px;
        padding-left: 10px;
        letter-spacing: 0;
        text-transform: none;
        color: #777;
    }

        .calendario-dropmonth.ui-multiselect span:before {
            right: 8px;
            left: auto;
            margin-top: -3px;
        }

.calendario-dropmonth.ui-multiselect-menu {
    border: 1px solid #ccc;
}

    .calendario-dropmonth.ui-multiselect-menu li {
        line-height: 36px;
        height: 36px;
    }

        .calendario-dropmonth.ui-multiselect-menu li label {
            font-size: 16px;
            font-weight: 300;
            line-height: 36px;
            height: 36px;
            padding-right: 10px;
            padding-left: 10px;
            text-align: left;
            letter-spacing: 0;
            text-transform: none;
        }
/* multiselect */


/* global dialog components */
.global-overlay,
.local-overlay {
    position: fixed;
    z-index: 1000000;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.75);
}

.local-overlay {
    position: absolute;
}

.mini-dialog {
    position: relative;
    max-width: 380px;
    padding: 50px 50px 35px 50px;
    text-align: center;
    color: #2e2e2e;
    background: #fff;
}

    .mini-dialog .buttons {
        font-size: 0;
        display: table;
        width: 100%;
        padding-top: 40px;
    }

        .mini-dialog .buttons.step-by-step {
            padding-top: 0;
        }

            .mini-dialog .buttons.step-by-step .btn-light {
                margin-top: 20px;
            }

.cash-out-warning .mini-dialog .buttons.step-by-step .btn-light {
    margin: 20px 10px 0;
}

.mini-dialog .buttons .btn-wrapper {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

    .mini-dialog .buttons .btn-wrapper:first-child {
        text-align: left;
    }

    .mini-dialog .buttons .btn-wrapper:last-child {
        text-align: right;
    }

.mini-dialog h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    padding-top: 9px;
    padding-bottom: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.mini-dialog p {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 2px;
}

.cash-out-warning .mini-dialog {
    max-width: 530px;
}

    .cash-out-warning .mini-dialog h1 {
        font-weight: bold;
        margin-bottom: 15px;
    }

    .cash-out-warning .mini-dialog p {
        font-size: 16px;
        line-height: 1.6;
        color: grey;
        font-family: Gotham-Book;
        letter-spacing: 0px;
    }

    .cash-out-warning .mini-dialog .btn-light {
        text-transform: none;
        border-radius: 5px;
        font-size: 14px;
        padding: 0 35px;
    }

#message-dialog .main-form .row label {
    font-size: 13px;
    line-height: 1px;
    margin-left: 0;
    padding-top: 0;
}

#message-dialog .main-form p {
    font-size: 12px;
    padding-top: 5px;
}

#message-dialog .main-form .buttons {
    padding-top: 10px;
}

.btn-light {
    font-size: 12px;
    font-weight: 300;
    line-height: 40px;
    display: inline-block;
    overflow: hidden;
    height: 40px;
    padding: 0 22px;
    white-space: nowrap;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    color: #ffbe00;
    border: 1px solid #ffbe00;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

    .btn-light:hover {
        color: #fff;
        background: #ffbe00;
    }

    .btn-light.active {
        color: #fff;
        background: #ffbe00;
    }

        .btn-light.active:hover {
            color: #ffbe00;
            background: #fff;
        }

    .btn-light.follow-btn, .user-info .btn-light.follow-btn {
        color: #20A9F1;
        border: 1px solid #20A9F1;
        font-size: 14px;
        text-transform: uppercase;
    }

        .btn-light.follow-btn:hover {
            color: #fff;
            background: #20A9F1;
        }

        .btn-light.follow-btn.active, .user-info .btn-light.follow-btn.active {
            color: #fff;
            background: #20A9F1;
            font-size: 14px;
            text-transform: uppercase;
        }

.user-info .btn-light.follow-btn {
    margin: 10px;
    line-height: 30px;
    font-size: 10px !important;
    height: 30px;
    padding: 0 12px;
}


.btn-light.follow-btn.active:hover {
    color: #20A9F1;
    background: #fff;
}

/* global dialog components */

/* events popup */
.condensed-event {
    position: relative;
    overflow: hidden;
    width: 395px;
    /*height: 590px;
    height: 581px;*/
    background: #fff;
}

    .condensed-event .event-image {
        height: 170px;
        overflow: hidden;
        background-color: #fff;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .condensed-event.bartender .event-image {
        height: 60px;
        background-color: transparent;
    }

    .condensed-event.bartender .condensed-event-body {
        height: 389px;
    }

    .condensed-event.bartender .condensed-event-scroll {
        max-height: 350px;
    }

    .condensed-event.bartender .col-title {
        padding-right: 5px;
    }

    .condensed-event.bartender .col-text {
        font-size: 13px;
    }

    .condensed-event.bartender .condensed-event-address li {
        line-height: 15px;
        display: inline;
    }

        .condensed-event.bartender .condensed-event-address li.col-notitle {
            padding-left: 87px;
        }

.payput-popup .button {
    margin: auto;
}


.condensed-event-body {
    overflow: hidden;
    width: 100%;
    /*height: 453px;*/
    /*height: 275px;*/
    padding: 0 10px 0 20px;
}

.condensed-event-scroll {
    max-height: 275px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 10px;
    -webkit-overflow-scrolling: touch;
}

.condensed-event-title {
    padding-bottom: 7px;
    margin: 0;
}

    .condensed-event-title h3 {
        font-family: Gotham-Medium;
        font-weight: normal;
        text-transform: capitalize;
        font-size: 20px;
        line-height: 24px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        letter-spacing: 0;
        padding: 10px 0;
        color: #7a7a7a;
        text-align: center;
    }

.condensed-event-footer {
    overflow: hidden;
    height: 48px;
}

    .condensed-event-footer a,
    .condensed-event-footer button,
    .condensed-event-footer input,
    .btn-mobile-less {
        font-size: 16px;
        font-weight: 300;
        display: block;
        overflow: hidden;
        height: 48px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: 1px;
        text-overflow: ellipsis;
        color: #fff;
        background: #ffbe00;
        font-family: Gotham-Medium;
    }

.btn-mobile-more,
.btn-mobile-less {
    display: none;
    background: #39b54a;
}

.condensed-event-footer a,
.btn-mobile-less {
    line-height: 48px;
}

    .condensed-event-footer a:hover,
    .condensed-event-footer button:hover,
    .condensed-event-footer input:hover,
    .btn-mobile-less:hover {
        background: #ffaf06;
    }

.condensed-event .left,
.condensed-event .right,
.condensed-event-gallery .item {
    position: relative;
    float: left;
    overflow: hidden;
    width: 395px;
    /*height: 590px;*/
    background: #f2f2f2;
}

.gemap {
    overflow: hidden;
    width: 395px;
    height: 590px;
    border-radius: 4px;
    border: solid 1px #e6e6e6;
    -webkit-mask:#fff;
}

.event-detail-slider .condensed-event-gallery {
    background-color: #e9e9e9;
    background-image: url(../img/empty-image-event-old.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
}


.condensed-event-gallery .item {
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 50% 50%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    position: relative;
}

    .condensed-event-gallery .item:before, .event-detail-slider .condensed-event-gallery:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: ' ';
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.52) 85%, rgba(0,0,0,0.87) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.52) 85%,rgba(0,0,0,0.87) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.52) 85%,rgba(0,0,0,0.87) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    }

.condensed-event-gallery .owl-controls {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 11px;
    width: 100%;
}


    .condensed-event-gallery .owl-controls .owl-dots {
        font-size: 0;
        overflow: hidden;
        width: 100%;
        height: 10px;
        text-align: center;
        white-space: nowrap;
    }

        .condensed-event-gallery .owl-controls .owl-dots .owl-dot {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background: #fff;
            opacity: 0.5;
            -ms-filter: 'alpha(opacity=50)';
            -moz-transition: opacity ease 0.3s;
            -ms-transition: -ms-filter ease 0.3s;
            transition: opacity ease 0.3s;
        }

            .condensed-event-gallery .owl-controls .owl-dots .owl-dot.active {
                opacity: 1;
                -ms-filter: 'alpha(opacity=100)';
            }

            .condensed-event-gallery .owl-controls .owl-dots .owl-dot:hover {
                opacity: 1;
                -ms-filter: 'alpha(opacity=100)';
            }

.condensed-event-gallery .owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

    .condensed-event-gallery .owl-nav .owl-prev,
    .condensed-event-gallery .owl-nav .owl-next {
        position: absolute;
        height: 40px;
        width: 40px;
        display: block;
        overflow: hidden;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        -moz-background-size: auto 20px;
        -webkit-background-size: auto 20px;
        background-size: auto 20px;
        background-image: url(../img/arrow-left1.svg);
        top: -180px;
        text-indent: -1000em;
    }

    .condensed-event-gallery .owl-nav .owl-next {
        background-image: url(../img/arrow-right1.svg);
        right: 10px;
    }

    .condensed-event-gallery .owl-nav .owl-prev {
        left: 10px;
    }

.condensed-event .btn-light {
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    letter-spacing: 0;
    padding: 0 10px;
}

.condensed-event-user,
.condensed-event-general,
.condensed-event .levels,
.condensed-event-totals {
    display: table;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 29px;
}

.condensed-event .levels,
.condensed-event-totals {
    padding: 5px;
    background: #fff;
    list-style: none;
}

.condensed-event-totals {
    padding: 0;
    background: no-repeat;
}

    .condensed-event-totals li {
        padding: 5px;
    }

.condensed-event-general {
    padding-top: 0;
    padding-bottom: 29px;
}

    .condensed-event-user .col-50,
    .condensed-event .levels li,
    .condensed-event-general .col-33,
    .condensed-event-totals li {
        display: table-cell;
        overflow: hidden;
        width: 50%;
        vertical-align: top;
    }

.condensed-event .levels li {
    width: 20%;
    text-align: center;
    vertical-align: middle;
}

    .condensed-event .levels li:last-child {
        margin-right: 0;
    }

.condensed-event-spots {
    padding-bottom: 29px;
}

    .condensed-event-spots p,
    .condensed-event-general .col-33,
    .condensed-event-totals li,
    .condensed-event-code p,
    .condensed-event .coupons .coupon-value,
    .condensed-event .coupons .link-change {
        font-size: 13px;
        font-weight: 300;
        line-height: 1.2;
        text-align: center;
        letter-spacing: 0;
        color: #535353;
    }

    .condensed-event-spots p {
        text-align: center;
        padding-top: 7px;
        display: block;
    }

.condensed-event-general .col-33 {
    font-size: 13px;
}

.condensed-event-code {
    padding-right: 10px;
    padding-left: 10px;
    background-color: #fff;
    margin-top: 3px;
}

    .condensed-event-code input[type=text] {
        height: 35px;
        border: 0;
        border-top: 1px solid transparent;
        background: none;
        width: 100%;
    }

    .condensed-event-code p {
        padding-bottom: 12px;
        text-align: left;
    }

.condensed-event-payment {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .condensed-event-payment ul {
        list-style: none;
        background: #fff;
        padding: 10px;
    }

        .condensed-event-payment ul li {
            height: 20px;
            white-space: nowrap;
            line-height: 20px;
            font-size: 13px;
            padding-left: 40px;
            background-position: 0 50%;
            background-repeat: no-repeat;
            -moz-background-size: auto 20px;
            -webkit-background-size: auto 20px;
            background-size: auto 20px;
        }

            .condensed-event-payment ul li b {
                font-family: Gotham-Bold;
                font-weight: 700;
            }

        .condensed-event-payment ul#link-form-for-credit-card {
            padding-top: 8px;
            padding-bottom: 10px;
            cursor: pointer;
        }

            .condensed-event-payment ul#link-form-for-credit-card:hover a {
                color: #ffbe00;
            }

            .condensed-event-payment ul#link-form-for-credit-card li {
                padding-left: 0;
            }

                .condensed-event-payment ul#link-form-for-credit-card li .to-bottom {
                    margin-bottom: 0;
                }

    .condensed-event-payment p {
        font-size: 13px;
        padding-top: 10px;
    }

        .condensed-event-payment p a {
            color: #ffbe00;
        }

            .condensed-event-payment p a:hover {
                color: #ffaf06;
            }

    .condensed-event-payment .fake-table {
        margin: auto;
        padding-top: 15px;
    }


    .condensed-event-payment .form-new-credit-card.main-form .row {
        background-color: transparent;
        padding-left: 0;
        display: inline-block;
    }

.condensed-event-general .col-33 {
    width: 33.33%;
}

.mw980 {
    padding-right: 150px;
}

.condensed-event-general .icon {
    font-size: 0;
    overflow: hidden;
    width: 50px;
    height: 16px;
    margin: 0 auto;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: auto 16px;
    -moz-background-size: auto 16px;
    background-size: auto 16px;
}

    .condensed-event-general .icon.icon-date {
        background-image: url(../img/icon-date.png);
    }

    .condensed-event-general .icon.icon-time {
        background-image: url(../img/icon-time.png);
    }

    .condensed-event-general .icon.icon-follow {
        background-image: url(../img/icon-follow.png);
    }

.condensed-event-general .red .icon.icon-follow {
    background-image: url(../img/icon-follow-red.png);
}

.condensed-event-general .icon.icon-location {
    background-image: url(../img/icon-location.png);
}

.condensed-event-user {
    display: table;
}

    .condensed-event-user .user-pic {
        float: left;
        margin-left: 1px; /* not sure why left edge is being cutoff, but this rig fixes it */
    }

        .condensed-event-user .user-pic a,
        .event-detail-user-block .user-pic a {
            width: 70px;
            height: 70px;
            display: block;
            padding: 6px;
            -webkit-mask: #fff;
            background: #fff;
            -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
            -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
            box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

.event-detail-user-block .user-pic a {
    margin: 0 auto;
}

.condensed-event-user .user-pic img,
.event-detail-user-block .user-pic img, #comments .user-pic img {
    display: block;
    width: 58px;
    height: 58px;
    margin: 0 auto;
    -webkit-mask: #fff;
    border: 0 !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
#comments .user-pic img {
    width: 68px;
    height: 68px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #d4d4d4;
}
#post-comment {
    border-bottom: solid 2px #f4f5f7;
    padding:17px 0;
    width:100%;
    display:table;
}

.condensed-event-user .user-info {
    float: left;
    width: 170px;
    padding: 15px 0;
}

.condensed-event-user .user-follow {
    float: right;
    padding: 18px 0;
}

.condensed-event-user .user-info .user-title,
.condensed-event-user .user-info .user-name {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 20px;
    letter-spacing: 0;
    color: #515151;
}

    .condensed-event-user .user-info .user-title a {
        /*color: #515151;*/
        color: #ffbe00;
    }

.condensed-event-totals {
}

    .condensed-event-totals .col-text {
        text-align: left;
        padding-left: 0;
        color: #7a7a7a;
    }

    .condensed-event-totals .col-price {
        text-align: right;
        color: #7a7a7a;
        padding-right: 0;
    }

        .condensed-event-totals .col-price b {
            font-family: Gotham-Medium;
            font-size: 20px;
            float: right;
            color: green;
            margin-left: 10px;
        }

.event-content-part {
    padding-bottom: 29px;
    text-align: left;
}

    .condensed-event-spots h3,
    .condensed-event-price h3,
    .condensed-event-payment h3,
    .event-content-part h3 {
        font-size: 14px;
        font-weight: 700;
        padding-bottom: 10px;
        text-align: center;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .event-content-part p ~ h3 {
        padding-top: 29px;
    }

    .event-content-part p {
        padding: 0;
        font-size: 13px;
        line-height: 1.2;
        font-weight: 300;
        color: #535353;
    }

.condensed-event .levels li span {
    font-size: 26px;
    line-height: 32px;
    display: block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    cursor: pointer;
    text-align: center;
    border: 4px solid transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.condensed-event .levels li.active span {
    border-color: #ffbe00;
}

.condensed-event .levels li.disabled span {
    cursor: default;
    color: #ececec;
}

.condensed-event-tr {
    display: table-row;
}

.event-dialog {
    position: fixed;
    z-index: 1000002;
    top: 0;
    left: 0;
    display: none;
    overflow: auto;
    width: 100%;
    height: 100%;
}

    .event-dialog > .fake-table,
    .event-dialog > .fake-table > .fake-td {
        width: 100%;
        height: 100%;
    }

        .event-dialog > .fake-table > .fake-td {
            vertical-align: middle;
        }

    .event-dialog .condensed-event,
    .event-dialog .mini-dialog {
        margin: 0 auto;
    }
/* events popup */

/* mini form dialog */
.mini-form-dialog {
    max-width: 700px;
    padding: 78px 60px 60px 60px;
}

    .mini-form-dialog .main-form {
        max-width: 480px;
        margin: 0 auto;
    }
/* mini form dialog */

/* forms, main styles */
.main-form .row {
    position: relative;
    padding-bottom: 11px;
    text-align: left;
}

    .main-form .row .error-message,
    .main-form .row .field-validation-error {
        font-size: 13px;
        line-height: 21px;
        position: absolute;
        z-index: 1;
        /*bottom: 0;*/
        display: none;
        overflow: hidden;
        height: 21px;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #f00;
    }
#sms-details br {
    display:none;
}
#sms-details b {
    padding-left:5px;
}
.validation-summary-errors {
    display: block;
    margin-bottom: 15px;
    background: #ffcccc;
    padding: 10px;
    /*max-width:345px;*/
}

    .validation-summary-errors ul {
        list-style: none;
    }

        .validation-summary-errors ul li {
            list-style: none;
            color: #993333;
            font-size: 13px;
            line-height: 1.2;
        }

.main-form .row.has-error .error-message,
.main-form .row .field-validation-error {
    display: block;
}

.main-form .row label {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    display: block;
    margin-left: 28px;
    padding: 7px 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #7b7b7b;
}

.main-form .row.has-error label {
    color: #f00;
}

.main-form .row .textfield {
     font-size: 16px;
    line-height:18px;
    font-weight: 300;
    display: block;
    width: 100%;
    /*max-width: 345px;*/
    height: 40px;
    padding: 0 15px;
    color: #4a4a4a;
    border: 1px solid #b3b3b3;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.user-settings-tabs.main-form .double-fields .row:nth-child(2) .textfield {
    margin: 0 auto;
    margin-left: 0;
}

.main-form .row textarea.textfield {
    height: 200px;
    padding: 27px;
}

.main-form .row .textfield:focus {
    border-color: #41b7e1;
    background: #fff;
}

.main-form .row.has-error .textfield,
.main-form .row.has-error .field-datepicker,
.main-form .row .input-validation-error.textfield {
    color: #f00;
    border-color: #f00;
}

.main-form .button,
.reviews .button,
.dashboards .button {
    font-size: 13px;
    font-weight: bold;
    display: block;
    overflow: hidden;
    max-width: 345px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 1px;
    text-overflow: ellipsis;
    color: #fff;
    background: #ffbe00;
    font-family: proxima-nova;
    border-radius: 2px;
}

.main-form a.button,
.reviews a.button,
.dashboards a.button {
    line-height: 40px;
}

.main-form .button.verify {
    font-size: 11px;
}

.main-form .buttons .button:last-child {
    margin-right: 0;
}

.main-form .buttons .button:first-child {
    margin-left: 10px;
}

.main-form .buttons .button.btn-grey {
    background: grey;
}

.main-form .button:hover,
.reviews .button:hover,
.dashboards .button:hover {
    background: #ffaf06;
}

.main-form .button.disabled,
.main-form .button[disabled],
.reviews .button.disabled,
.reviews .button[disabled] {
    cursor: default;
    background: #ccc;
}

.main-form .double-fields {
    display: table;
    width: 100%;
}

    .main-form .double-fields .row {
        float: left;
        padding-left: 0;
        padding-right:27px;
    }
    .main-form .double-fields .row:last-child {
        padding-right:0;
    }
    /* kind of a rig but oh well -- Luis */
    .main-form .double-fields .row-full {
        float: left;
        width: 100%;
        padding-left: 44px;
    }

        .main-form .double-fields .row-full label {
            line-height: 1.4;
            display: block;
            padding: 7px 0;
            font-size: 15px;
            font-weight: 700;
            margin-left: 0;
            padding-top: 11px;
            letter-spacing: 0;
            text-transform: none;
            color: #5e5e60;
        }

        .main-form .double-fields .row-full textarea.textfield {
            font-weight: 300;
            width: 100%;
            height: 150px;
            padding: 13px;
            letter-spacing: 0;
            max-width: 100%;
            color: #4a4a4a;
            border: 1px solid #b3b3b3;
        }

        .main-form .double-fields .row-full input.textfield {
            font-weight: 300;
            height: 40px;
            padding: 0 13px;
            letter-spacing: 0;
            font-size: 14px;
            display: block;
            width: 55%;
            color: #4a4a4a;
            border: 1px solid #b3b3b3;
        }

.main-form .social-fields .double-fields .row-full input.textfield {
    width: 100%;
}

.main-form .double-fields .row-full .button {
    margin-right: 0;
    margin-left: 5px;
}

.main-form .double-fields .row-full .hint {
    text-align: left;
    font-size: 12px;
    display: block;
    padding-top: 7px;
    padding-left: 33%;
    line-height: 1.26;
    letter-spacing: 0;
    padding: 33px 0 0 0;
    color: #848484;
}

.main-form .buttons {
    margin: 0;
    padding: 45px 0 0 0;
}
/* forms, main styles */

/* user settings form */
.user-settings-tabs {
    margin-bottom: 20px;
    padding-top: 236px;
}

.user-settings-tabcontent {
    display: none;
}

    .user-settings-tabcontent.active {
        display: block;
    }

.user-settings-nav {
    display: table;
    width: auto;
    margin: 0 auto;
    padding-bottom: 18px;
    list-style: none;
    text-align: center;
}

    .user-settings-nav li {
        float: left;
        width: 33%;
        padding: 0 90px;
        opacity: .3;
        -ms-filter: 'alpha(opacity=30)';
    }

        .user-settings-nav li.active {
            opacity: 1;
            -ms-filter: 'alpha(opacity=100)';
        }

        .user-settings-nav li a {
            font-size: 16px;
            font-weight: 700;
            position: relative;
            display: block;
            width: 125px;
            padding-top: 100px;
            text-align: center;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: #777;
        }

            .user-settings-nav li a:before {
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                width: 100%;
                height: 70px;
                content: ' ';
                background-repeat: no-repeat;
                background-position: 50% 0;
                -webkit-background-size: auto 70px;
                -moz-background-size: auto 70px;
                background-size: auto 70px;
            }

            .user-settings-nav li a.icon-my-profile:before {
                background-image: url(../img/icon-profile.png);
            }

            .user-settings-nav li a.icon-my-payment:before {
                background-image: url(../img/icon-billing.png);
            }

.user-settings-tabs.main-form .inner {
    max-width: 860px;
    margin: 0 auto;
    padding: 50px 0;
}

.user-settings-tabs.main-form h1,
.user-settings-tabs.main-form h2 {
    font-family: 'Gotham', 'Helvetica Neue', Helvetica, Arial;
    font-size: 16px;
    padding-bottom: 40px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #727272;
}

.user-settings-tabs.main-form .double-fields .row:first-child {
    padding-right: 10px;
    padding-left: 0;
}

.user-settings-tabs.main-form .double-fields .row:last-child {
    padding-right: 0;
    padding-left: 10px;
}

.user-settings-tabs.main-form .double-fields .row:first-child:last-child {
    padding-right: 10px;
    padding-left: 0;
}

.user-settings-tabs.main-form .double-fields .row.half {
    width: 25%;
}

.user-settings-tabs.main-form .buttons {
    max-width: 50%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 30px;
}

.user-settings-tabs.main-form .double-fields .row-avatar .upload-button {
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
    text-transform: uppercase;
}

    .user-settings-tabs.main-form .double-fields .row-avatar .upload-button a:hover {
        text-decoration: underline;
        color: blue;
    }
/* user settings form */

/* login popup */
.login-popup {
    max-width: 529px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    background: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width:529px !important;
}

    .login-popup .button.btn-gray {
        margin-top: 15px;
    }



    .login-popup p,
    .login-popup .or {
        font-size: 14px;
        line-height: 1.2;
        padding-top: 15px;
        padding-bottom: 0;
        text-align: center;
        letter-spacing: 0;
        display: block;
        color: #ccc;
    }

    .login-popup .or {
        line-height: 48px;
        padding: 0;
    }

    .login-popup p a {
        color: #ccc;
        border-bottom: 0;
    }

        .login-popup p a:hover {
            color: #5e5e5e;
        }

    .login-popup .fake-table {
        width: 100%;
    }

    .login-popup .fake-td {
        width: 50%;
    }

    .login-popup .fake-table .fake-td:first-child {
        padding-right: 10px;
    }

    .login-popup .fake-table .fake-td:last-child {
        padding-left: 10px;
    }

    .login-popup .row-phone {
        position: relative;
    }

        .login-popup .row-phone .textfield {
            padding-right: 90px !important;
        }

        .login-popup .row-phone .link-verify {
            display: block;
            width: 90px;
            text-align: center;
            height: 56px;
            line-height: 56px;
            overflow: hidden;
            font-size: 14px;
            color: #ffbe00;
            top: 0;
            right: 0;
            position: absolute;
            border: 1px solid transparent;
        }

            .login-popup .row-phone .link-verify:hover {
                color: #fff;
                background-color: #ffaf06;
            }

    .login-popup .sign-tabs #tab-signup.ui-tabs-panel {
        padding-bottom: 45px;
    }

    .login-popup .user-pic-editor {
        width: 102px;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 20px;
    }

        .login-popup .user-pic-editor .link-add-photo {
            color: #ffbe00;
            font-family: Gotham-Bold;
            font-size: 14px;
            display: block;
            line-height: 20px;
            margin-top: 6px;
        }

        .login-popup .user-pic-editor a.link-add-photo {
            color: #ffbe00;
        }

    .login-popup p.hint {
        font-size: 12px;
        padding: 0 0 21px 0;
    }

        .login-popup p.hint a {
            color: #ffbe00;
            font-family: Gotham-Bold;
        }

            .login-popup p.hint a:hover {
                color: #ffaf06;
            }

    .login-popup .up-editor {
        border: 6px solid #fff;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -webkit-mask: #fff;
        overflow: hidden;
        height: 102px;
        width: 102px;
        margin: 0 auto;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.35);
        -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.35);
        box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.35);
    }

        .login-popup .up-editor img {
            display: block;
            height: 90px;
            width: 90px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            -webkit-mask: #fff;
            overflow: hidden;
        }

.button.btn-gray {
    background: #999;
}

    .button.btn-gray:hover {
        background: #777;
    }

.button.btn-fb {
    background: #3b5998;
}

    .button.btn-fb:hover {
        background: #1182cd;
    }


.login-popup .sign-tabs .ui-tabs-nav {
    list-style: none;
    width: 100%;
    display: table;
}

    .login-popup .sign-tabs .ui-tabs-nav li {
        display: table-cell;
        width: 50%;
    }

        .login-popup .sign-tabs .ui-tabs-nav li a {
            display: block;
            height: 56px;
            line-height: 56px;
            text-align: center;
            font-family: Gotham-Book;
            font-size: 16px;
            color: #58595B;
            background: #d1d3d4;
            white-space: nowrap;
        }

        .login-popup .sign-tabs .ui-tabs-nav li.ui-state-active a {
            background: #fff;
        }

.login-popup .sign-tabs .ui-tabs-panel {
    padding: 30px 45px 15px 45px;
}

.login-popup h3 {
    text-align: left;
    font-size: 33px;
    font-family: proxima-nova;
    margin: 0;
    padding: 3px 0 10px 0;
    letter-spacing: 0;
    font-weight:400;
}


.login-popup h2 {
    text-align: center;
    font-size: 18px;
    font-family: proxima-nova;
    color: #9b9b9b;
    line-height: 24px;
}

.login-popup p {
    text-align: center;
    font-size: 14px;
    font-family: proxima-nova;
    color: #666666;
    margin: 0 20px 20px 20px;
}

.login-popup h4 {
    font-size: 17px;
    text-align: left;
    color: #9b9b9b;
    font-family: proxima-nova;
}


.login-popup .button {
    text-transform: none;
    font-family: proxima-nova;
    letter-spacing: 0;
    height: 53px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size:17px;
    font-weight:400;
}

.login-popup a.button {
    line-height: 53px;
    margin: 29px auto 42px auto;
    max-width: 360px;
    padding:0 49px;
    font-weight:600;
}

.login-popup .continue-guest .not-scroll-button a.button {
    line-height: 40px;
    padding: 0 10px;
}

.main-form.continue-guest .buttons {
     padding: 0;
     border:none;
}

.login-popup .sign-tabs a.button {
    margin-top:21px;
    margin-bottom:21px;
}
.login-popup a.button.btn-fb {
    margin-top:61px;
    margin-bottom:31px;
}
.login-popup .sign-tabs a.button.btn-fb {
    margin-top:30px;
}
    .login-popup a.button span {
        padding-left:36px;
        display:block;
        font-size:16px;
        font-family: proxima-nova;
        letter-spacing:0.5px;
        font-weight:600;
    }
    .login-popup a.button.btn-fb span {
        background:url(../img/fb-mini.svg) no-repeat 0 50%;
        background-size:auto 20px;
        
    }

.login-popup #next-step {
    margin: 0px 100px;
}

.login-popup .main-form .row .textfield {
   height: 55px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 0 25px;
    font-family:proxima-nova;
    width: 360px;
    margin: 0 auto;
    border:2px solid #e9e9e9;
    font-size: 15px;
    text-align: left;
    color: #9b9b9b;
    font-weight:400;
}

.login-popup .main-form .row .textfield::-webkit-input-placeholder {
    color: #9b9b9b;
    font-weight:400;
    opacity:1;
}
.login-popup .main-form .row .textfield::-moz-placeholder {
    color: #9b9b9b;
    font-weight:400;
    opacity:1;
}
.login-popup .main-form .row .textfield:-ms-input-placeholder {
    color: #9b9b9b;
    font-weight:400;
    opacity:1;
}
.login-popup .main-form .row .textfield:-moz-placeholder {
    color: #9b9b9b;
    font-weight:400;
    opacity:1;
}

#tab-login .main-form .row {
    padding-bottom:18px;
}
.login-popup .main-form .row .ui-multiselect.select-editor {
    width: 360px !important;
    margin: 0 auto;
    border-radius: 2px;
    border: 1px solid #b3b3b3;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}



    .login-popup .main-form .row .textfield.error, .login-popup .main-form .row .ui-multiselect.select-editor.error {
        border-color: red;
    }

.login-popup .main-form .row .textfield::-webkit-input-placeholder {
    color: #ccc;
    font-family: Gotham-Book;
}

.login-popup .main-form .row .textfield:-moz-placeholder {
    color: #ccc;
    font-family: Gotham-Book;
}

.login-popup .main-form .row .textfield::-moz-placeholder {
    color: #ccc;
    font-family: Gotham-Book;
}

.login-popup .main-form .row .textfield:-ms-input-placeholder {
    color: #ccc;
    font-family: Gotham-Book;
}

.has-error input::-webkit-input-placeholder,
input.input-validation-error::-webkit-input-placeholder,
textarea.input-validation-error::-webkit-input-placeholder {
    color: #f00;
}

.login-popup .main-form .row .textfield.input-validation-error:-moz-placeholder {
    color: #f00;
}

.login-popup .main-form .row .textfield.input-validation-error::-moz-placeholder {
    color: #f00;
}

.login-popup .main-form .row .textfield.input-validation-error:-ms-input-placeholder {
    color: #f00;
}

/* login popup */

/* barhops page */

/* intro */
.intro.intro-barhops {
    height: 600px;
    background-image: url(../img/barhops-bg.jpg);
}

    .intro.intro-barhops.intro-hosts {
        background-image: url(../img/hosts-bg.jpg);
    }

    .intro.intro-barhops.intro-hosts-individual {
        background-image: url(../img/hosts-bg-ind.jpg);
    }

    .intro.intro-barhops.intro-about {
        background-image: url(../img/mixstir-batch-edit-dragged-4.png);
    }

.intro-barhops.intro h1 {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-size: 54px;
    line-height: 56px;
    text-align: center;
}

.intro-barhops.intro .btn-intro {
    border-color: #ffbe00;
    color: #fff;
    background-color: #ffbe00;
    min-width: 230px;
    text-align: center;
}

    .intro-barhops.intro .btn-intro:hover {
        background-color: #ffaf06;
        border-color: #ffaf06;
        color: #fff;
    }

.intro-barhops.intro .wrapper > .fake-table > .fake-td {
    padding-top: 40px;
}
/* intro */

/* searching  field on barhops page */
.find-barhops {
    padding-top: 11px;
    padding-bottom: 185px;
}

    .find-barhops .button {
        max-width: 522px;
        margin-right: auto;
        margin-left: auto;
    }

    .find-barhops .btn {
        width: 350px;
    }
/* searching  field on barhops page */

/* barhops page */

/* hire page */
.levels-filter {
    padding-bottom: 15px;
}

    .levels-filter ul {
        display: table;
        width: auto;
        margin: 0 auto;
        padding-bottom: 50px;
        list-style: none;
    }

        .levels-filter ul li {
            position: relative;
            display: table-cell;
            width: 36px;
            height: 36px;
            padding: 0 5px;
            vertical-align: middle;
        }

            .levels-filter ul li .circle {
                font-size: 0;
                line-height: 0;
                display: block;
                overflow: hidden;
                width: 26px;
                height: 26px;
                margin-right: auto;
                margin-left: auto;
                cursor: pointer;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                background: #666;
            }

            .levels-filter ul li.active .circle {
                background: #d15570;
            }

            .levels-filter ul li.level-1 .circle {
                width: 16px;
                height: 16px;
                margin-top: 5px;
                margin-bottom: 5px;
            }

            .levels-filter ul li.level-2 .circle {
                width: 20px;
                height: 20px;
                margin-top: 3px;
                margin-bottom: 3px;
            }

            .levels-filter ul li.active.level-2 .circle {
                background: #39b54a;
            }

            .levels-filter ul li.level-3 .circle {
                width: 22px;
                height: 22px;
                margin-top: 2px;
                margin-bottom: 2px;
            }

            .levels-filter ul li.active.level-3 .circle {
                background: #41b7e1;
            }

            .levels-filter ul li.active.level-4 .circle {
                background: #ffaf06;
            }

            .levels-filter ul li .label {
                font-size: 15px;
                line-height: 22px;
                position: absolute;
                bottom: -32px;
                left: 50%;
                display: none;
                overflow: hidden;
                width: 125px;
                margin-left: -50px;
                text-align: center;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .levels-filter ul li.active.ona .label {
                display: block;
            }

.filter .time-filter h2 {
    padding-top: 65px;
}

.time-selection {
    display: table;
    width: 225px;
    margin: 0 auto;
    table-layout: fixed;
}

.time-filter {
    max-width: 430px;
    margin: 2% auto;
}

.time-selection .col {
    display: table-cell;
    vertical-align: middle;
}

    .time-selection .col.divider {
        width: 24px;
    }

        .time-selection .col.divider:before {
            font-size: 0;
            line-height: 0;
            display: block;
            overflow: hidden;
            width: 8px;
            height: 5px;
            margin: 0 auto;
            content: ' ';
            background: #000;
        }



.filter-buttons .button {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    max-width: 200px;
    margin-top: 60px;
    margin-right: auto;
    margin-left: auto;
}

.hint {
    font-size: 13px;
    line-height: 1.26;
    letter-spacing: 0;
    padding: 33px 0 0 0;
    text-align: right;
    color: #848484;
}

.ui-multiselect.time {
    width: 100px !important;
    height: 40px !important;
    background-color: #fff;
}

.ui-multiselect-menu.time {
    width: 100px !important;
}

.ui-multiselect.time span,
.time .ui-multiselect-checkboxes li label span {
    font-family: 'Gotham', 'Helvetica Neue', Helvetica, Arial;
    font-size: 14.25px;
    font-weight: 400;
    line-height: 32px;
    display: block;
    float: none;
    height: 32px;
    padding: 0 10px;
    text-align: center !important;
    letter-spacing: 0;
    color: #000;
    background: #fff;
}

.time .ui-multiselect-checkboxes li label.ui-state-active span {
    color: #ffbe00;
}

.ui-multiselect-menu.time li,
.ui-multiselect-menu.time li label {
    height: 24px;
    padding: 0;
}

.ui-multiselect-menu.time li {
    padding: 0;
}

.ui-multiselect.time span em,
.time .ui-multiselect-checkboxes li label span em {
    font-size: 14px;
    font-style: normal;
    line-height: 16px;
    position: relative;
    top: -5px;
    text-transform: uppercase;
}

.ui-multiselect.time span:before,
.ui-multiselect.time span.ui-icon {
    display: none;
}

.time .ui-multiselect-checkboxes {
    border: 1px solid #000;
}

.user-list {
    display: table;
    width: 100%;
    padding-top: 27px;
}

.user-item {
    float: left;
    overflow: hidden;
    width: 25%;
    height: 265px;
    margin-bottom: 60px;
    text-align: center;
}

    .user-item .user-face {
        display: block;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #fff;
        -webkit-mask: #fff;
        -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.5);
        -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.5);
        box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.5);
        width: 170px;
        height: 170px;
        padding: 10px;
        margin: 3px auto 15px auto;
    }

    .user-item img {
        display: block;
        overflow: hidden;
        width: 150px;
        height: 150px;
        margin: 0 auto;
        border: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-mask: #fff;
    }

    .user-item .user-name {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.2;
        overflow: hidden;
        padding-bottom: 5px;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #777;
    }

        .user-item .user-name a {
            color: #777;
        }

    .user-item .mixtir-item-rating {
        float: none;
        height: 22px;
        white-space: nowrap;
    }

    .user-item .mixtir-item-stars {
        display: inline-block;
        float: none;
        height: 20px;
        margin: 0;
        white-space: nowrap;
    }

        .user-item .mixtir-item-stars .star {
            width: 16px;
            height: 16px;
            background-image: url(../img/star-g.png);
        }

    .user-item .mixtir-item-voted {
        font-size: 16px;
        line-height: 1px;
        letter-spacing: 0;
        color: #ccc;
        display: inline-block;
        float: none;
    }

    .user-item .user-pricing {
        line-height: 22px;
        font-family: Gotham-Book;
        color: #777;
        font-weight: 300;
        font-size: 16px;
    }

        .user-item .user-pricing span {
            font-family: Gotham-Medium;
            color: #5e5e5e;
            font-size: 22px;
        }

    .user-item .user-price {
        font-size: 18px;
        line-height: 1.2;
        padding-top: 7px;
        color: #777;
    }

.user-name-no-status {
    overflow: hidden;
    padding-top: 5px;
    white-space: nowrap;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    color: #121212;
}

.mb-footer {
    margin-bottom: 20px;
    padding-bottom: 0;
}
/* hire page */

/* dashboards */
.page-dashboard {
    background: #f2f2f2;
}

.fake-th {
    font-weight: 700;
    display: table-cell;
}
.tr-ticket .row {
    padding-right:27px;
}
.tr-ticket .fake-td:last-child .row {
    padding-right:0;
}
.pr10px {
    padding-right:10px;
    float:left;
}
.table-panel {
    width: 100%;
    max-width: 980px;
    margin-right: auto;
    margin-bottom: 70px;
    margin-left: auto;
    background: #fff;
}

#addpaymentmethod-content .table-panel, .payment-block .table-panel {
    background: #f4f5f7;
}


    .table-panel:last-child {
        margin-bottom: 20px;
    }

    .table-panel h1,
    .table-panel h2 {
        font-size: 13px;
        font-weight: 500;
        line-height: 1.1;
        padding: 15px 40px;
        letter-spacing: 1px;
        color: #696969;
        background: #ccc;
    }

    .ticket h1,
    .table-panel h1,
    .table-panel h2 {
        font-family: 'Gotham', 'Helvetica Neue', Helvetica, Arial;
    }

    .table-panel .fake-table {
        width: 100%;
        padding: 0 40px;
    }

    .table-panel .fake-th,
    .table-panel .fake-td {
        font-size: 12px;
        font-weight: 500;
        line-height: 1.1;
        padding: 15px 40px 15px 0;
        letter-spacing: 1px;
        color: #5e5e5e;
        border-bottom: 1px solid #f0f0f0;
    }

#addpaymentmethod-content .table-panel .fake-td {
    color:grey;
}

    .table-panel.guests-table .fake-th,
    .table-panel.guests-table .fake-td {
        padding: 15px 0 15px 0;
    }

    .table-panel .fake-th a {
        color: #5e5e5e;
    }

        .table-panel .fake-th a:hover {
            color: #ffbe00;
        }

        .table-panel .fake-th a.up,
        .table-panel .fake-th a.down {
            position: relative;
            z-index: 1;
            padding-right: 36px;
        }

            .table-panel .fake-th a.up:after,
            .table-panel .fake-th a.down:after {
                position: absolute;
                position: absolute;
                z-index: 1;
                right: 0;
                bottom: 5px;
                width: 0;
                height: 0;
                margin-left: -6px;
                content: ' ';
                pointer-events: none;
                border: solid transparent;
                border-width: 6px;
                border-color: transparent;
                border-bottom-color: #5e5e5e;
            }

            .table-panel .fake-th a.up:hover:after {
                border-bottom-color: #ffbe00;
            }

            .table-panel .fake-th a.down:after {
                bottom: 0;
                border-top-color: #5e5e5e;
                border-bottom-color: transparent;
            }

            .table-panel .fake-th a.down:hover:after {
                border-top-color: #ffbe00;
            }

    .table-panel .fake-td {
        font-weight: 300;
        color: #9b9b9b;
    }

        .table-panel .fake-td a {
            color: #ffbe00;
        }

            .table-panel .fake-td a.link-send-message {
                display: inline-block;
                overflow: hidden;
                padding-left: 27px;
                white-space: nowrap;
                text-overflow: ellipsis;
                color: #9b9b9b;
                background: url(../img/icon-email.png) no-repeat 0 50%;
                -webkit-background-size: auto 14px;
                -moz-background-size: auto 14px;
                background-size: auto 14px;
            }

            .table-panel .fake-td a.link-to-user-profile {
                margin-left: 27px;
            }

            .table-panel .fake-td a.link-send-message:hover {
                color: #ffbe00;
            }

        .table-panel .fake-td ul {
            list-style: none;
        }

            .table-panel .fake-td ul li {
                padding: 4px 0;
                letter-spacing: 0;
            }

    .table-panel a.button {
        color: #fff;
        float: none;
    }

    .table-panel .fake-tr:last-child .fake-th,
    .table-panel .fake-tr:last-child .fake-td {
        border-bottom: 0;
    }

    .table-panel .fake-tr .fake-th:last-child,
    .table-panel .fake-tr .fake-td:last-child {
        padding-right: 0;
    }

    .table-panel .mobile-th {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.3;
        display: none;
        letter-spacing: 0;
        color: #5e5e5e;
    }

.txt-red {
    color: #fb0200;
    font-weight: 500;
}

.txt-green {
    color: #019c14;
    font-weight: 500;
}

.txt-yellow {
    color: #E4E412;
    font-weight: 500;
}


.search-web .school-req input {
    float: none;
    width: 75%;
}

    .search-web .school-req input[type=text]:last-of-type {
        float: left;
        width: 100%;
    }

.search-web .school-req .btn {
    margin-top: 0;
    width: 100px;
    position: absolute;
    margin-left: -100px;
    letter-spacing: 0px;
}

.search-web .images {
    max-height: 500px;
    overflow-y: scroll;
    clear: both;
}

    .search-web .images img {
        width: 400px;
        height: 200px;
    }

    .search-web .images div {
        border-radius: 6px;
        padding: 4px;
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
        margin: 12px auto;
        width: 410px;
    }

        .search-web .images div:hover {
            cursor: pointer;
            /*border:2px solid red;*/
        }

.btn-app-store {
    background: url(../img/AppStoreButton.png) no-repeat 50% 50%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    display: block;
    height: 53px;
    width: 179px;
}


#inbox {
    max-width: 900px;
    font-family: Gotham-Book;
}

    #inbox .fake-table {
        padding-left: 0;
        padding-right: 0;
    }

    #inbox .fake-tr .fake-th {
        font-family: Gotham-Bold;
    }

    #inbox .fake-tr .fake-td {
        vertical-align: middle;
    }

        #inbox .fake-tr .fake-td a {
            color: #777;
        }

            #inbox .fake-tr .fake-td a:hover {
                font-family: Gotham-Bold;
            }

    #inbox .fake-tr .fake-th:first-child {
        width: 10px;
    }

    #inbox .fake-tr .fake-th:nth-child(2) {
        width: 250px;
    }

    #inbox .fake-tr .fake-th:nth-child(3) {
        width: 125px;
    }

    #inbox .fake-td img {
        width: 15px;
    }

    #inbox .user-block {
        display: table;
        width: 100%;
    }

    #inbox .user-pic {
        display: block;
        float: left;
        width: 50px;
        height: 50px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        padding: 5px;
        margin-right: 4%;
        background: #fff;
        -webkit-mask: #fff;
        -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
        -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
        box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
    }

        #inbox .user-pic img {
            display: block;
            width: 40px;
            height: 40px;
            border: 0 !important;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -webkit-mask: #fff;
        }

    #inbox .user-info {
        margin-left: 5px;
        margin-top: 5px;
        text-align: center;
        color: #777;
    }

        #inbox .user-info .user-name {
            font-family: Gotham-Book;
            letter-spacing: 0;
            text-transform: capitalize;
            text-align: left;
        }

        #inbox .user-info .user-title {
            font-family: Gotham-Medium;
            padding: 3px 0 7px 0;
            text-align: left;
        }


    #inbox .unread {
        font-family: Gotham-Bold;
        color: #777;
    }

        #inbox .unread a:hover {
            font-family: Gotham-Book;
        }

/* dashboards */

/* ticket */
.text-center {
    text-align: center;
}

.ticket-headline {
    padding: 30px 40px;
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
}

    .ticket-headline.yellow {
        background-color: #FFEA26;
        border-bottom: 0;
    }

    .ticket-headline h1 {
        padding: 0;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 1px;
        color: #7F7B7A;
        font-size: 16px;
        line-height: 1.1;
    }

.potecial {
    padding: 0px 0 30px 0;
    text-align: center;
}

.editor-forms .potecial h3 {
    color: #7F7B7A;
    font-family: Gotham;
    font-weight: 700;
    font-size: 14px;
    text-transform: none;
    padding-bottom: 10px;
}

.potecial .amount {
    color: #39b54a;
    font-weight: 300;
    font-size: 26px;
}

.ticket-date-time {
    vertical-align: middle;
    width: 50%;
    font-size: 14px;
    line-height: 1.3;
    padding-top: 36px;
    padding-bottom: 36px;
    vertical-align: top;
    letter-spacing: 1px;
    border-top: 1px solid #f0f0f0;
    padding-top: 56px;
    padding-bottom: 56px;
    display: table-cell;
}

.ticket {
    max-width: 980px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    padding: 15px 40px 36px 40px;
    color: #9b9b9b;
    background: #fff;
}

    .ticket h1,
    .ticket h3 {
        color: #5e5e5e;
    }

    .ticket h3 {
        font-family: Gotham-Bold;
        font-size: 14px;
        padding-bottom: 5px;
        letter-spacing: 2px;
    }

    .ticket p {
        font-size: 14px;
    }

        .ticket p.large {
            font-size: 22px;
            font-weight: 700;
            color: #5e5e5e;
        }

        .ticket p.p {
            padding-top: 8px;
        }

        .ticket p .state {
            color: #000;
        }

    .ticket h1 {
        font-family: Gotham-Bold;
        font-size: 16px;
        line-height: 1.1;
        padding-bottom: 20px;
        letter-spacing: 3px;
        text-transform: uppercase;
    }

    .ticket .codes {
        font-size: 18px;
        line-height: 1.3;
        display: table;
        width: 100%;
        letter-spacing: 1px;
    }

        .ticket .codes p {
            font-family: Gotham-Bold;
        }

        .ticket .codes .link-print {
            float: right;
            white-space: nowrap;
        }

    .ticket .square-code {
        padding: 35px 0;
    }

        .ticket .square-code img {
            display: block;
            height: 156px;
        }

    .ticket a {
        color: #ffbe00;
    }

    .ticket .fake-table {
        width: 100%;
    }

    .ticket .fake-td {
        font-size: 18px;
        line-height: 1.3;
        padding-top: 36px;
        padding-bottom: 36px;
        vertical-align: top;
        letter-spacing: 1px;
        border-top: 1px solid #f0f0f0;
    }

.main-form .ticket .fake-td {
    font-size: 14px;
}

.ticket .fake-table.columns-2 .fake-tr > .fake-td:first-child {
    padding-right: 40px;
}

.ticket .fake-table.columns-2 .fake-tr > .fake-td:last-child {
    padding-left: 40px;
}

.ticket .headline .fake-td {
    padding-top: 36px;
    padding-bottom: 36px;
}

.ticket .box {
    padding-bottom: 40px;
}

    .ticket .box h3 {
        padding-bottom: 10px;
    }

.main-form .ticket .box h3 {
    font-family: Gotham-Bold;
    text-transform: none;
}

.ticket .box p {
    padding-bottom: 20px;
}

    .ticket .box p:last-child {
        padding-bottom: 0;
    }

.box-line {
    display: table;
    width: 100%;
}

    .box-line p {
        display: table-cell;
        width: 50%;
        vertical-align: top;
    }

        .box-line p.col-1 {
            padding-right: 20px;
            text-align: left;
        }

        .box-line p.col-2 {
            padding-left: 20px;
            text-align: right;
        }

.ticket-user {
    display: inline-block;
    overflow: hidden;
    height: 96px;
}

.main-form .ticket-user {
    height: 96px;
}

.ticket-user .tu {
    display: block;
    float: left;
    width: 86px;
    height: 86px;
    background: #fff;
    padding: 10px;
    -webkit-mask: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
    margin-top: 3px;
}

.ticket-user img {
    display: block;
    width: 66px;
    height: 66px;
    border: 0 !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
/*
.main-form .ticket-user img {
    width: 66px;
    height: 66px;
    border: 0 !important;
}

.main-form .ticket-user .tu {
    width: 86px;
    height: 86px;
}*/

.ticket-user .ticket-user-name {
    font-family: Gotham-Bold;
    width: 50%;
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
    line-height: 20px;
    display: block;
    float: left;
    height: 20px;
    margin-left: 20px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ticket-user .ticket-user-fullname {
    width: 50%;
    color: #9b9b9b;
    font-size: 14px;
    line-height: 20px;
    display: block;
    float: left;
    height: 20px;
    margin-left: 20px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*.main-form .ticket-user .ticket-user-name {
    margin-left: 20px;
}
*/
.v-middle {
    vertical-align: middle;
}

.ticket .buttons {
    border-top: 1px solid #f0f0f0;
    padding: 36px 0 0 0;
}

    .ticket .buttons a {
        display: block;
        text-align: center;
        height: 50px;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        line-height: 50px;
        color: #fff;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 16px;
        background: #ccc;
        margin-bottom: 10px;
    }

        .ticket .buttons a:last-child {
            margin-bottom: 0;
        }

        .ticket .buttons a.btn-decline {
            color: #fff;
            background: #777;
        }

        .ticket .buttons a.btn-back {
            color: #fff;
            background: #ffaf06;
            max-width: 200px;
        }

        .ticket .buttons a:hover {
            color: #fff;
            background-color: #ffbe00;
        }

.map-section {
    border-top: 1px solid #f0f0f0;
    text-align: center;
    padding: 20px 0;
}

    .map-section p.address {
        font-size: 16px;
        line-height: 1.3;
    }

    .map-section .map-placeholder {
        max-width: 500px;
        width: 100%;
        height: 300px;
        background: #ccc;
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
    }
/* ticket */

/* private booking */
.private-booking.filter {
    padding: 62px 0;
    background: #f2f2f2;
}

    .private-booking.filter h1 {
        font-size: 22px;
        padding-bottom: 35px;
    }

    .private-booking.filter .hire-price {
        font-family: Gotham-Bold;
        font-size: 25px;
        padding: 20px 0;
        text-align: center;
        color: #68696e;
    }
    /*
.private-booking.filter .filter-fields{
    width: 254px;
    max-width: 254px;
}

.private-booking.filter .filter-fields input,
.private-booking.filter .filter-fields div.field-datepicker{
    padding-right: 7px;
    max-width: 364px;
    width: auto;
}*/

    .private-booking.filter .filter-buttons .button {
        margin-top: 2%;
    }

    .private-booking.filter textarea.textfield {
        width: 100%;
        max-width: 390px;
        margin-top: 40px;
        margin-right: auto;
        margin-left: auto;
        border: none;
        font-size: 13px;
    }

.host {
    padding-top: 110px;
    padding-bottom: 0;
}

.host-inner {
    position: relative;
}

    .host-inner:before {
        position: absolute;
        z-index: 1;
        width: 100%;
        top: 0;
        left: 0;
        background: #fbfbfb;
        height: 170px;
        content: ' ';
    }

.host-social {
    list-style: none;
    height: 22px;
    position: absolute;
    z-index: 5;
    top: 137px;
    right: 14px;
    display: inline-table;
}

    .host-social li {
        float: left;
        padding-left: 10px;
    }

#tabs-2 .host-social li {
    padding: 14px 20px 14px 0;
}

.host-social li a {
    display: block;
    height: 22px;
    font-size: 0;
    line-height: 0;
}

    .host-social li a svg path {
        pointer-events: all;
        fill: #9b9b9b;
        -webkit-transition: fill ease 0.2s;
        -moz-transition: fill ease 0.2s;
        transition: fill ease 0.2s;
    }

    .host-social li a svg:hover * {
        fill: #ffbe00;
    }

.host .user-item {
    position: relative;
    z-index: 2;
    width: auto;
    height: auto;
    float: none;
    margin: 0;
    top: 100px;
    left: 0;
    padding-top: 5px;
    margin-bottom: 100px;
}

.invite-friends-page .host .user-item {
    top: 0px;
    margin-bottom: 20px;
}

.invite-friends-page .header h1 {
    font-size: 34px;
    font-family: Gotham-Bold,serif;
    color: #ffffff;
    height: 38px;
}


.host .user-item .user-pic,
.host .user-item .user-pic img {
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    -webkit-mask: #fff;
    margin: 0 auto;
    overflow: visible;
}

.host .user-item .user-pic {
    width: 132px;
    height: 132px;
    padding: 8px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.35);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.35);
}

    .host .user-item .user-pic img {
        height: 116px;
        width: 116px;
    }

.host .user-item .user-name {
    font-family: Gotham-Medium;
    color: #000;
    font-size: 32px;
    padding: 10px 0 0 0;
    line-height: 1;
    font-family: Gotham-Medium;
    font-weight: 500;
}

.host .user-item .user-name-no-status {
    font-family: Gotham-Book;
    font-weight: 400;
    letter-spacing: 0;
    color: #9b9b9b;
    padding: 7px 0 0 0;
    font-size: 16px;
    line-height: 1.25;
    text-transform: capitalize;
}

.host .user-item .mixtir-item-stars {
    height: 16px;
}

    .host .user-item .mixtir-item-stars .star {
        width: 16px;
        height: 16px;
    }

.host .user-item .mixtir-item-voted {
    font-size: 14px;
    color: #9b9b9b;
    line-height: 16px;
    font-family: Gotham-Book;
    font-weight: 400;
    overflow: hidden;
    padding: 0 0 0 5px;
}

.host .user-item .mixtir-item-rating {
    height: 16px;
    font-size: 0;
    line-height: 0;
    margin-top: 14px;
}

.host-status {
    text-align: center;
}

    .host-status .status {
        font-size: 17px;
        font-weight: 700;
        line-height: 22px;
        position: relative;
        display: inline-block;
        margin-bottom: 20px;
        padding-left: 28px;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

        .host-status .status:before {
            font-size: 0;
            position: absolute;
            z-index: 1;
            top: 1px;
            left: 0;
            display: block;
            overflow: hidden;
            width: 20px;
            height: 20px;
            content: ' ';
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

.host .btn-light {
    font-size: 14px;
}

.host-buttons {
    padding-top: 16px;
    text-align: center;
}

.host-free-description {
    padding: 14px;
    border: 1px solid #e0e0e0;
    color: #4a4a4a;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-top: 30px;
    text-align: left;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

    .host-free-description p,
    .host-free-description ul,
    .host-free-description ol {
        font-family: Gotham-Book;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.1;
        padding: 0 0 15px 0;
        margin: 0;
    }

        .host-free-description p:last-child,
        .host-free-description ul:last-child,
        .host-free-description ol:last-child {
            padding-bottom: 0;
        }

    .host-free-description ul,
    .host-free-description ol {
        list-style-position: inside;
    }

.mixters-list {
    padding: 50px 0;
}

    .mixters-list h2 {
        font-family: Gotham-Bold;
        font-size: 22px;
        padding-bottom: 40px;
        letter-spacing: 2px;
    }

.mixsters-day {
    padding: 40px 0;
}

.mixsters-events {
    position: relative;
    width: 930px;
    height: 590px;
    margin: 0 auto;
}

.owl-day-events .owl-nav .owl-prev,
.owl-day-events .owl-nav .owl-next {
    position: absolute;
    top: 267px;
    overflow: hidden;
    overflow: hidden;
    width: 28px;
    height: 56px;
    text-indent: -9999em;
    background-repeat: no-repeat;
    background-position: 0 50%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.owl-day-events .owl-nav .owl-prev {
    left: 0;
    background-image: url(../img/icon-prev.png);
}

.owl-day-events .owl-nav .owl-next {
    right: 0;
    background-image: url(../img/icon-next.png);
    background-position: 100% 50%;
}

.owl-day-events .owl-stage-outer {
    width: 790px;
    margin-right: auto;
    margin-left: auto;
}

.mixsters-events > .condensed-event {
    margin-right: auto;
    margin-left: auto;
}

.mixsters-day > h3 {
    font-size: 17px;
    font-weight: 400;
    padding-bottom: 37px;
    text-align: center;
    letter-spacing: 2px;
    color: #494949;
}

.mixsters-day .condensed-event .right {
    background: #f2f2f2;
}

.mixsters-day .condensed-event .levels li.disabled span {
    color: #ccc;
}

.event-gmap-overlay {
    font-size: 14px;
    line-height: 1.4;
    position: absolute;
    bottom: 5%;
    left: 5%;
    width: 90%;
    padding: 20px;
    color: #777;
    background: #fff;
    display: none;
    border-radius:4px;
    border:1px solid #e6e6e6;
}
/* private booking */

/* host pages */
.mix-left {
    float: left;
    width: 243px;
    padding: 20px 0;
}

.mix-right {
    margin-left: 243px;
}

.editor-forms {
    min-height: 600px;
    padding: 90px 45px 45px 70px;
    border-left: 2px solid #eaeaea;
    background: #f4f5f7;
    position:relative;
}
    .editor-forms::after {
        position:absolute;
        height:100%;
        left:100%;
        top:0;
        width:1500px;
        background:#f4f5f7;
        content:' ';
        display:block;
    }

.mixstir-forms {
    margin-top: 78px;
    margin-bottom: 0;
    border:0;
}

.sidebar-navi,
.sidebar-navi ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .sidebar-navi > li {
        padding-top: 64px;
    }

        .sidebar-navi > li > span,
        .sidebar-navi a {
            display: block;
            padding: 10px 30px;
            font-size: 16px;
            text-align: left;
            color: #b9b9b9;
            font-weight:400;
            font-family:proxima-nova;
        }

            .sidebar-navi a:hover {
                color:#000;
                background:#f8f8f8;
            }
            .sidebar-navi li.active a {
                color: #000;
                font-weight:700;
            }
.link-select-type-gettie {
    width: 178px;
    height: 55px;
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 2px #eaeaea;
    display:block;
    line-height:51px;
    text-align:left;
    padding-left:60px;
    background-repeat:no-repeat;
    background-position:15px 50%;
    background-size:auto 29px;
    float:left;
    color:#000;
    font-size: 15px;
    letter-spacing: 0.1px;
    margin-right:20px;
    position:relative;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
}
.link-select-type-gettie:hover {
    background-color:#eaeaea;
}
.link-select-type-gettie.type-product {
    background-image:url(../img/type-product.svg);
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
}
.link-select-type-gettie.type-event {
    background-size:auto 27px;
    background-image:url(../img/type-event.svg);
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255, 190, 0, 0.59);
    -moz-box-shadow:    inset 0px 0px 0px 2px rgba(255, 190, 0, 0.59);
    box-shadow:         inset 0px 0px 0px 2px rgba(255, 190, 0, 0.59);
}
.product .link-select-type-gettie.type-product {
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255, 190, 0, 0.59);
    -moz-box-shadow:    inset 0px 0px 0px 2px rgba(255, 190, 0, 0.59);
    box-shadow:         inset 0px 0px 0px 2px rgba(255, 190, 0, 0.59);
}
.product .link-select-type-gettie.type-event {
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
}
.panel.pgettie {
    padding:25px 29px;
    margin-bottom:28px;
       -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.02);
            -moz-box-shadow:0 2px 9px 0 rgba(0, 0, 0, 0.02);
            box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.02);
}
    .panel.pgettie .panel-wrapper {
        max-width:600px;
        width:100%;
    }
    .panel.pgettie .row {
        padding-bottom:23px;
    }
.h1-gettie {
    font-size: 40px;
    font-weight: bold;
    text-align: left;
    color: #000000;
    font-family:proxima-nova;
    padding:11px 0 43px 0;
    margin:0;
}
p.h3 {
    font-size: 17px;
    font-weight: 500;
    text-align: left;
    color: #4a4a4a;
    padding:4px 0 18px 0;
    font-family:proxima-nova;
}

    .sidebar-navi li.checked a {
        background-image: url(../img/check.png);
        background-repeat: no-repeat;
        background-position: 94% 50%;
        -webkit-background-size: auto 14px;
        -moz-background-size: auto 14px;
        background-size: auto 14px;
    }

    .sidebar-navi > li > span {
        font-family: proxima-nova;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1.2px;
        text-align: left;
        color: #9b9b9b;
        text-transform:uppercase;
        padding: 13px 10px 13px 30px;
    }

.editor-forms .fake-table {
    width: 541px;
    table-layout: fixed;
}
    .editor-forms #ticket-types .fake-table {
        width:600px;
    }

    .editor-forms .fake-table.plans {
    width: 100%;
}

.editor-forms #ticket-types .ui-datepicker-trigger {
    display:none;
}

.multiply-uploading .button {
    max-width: 98.5%;
}

.editor-forms .fake-table .col-1 {
    width: auto;
    padding-right: 40px;
    vertical-align: top;
}

.editor-forms .fake-table .col-2 {
    width: 390px;
    padding-bottom: 40px;
    vertical-align: top;
}

.editor-forms h3,
.editor-forms .fake-h3 {
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    color: #000000;
    font-family:proxima-nova;
    padding-bottom:27px;
    padding-top:3px;
}

.editor-forms .fake-h3 {
    visibility: hidden;
}

.editor-forms .fake-table .col-1 p.hint {
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    text-align: left;
    letter-spacing: 0;
}

.editor-forms.main-form .row label {
    font-size: 17px;
    text-align: left;
    color: #4a4a4a;
    text-transform:none;
    letter-spacing: 0;
    margin-left:0;
    padding-top:0;
    padding-bottom:5px;
    font-weight:400;
}



.editor-forms.main-form .row label.text-gray {
    font-weight: 400;
    color: #777;
}

.editor-forms.main-form .row textarea.textfield {
    font-weight: 400;
    height: 150px;
    padding: 13px 20px;
    letter-spacing: 0;
    border: solid 1px #dbdbdb;
    border-radius: 4px;
}

.editor-forms.main-form .row input.textfield {
    color: #4a4a4a;
    font-weight: 400;
    height: 40px;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #dbdbdb;
    padding: 0 20px;
    letter-spacing: 0;
    font-size: 15px;
    text-align: left;
}


.editor-forms.main-form .row input.textfield.name_2, .editor-forms.main-form label.name_2 {
    width:49%;
    float:left;
}

.editor-forms.main-form .row input.textfield.name_3, .editor-forms.main-form label.name_3 {
    width:33%;
    float:left;
}

.editor-forms.main-form .row .textfield::-webkit-input-placeholder {
    color: #c1c1c1;
    opacity:1;
}
.editor-forms.main-form .row .textfield::-moz-placeholder { 
    color: #c1c1c1;
    opacity:1;
}
.editor-forms.main-form .row .textfield:-ms-input-placeholder { 
    color: #c1c1c1;
    opacity:1;
}
.editor-forms.main-form .row .textfield:-moz-placeholder { 
    color: #c1c1c1;
    opacity:1;
}
.editor-forms.main-form .row .textfield:focus {
    border-color:#20a9f1;
}

.editor-forms .filter-fields {
    width: 256px;
    height: 42px;
    margin-right: 0;
    margin-left: 0;
    border-color: #ccc;
}

.field-with-button {
    display: table;
    width: 100%;
}

.editor-forms .has-error .filter-fields {
    border-color: #f00;
}

.editor-forms .filter-fields div.field-datepicker {
    color: #4a4a4a;
    line-height: 38px;
    width: 100%;
    max-width: 100%;
    height: 40px;
    padding: 0 10px 0 20px;
    border-color: #dbdbdb;
    -webkit-background-size: auto 20px;
    -moz-background-size: auto 20px;
    background-size: auto 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.editor-forms #field-datepicker-single, .editor-forms .many-field-datepicker-single {
    top: 40px;
}

.editor-forms .ui-datepicker, .ui-datepicker {
    border-color: #dbdbdb;
}

.ui-datepicker {
    width: 256px;
}

    .editor-forms .ui-datepicker-calendar, .ui-datepicker .ui-datepicker-calendar {
        width: 100%;
    }

.editor-forms.main-form .row .hint {
    font-size: 12px;
    display: block;
    padding-top: 7px;
    padding-left: 33%;
}

    .editor-forms.main-form .row .hint.left {
        padding-left: 0%;
        text-align: left;
    }

.editor-forms.main-form .row .checkbox-list .hint.left {
    padding-bottom: 17px;
}

.editor-forms .buttons {
    display: table;
    width: 100%;
    text-align: right;
}
.editor-forms .button {
    height:40px;
    font-size: 15px;
    font-weight: 400;
    border-radius: 4px;
    letter-spacing:0;
    min-width:178px !important;
}
.pt40px {
    padding-top:40px;
}
table.accounts {
    width: 100%;
    font-family: proxima-nova;
}
    table.accounts th, table.accounts td {
        font-size:15px;
        line-height:1.3;
        
        padding-top:10px;
        padding-bottom:10px;
        padding-right:10px;
        vertical-align:middle;
        text-align:left;
    }
    table.accounts td {
        border-top: 1px solid #ccc;
        font-weight: 400;
    }
        table.accounts th:last-child, table.accounts td:last-child {
            padding-right: 0;
        }
    table.accounts th.align-right, table.accounts td.align-right {
        text-align:right;
    }
.main-form .double-fields .row-full label {
    line-height: 1.4;
    display: block;
    padding: 7px 0;
    font-size: 15px;
    font-weight: 700;
    margin-left: 0;
    padding-top: 11px;
    letter-spacing: 0;
    text-transform: none;
    color: #5e5e60;
}

.main-form .double-fields .row-full textarea.textfield {
    font-weight: 300;
    width: 100%;
    height: 150px;
    padding: 13px;
    letter-spacing: 0;
    max-width: 100%;
}

.main-form .double-fields .row-full .hint {
    text-align: left;
    font-size: 12px;
    display: block;
    padding-top: 7px;
    padding-left: 33%;
    line-height: 1.26;
    letter-spacing: 0;
    padding: 33px 0 0 0;
    color: #848484;
}

.mixstir-image-list {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}

    .mixstir-image-list img {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0 auto 20px auto;
    }

        .mixstir-image-list img:last-child {
            margin: 0;
        }

.editor-forms .button {
    float: right;
    min-width: 145px;
}

.ui-multiselect.select-editor {
    height: 40px !important;
    /*max-width:345px;*/
    text-align: left;
    border: 1px solid #dbdbdb;
    background: #fff;
}
.ui-multiselect.select-editor.select-new-design {
    height: 48px !important;
    border-radius: 4px;
    border: solid 1px #e5e5e5;
}

.has-error .ui-multiselect.select-editor {
    border-color: #f00;
}

.ui-multiselect.select-editor span {
    font-weight: 400;
    line-height: 40px;
    float: none;
    width: 100%;
    height: 40px !important;
    padding: 0 20px;
}
.ui-multiselect.select-editor.select-new-design span {
    line-height: 48px;
    height: 48px !important;
    padding: 0 35px 0 20px;
    font-size:15px;
    font-weight:600;
    color:#000;
}

.has-error .ui-multiselect.select-editor span {
    color: #f00;
}

.ui-multiselect.select-editor span:before {
    right: 13px;
    left: auto;
    margin-top: 2px;
}
.ui-multiselect.select-editor.select-new-design span:before {
    display:none;
}

.ui-multiselect.select-editor span:after {
    position: absolute;
    top: 50%;
    right: 13px;
    width: 0;
    height: 0;
    margin-top: -16px;
    content: ' ';
    pointer-events: none;
    border: solid transparent;
    border-width: 6px;
    border-color: transparent;
    border-bottom-color: #565656;
}
.ui-multiselect.select-editor.select-new-design span:after {
    display:block;
    height:9px;
    width:15px;
    background:url(../img/arrow-bottom.svg) no-repeat 50% 50%;
    background-size:contain;
    border:0;
    margin-top:-4px;
    right:20px;
}

.ui-multiselect-menu.select-editor {
    width: 305px !important;
    border: 1px solid #ccc;
}

    .ui-multiselect-menu.select-editor.timeitem {
        width: 112px !important;
    }

    .ui-multiselect-menu.select-editor li label {
        font-weight: 400;
        line-height: 40px;
        height: 40px;
        padding: 0 20px;
        text-align: left;
    }

    .ui-multiselect-menu.select-editor li {
        height: 40px;
    }

.side-mobile-menu {
    position: absolute;
    top: 0;
    right: -40px;
    display: none;
    width: 40px;
    height: 40px;
    border: 2px solid #eaeaea;
    background-color: #fff;
    background-image: url(../img/icon-next.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: auto 20px;
    -moz-background-size: auto 20px;
    background-size: auto 20px;
}

.expanded .side-mobile-menu {
    background-image: url(../img/icon-prev.png);
}

.pb0 {
    padding-bottom: 0 !important;
}

.upload-panel {
    font-weight: 300;
    margin: 40px 0 80px 0;
    padding: 30px;
    text-align: center;
    letter-spacing: 1px;
    color: #5e5e5e;
    border: 1px solid #ccc;
    background: #fff;
}

    .upload-panel p {
        padding: 7px 0;
    }

        .upload-panel p.small {
            font-size: 13px;
        }

    .upload-panel a.button {
        font-size: 13px;
        line-height: 50px;
        display: block;
        float: none;
        width: 50%;
        height: 50px;
        margin-top: 9px;
        margin-right: auto;
        margin-left: auto;
    }

.editor-forms.edit-list {
    padding: 110px 0 40px 70px;
}

    .editor-forms.edit-list h3 {
        padding-bottom: 40px;
    }

.edit-mixstirs-list {
    display: table;
    width: 100%;
    list-style: none;
}

    .edit-mixstirs-list li {
        float: left;
        width: 33.33%;
        margin-bottom: 50px;
        padding-right: 15px;
        padding-left: 15px;
    }

.fc-calendar .edit-mixstirs-list.bartender:before {
    border-bottom-color: white;
}

.mixstir-block {
    padding-bottom: 30px;
}

    .mixstir-block .edit-mixstirs-list li {
        margin-bottom: 20px;
    }

.editor-forms .edit-mixstirs-list li {
    padding-right: 10px;
    padding-left: 10px;
}

.edit-mixstirs-list li:nth-child(3n+1) {
    padding-left: 0;
}

.edit-mixstirs-list li:nth-child(3n+3) {
    padding-right: 0;
}

.editor-forms .edit-mixstirs-list li:nth-child(3n+3) {
    padding-right: 10px;
}

.edit-mixstirs-list .mixtir-item {
    position: relative;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 35px;
}

.mixstir-block .edit-mixstirs-list li .mixtir-item {
    padding-bottom: 0;
}

.link-edit {
    display: inline-block;
    float: right;
    white-space: nowrap;
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    height: 23px;
    margin: 20px 10px 20px 0;
    color: #ffbe00;
}

    .link-edit:hover {
        color: #ffaf06;
    }

.edit-mixstirs-list .mixtir-item-image {
    position: relative;
    z-index: 1;
    text-align: center;
    border-bottom: 0;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.25);
}

.edit-mixstirs-list .hover .mixtir-item-image:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: 5px solid #ffbe00;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: ' ';
}

.edit-mixstirs-list .hover .mixtir-item-headline {
    position: relative;
    z-index: 2;
}

.edit-mixstirs-list .white-round {
    font-size: 14px;
    font-weight: 700;
    line-height: 62px;
    position: absolute;
    bottom: 70px;
    display: block;
    overflow: hidden;
    width: 60px;
    height: 60px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 0;
    color: #000;
    background: #fff;
}

.edit-mixstirs-list .white-round,
.mixtir-item .mixstir-user,
.mixtir-item .mixstir-user img,
.calendar-header .calendar-legend li:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

    .edit-mixstirs-list .white-round.pl {
        font-size: 14px;
        left: 10px;
    }

    .edit-mixstirs-list .white-round.pr {
        right: 10px;
    }

.edit-mixstirs-list .mixtir-item .mixstir-user,
.edit-mixstirs-list .mixtir-item .mixstir-user img {
    display: block;
    overflow: hidden;
    width: 70px;
    height: 70px;
    color: #000;
}

.edit-mixstirs-list .mixtir-item-headline {
    padding-top: 90px;
}

.editor-forms .edit-mixstirs-list .mixtir-item-headline {
    padding-top: 70px;
}

.edit-mixstirs-list .mixtir-item .mixstir-user {
    position: absolute;
    z-index: 2;
    bottom: 0;
    bottom: 0;
    left: 50%;
    margin-left: -35px;
}

    .edit-mixstirs-list .mixtir-item .mixstir-user img {
        border-width: 8px;
        border-style: solid;
    }

.calendar-page {
    padding-right: 36px;
    padding-bottom: 470px;
    padding-left: 36px;
}

.calendar-page-header {
    padding-right: 100px;
    padding-bottom: 50px;
    padding-left: 100px;
    color: #5e5e5e;
}

.calendar-header {
    display: table;
    width: 100%;
    margin-bottom: 16px;
}

    .calendar-header .calendar-legend {
        display: table;
        float: right;
        width: auto;
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: right;
        white-space: nowrap;
    }

        .calendar-header .calendar-legend li {
            font-weight: 300;
            line-height: 36px;
            position: relative;
            display: inline-block;
            overflow: hidden;
            height: 36px;
            margin: 0 20px;
            padding-left: 38px;
            white-space: nowrap;
            letter-spacing: 0;
            text-overflow: ellipsis;
            color: #777;
        }

            .calendar-header .calendar-legend li:first-child {
                margin-left: 0;
            }

            .calendar-header .calendar-legend li:last-child {
                margin-right: 0;
            }

            .calendar-header .calendar-legend li:before {
                position: absolute;
                top: 9px;
                left: 0;
                display: block;
                overflow: hidden;
                width: 12px;
                height: 12px;
                content: ' ';
                border: 1px solid #000;
                background: #fff;
            }

            .calendar-header .calendar-legend li.state-blocked:before {
                background: #7c7b7b;
            }

            .calendar-header .calendar-legend li.state-available:before {
                background: #fff;
            }

            .calendar-header .calendar-legend li.state-bartending:before {
                background: #000;
            }

            .calendar-header .calendar-legend li.state-hosting:before {
                background: #ffbe00;
            }



.custom-month-year nav {
    float: left;
    width: 70px;
    height: 36px;
    margin-right: 10px;
    border: 1px solid #ccc;
    background: #fff;
}

    .custom-month-year nav > div {
        position: relative;
        float: left;
        width: 34px;
        height: 34px;
        cursor: pointer;
        text-align: left;
    }

        .custom-month-year nav > div:before {
            position: absolute;
            top: 50%;
            left: 50%;
            display: block;
            width: 0;
            height: 0;
            margin-top: -6px;
            margin-left: -2px;
            content: ' ';
            pointer-events: none;
            border: solid transparent;
            border-width: 6px;
            border-color: transparent;
            border-left-color: #646566;
        }

        .custom-month-year nav > div.custom-prev:before {
            left: 8px;
            margin-left: 0;
            border-right-color: #646566;
            border-left-color: transparent;
        }

        .custom-month-year nav > div:hover {
            background: #ccc;
        }

        .custom-month-year nav > div.custom-prev:hover:before {
            border-right-color: #fff;
        }

        .custom-month-year nav > div.custom-next:hover:before {
            border-left-color: #fff;
        }

.ui-multiselect-menu.calendario-dropmonth {
    width: 175px !important;
}

.btn-close {
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 10px;
    display: block;
    overflow: hidden;
    width: 31px;
    height: 31px;
    cursor: pointer;
    opacity: .75;
    background: rgba(255,255,255,0.75) url(../img/icon-close.png) no-repeat 50% 50%;
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    background-size: 15px 15px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -ms-filter: 'alpha(opacity=75)';
}

    .btn-close:hover {
        opacity: 1;
        -ms-filter: 'alpha(opacity=100)';
    }
/* host pages */


/* color */
.owl-color-wrapper {
    position: relative;
    max-width: 100%;
}

    .owl-color-wrapper .owl-theme .owl-controls {
        clear: both;
        margin: 0;
        padding-top: 10px;
    }

        .owl-color-wrapper .owl-theme .owl-controls .owl-buttons div {
            cursor: pointer;
            background-color: transparent;
            color: #777;
        }

.color-item {
    display: table;
    width: 100%;
    min-height: 242px;
    border-bottom: 2px solid #ececec;
    table-layout: fixed;
}

    .color-item .fake-td {
        vertical-align: top;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .color-item .col-1 {
        width: 314px;
        padding-right: 10px;
    }

    .color-item .user-follow-block {
        display: table;
        width: 100%;
        margin-top: 40px;
    }

    .color-item .user-pic {
        display: block;
        float: left;
        width: 116px;
        height: 116px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        padding: 10px;
        margin-right: 4%;
        background: #fff;
        -webkit-mask: #fff;
        -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
        -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
        box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
    }

        .color-item .user-pic img {
            display: block;
            width: 96px;
            height: 96px;
            border: 0 !important;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -webkit-mask: #fff;
        }

    .color-item .user-info {
        margin-left: 96px;
        margin-top: 15px;
        text-align: center;
        color: #777;
    }

        .color-item .user-info .user-name {
            letter-spacing: 0;
            text-transform: capitalize;
            text-align: left;
        }

        .color-item .user-info .user-title {
            font-family: Gotham-Medium;
            padding: 3px 0 7px 0;
            text-align: left;
        }

            .color-item .user-info .user-title a {
                /*color: #ffbe00;*/
                color: #777;
            }

        .color-item .user-info .btn-light {
            float: left;
            margin-top: 10px;
            line-height: 30px;
            height: 30px;
            padding: 0 15px;
            color: #fff;
            background: #ffbe00;
        }

    .color-item .mixtirs-list {
        margin-top: 0;
    }

        .color-item .mixtirs-list li {
            width: 50%;
        }

        .color-item .mixtirs-list > li:nth-child(2n) {
            padding-right: 0 !important;
            padding-left: 15px !important;
        }

        .color-item .mixtirs-list > li:nth-child(2n+1) {
            padding-left: 0 !important;
            padding-right: 15px !important;
        }




.editor-forms.main-form .row .money-code input.textfield {
    /*max-width: 305px;*/
}

.reviews {
    padding-top: 237px;
    padding-bottom: 104px;
    background: #fff;
}

    .reviews h1,
    .reviews h2 {
        font-family: 'Gotham', 'Helvetica Neue', Helvetica, Arial;
        font-size: 16px;
        font-weight: 700;
        padding-bottom: 16px;
        text-align: center;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #818282;
        border-bottom: 1px solid #e7e8e8;
    }

    .reviews .fake-table {
        width: 100%;
    }

    .reviews .fake-td {
        padding-top: 30px;
        padding-bottom: 20px;
        vertical-align: top;
        border-bottom: 1px solid #e7e8e8;
    }

        .reviews .fake-td #star-description {
            text-align: center;
        }

    .reviews .fake-tr:last-child .fake-td {
        border-bottom: 0;
    }

    .reviews .fake-td.col-2 {
        float: left;
        width: 25%;
        vertical-align: top;
    }

    .reviews .fake-td.col-1 {
        float: left;
        width: 25%;
        padding-top: 20px;
        padding-right: 50px;
        padding-left: 18px;
    }

    .reviews .button {
        width: 120px;
        margin-right: auto;
        margin-left: auto;
    }

    .reviews .rating {
        font-size: 0;
        line-height: 0;
        width: 170px;
        height: 25px;
        margin-top: 13px;
        margin-right: auto;
        margin-bottom: 25px;
        margin-left: auto;
    }

        .reviews .rating .star {
            display: block;
            float: left;
            overflow: hidden;
            width: 26px;
            height: 25px;
            margin: 0 4px;
            cursor: pointer;
            background-image: url(../img/star.png);
            background-repeat: no-repeat;
            background-position: 50% 50%;
            -webkit-background-size: contain;
            -moz-background-size: contain;
            background-size: contain;
        }

            .reviews .rating .star.on,
            .user-item .mixtir-item-stars .star.on, .mixtir-item-rating .mixtir-item-stars .star.on {
                background-image: url(../img/star-o.png);
            }



    .reviews .review-user .user-inform {
        width: 150px;
        margin-left: 86px;
        padding-top: 15px;
        text-align: center;
    }

        .reviews .review-user .user-inform p {
            font-size: 13px;
            font-weight: 300;
            line-height: 17px;
            letter-spacing: 0;
            color: #4a4a4a;
        }

            .reviews .review-user .user-inform p:first-child a {
                text-transform: uppercase;
                color: #4a4a4a;
            }

            .reviews .review-user .user-inform p:last-child a {
                color: #ffbe00;
            }

    .reviews .review-user .user-face {
        float: left;
        width: 86px;
    }


/* additional comment  */
.additional-comment {
    display: none;
}

    .additional-comment.visible {
        display: block;
    }

    .additional-comment label {
        font-size: 14px;
        font-weight: 300;
        line-height: 1.3;
        display: block;
        padding-bottom: 10px;
        color: #ffbe00;
    }

    .additional-comment textarea {
        font-size: 16px;
        width: 100%;
        height: 150px;
        padding: 13px;
        letter-spacing: 1px;
        color: #4a4a4a;
        border: 1px solid #e5e5e5;
    }

        .additional-comment.has-error textarea,
        .additional-comment textarea.input-validation-error {
            color: #f00;
            border-color: #f00;
        }
/* additional comment  */

/* moved from the end of file */
.mixstir-image-circle {
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 100px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 50%;
}

    .mixstir-image-circle img {
        display: inline;
        width: auto;
        height: 100%;
        margin: 0 auto;
    }

.upload-button a.button {
    font-size: 13px;
    line-height: 50px;
    display: block;
    float: none;
    width: 50%;
    height: 50px;
    margin-top: 9px;
    margin-right: auto;
    margin-left: auto;
}

.small50 {
    left: 50% !important;
    width: 50% !important;
}

.error-message {
    font-size: 12px;
    color: red;
}

header.non-logged-black .navi-right {
    width: 350px;
}
/* moved from the end of file */

/* payment page */
.payment-block {
    padding-bottom: 50px;
}

    .payment-block.payout-block {
        padding-bottom: 30px;
    }

    .payment-block .table-panel .fake-table {
        padding: 0;
    }

    .payment-block p {
        color: #777;
        font-size: 16px;
        padding: 10px 0;
        line-height: 1.4;
    }

    .payment-block h3 ~ p {
        padding-top: 0;
        padding-bottom: 30px;
    }

.editor-forms .payment-add .button {
    float: none;
}

.payment-item {
    padding: 10px 0;
}

.payment-popup {
    position: absolute;
    background: #f0f0f1;
    border: 1px solid #000;
    padding: 20px;
    z-index: 100;
    width: 440px;
    top: -40px;
    margin-left: 30px;
    left: 45%;
}
.organizer-form .payment-popup {
    position:relative;
    top:0;
    left:0;
    margin:0;
    background:none;
    border:0;
    padding:0 0 20px 0;
}
.payment-popup.payout-popup {
    top: -200px;
}
.organizer-form .payment-popup .btn-close {
    top:-8px;
    right:-8px;
}
.organizer-form .payment-popup .col-left {
    width:100%;
    padding-right:0;
}
.payment-popup .ft.pt20px {
    padding-top:20px;
}
.payment-popup.payout-popup:after,
.payment-popup.payout-popup:before {
    top: 220px;
}
.organizer-form .payment-popup:after,
.organizer-form .payment-popup:before {
    display:none;
}
    .payment-popup:after, .payment-popup:before {
        right: 100%;
        top: 60px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .payment-popup:after {
        border-color: rgba(240, 240, 241, 0);
        border-right-color: #f0f0f1;
        border-width: 20px;
        margin-top: -20px;
    }

    .payment-popup:before {
        border-color: rgba(0, 0, 0, 0);
        border-right-color: #000;
        border-width: 21px;
        margin-top: -21px;
    }

    .payment-popup .col-left {
        width: 70%;
        padding-right: 10px;
    }

    .payment-popup .col-right {
        width: auto;
        padding-left: 10px;
    }

    .payment-popup .ft,
    .payment-popup .fake-table {
        width: 100%;
        display: table;
    }

        .payment-popup .fake-table .fake-td {
            width: 50%;
            padding-left: 10px;
        }

            .payment-popup .fake-table .fake-td:first-child {
                padding-left: 0;
            }

        .payment-popup .ft .col-left,
        .payment-popup .ft .col-right {
            display: table-cell;
            vertical-align: top;
            text-align: left;
        }

.editor-forms.main-form .payment-popup .row label {
    color: #606060;
    padding: 0px;
}

.editor-forms.main-form .payment-popup .checkbox-list .checkbox:last-child {
    padding-bottom: 10px;
}

.main-form .payment-popup .row .textfield {
    font-size: 14px;
}

.main-form .payment-popup.payout-popup .row .textfield {
    max-width: 100%;
}

.main-form .payment-popup .buttons {
    padding-top: 32px;
}

.card-imaged {
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    padding-left: 66px;
    font-family: proxima-nova;
    font-size: 17px;
    color: #4a4a4a;
}
    .card-imaged img {
        position:absolute;
        z-index:1;
        top:0;
        left:0;
        height:38px;
        width:56px;
    }
    .main-form .payment-popup .buttons a.button {
        height: 40px;
        line-height: 40px;
        min-width: 104px;
    }

.payment-way {
    position: relative;
    /*max-width:345px;*/
}

.payment-checklist {
    max-width: 300px;
    padding-top: 20px;
}

.dn {
    display: none !important;
}

.editor-forms.payment-forms {
    /*background: #fff;*/
}
/* payment page */

/* non-standart checkboxes */
.radio-list label,
.checkbox-list label {
    display: table;
    width: 100%;
    position: relative;
    cursor: pointer;
}

    .radio-list label > em,
    .checkbox-list label > em {
        display: block;
        height: 20px;
        width: 20px;
        overflow: hidden;
        position: relative;
        float: left;
        background: none;
        border: 1px solid #000;
        font-size: 0;
        line-height: 0;
        text-indent: -111em;
    }

        .radio-list label > em input,
        .checkbox-list label > em input {
            position: absolute;
            left: -100em;
            top: -100em;
            display: block;
            opacity: 0;
        }

        .radio-list label > em:before,
        .checkbox-list label > em:before {
            position: absolute;
            height: 10px;
            width: 10px;
            top: 4px;
            left: 4px;
            content: ' ';
        }

    .radio-list label.on > em:before,
    .checkbox-list label.on > em:before {
        background: #000;
    }

    .radio-list label > em,
    .radio-list label > em:before {
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .radio-list label > span,
    .checkbox-list label > span {
        display: block;
        margin-left: 36px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        letter-spacing: 1px;
        color: #000;
    }
/* non-standart checkboxes */

/* moved from the end of file */
.mixstir-image-circle {
    width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
}

    .mixstir-image-circle img {
        display: inline;
        margin: 0 auto;
        height: 100%;
        width: auto;
    }

.upload-button a.button {
    font-size: 13px;
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
    line-height: 50px;
    width: 50%;
    margin-top: 9px;
}

.small50 {
    width: 50% !important;
    left: 50% !important;
}

.error-message {
    color: red;
    font-size: 12px;
}

header.non-logged-black .navi-right {
    width: 350px;
}

header.non-logged-black .navi-left .logo-brand-loggedout {
    position: inherit;
    color: #000;
    background-image: url(../img/logo.png);
    background-position: 0 50%;
    background-size: 21px auto;
    color: #000;
    display: inline-block;
    font-size: 14px;
    height: 18px;
    letter-spacing: 3px;
    line-height: 18px;
    margin: 20px 0;
    padding-left: 38px;
    text-align: left;
    text-transform: uppercase;
}
/* moved from the end of file*/

/* no items pages */
.no-hires {
    background: #fff;
    padding: 30px 50px;
    display: table;
    width: 100%;
    border-radius:6px;
}

    .no-hires.middle-block {
        max-width: 800px;
        padding:45px 67px 28px 67px;
        -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.02);
            -moz-box-shadow:0 2px 9px 0 rgba(0, 0, 0, 0.02);
            box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.02);
    }

    .no-hires .no-hires-wrap {
        max-width: 276px;
        float: left;
    }
.inspection {
    display:block;
    margin-left:auto;
    margin-right:auto;
    height:100px;
    width:100px;
    background:url(../img/inspection.svg) no-repeat 50% 50%;
    background-size:contain;
    margin-bottom:13px;
}
.editor-forms.edit-list .no-hires h3 {
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    color: #000000;
    letter-spacing:0;
    font-family:proxima-nova;
    text-transform:none;
    padding-bottom:7px;
    margin-top: 30px;
}
.editor-forms.edit-list .no-hires p {
    font-size: 18px;
    text-align: center;
    color: #9b9b9b;
    font-weight:400;
    font-family:proxima-nova;
}

.editor-forms .no-hires .button {
    padding-left: 30px;
    padding-right: 30px;
    min-width: unset;
    float: none;
    margin-top: 28px;
    margin-bottom: 0;
    font-weight: 600;
    font-family:proxima-nova;
    font-size:17px;
    letter-spacing:0;
    border-radius:2px;
}

.editor-forms .no-hires.middle-block .button {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    height:45px;
    line-height:45px;
    padding:0 45px;
    display:table;
    margin-left:auto;
    margin-right:auto;
    border-radius:23px;
}

.no-hires p {
    text-align: left;
    color: #848484;
    font-size: 12px;
    line-height: 1.26;
    text-align: center;
    margin-bottom: 25px;
    margin: auto;
}

    .no-hires p strong {
        font-size: 22px;
        font-family: proxima-nova;
        color: black;
        display:block;
        padding-bottom:10px;
    }

/* don't resize it */
.no-hires .no-hires-icon,
.no-hires .no-payout-icon,
.no-hires .no-tickets-icon {
    float: right;
    width: 165px;
    height: 165px;
    margin-left: 30px;
    margin-top: 30px;
    background: url(../img/user.svg) no-repeat 50% 50%;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
}

.no-hires .no-tickets-icon {
    background-image: url(../img/no-tickets.svg);
}

.no-hires .no-payout-icon {
    background-image: url(../img/no-payout-m.png);
}
/* no items pages */

/* request city */
.request-city {
    padding: 63px 0;
}

    .request-city h2,
    .request-city h4 {
        text-align: center;
    }

    .request-city h4 {
        font-size: 1.25em;
        line-height: 1.2;
        letter-spacing: 1px;
    }

    .request-city h2 {
        font-family: 'Gotham-Book', 'Helvetica Neue', Helvetica, Arial;
        font-size: 2em;
        line-height: 1.2;
        width: 100%;
        padding: 2px 0 15px;
        text-align: center;
        letter-spacing: 1.5px;
    }

    .request-city h4 a:first-of-type:hover {
        color: #ffaf06;
        font-weight: 700;
    }

    .request-city h4 a:first-of-type {
        color: #ffbe00;
        font-weight: 700;
    }

/* your mixstirs */
.block-mixstirs {
    padding-bottom: 0;
    margin-right: 2px;
}

    .block-mixstirs:last-child {
        padding-bottom: 0;
    }

    .block-mixstirs .block-mixstirs-list {
        display: block;
        width: 100%;
        border-radius:6px;
        background-color: #FFFFFF;
        margin-bottom: 20px;
        padding:26px 40px 15px 24px;
           -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.02);
            -moz-box-shadow:0 2px 9px 0 rgba(0, 0, 0, 0.02);
            box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.02);
    }

        .block-mixstirs .block-mixstirs-list:last-child {
            margin-bottom: 0;
        }

    .block-mixstirs .block-mixstir-name {
        font-size: 23px;
        font-weight: 600;
        text-align: left;
        color: #000000;
        line-height:1.2;
        padding-right:20px;
    }

    .block-mixstirs .block-mixstirs-info .date {
        font-size: 16px;
        text-align: left;
        color: #9b9b9b;
        padding-top:6px;
        padding-right:20px;
    }


        .block-mixstirs .block-mixstirs-info .row-bottom {
            display: table;
            width: 100%;
            padding-top:44px;
        }

            .block-mixstirs .block-mixstirs-info .row-bottom a {
                float: left;
                font-size: 16px;
                text-align: left;
                color: #9b9b9b;
                margin-right:35px;
            }

                .block-mixstirs .block-mixstirs-info .row-bottom a:last-child {
                    margin-right:0;
                }

                .block-mixstirs .block-mixstirs-info .row-bottom a:hover {
                    color: #58595B;
                }

progress {
    background: #66c400;
    background-color: #e6e6e6;
    border: 0;
    height: 8px;
    border-radius: 4px;
    color: #66c400;
    margin:0;
    width:100%;
}

    progress::-webkit-progress-bar {
        background-color: #e6e6e6;
        border-radius: 4px;
    }

    progress::-webkit-progress-value {
        background: #66c400;
        border-radius: 4px;
    }

    progress::-moz-progress-bar {
        background: #e6e6e6;
    }
.progressing-counter {
    font-size: 16px;
    text-align: center;
    color: #9b9b9b;
    padding-bottom:0;
}
    .progressing-counter b {
        font-weight:600;
    }
.progressing {
    display: table;
    width: 100%;
    border-radius: 4px;
    margin-bottom:8px;
}


.event-sold-meter .progressing-counter {
    float: none;
    margin: 0 auto;
    padding-right: 50px;
    padding-top: 5px;
    height: 13px;
    line-height: 13px;
    font-size: 11px;
    text-align: center;
    font-family: Gotham-Bold;
}

.was-sold {
    font-family: Gotham-Bold;
    color: #f00;
}

/* your hires */
.block-bartenders {
    padding-bottom: 80px;
}

    .block-bartenders:last-child {
        padding-bottom: 0;
    }

.block-bartenders-header {
    padding-bottom: 20px;
    color: #777;
}

.offer-item {
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px;
    margin: 2px 0;
}

    .offer-item .fake-table {
        width: 100%;
        table-layout: fixed;
    }

    .offer-item .fake-td {
        vertical-align: middle;
        text-align: center;
    }

        .offer-item .fake-td.col1 {
            line-height: 20px;
            font-weight: 300;
            width: 100px;
        }

        .offer-item .fake-td.col2 {
            padding-right: 10px;
            padding-left: 10px;
            width: 130px;
        }

        .offer-item .fake-td.col4 {
            border-left: 1px solid #ccc;
            padding-left: 10px;
            width: 150px;
            text-align: right;
        }

    .offer-item .button {
        min-width: 90px;
        padding: 0 5px;
        display: inline-block;
        text-align: center;
        float: none;
        margin: 5px 0;
        font-size: 11px;
        letter-spacing: 0;
    }

        .offer-item .button.btn-accept {
            background: #e0e0e0;
            color: #58595b;
        }

        .offer-item .button.btn-decline {
            background: #58595b;
            color: #fff;
        }

            .offer-item .button.btn-accept:hover,
            .offer-item .button.btn-decline:hover {
                background: #ffbe00;
                color: #fff;
            }

    .offer-item a {
        color: #58595b;
        display: block;
    }

        .offer-item a b, .offer-item a span, .offer-item a em {
            font-style: normal;
            display: block;
            text-align: center;
        }

    .offer-item .price {
        color: #4e5052;
        font-size: 22px;
        font-weight: 400;
    }

    .offer-item .user-info .user-face {
        width: 60px;
        height: 60px;
        padding: 8px;
        overflow: hidden;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5px;
    }

        .offer-item .user-info .user-face img {
            width: 44px;
            height: 44px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            display: block;
            -webkit-mask: #fff;
            overflow: hidden;
        }

        .offer-item .user-info .user-face em {
            font-size: 14px;
            line-height: 20px;
            height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-weight: 300;
        }
/* your hires */

/* iPhone slider */
.iPhoneCheckContainer {
    -webkit-transform: translate3d(0,0,0);
    position: relative;
    height: 28px;
    width: 56px;
    cursor: pointer;
    overflow: hidden;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    -webkit-mask: #fff;
    background: #39b54a;
}

    .iPhoneCheckContainer.on {
        background: #f00;
    }

    .iPhoneCheckContainer input {
        position: absolute;
        top: 5px;
        left: 30px;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    .iPhoneCheckContainer label {
        white-space: nowrap;
        font-size: 16px;
        line-height: 28px;
        font-weight: bold;
        cursor: pointer;
        display: block;
        height: 28px;
        position: absolute;
        width: auto;
        top: 0;
        overflow: hidden;
        padding: 0 !important;
        -moz-border-radius: 14px;
        -webkit-border-radius: 14px;
        border-radius: 14px;
        -webkit-mask: #fff;
    }

    .iPhoneCheckContainer, .iPhoneCheckContainer label {
        -moz-user-select: none;
        user-select: none;
    }

.iPhoneCheckDisabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

label.iPhoneCheckLabelOn {
    left: -4px;
}

    label.iPhoneCheckLabelOn span {
        padding: 0 8px;
        background: #fff;
        margin: 2px 2px 2px 0;
        height: 24px;
        width: 24px;
        -moz-border-radius: 14px;
        -webkit-border-radius: 14px;
        border-radius: 14px;
        display: inline-block;
        line-height: 24px;
        position: relative;
        left: 6px;
    }

label.iPhoneCheckLabelOff {
    color: #8b8b8b;
    text-align: right;
    right: 0;
}

    label.iPhoneCheckLabelOff span {
        padding: 0 8px;
        background: #fff;
        margin: 2px 0;
        height: 24px;
        width: 24px;
        right: 2px;
        -moz-border-radius: 14px;
        -webkit-border-radius: 14px;
        border-radius: 14px;
        display: inline-block;
        line-height: 24px;
        position: relative;
    }

.iPhoneCheckHandle {
    display: block;
    height: 28px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    padding-left: 3px;
}

.iPhoneCheckHandleRight {
    height: 100%;
    width: 100%;
    padding-right: 3px;
}

.iPhoneCheckHandleCenter {
    height: 100%;
    width: 100%;
}

/* iPhone slider */

/* fake field with caption and iPhone slider */
.fake-field {
    background-color: #fff;
    border: 1px solid #ccc;
    height: 42px;
    padding: 7px 13px;
    display: table;
    width: 100%;
    /*max-width:345px;*/
}

    .fake-field label.label {
        font-weight: 700;
        padding: 0 !important;
        line-height: 28px;
        white-space: nowrap;
        margin-right: 20px;
        font-size: 14px;
        float: left;
    }

    .fake-field .iPhoneCheckContainer {
        float: right;
    }
/* fake field with caption and iPhone slider */

/* featured photo loader */
.upload-featured-photo {
    position: relative;
    display: inline-block;
    width: 100%;
}

.landing {
    max-width: 380px;
}

.upload-featured-photo img.proportion {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
}

.upload-featured-photo .btn-upload-featured-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #fff url(../img/new-image.svg) no-repeat 50% 37%;
    -moz-background-size: auto 59px;
    -webkit-background-size: auto 59px;
    background-size: auto 59px;
    border: 2px dashed #8fd4f8;
    cursor: pointer;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-mask: #fff;
}
.set-of-photos .upload-featured-photo .btn-upload-featured-photo {
    background:#fff;
}
    .upload-featured-photo .btn-upload-featured-photo .add-txt {
        position:absolute;
        bottom:9px;
        font-size: 15px;
        line-height:1;
        white-space:nowrap;
        width:100%;
        z-index:1;
        text-align:center;
        color: #56bef4;
    }
.upload-featured-photo .img-upload-featured-photo .btn-close {
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    background-size: 20px 20px;
    height: 40px;
    width: 40px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
}

.upload-featured-photo .img-upload-featured-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    border-radius:8px;
}

.btn-upload-featured-photo-add {
    text-align: center;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    color: #56bef4;
    font-weight: 400;
    left: 0;
    top: 50%;
    margin-top: 10%;
    position: absolute;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.set-of-photos {
    width: 100%;
    max-width:545px;
    display: table;
}
    .set-of-photos .upload-featured-photo {
        width: 100%;
        margin:0;
    }
    .set-of-photos .upload-featured-photo:not(:first-child) {
        margin-top:13px;
    }
/* featured photo loader*/

/* address block */
.main-form .double-fields.where-block .row {
    padding-left: 0;
    width: 66%;
    padding-right: 20px;
}

    .main-form .double-fields.where-block .row.col-third {
        width: 34%;
        padding-right: 0;
    }
/* address block */

/* field code */
.main-form .buttons.payments-add {
    padding-top:0;
    padding-bottom:0;
    text-align:left;
}
.main-form .buttons.payments-add.earn {
    padding-top: 20px;
    padding-bottom: 0;
}
.main-form .buttons.payments-add .button {
    margin-left:0;
    margin-right:10px;
    float:left;
}
#addpaymentmethod-details .validation-summary-errors {
    margin-bottom:0;
    margin-top:20px;
    font-family:proxima-nova;
    border-radius:4px;
}
.plash {
    border: 0;
    background: #fff;
    padding: 0;
    margin-bottom: 20px;
    font-family: proxima-nova;
}

    .plash:last-child {
        margin-bottom: 0;
    }

    .plash > p {
        font-size: 14px;
        color: #5e5e5e;
        line-height: 1.4;
        padding: 10px 0;
    }

    .plash h3 {
        font-weight: 700;
        text-transform: none;
        text-align: left;
        color: #ffbe00;
        padding-bottom: 10px;
    }

    .plash .v-btns {
        width: 100%;
        display: table;
        padding-bottom: 10px;
    }

        .plash .v-btns .button {
            float: left;
            width: 48%;
            margin: 0;
            min-width: 90px !important;
        }

            .plash .v-btns .button:first-child {
                margin-right: 4%;
            }

            .plash .v-btns .button:last-child {
                /*margin-left: 2%;*/
            }

.editor-forms.main-form .row input.textfield.fodigit {
    width: 92px;
    text-align: center;
}

.link {
    color: #ffbe00;
    font-weight: 400;
    font-size:13px;
}
.row label .link {
    margin-left:10px;
}
.link:hover {
    color: #ffaf06;
}

.mr14px {
    margin-right: 14px;
}

.pull-right {
    float: right;
}

.done-phone {
    font-size: 14px;
    color: #5e5e5e;
    line-height: 38px;
}

    .done-phone ~ .done-phone {
        margin-top: -1px;
    }
#link-verify-sms {
    display:none;
}
.field-code {
    display: table;
    width: 100%;
    height: 40px;
    overflow: hidden;
}

    .field-code .phonecode, .row-phone .phonecode {
        width: 40px;
        float: left;
        font-family: Gotham-book;
        line-height: 40px;
        font-size: 14px;
        color: #fff;
        padding: 0 10px 0;
        text-align: right;
        height: 40px;
        overflow: hidden;
        background: #b3b3b3;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
.editor-forms.main-form .row .field-code input.textfield {
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.plash .error-message {
    padding-left: 0;
    padding-right: 0;
}
.row-phone #Phone {
    padding-left: 65px;
}

.row-phone .phonecode {
    position: absolute;
    line-height: 56px;
    height: 56px;
    width: 56px;
    text-align: center;
}

.money-code.field-code .hint {
    width: 90px;
    float: right;
    height: 40px;
    line-height: 40px;
    padding: 0 !important;
}

.has-error .field-code .phonecode {
    background: #f00;
}

.field-code .for-ff {
    margin-left: 40px;
    height: 40px;
}

.country-code.field-code .for-ff {
}

    .country-code.field-code .for-ff input {
        width: 250px;
    }

.money-code.field-code .for-ff {
    /*margin-right:90px;*/
}

    .money-code.field-code .for-ff input {
        width: 100px;
    }
/* field code */

#bartender-settings .zip-code input.textfield {
    width: 140px;
}

.no-followers.no-hires {
    background: #f2f2f2;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding: 50px;
    margin-bottom: 75px;
}

    .no-followers.no-hires h3 {
        font-size: 16px;
        text-transform: capitalize;
        text-align: left;
        font-weight: 600;
        line-height: 1.3;
        padding: 0 0 28px 0;
        letter-spacing: 1px;
        color: #5e5e60;
    }

    .no-followers.no-hires p {
        max-width: 300px;
        font-family:proxima-nova;
    }

.no-followers .button {
    font-size: 13px;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    color: #fff;
    background: #ffbe00;
    text-transform: capitalize;
    font-weight: 500;
    max-width: 250px;
    margin: 30px auto;
}

    .no-followers .button:hover {
        background: #ffaf06;
    }

.no-followers.no-hires .no-hires-wrap {
    max-width: 400px;
}

.no-followers .no-hires-icon {
    background: url(../img/magnifying-glass-finder.svg) no-repeat 50% 50%;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    margin-top: 0;
    height: 164px;
    width: 164px;
}

.reservations .no-hires-icon {
    background: url(../img/reservations.png) no-repeat 50% 50%;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    margin-top: 0;
    height: 164px;
    width: 164px;
}


.fi {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    height: 1px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

.ticket-navigation {
    padding: 0 0 15px 0;
    position: relative;
    text-align: center;
    color: #777;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
    background: none;
}

.tickn {
    position: relative;
}

    .tickn .link-prev,
    .tickn .link-next {
        position: absolute;
        display: block;
        height: 84px;
        width: 43px;
        overflow: hidden;
        top: 500px;
        background: url(../img/icon-next.png) no-repeat 50% 50%;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-size: contain;
    }

    .tickn .link-prev {
        left: 0;
        background-image: url(../img/icon-prev.png);
    }

    .tickn .link-next {
        right: 0;
    }

.mixstir-forms.no-border {
    border: 0;
}

    .mixstir-forms.no-border .mobile-view {
        margin-left: auto;
        margin-right: auto;
    }

.pagination-block {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}

    .pagination-block .hint {
        font-size: 12px;
        line-height: 22px;
        font-weight: 300;
        color: #aaa;
        padding: 0;
        text-align: center;
    }

    .pagination-block .paging {
        font-size: 0;
        line-height: 0;
    }

        .pagination-block .paging span,
        .pagination-block .paging a {
            color: #ffbe00;
            margin: 0 10px;
            font-size: 16px;
            line-height: 22px;
            display: inline-block;
            overflow: hidden;
        }

        .pagination-block .paging a {
            color: #000;
        }

            .pagination-block .paging a:hover, .pagination-block .paging a.active {
                color: #ffbe00;
            }

        .pagination-block .paging .page-prev,
        .pagination-block .paging .page-next {
            font-size: 0;
            line-height: 0;
            display: inline-block;
            overflow: hidden;
            background: url(../img/icon-next.png) no-repeat 50% 50%;
            -moz-background-size: auto 11px;
            -webkit-background-size: auto 11px;
            background-size: auto 11px;
            height: 22px;
            width: 16px;
        }

        .pagination-block .paging .page-prev {
            background-image: url(../img/icon-prev.png);
        }

        .pagination-block .paging span.page-prev,
        .pagination-block .paging span.page-next {
            opacity: 0.5;
            -ms-filter: 'alpha(opacity=50)';
        }

.buttons-navi {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

    .buttons-navi .button {
        margin-left: auto;
        margin-right: auto;
    }
/* new event details page */
.event-detail-slider {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.event-detail-new {
    margin-top: 78px;
}

.event-detail-slider .condensed-event-gallery {
    height: 530px;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

    .event-detail-slider .condensed-event-gallery .item {
        height: 530px;
        width: 100%;
        overflow: hidden;
    }

    .event-detail-slider .condensed-event-gallery .owl-controls {
        top: auto;
        bottom: 20px;
    }

.event-detail-slider .condensed-event-title {
    position: absolute;
    bottom: 30px;
    z-index: 11;
    margin: 0;
    padding: 0;
    border: 0;
    color: #fff;
    width: 100%;
}

    .event-detail-slider .condensed-event-title h3 {
        float: right;
        text-align: right;
        font-size: 22px;
        line-height: 36px;
        white-space: nowrap;
        height: auto;
        color: #fff;
        padding: 0;
    }

    .event-detail-slider .condensed-event-title h1 {
        font-weight: 400;
        font-size: 42px;
        line-height: 46px;
        margin-right: 100px;
        height: auto;
        padding-bottom: 10px;
    }

.event-detail-user-block {
    float: left;
    position: relative;
    text-align: center;
    z-index: 12;
}

    .event-detail-user-block .user-pic {
        margin-bottom: 5px;
        margin-top: -20px;
    }

    .event-detail-user-block .user-info a, .event-uinfo .user-info a {
        color: #4a4a4a;
        text-transform: capitalize;
        line-height: 1.2;
    }

    .event-detail-user-block .user-name, .event-uinfo .user-name {
        color: #777;
        text-transform: capitalize;
        line-height: 1.2;
    }

    .event-detail-user-block .mixtir-item-rating {
        height: 18px;
        display: table;
        margin: 0 auto;
    }

    .event-detail-user-block .mixtir-item-stars {
        height: 18px;
        float: left;
        margin: 0;
    }

        .event-detail-user-block .mixtir-item-stars .star {
            height: 18px;
            width: 18px;
            opacity: 0.35;
            margin: 0;
            -ms-filter: 'alpha(opacity=35)';
            background-image: url(../img/star-g.png);
        }

    .event-detail-user-block .mixtir-item-voted {
        float: left;
        height: 18px;
        line-height: 18px;
        color: #7a7a7a;
        margin-left: 5px;
        padding: 0;
    }

.event-detail-user .condensed-event-general {
    float: left;
    width: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 40px;
}

.condensed-event-body .condensed-event-general {
    padding-bottom: 5px;
    border-bottom: 2px solid #ccc;
}

.condensed-event-payment p.error-message {
    padding: 0 0 10px 0;
}

.event-detail-new .condensed-event-general .line,
.condensed-event-body .condensed-event-general .line {
    display: table;
    padding: 5px 0;
}

    .event-detail-new .condensed-event-general .line .icon,
    .condensed-event-body .condensed-event-general .line .icon {
        float: left;
        background-repeat: no-repeat;
        margin: 0;
        margin-right: 20px;
        width: 34px;
    }

    .condensed-event-body .condensed-event-general .line .icon {
        margin-right: 10px;
        width: 20px;
    }

.condensed-event-body .condensed-event-general.hire .line .icon {
    width: 35px;
}

.condensed-event-body .condensed-event-general.hire .line .col-text {
    width: 200px;
}

.event-detail-new .condensed-event-general .line p,
.condensed-event-body .condensed-event-general .line p {
    float: left;
}

.hosto, .event-detail-new .condensed-event-general .line p, .namo,
.condensed-event-body .condensed-event-general .line p {
    text-align: left;
    font-size: 12px;
    white-space: nowrap;
    color: #474747;
    padding: 0;
    line-height: 16px;
}

.event-detail-new .condensed-event-general .line.red p {
    color: #f00;
    font-weight: bold;
}

.namo {
    font-size: 20px;
    line-height: 1.4;
}

.condensed-event-payment .namo {
    color: #7a7a7a;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}

.boxi .condensed-event-general {
    padding-bottom: 0;
    padding-top: 20px;
}

.stick-panel .booking-box .btn, .stick-panel .share-box .btn {
    width: 100%;
}

.stick-panel .share-box .btn {
    margin-top: 20px;
}

.event-detail-user .booking-box {
    float: right;
    padding-top: 43px;
    padding-bottom: 43px;
    padding-left: 10px;
    width: 320px;
}

.event-detail-new .event-detail-text {
    background: #f2f2f2;
    padding: 80px 0;
    color: #474747;
    position: relative;
}

    .event-detail-new .event-detail-text h3 {
        font-size: 28px;
        line-height: 1.3;
        padding: 5px 0 0 0;
    }

    .event-detail-new .event-detail-text p {
        font-size: 16px;
        line-height: 1.4;
        padding: 10px 0;
        font-family: Gotham-Book, 'Helvetica Neue', Helvetica, Arial;
    }

        .event-detail-new .event-detail-text p:last-child {
            padding-bottom: 0;
        }

.event-detail-new .gemap {
    width: 100%;
    height: 450px;
}

.event-detail-new .event-detail-text .right {
    width: 240px;
    float: right;
}

.event-detail-new .event-detail-text .left {
    margin-right: 320px;
    float: none;
}

.boxi {
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.btn-share-popup {
    border-color: #fff;
}

.event-detail-new .event-googlemap {
    position: relative;
}

.event-detail-new .event-gmap-overlay {
    display: block;
    width: 50%;
    left: 25%;
    text-align: center;
}


.event-detail-new .condensed-event-spots.condensed-event {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
}

    .event-detail-new .condensed-event-spots.condensed-event .fake-table {
        width: 100%;
    }

        .event-detail-new .condensed-event-spots.condensed-event .fake-table .fake-td {
            vertical-align: top;
            border-bottom: 1px solid #ccc;
            padding: 80px 0 80px 0;
        }

            .event-detail-new .condensed-event-spots.condensed-event .fake-table .fake-td.col-title {
                width: 200px;
                padding-right: 10px;
            }

    .event-detail-new .condensed-event-spots.condensed-event.condensed-event-price .fake-table .fake-td.col-content {
        padding-right: 0;
    }

    .event-detail-new .condensed-event-spots.condensed-event .fake-table .fake-td h3,
    .event-detail-new .condensed-event-spots.condensed-event .fake-table .fake-td h2 {
        font-size: 18px;
        line-height: 24px;
        padding: 0;
        color: #7a7a7a;
        text-transform: none;
        text-align: left;
    }

    .event-detail-new .condensed-event-spots.condensed-event .fake-table .fake-td h2 {
        font-family: Gotham-Medium;
        line-height: 45px;
    }

.event-detail-new .condensed-event .levels {
    border: 1px solid #ccc;
    width: 100%;
    margin-top: 24px;
}


.form-new-credit-card.main-form .row label {
    text-transform: none;
    font-size: 18px;
    line-height: 40px;
    margin: 0;
    padding: 0;
    float: left;
    width: 200px;
}



.form-new-credit-card.main-form .row {
    padding-bottom: 11px;
}

    .form-new-credit-card.main-form .row .f1 {
        float: left;
        margin-right: 10px;
        width: 60px;
    }

    .form-new-credit-card.main-form .row .f2 {
        width: 60px;
    }

    .form-new-credit-card.main-form .row .f3 {
        width: 100px;
    }

    .form-new-credit-card.main-form .row .textfield {
        width: unset;
    }

    .form-new-credit-card.main-form .row #cardNumber {
        width: 300px;
        float: left;
    }

    .form-new-credit-card.main-form .row #cvv {
        width: 100px;
        float: left;
    }

    .form-new-credit-card.main-form .row #zip {
        width: 100px;
        float: left;
    }

    .form-new-credit-card.main-form .row .expired-box {
        width: 120px !important;
        float: left;
    }

    .form-new-credit-card.main-form .row .expired-box-small {
        width: 60px !important;
        float: left;
        line-height: 42px;
        text-align: center;
    }

.checkout-payment-icons {
    float: left;
    margin-left: 60px;
    margin-top: 5px;
}

.ftable {
    display: table;
    width: 100%;
}

.event-detail-new .condensed-event-code,
.event-detail-new .condensed-event-payment {
    padding: 0;
}

    .event-detail-new .condensed-event-payment ul {
        border: 1px solid #ccc;
        padding: 9px;
        margin: 0;
        width: 280px;
        color: #7a7a7a;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

.to-bottom {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    background: url(../img/to-bottom.png) no-repeat 100% 50%;
    padding-right: 16px;
    color: #7a7a7a;
    -moz-background-size: 10px auto;
    -webkit-background-size: 10px auto;
    background-size: 10px auto;
    margin-bottom: 11px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .to-bottom:hover {
        color: #ffbe00;
    }

.form-new-credit-card.main-form #coupon {
    width: 180px !important;
    float: left;
}

.form-new-credit-card.main-form #btncoupon {
    margin-left: 190px;
    width: 90px;
}

.condensed-event-payment .form-new-credit-card.main-form.new-coupon .row {
    display: table;
    width: 100%;
    padding-top: 40px;
}

.formos {
    padding-top: 0;
    margin: 0 auto;
    max-width: 600px;
}

#form-for-credit-card {
    padding-bottom: 0;
    padding-top: 40px;
}

    #btncoupon[disabled], #btncoupon[disabled]:hover {
        background: #ffaf06;
        cursor: not-allowed;
        opacity: 0.3;
    }

#btncoupon {
    margin-left: 250px;
    float: left;
    margin-top: -40px;
}

.event-detail-new .condensed-event-spots.condensed-event.condensed-event-price .booking-box {
    width: 320px;
    float: right;
}

.stick-panel {
    -moz-transition: top ease-out 0.5s;
    -webkit-transition: top ease-out 0.5s;
    -o-transition: top ease-out 0.5s;
    transition: top ease-out 0.5s;
    position: fixed;
    z-index: 1;
    top: -2000px;
    width: 240px;
}

    .stick-panel .namo {
        white-space: normal;
    }

.sticky-panele .stick-panel {
    z-index: 13;
    top: 80px;
}

.sticky-panele.fix-panele .stick-panel {
    position: absolute;
}

#sticky-panel {
    display: none;
    position: fixed;
    z-index: 10;
    top: 20px;
    width: 240px;
}
/* message history page */
#message-history {
    background-color: #F2F2F2;
    padding-top: 10px;
}

    #message-history .message-date {
        display: inline-block;
        width: 96%;
        height: 8px;
        margin-left: 2%;
        border-bottom: 1px outset;
        text-align: center;
        margin-bottom: 15px;
    }

        #message-history .message-date span {
            font-family: Gotham-Medium;
            font-size: 12px;
            color: #777777;
            background-color: #F2F2F2;
            padding: 0 10px;
        }

    #message-history .message-content {
        display: block;
    }

    #message-history .message-details {
        display: block;
        float: none;
        overflow: hidden;
        position: relative;
    }

    #message-history .user-block {
        width: 100px;
        height: 100px;
        display: inline-block;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }

        #message-history .user-block.sent {
            float: right;
        }


        #message-history .user-block a {
            width: 70px;
            height: 70px;
            display: block;
            padding: 6px;
            -webkit-mask: #fff;
            background: #fff;
            -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
            -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
            box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

    #message-history .message-details .message-text {
        font-family: Gotham-Book;
        font-size: 0.8em;
        display: inline-block;
        line-height: 1.1em;
        float: left;
        color: #777;
        background-color: #fff;
        height: 70%;
        /*
            max-width: 30%;
            width: 60px;
        */
        position: absolute;
        padding: 1%;
        margin-top: 5px;
    }

        #message-history .message-details .message-text.sent {
            float: right;
            color: #777;
            background-color: #fff;
            right: 140px;
        }

        #message-history .message-details .message-text p.timestamp {
            color: #C4C4C4;
            position: absolute;
            bottom: 4px;
            font-size: 0.65em;
            left: 10px;
        }

            #message-history .message-details .message-text p.timestamp.right {
                right: 10px;
            }

    #message-history .user-pic img {
        display: block;
        width: 59px;
        height: 59px;
        border: 0 !important;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-mask: #fff;
    }

#triangle-left {
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: 10px;
    border-top: 7px solid transparent;
    border-right: 10px solid #F2DBD3;
    border-bottom: 7px solid transparent;
}

#triangle-right {
    display: inline-block;
    width: 0;
    height: 0;
    float: right;
    margin-top: 10px;
    border-top: 7px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 7px solid transparent;
}

#message-history .message-details .message-text.received {
    background-color: #F2DBD3;
}

#message-send-box {
    background-color: #E2E2E2;
    height: 22vh;
    max-height: 225px;
    position: relative;
}

    #message-send-box .row {
        display: block;
        float: none;
        overflow: hidden;
        position: relative;
        padding-top: 3%;
    }

    #message-send-box .message-send-inner {
        position: absolute;
        color: #777;
        background-color: #fff;
        right: 140px;
        width: 400px;
        display: block;
    }

    #message-send-box textarea {
        height: 100%;
        min-height: 100px;
        border-color: white;
    }

    #message-send-box .buttons {
        margin-top: -20px;
        display: block;
        right: 150px;
        float: right;
        padding-top: 0;
    }

        #message-send-box .buttons .btn-light {
            font-family: 'Gotham-Book';
            font-size: 1em;
            line-height: 1.5;
            display: block;
            width: 210px;
            height: 45px;
            margin: 0 auto;
            padding: 11px;
            text-align: center;
            letter-spacing: 2px;
            color: #fff;
            background: #ffbe00;
            border-radius: 0;
            margin-right: 140px;
            border: none;
        }

            #message-send-box .buttons .btn-light:hover {
                color: #fff;
                background: #ffaf06;
            }

/* new event details page */

/* share popup */
.socials {
    list-style: none;
    display: table;
    margin: 0 auto 20px auto;
    width: auto;
    padding: 0;
}

    .socials li {
        display: block;
        float: left;
        vertical-align: middle;
        font-size: 0;
        line-height: 0;
        padding: 0 5px;
    }

        .socials li a {
            margin-top: 25px;
            display: block;
            height: 40px;
            width: 175px;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            -moz-background-size: contain;
            -webkit-background-size: contain;
            background-size: contain;
            -moz-transition: -moz-opacity ease 0.3s;
            -webkit-transition: opacity ease 0.3s;
            transition: opacity ease 0.3s;
        }

.inv-friends-container .socials li a {
    height: 45px;
    width: 220px;
}

.socials li a:hover {
    opacity: 0.5;
    -ms-filter: 'alpha(opacity=50)';
}

.socials li a.icon-fb {
    background-image: url(../img/btn-facebook.png);
}

.socials li a.icon-twitter {
    background-image: url(../img/btn-twitter.png);
}

.socials li a.icon-email {
    background-image: url(../img/btn-email.png);
}

.socials li a.icon-messanger {
    background-image: url(../img/btn-messanger.png);
}

.share-body h3 {
    text-align: center;
    color: #000000;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.25;
    margin: 0;
    padding-bottom: 20px;
}

.share-body p {
    font-family: Gotham-Book;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.43;
    text-align: center;
    color: #787878;
}

#shareField {
    margin-top: 30px;
    border-radius: 4px;
    width: 90%;
    margin-left: 5%;
}

#fakeShareField {
    width: 82%;
}

#copylink {
    margin-top: 1px;
}

.share-body .url-text {
    font-family: Gotham-Book;
    font-size: 15px;
    color: #787878;
    line-height: 38px;
}

.share-body .textfield {
     font-family:proxima-nova;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #474747 !important;
    width: 84% !important;
    text-align: left;
    border: solid 0px #000000 !important;
    float: left !important;
    padding-right: 5px !important;
    height: 38px !important;
    border-radius: 3px;
}

.share-body .main-form .row .button {
    font-size: 14px;
    width: 120px;
    border-radius: 2px;
    text-transform: none;
    font-weight: 600;
    float: right;
    margin-top: 20px;
    margin-right: 7%;
    height: 40px;
    line-height: 40px;
    letter-spacing: 0;
}

.share-body .main-form .row .buttons .btn-light {
    border-radius: 2px;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    margin: 0 10px;
}

.event-dialog.event-share, .event-dialog.event-contribute-list {
    background: rgba(0,0,0,0.75);
}

    .event-dialog.event-share .condensed-event {
        height: auto;
        width: 635px;
        padding: 30px;
        min-height: 100px;
        border-radius: 2px;
    }

    .event-dialog.event-share .condensed-event-body {
        height: auto;
        padding: 0;
    }

    .event-dialog.event-share .main-form .row {
        padding-bottom: 0;
    }
.event-contribute-list .condensed-event {
    width:648px;
    border-radius:4px;
    padding:0;
}
    .event-contribute-list .condensed-event h3 {
        text-align:center;
        font-size: 22px;
        font-weight: 600;
        color: #000000;
        padding:28px 30px;
        border-bottom: solid 2px #e6e6e6;
        letter-spacing:-0.5px;
    }
    .event-contribute-list .condensed-event .condensed-event-body {
        padding:0;
    }
    .event-contribute-list .condensed-event .tabs-joined h3 {
        padding-top:18px;
        padding-bottom:0;
    }
#popup-invites .not-scroll-button.buttons .button,
#popup-add-member .not-scroll-button.buttons .button {
    float:right;
    padding:0 23px;
}
.mobile-close-popup {
    height:30px;
    cursor:pointer;
    display:none;
    position:absolute;
    top:26px;
    line-height:30px;
    font-size:18px;
    color:#9b9b9b;
    left:25px;
    transition:color ease 0.2s;
    z-index:2;
}
.mobile-close-popup:hover {
    color:#ffaf06;
}
.counter-control {
    height:47px;
    display:table;
    margin-left:auto;
    margin-right:auto;
    width:180px;
}
    .counter-control .mini-btn {
        display:block;
        height:47px;
        width:47px;
        border-radius:4px;
        background-color: #ffaf06;
        font-size:34px;
        font-weight:500;
        text-align:center;
        line-height:47px;
        overflow:hidden;
        cursor:pointer;
        float:left;
        font-family:'proxima-nova', Verdana, sans-serif;
        color:#fff;
        transition:all ease 0.2s;
        user-select:none;
    }
    .counter-control .mini-btn.disabled {
        background-color:rgba(255, 190, 0, 0.3);
        cursor:default;
    }
        .counter-control .mini-btn:not(.disabled):hover {
            background:#ffbe00;
        }
    .counter-control > input {
        height:47px;
        display:block;
        background:#fff;
        text-align:center;
        font-size: 34px;
        font-weight: 500;
        color: #4a4a4a;
        float:left;
        width:76px;
        margin:0 5px;
        font-family:'proxima-nova', Verdana, sans-serif;
    }
#popup-free-spots .counter-control {
    padding:58px 0 103px 0;
}
#popup-free-spots .buttons {
    text-align:center;
    font-size:0;
    line-height:0;
}
    #popup-free-spots .buttons .button {
        height:48px;
        line-height:48px;
        max-width:272px;
        display:inline-block;
        font-size:18px;
        font-family:'proxima-nova', Verdana, sans-serif;
        width:100%;
        font-weight:700;
    }
.event-contribute-list .scroll-contributed {
    overflow:hidden;
    padding:5px 0;
    width:100%;
    max-width:100%;
}
    .event-contribute-list .scroll-contributed .sub {
        padding-left:50px;
        padding-right:50px;
    }
#popup-contribute-product-payment .scroll-contributed .sub {
    padding-left:0;
    padding-right:0;
    width:103%;
}
.event-contribute-list .scroll-contributed .scrollbar-wrapper {
    max-height:470px;
    overflow-y:scroll;
    overflow-x:hidden;
    width:100%;
    box-sizing:content-box;
    padding-left:0;
    padding-right:20px;
}
    .event-contribute-list .scroll-contributed ul {
        list-style:none;
    }
        .event-contribute-list .scroll-contributed ul li {
            padding:11px 0;
        }
            .event-contribute-list .scroll-contributed ul .user-mini-item {
                display:table;
                width:100%;
                font-size: 22px;
                text-align: left;
                color: #000000;
                line-height:71px;
                white-space:nowrap;
                transition:color ease 0.2s;
            }
            .event-contribute-list .scroll-contributed ul .user-mini-item:hover {
                color:#ffaf06;
            }
                .event-contribute-list .scroll-contributed ul .user-mini-item img {
                    width:71px;
                    height:71px;
                    display:block;
                    border-radius:50%;
                    background:#eee;
                    float:left;
                }
                .event-contribute-list .scroll-contributed ul .user-mini-item span {
                    display:block;
                    margin-left:86px;
                }
/* share popup */

/* items select popup */
.product-item {
    width:100%;
    display:table;
}
    .scroll-contributed *, .event-dialog *, .share-body * {
        font-family:'proxima-nova', Verdana, sans-serif;
    }
    .product-item .ftd {
        display:table-cell;
        vertical-align:top;
        padding-left:30px;
        padding-right:30px;
        text-align:left;
        border-bottom:2px solid #f2f2f2;
        padding-top:21px;
        padding-bottom:11px;
    }
    .product-item.extended-item .ftd {
        border-bottom:0;
        padding-top:25px;
        padding-bottom:0;
        vertical-align:bottom;
    }
    .product-item.extended-item:first-of-type .ftd {
        padding-top:39px;
    }
    .product-item .ftd.col-control {
        width:168px;
    }
    .product-item:last-child .ftd {
        border-bottom:0;
    }
    .product-item.extended-item .ftd.col-select {
        padding-left:13px;
        padding-right:12px;
    }
    .product-item.extended-item .ftd.col-control {
        width:168px;
        padding-right:13px;
        padding-left:13px;
        width:134px;
    }
    .extended-item .row {
        width:219px;
    }
     .extended-item.x3 .row {
        width:139px;
    }
    .extended-item .row label {
        display:block;
        font-size:15px;
        letter-spacing: -0.3px;
        text-align: left;
        color: #4a4a4a;
        padding-bottom:9px;
    }
    .product-item h4 {
        font-size: 21px;
        text-align: left;
        color: #000000; 
        font-weight:400;
        padding-bottom:7px;
    }
    .product-item .price {
        font-size: 14px;
        text-align: left;
        color: #9b9b9b;
        font-weight:400;
        padding-bottom:4px;
    }
    .product-item .descr {
        font-size: 12px;
        font-weight: 500;
        text-align: left;
        color: #ffbe00;
    }
    .product-item .counter-control {
        width:108px;
        height:28px;
        margin-top:8px;
    }
    .product-item.extended-item .counter-control {
        margin-top:0;
        margin-bottom:10px;
    }
    .for-add-more {
        padding-left:13px;
        padding-right:13px;
        padding-top:25px;
        padding-bottom:31px;
        font-weight:600;
        font-size:15px;
        text-align:left;
    }
        .for-add-more a {
            color:#ffbe00;
        }   
        .for-add-more a:hover {
            color:#ffaf06;
        }   
   .product-item .counter-control .mini-btn {
            height:28px;
            width:28px;
            line-height:28px;
            font-size:23px;
        }

        .product-item .counter-control .mini-btn.btn-minus {
             line-height:25px;
        }

     .product-item .counter-control > input {
        margin:0 7px;
        width:38px;
        border-radius:4px;
        border: solid 1px #e6e6e6;
        height:28px;
        font-size: 16px;
        color: #4a4a4a;
        text-align:center;
    }

        .product-item .counter-control > input.black {
            color: black;
            font-weight: 600;
        }

    .product-item .status {
        text-transform:uppercase;
        font-weight:500;
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        text-align:center;
        padding-top:13px;
        padding-bottom:13px;
    }
    .product-item .status.red {
        color: #e9001c;
    }
.event-contribute-list .scroll-contributed.selected-list-scroll {
    padding:0;
    max-height:276px;
}
.event-contribute-list .scroll-contributed.selected-list-scroll .scrollbar-wrapper {
    max-height:276px;
}
.event-contribute-list .scroll-contributed.selected-list-scroll .scrollbar-wrapper .sub {
    padding-left:12px;
    padding-right:0;
}
#popup-contribute-product-payment .event-contribute-list .scroll-contributed.selected-list-scroll .scrollbar-wrapper .sub {
    padding-left:0;
    padding-right:0;
    width:103%;
}
#popup-contribute-product-payment .event-contribute-list .scroll-contributed.selected-list-scroll .scrollbar-wrapper {
    min-height:505px;
}
.not-scroll-button {
    padding:26px;
    text-align:center;
    border-top:2px solid #f2f2f2;
    display:table;
    width:100%;
}
    .not-scroll-button .button {
        max-width:272px;
        font-size:18px;
        font-weight:600;
        height:46px;
        line-height:46px;
        margin-left:auto;
        margin-right:auto;
    }
    .not-scroll-button .button.button-cancel {
        background:#fff;
        border:2px solid #ffbe00;
        color:#ffbe00;
        font-size:14px;
        font-weight:500;
    }
    .not-scroll-button .button.button-cancel:hover {
        background:#ffaf06;
        border:2px solid #ffaf06;
        color:#fff;
    }
    .not-scroll-button .b-left {
        width:115px;
        float:left;
    }
    .not-scroll-button .b-right {
        margin-left:115px;
        padding-left:26px;
    }
    .not-scroll-button .b-right .button {
        max-width:100%;
    }

.contribute-fee {
    width:100%;
}
.contribute-fee {
    width:100%;
    font-size:14px;
    line-height:1.43;
}
    .contribute-fee th {
        text-align:left;
        padding-right:10px;
        vertical-align:middle;
        font-weight:400;
        color: #9b9b9b;
    }
    .contribute-fee td {
        text-align:right;
        padding-left:10px;
        vertical-align:middle;
        font-weight:400;
        color: #9b9b9b;
    }
        .contribute-fee td.totally, .contribute-fee th.totally {
            color:#000;
        }
    .contribute-fee tfoot tr:first-child td,
    .contribute-fee tfoot tr:first-child th {
        border-top:2px solid #f2f2f2;
        padding-top:6px;
    }
    .contribute-fee tbody tr:last-child td,
    .contribute-fee tbody tr:last-child th {
        padding-bottom:6px;
    }
.scroll-contributed h4.light {
    color: #9b9b9b;
}
.card-switcher {
    width:100%;
    max-width:380px;
    margin-left:auto;
    margin-right:auto;
    margin-top:24px;
}
.ui-multiselect.select-editor.select-payment {
    border-radius:4px;
    border:1px solid #e6e6e6;
    font-size: 14px;
    text-align: left;
    color: #9b9b9b;
}
.ui-multiselect.select-payment span {
    font-weight:400;
    color: #9b9b9b;
    font-family:'proxima-nova', Verdana, sans-serif;
}
.ui-multiselect span em,
.ui-multiselect-menu em {
    font-style:normal;
    display:block;
    font-family:'proxima-nova', Verdana, sans-serif;
}
    .ui-multiselect span em.visa,
    .ui-multiselect span em.mastercard,
    .ui-multiselect-menu em.visa,
    .ui-multiselect-menu em.mastercard, 
    .ui-multiselect span em.amex,
    .ui-multiselect-menu em.amex,
    .ui-multiselect span em.solo,
    .ui-multiselect-menu em.solo,
    .ui-multiselect span em.maestro,
    .ui-multiselect-menu em.maestro,
    .ui-multiselect span em.jcb,
    .ui-multiselect-menu em.jcb,
    .ui-multiselect span em.discover,
    .ui-multiselect-menu em.discover,
     .ui-multiselect span em.laser,
    .ui-multiselect-menu em.laser {
        padding-left:40px;
        line-height:40px;
        background-position:0 50%;
        background-repeat:no-repeat;
        background-size:auto 20px;
    }
    .ui-multiselect span em.visa,
    .ui-multiselect-menu em.visa,
    .card-imaged em.visa {
        background-image: url(../img/creditcards/visa.png);
    }
    .ui-multiselect span em.mastercard,
    .ui-multiselect-menu em.mastercard,
    .card-imaged em.mastercard {
        background-image: url(../img/creditcards/mastercard.png);
    }
    .ui-multiselect span em.amex,
    .ui-multiselect-menu em.amex,
    .card-imaged em.amex {
        background-image: url(../img/creditcards/amex.png);
    }
    .ui-multiselect span em.solo,
    .ui-multiselect-menu em.solo,
    .card-imaged em.solo {
        background-image: url(../img/creditcards/solo.png);
    }
    .ui-multiselect span em.maestro,
    .ui-multiselect-menu em.maestro,
    .card-imaged em.maestro {
        background-image: url(../img/creditcards/maestro.png);
    }
    .ui-multiselect span em.jcb,
    .ui-multiselect-menu em.jcb,
    .card-imaged em.jcb {
        background-image: url(../img/creditcards/jcb.png);
    }
    .ui-multiselect span em.discover,
    .ui-multiselect-menu em.discover,
    .card-imaged em.discover {
        background-image: url(../img/creditcards/discover.png);
    }
    .ui-multiselect span em.laser,
    .ui-multiselect-menu em.laser,
    .card-imaged em.laser {
        background-image: url(../img/creditcards/laser.png);
    }

.ui-multiselect.select-editor.select-payment span:after {
    display:none;
}
.ui-multiselect.select-editor.select-payment span:before {
    border-top-color:#9b9b9b;
    margin-top:-2px;
}
.event-contribute-list .scroll-contributed.contrib-scroll {
    padding:0;
}
.contrib-table {
    padding:25px 35px 22px 35px;
}
.scroll-contributed .condensed-event-payment {
    border-top:2px solid #eeeeee;
    background:#f7f7f7;
    padding:26px 35px;
}
.coupon-tab {
    padding-top:30px;
}
    .coupon-tab .row .btn-check-coupon {
        height:42px;
        width:82px;
        font-size:14px;
        text-align:center;
        font-weight:500;
        color:#fff;
        border-radius:4px;
        background-color:#ffbe00;
        float:right;
        display:block;
        transition:all ease 0.2s;
    }
    .coupon-tab .row .btn-check-coupon:hover {
        background-color:#ffaf06;
    }
    .coupon-tab .row {
        padding-bottom:0;
        padding-top:10px;
        display:none !important;
    }
    .coupon-tab.active .row {
        display:table !important;
    }
    .coupon-tab .row .input {
        margin-right:88px;
    }
    .coupon-tab h4 {
        line-height: 1.43;
        text-align: left;
        color: #9b9b9b;
        font-weight:400;
    }
        .coupon-tab h4 a {
            color: #9b9b9b;
            transition:color ease 0.2s;
        }
        .coupon-tab h4 a:hover {
            color: #ffaf06;
        }
.event-dialog .main-form .row .textfield {
    border-radius:4px;
    border:solid 1px #dbdbdb !important;
    background:#fff;
    font-size: 15px;
    text-align: left;
    color: #4a4a4a;
    padding:0 20px;
    height:40px !important;
    width:100% !important;
}
.event-dialog .main-form .row .textfield:focus {
    border-color:#20a9f1 !important;
}
.event-dialog .main-form .row {
    padding-bottom:20px;
    display:table;
    width:100%;
}
    .event-dialog .main-form .row .timeitem.textfield {
        width:87px !important;
        margin-right:16px;
        float:left !important;
    }
.event-dialog .condensed-event-payment .main-form {
    border:1px solid #e6e6e6;
    border-radius:4px;
    background:#fff;
    padding:26px 26px  6px 26px;
    max-width:434px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    margin-top:25px;
}

/* host share popup */
.host-share-socials {
    list-style: none;
    display: table;
    margin: 0 auto 20px auto;
    width: auto;
    padding: 0;
}

    .host-share-socials li {
        display: block;
        float: left;
        vertical-align: middle;
        font-size: 0;
        line-height: 0;
        padding: 0 5px;
    }

        .host-share-socials li a, .host-share-socials li div {
            margin-top: 25px;
            display: block;
            height: 40px;
            width: 175px;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            -moz-background-size: contain;
            -webkit-background-size: contain;
            background-size: contain;
            -moz-transition: -moz-opacity ease 0.3s;
            -webkit-transition: opacity ease 0.3s;
            transition: opacity ease 0.3s;
        }

            .host-share-socials li a:hover {
                opacity: 0.5;
                -ms-filter: 'alpha(opacity=50)';
            }

            .host-share-socials li a.icon-fb-event {
                background-image: url(../img/btn-fb-event.png);
            }

            .host-share-socials li a.icon-twitter {
                background-image: url(../img/btn-twitter.png);
            }

            .host-share-socials li a.icon-fb-post {
                background-image: url(../img/btn-fb-post.png);
            }

            .host-share-socials li div.cb-uncheck {
                background-image: url(../img/btn-uncheck.png);
            }

            .host-share-socials li div.cb-check {
                background-image: url(../img/btn-check.png);
            }

.host-share-body h3 {
    text-align: center;
    color: #000000;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.25;
    margin: 0;
    padding-bottom: 20px;
}

.host-share-body p {
    font-family: 'proxima-nova';
    font-size: 16px;
    font-weight: 500;
    line-height: 1.43;
    text-align: center;
    color: #474747;
}



.host-share-body .main-form .row .button {
    font-size: 14px;
    width: 120px;
    border-radius: 2px;
    text-transform: none;
    font-weight: 500;
    float: right;
    margin-top: 20px;
    margin-right: 7%;
    height: 40px;
    line-height: 40px;
    letter-spacing: 2px;
}

.event-dialog.event-host-share {
    background: rgba(0,0,0,0.75);
    overflow: hidden;
}

    .event-dialog.event-host-share .condensed-event {
        height: auto;
        width: 645px;
        padding: 30px;
        min-height: 100px;
    }

    .event-dialog.event-host-share .condensed-event-body {
        height: auto;
        padding: 0;
    }

    .event-dialog.event-host-share .main-form .row {
        padding-bottom: 0;
    }
/* host share popup */

/* support browser popup */
.browsers {
    list-style: none;
    display: table;
    margin: 20px auto 20px auto;
    width: auto;
    padding: 0;
}

    .browsers li {
        display: table-cell;
        vertical-align: middle;
        line-height: 0;
        padding: 0 5px;
        font-size: 0px;
    }

        .browsers li div.browser-label {
            text-align: center;
            font-size: 10px;
            font-weight: 400;
            color: #555555;
            margin-top: 15px;
        }

        .browsers li a {
            display: block;
            height: 42px;
            width: 42px;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            -moz-background-size: contain;
            -webkit-background-size: contain;
            background-size: contain;
            -moz-transition: -moz-opacity ease 0.3s;
            -webkit-transition: opacity ease 0.3s;
            transition: opacity ease 0.3s;
        }

            .browsers li a:hover {
                opacity: 0.5;
                -ms-filter: 'alpha(opacity=50)';
            }

            .browsers li a.icon-chrome {
                background-image: url(../img/icon-chrome.png);
            }

            .browsers li a.icon-ff {
                background-image: url(../img/icon-ff.png);
            }

            .browsers li a.icon-safari {
                background-image: url(../img/icon-safari.png);
            }

.browser-body {
    margin-top: 20px;
}

    .browser-body h4 {
        text-align: center;
        margin: 0;
        padding-bottom: 20px;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.25;
        letter-spacing: 0.5px;
        color: #000000;
    }

    .browser-body .browser-text {
        text-align: center;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.43;
        text-align: center;
        color: #474747;
    }

.event-dialog.event-browser {
    object-fit: contain;
    border-radius: 2px;
    background: rgba(0,0,0,0.75);
}

    .event-dialog.event-browser .condensed-event {
        height: 348px;
        width: 470px;
        padding: 30px;
        min-height: 348px;
    }

    .event-dialog.event-browser .condensed-event-body {
        height: auto;
        padding: 0;
    }

    .event-dialog.event-browser .main-form .row {
        padding-bottom: 0;
    }

        .event-dialog.event-browser .main-form .row a.button {
            margin: 50px auto 20px auto;
            width: 104px;
            border-radius: 2px;
        }

        .event-dialog.event-browser .main-form .row div.browser-label {
            font-size: 10px;
            font-weight: 400;
            line-height: 2;
            text-align: center;
            color: #474747;
        }

        .event-dialog.event-browser .main-form .row .browser-label a {
            color: #ffaf06;
        }

/* support browser popup */

/* help */
#help-topics {
    margin: 0 auto;
    overflow: hidden;
}

    #help-topics h2 {
        font-family: Gotham-Book;
        font-size: 28px;
        text-align: center;
        margin-bottom: 50px;
    }

    #help-topics .topic-outer {
        width: 33.33%;
        float: left;
        height: 175px;
    }

    #help-topics .topic-inner {
        font-family: Gotham-Book;
        font-size: 13px;
        width: 180px;
        float: none;
        margin: 0 auto;
        text-align: center;
        background-color: #F1F2F2;
        height: 150px;
    }

        #help-topics .topic-inner span {
            font-family: Gotham-Bold;
            font-size: 19px;
            display: block;
            margin-bottom: 5px;
            width: 180px;
            padding-top: 40px;
            margin-bottom: 15px;
        }

        #help-topics .topic-inner .topic-description {
            width: 150px;
            margin: 0 auto;
        }

#help-content {
    border-top: 1px #A7A9AC solid;
    overflow: hidden;
    margin-top: 2%;
    padding-top: 5%;
}

    #help-content .section {
        margin-bottom: 45px;
    }

    #help-content h2 {
        font-family: Gotham-Book;
        font-size: 28px;
        margin-bottom: 10px;
    }

    #help-content span {
        height: inherit;
    }

    #help-content .header {
        font-family: Gotham-Bold;
        font-size: 18px;
        display: block;
        cursor: pointer;
        border: none;
        background: none;
        line-height: 1.5em;
    }

        #help-content .header.italic {
            font-style: italic;
        }

    #help-content .body {
        font-family: Gotham-Book;
        font-size: 14px;
        display: none;
        vertical-align: middle;
        padding: 10px 0;
        line-height: 1.5em;
    }

        #help-content .body p.double {
            margin-bottom: 1.5em;
        }


/* help */

/* contact */
#contact-us {
    max-width: 960px;
    text-align: center;
    font-family: Gotham-Book;
}

    #contact-us h2 {
        font-family: Gotham-Book;
        font-size: 30px;
        margin-bottom: 10px;
    }

    #contact-us h4 {
        text-align: center;
        font-size: 22px;
        color: #606073;
        margin-bottom: 40px;
    }

    #contact-us form {
        text-align: center;
        margin-bottom: 5%;
    }

    #contact-us input {
        border: #777 solid 1px;
        text-align: left;
        padding: 10px;
        border-radius: 5px;
        border-color: #9999A5;
        color: #000;
        display: block;
        margin: 0 auto;
        height: 50px;
        margin-bottom: 10px;
        width: 50%;
        max-width: 450px;
    }

    #contact-us textarea {
        border: #777 solid 1px;
        text-align: left;
        padding: 25px 10px;
        border-radius: 5px;
        border-color: #9999A5;
        color: #000;
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
        width: 50%;
        max-width: 450px;
    }

    #contact-us ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #9999A5;
    }

    #contact-us ::-moz-placeholder { /* Firefox 19+ */
        color: #9999A5;
    }

    #contact-us :-ms-input-placeholder { /* IE 10+ */
        color: #9999A5;
    }

    #contact-us :-moz-placeholder { /* Firefox 18- */
        color: #9999A5;
    }

    #contact-us button {
        font-family: 'Gotham-Book';
        font-size: 1em;
        float: none;
        width: 49%;
        height: 45px;
        border-radius: 5px;
        line-height: 45px;
        letter-spacing: 1px;
        padding-top: 0;
        text-align: center;
        text-decoration: none;
        color: white;
        background: #ffbe00;
    }

        #contact-us button:hover {
            background-color: #ffaf06;
        }

.user-label {
    font-size: 20px;
    line-height: 46px;
    white-space: nowrap;
    height: 47px;
    border-bottom: 1px solid #959595;
    color: #959595;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 42px;
    display: none;
}
/* contact */


.mixstir-image-circle {
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 100px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 50%;
}

    .mixstir-image-circle img {
        display: inline;
        -webkit-mask: #fff;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        width: auto;
        height: 100%;
        margin: 0 auto;
    }

    .mixstir-image-circle:hover {
        cursor: pointer;
    }

        .mixstir-image-circle:hover label {
            display: block;
            cursor: pointer;
        }

        .mixstir-image-circle:hover img {
            opacity: .4;
            filter: alpha(opacity=40); /* For IE8 and earlier */
        }


    .mixstir-image-circle label {
        font-size: 12px;
        height: 20px;
        width: 100px;
        left: 50%;
        line-height: 22px;
        position: absolute;
        top: 40px;
        text-align: center;
        display: none;
        margin-left: -50px;
        color: black;
    }

.address-columns .row {
    width: 50%;
}

    .address-columns .row .with-hint {
        /*max-width:345px;*/
    }

.upload-button a.button {
    font-size: 13px;
    line-height: 50px;
    display: block;
    float: none;
    width: 50%;
    height: 50px;
    margin-top: 9px;
    margin-right: auto;
    margin-left: auto;
}

.small50 {
    left: 50% !important;
    width: 50% !important;
}

.error-message {
    font-size: 12px;
    color: red;
    padding: 0 20px;
}

header.non-logged-black .navi-right {
    width: 350px;
}
/* Features - homepage*/
.features-header {
    width: 100%;
    background: #f0f0f0;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 55px;
}

    .features-header h4 {
        font-size: 1.25em;
        line-height: 2;
        letter-spacing: 1px;
    }

    .features-header h2 {
        font-family: 'Gotham-Book', 'Helvetica Neue', Helvetica, Arial;
        font-size: 2em;
        line-height: 1.2;
        width: 100%;
        padding: 2px 0 15px;
        text-align: center;
        letter-spacing: 1.5px;
    }

.countainer-features {
    width: 100%;
    background: #f0f0f0;
}

    .countainer-features .block-features {
        position: relative;
        display: inline-block;
        float: left;
        width: 22%;
        /*margin-right: 5%;*/
        text-align: center;
    }

        .countainer-features .block-features h1,
        .countainer-features .block-features h2,
        .countainer-features .block-features h3 {
            font-family: 'Gotham-Book', 'Helvetica Neue', Helvetica, Arial;
            font-size: 1.3em;
            line-height: 2.1;
            letter-spacing: 1px;
            padding-top: 33px;
        }

        .countainer-features .block-features img {
            width: 65px;
        }

        .countainer-features .block-features p {
            font-size: 16px;
            line-height: 1.7;
            color: gray;
            padding-bottom: 33px;
        }

        .countainer-features .block-features:first-child {
            margin-left: 7%;
        }

        .countainer-features .block-features:last-child {
            margin-right: 7%;
        }

    .countainer-features .block-arrows {
        position: relative;
        display: inline-block;
        float: left;
        width: 9%;
        text-align: center;
    }

        .countainer-features .block-arrows img {
            width: 125px;
        }

.features-hire {
    width: 100%;
    background: #f0f0f0;
    padding: 5% 0;
}

    .features-hire .btn {
        font-family: 'Gotham-Book';
        font-size: 1em;
        line-height: 1.5;
        display: block;
        width: 210px;
        height: 45px;
        margin: 0 auto;
        padding: 11px;
        text-align: center;
        letter-spacing: 2px;
        color: #fff;
        background: #ffbe00;
    }

        .features-hire .btn:hover {
            background: #ffaf06;
        }

/* end Features - homepage*/

/*bartender-homepage*/
.bartender-homepage {
    height: 292px;
    padding-top: 3%;
    padding-left: 15%;
    color: white;
    background-image: url(../img/become-bartender.png);
    background-repeat: no-repeat;
    background-size: cover;
}

    .bartender-homepage h1,
    .bartender-homepage h2,
    .bartender-homepage h3,
    .bartender-homepage p,
    .bartender-homepage a {
        display: inline-block;
    }

    .bartender-homepage p {
        display: block;
    }

    .bartender-homepage h1,
    .bartender-homepage h2 {
        font-family: 'Gotham-Book', 'Helvetica Neue', Helvetica, Arial;
        font-size: 1.7em;
        font-weight: 300;
        line-height: 1.4;
        letter-spacing: 2px;
        padding-top: 6%;
    }

    .bartender-homepage h3 {
        font-size: 1.45em;
        line-height: 28px;
        width: 85%;
        padding-top: 38px;
    }

    .bartender-homepage h4 {
        font-size: 1.25em;
        line-height: 1.2;
        letter-spacing: 1px;
    }

    .bartender-homepage .countainer-bart {
        width: 53%;
    }

    .bartender-homepage .learn-more a {
        padding-top: 7px;
        text-decoration: none;
        color: #ffbe00;
    }

        .bartender-homepage .learn-more a:hover {
            color: #ffaf06;
        }

    .bartender-homepage .apply-now {
        font-family: 'Gotham-Book';
        font-size: 1em;
        float: right;
        width: 210px;
        height: 45px;
        line-height: 45px;
        letter-spacing: 1px;
        margin-top: -5%;
        margin-right: 14%;
        padding-top: 0;
        text-align: center;
        text-decoration: none;
        color: white;
        background: #ffbe00;
    }

        .bartender-homepage .apply-now:hover {
            background-color: #ffaf06;
        }
/*end bartender - homepage*/

/*hint-page*/
.filter-buttons.main-form .hint {
    display: block;
    text-align: center;
    font-size: 11px;
}
/*hint-page end*/

/* Footer-homepage */
.footer-homepage {
    color: white;
    background: black;
    height:101px;
}

    .footer-homepage .copyright-container {
        width: 148px;
        display: block;
        color: #fff;
    }

        .footer-homepage .copyright-container .logo-footer {
            display: block;
            height: 50px;
            background: url(../img/logo-dark-white.png) no-repeat 0 50%;
            overflow: hidden;
            -webkit-background-size: contain;
            -moz-background-size: contain;
            background-size: contain;
            margin-top: -10px;
        }


        .footer-homepage .copyright-container .title-footer {
            display: block;
            font-size: 11px;
            padding-top: 6px;
            white-space: nowrap;
            text-align: left;
        }

    .footer-homepage .link-group {
        float: left;
        width: 25%;
        padding-right: 10px;
    }

        .footer-homepage .link-group:nth-child(4) {
            padding-right: 0;
        }

        .footer-homepage .link-group li {
            list-style-type: none;
            line-height: 19px;
            font-size: 12px;
            margin-bottom: 9px;
        }

            .footer-homepage .link-group li:last-child {
                margin-bottom: 0;
            }

        .footer-homepage .link-group a {
            text-decoration: none;
            color: white;
        }

            .footer-homepage .link-group a:hover {
                color: #ffbe00;
            }

        .footer-homepage .link-group h3 {
            text-transform: uppercase;
            letter-spacing: 0;
            font-size: 12px;
            line-height: 1.3;
            padding-bottom: 18px;
            padding-top: 4px;
            color: #838383;
            font-family: 'Gotham-Bold', 'Helvetica Neue', Helvetica, Arial;
        }

        .footer-homepage .link-group ul {
            line-height: 1.2;
        }

    .footer-homepage .footer-down {
        margin-top: 18px;
        margin-bottom: 18px;
        text-align: center;
        position: relative;
        min-height: 30px;
    }

    .footer-homepage .all-rights {
        font-size: 12px;
        line-height: 30px;
        color: #fff;
        text-align: left;
        float: left;
    }

    .footer-homepage .footer-down .text-conus {
        font-family: Gotham-Book, 'Helvetica Neue', Helvetica, Arial;
        display: block;
        color: #808080;
        font-size: 14px;
        line-height: 30px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -100px;
        z-index: 1;
    }

        .footer-homepage .footer-down .text-conus a {
            color: #ffffff;
        }

            .footer-homepage .footer-down .text-conus a:hover {
                color: #FFBE00;
            }


    .footer-homepage .container-conus {
        height: 60px;
        float: right;
        font-size: 0;
        line-height: 0;
        margin-top: -15px;
    }

        .footer-homepage .container-conus > p {
            margin: 0 0 0 10px;
            display: inline-block;
        }

            .footer-homepage .container-conus > p > a {
                display: inline-block;
                height: 60px;
                width: 60px;
                overflow: hidden;
                background-repeat: no-repeat;
                background-position: 50% 50%;
                -webkit-background-size: contain;
                -moz-background-size: contain;
                background-size: contain;
            }

        .footer-homepage .container-conus .fb a {
            background-image: url(../img/footer-fb.png);
        }

        .footer-homepage .container-conus .tw a {
            background-image: url(../img/footer-tw.png);
        }

        .footer-homepage .container-conus .inst a {
            background-image: url(../img/footer-inst.png);
        }

        .footer-homepage .container-conus .fb a:hover {
            background-image: url(../img/footer-fb-hover.png);
        }

        .footer-homepage .container-conus .tw a:hover {
            background-image: url(../img/footer-tw-hover.png);
        }

        .footer-homepage .container-conus .inst a:hover {
            background-image: url(../img/footer-inst-hover.png);
        }

    .footer-homepage .footer-up {
        border-bottom: 1px solid #fff;
        padding-bottom: 32px;
    }

        .footer-homepage .footer-up p,
        .footer-down p {
            margin: 0;
        }

.row-avatar {
    margin-bottom: 20px;
}

.attend-time-choosing {
    list-style: none;
    display: table;
}

    .attend-time-choosing li {
        display: table-cell;
        vertical-align: middle;
        padding-right: 10px;
        position: relative;
    }

        .attend-time-choosing li:last-child {
            padding-right: 0;
        }

    .attend-time-choosing .filter-fields #field-datepicker {
        right: auto;
        left: 0;
    }

    .attend-time-choosing li > a {
        display: block;
    }

    .attend-time-choosing .filter-fields div.field-datepicker {
        border: 0;
        background: none;
        cursor: pointer;
    }

        .attend-time-choosing .filter-fields div.field-datepicker.no-date {
            color: #000;
        }

    .attend-time-choosing li > a,
    .attend-time-choosing .filter-fields div.field-datepicker {
        border-bottom: 3px solid #fff;
        border-top: 3px solid #fff;
        text-transform: uppercase;
        color: #000;
        font-weight: 400;
        font-size: 16px;
        line-height: 42px;
        padding: 0 10px;
        letter-spacing: 1px;
    }

    .attend-time-choosing li.active > a,
    .attend-time-choosing .active .filter-fields div.field-datepicker {
        border-bottom-color: #ffbe00;
        font-weight: 500;
    }

.filter-additional-table .tr-when .fake-td {
    padding-top: 23px;
    padding-bottom: 23px;
}
/*end footer-homepage*/

.title-logo img {
    width: 60px;
}


/*apply-bartender-page*/

.apply-bartender-page {
    line-height: normal;
}

.clearfix:after,
.clearfix:before {
    display: table;
    clear: both;
    content: ' ';
}

.apply-bartender-page section .header {
    height: 500px;
    padding-top: 135px;
    text-align: center;
    color: #fff;
    background-image: url(../img/apply-bartender-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

    .apply-bartender-page section .header:after {
        position: absolute;
        z-index: 1;
        background-color: rgba(0,0,0,0.5);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: ' ';
    }

    .apply-bartender-page section .header h2 {
        font-size: 50px;
        margin-bottom: 33px;
        position: relative;
        z-index: 2;
    }

    .apply-bartender-page section .header p {
        font-size: 20px;
        line-height: 22px;
        position: relative;
        z-index: 2;
    }

.application-container {
    margin-bottom: 4%;
    padding-top: 50px;
    letter-spacing: 1px;
    font-family: 'proxima-nova', Verdana, sans-serif;
}

    .application-container p,
    .application-container span {
        color: rgb(96,96,96);
        font-size: 1.21em;
    }

    .application-container p {
        line-height: 1.3;
    }

    .application-container h2 {
        font-size: 24.8px;
        margin-bottom: 40px;
        text-align: center;
        letter-spacing: 3px;
    }

    .application-container a.btn {
        display: block;
        margin: 0 auto;
        padding-top: 15px;
        text-align: center;
        border: 1px solid red;
        width: 175px;
        font-size: 15px;
        font-weight: 600;
        height: 45px;
        letter-spacing: .1em;
        color: #fff;
        border: none;
        background: rgb(242, 87, 41);
    }

    .application-container form {
        width: 960px;
        margin: auto;
        padding: 0 170px;
        padding-bottom: 50px;
        border: 1px solid rgb(96, 96, 96);
    }

    .application-container .checkbox-form-item p,
    .application-container .checkbox-form-item .checkbox-group {
        display: inline-block;
        float: left;
    }

    .application-container .checkbox-form-item {
        padding: 25px 0;
        border-bottom: 1px solid rgb(96, 96, 96);
    }

        .application-container .checkbox-form-item p {
            font-size: 20px;
            line-height: 26px;
            width: 25%;
            margin-right: 5%;
            text-align: right;
        }

        .application-container .checkbox-form-item .checkbox-group {
            font-size: 18px;
            width: 70%;
        }

        .application-container .checkbox-form-item input {
            display: none;
        }

            .application-container .checkbox-form-item input:checked ~ .input-checkbox:after {
                position: absolute;
                top: -1px;
                left: 2px;
                width: 100%;
                height: 100%;
                content: '\2713';
            }

        .application-container .checkbox-form-item span {
            font-size: .83em;
            font-weight: 500;
            line-height: 20px;
            margin-left: 3%;
            display: block;
        }

    .application-container .coming-soon.coming-soon {
        font-size: .9em;
        display: inline-block;
        margin-left: 0;
        color: #999;
    }

    .application-container .checkbox-form-item .input-checkbox {
        position: relative;
        float: left;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 10px;
        border: 1px solid rgb(96, 96, 96);
    }

    .application-container .checkbox-form-item .checkbox-group > div {
        display: table;
        width: 100%;
        padding: 5px 0;
    }

    .application-container h3 {
        font-size: 1.525em;
        font-weight: 500;
        margin: 30px 0;
        margin-bottom: 25px;
        letter-spacing: 3px;
    }

    .application-container textarea {
        width: 100%;
        margin-bottom: 16px;
        border: 1px solid rgb(96, 96, 96);
        resize: none;
    }

    .application-container .about-you-section .input-field-container {
        float: left;
        width: 48%;
        margin-right: 4%;
    }

        .application-container .about-you-section .input-field-container:nth-child(even) {
            margin-right: 0;
        }

    .application-container .text-if-appl {
        font-size: 1.11em;
        line-height: 1.3;
        letter-spacing: 2px;
        color: black;
        margin-bottom: 20px;
    }

    .application-container .text-what-is {
        letter-spacing: 1.5px;
    }

    .application-container .input-field-container {
        width: 48%;
        margin-bottom: 30px;
        letter-spacing: 1px;
    }

        .application-container .input-field-container input {
            width: 100%;
            height: 40px;
            margin-top: 16px;
            border: 1px solid rgb(96, 96, 96);
            padding-left: 10px;
        }

    .application-container .state-field,
    .application-container .employment-field {
        float: right;
    }

    .application-container form > p {
        margin-bottom: 16px;
    }

    .application-container .address-field {
        width: 100%;
    }

    .application-container .requirements-container {
        margin-bottom: 50px;
        letter-spacing: 1px;
        color: #555;
    }

        .application-container .requirements-container h3 {
            font-weight: 300;
            text-align: center;
        }

    .application-container .requirements-list {
        margin-bottom: 30px;
        padding-left: 110px;
    }

    .application-container .requirements-list-item {
        margin-bottom: 5px;
        font-size: 1.23em;
    }

    .application-container .requirements-container .note {
        font-size: 12px;
        padding-left: 90px;
    }

#individual-bartender-form {
    display: none;
}

/*apply-bartender-page*/


/*invite-friends*/

.clearfix:after,
.clearfix:before,
.container-share:after {
    display: table;
    clear: both;
    content: ' ';
}

.invite-friends-page section .header {
    height: 525px;
    text-align: center;
    color: #fff;
    background-image: url(../img/invite-friends-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}



    .invite-friends-page section .header h2 {
        font-size: 50px;
        font-weight: 700;
        margin-bottom: 30px;
        position: relative;
        z-index: 2;
    }

    .invite-friends-page section .header h4 {
        font-size: 22px;
        line-height: 26px;
        font-family: Gotham-Medium,serif;
        color: #ffffff;
        max-width: 763px;
        text-align: center;
        margin: 10px auto;
        font-style: normal;
        font-stretch: normal;
        height: 48px;
    }

.inv-friends-container {
    padding-top: 5px;
    max-width: 830px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #d7d7d7;
    margin: 40px auto;
    position: relative;
    margin-top: -120px;
}



.form-share-email {
    width: 400px;
    height: 50px;
    margin-top: 12px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid black;
}

.inv-friends-container input#form-email {
    font-size: 1.0em;
    font-weight: 500;
    line-height: 22px;
    width: 293px;
    height: 47px;
    padding-left: 21px;
    color: #6f6f6f;
    border: none;
    background: #f3f3f3;
}

.inv-friends-container input#form-send {
    font-size: 1.0em;
    font-weight: 600;
    width: 105px;
    height: 48px;
    color: #eee;
    border: none;
    background: #6f6f6f;
}

    .inv-friends-container input#form-send:hover {
        background: #7C7C7C;
    }

.inv-friends-container #shareField {
    height: 53px;
    object-fit: contain;
    border-radius: 2px;
    background-color: #f6f6f6;
    border: solid 0.5px #c3c3c3;
}

.inv-friends-container #fakeShareField {
    background-color: #f6f6f6;
    color: #474747;
    font-size: 18px;
}

.inv-friends-container #copylink {
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    color: #000000;
}

.inv-friends-container .share-body h3 {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #474747;
    padding: 0px;
    margin: 10px auto;
    padding-top: 10px;
    margin-bottom: -15px;
}

.inv-friends-container .link a {
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    color: #000000;
}

    .inv-friends-container .link a:hover {
        color: #060F23;
        text-decoration: none;
    }

.inv-friends-container .text-under-form {
    font-size: .8em;
    font-weight: 700;
}

.inv-friends-container .container-share {
    width: 400px;
    margin-right: auto;
    margin-left: auto;
}

.inv-friends-container .share-fb,
.inv-friends-container .share-tw {
    font-family: 'Baskerville',serif;
    font-size: 1.0em;
    font-weight: 600;
    line-height: 49px;
    float: left;
    width: 400px;
    height: 49px;
    margin-top: 26px;
    text-align: center;
    text-decoration: none;
    color: white;
    background-color: #3664a2;
    background-image: url(../img/fb.png);
    background-repeat: no-repeat;
    background-position: 8.5% 45%;
}

.inv-friends-container .share-tw {
    margin-top: 26px;
    background-color: #65cdef;
    background-image: url(../img/tw.png);
    background-position: 7.5% 45%;
}

    .inv-friends-container .share-tw:hover {
        background-color: #27C6F7;
    }

.inv-friends-container .share-fb:hover {
    background-color: #4177BF;
}

.text-right {
    text-align: right !important;
}

.with-hint .location-list .panel {
    position: absolute;
}

.multiply-uploading {
    padding: 20px 0;
}

    .multiply-uploading .button {
        padding: 0 20px;
        float: none;
    }


/* Event Details */
.event-details section .header {
    font-family: Gotham-Book;
    height: 500px;
    color: #fff;
    background-image: url(../img/invite-friends-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 430px;
}

    .event-details section .header .slider {
        height: 500px;
        width: 100%;
        overflow: hidden;
    }

        .event-details section .header .slider img {
            width: 100%;
        }

    .event-details section .header .wrapper {
        max-width: 1140px;
    }

    .event-details section .header .event-name {
        float: left;
        font-size: 30px;
        font-weight: 700;
    }

    .event-details section .header .event-price {
        float: right;
        font-weight: lighter;
        font-size: 30px;
    }

.event-details {
    font-family: Gotham-Book;
    color: #777;
    background-color: #F2F2F2;
    margin-bottom: 75px;
}

    .event-details h2 {
        font-family: Gotham-Medium;
        font-size: 15px;
        font-weight: normal;
        margin-bottom: 10px;
    }

    .event-details p {
        font-size: 1em;
        line-height: 2;
        display: block;
    }

    .event-details .button, .event-details .button-share {
        font-family: Gotham-Book;
        color: #fff;
        float: none;
        line-height: 40px;
        min-width: 200px;
        font-size: 12px;
        font-weight: normal;
        display: block;
        overflow: hidden;
        max-width: 345px;
        height: 40px;
        cursor: pointer;
        text-align: center;
        white-space: nowrap;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-overflow: ellipsis;
        color: #fff;
        background: #ffbe00;
    }

    .event-details .button-share {
        background: #fff;
        color: #898989;
    }

    .event-details .button:hover {
        background: #ffaf06;
    }

    .event-details .button-share:hover {
        background: #d6cdcd;
    }

    .event-details .event-meta {
        background-color: white;
    }

.event-meta .inner {
    max-width: 1140px;
    margin: 0 auto;
}

.event-details .event-meta a {
    float: right;
    margin-top: 4%;
    width: 250px;
}

.event-details .event-user {
    background-color: #fff;
    margin-bottom: 10px;
    width: 150px;
    float: left;
}

    .event-details .event-user .user-pic {
        float: left;
        width: 80px;
        margin-top: -20px;
        position: relative;
        z-index: 10;
    }

        .event-details .event-user .user-pic a, .event-uinfo .user-pic a {
            width: 70px;
            height: 70px;
            display: block;
            padding: 6px;
            -webkit-mask: #fff;
            background: #fff;
            -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
            -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
            box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

.event-uinfo {
    text-align: center;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

    .event-uinfo .user-pic a {
        margin-left: auto;
        margin-right: auto;
        margin-top: -35px;
        margin-bottom: 5px;
    }

    .event-details .event-user .user-pic img, .event-uinfo .user-pic img {
        display: block;
        width: 58px;
        height: 58px;
        margin: 0 auto;
        -webkit-mask: #fff;
        border: 0 !important;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

.event-details .event-user .user-info {
    width: 90px;
    padding: 15px 0;
    text-align: center;
}

.event-details .event-user .user-follow {
    float: right;
    padding: 18px 0;
}

.event-details .event-user .user-info .user-title,
.event-details .event-user .user-info .user-name {
    width: 100%;
    float: left;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0;
    color: #515151;
}

    .event-details .event-user .user-info .user-title a {
        color: #515151;
        float: left;
        text-align: center;
        /* color: #ffbe00;*/
    }

.event-details .event-location {
    float: left;
    width: 50%;
}

.event-location .row {
    margin-top: 4%;
}

.event-location .icon {
    float: left;
    font-size: 0;
    overflow: hidden;
    width: 50px;
    height: 16px;
    margin: 0 auto;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: auto 16px;
    -moz-background-size: auto 16px;
    background-size: auto 16px;
}

    .event-location .icon.icon-date {
        background-image: url(../img/icon-date.png);
    }

    .event-location .icon.icon-follow {
        background-image: url(../img/icon-follow.png);
    }

    .event-location .icon.icon-time {
        background-image: url(../img/icon-time.png);
    }

    .event-location .icon.icon-location {
        background-image: url(../img/icon-location.png);
    }

.event-details .event-info {
    max-width: 1140px;
    margin: 0 auto;
    margin-bottom: 3%;
}

    .event-details .event-info h2 {
        color: #777;
        padding-top: 5%;
    }

    .event-details .event-info .left {
        float: left;
        width: 60%;
    }

#event-book {
    display: block;
    float: right;
    width: 25%;
    padding-top: 25px;
}

#event-book-extra {
    background-color: white;
    padding-top: 15px;
}

    #event-book-extra .event-location {
        background-color: white;
        width: 100%;
    }

        #event-book-extra .event-location .row {
            height: 25px;
            margin-top: 20px;
        }

#event-book-sticky {
    display: none;
    position: fixed;
    top: 3%;
    right: 15%;
    width: 250px;
    z-index: 10;
    font-size: 11px;
}

    #event-book-sticky h2, #event-book-sticky h3 {
        font-family: Gotham-Book;
        margin-left: 15px;
    }

    #event-book-sticky .button {
        float: right;
        margin: auto;
        margin-top: 4%;
        width: 250px;
    }

.event-details .map-section {
    height: 500px;
    left: 0;
    padding-left: 0;
    width: 100%;
    border-top: none;
    text-align: center;
    padding: 20px 0;
}

    .event-details .map-section p.address {
        font-size: 16px;
        line-height: 1.3;
    }

    .event-details .map-section .map-placeholder {
        max-width: none;
        overflow: visible;
        width: 100%;
        height: 300px;
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
    }

.event-details .event-spots {
    max-width: 1140px;
    margin: 0 auto;
    margin-bottom: 3%;
    padding-bottom: 29px;
    border-bottom: 1px solid #ccc;
}

    .event-details .event-spots p {
        font-size: 13px;
        font-weight: 300;
        line-height: 1.2;
        text-align: center;
        letter-spacing: 0;
        color: #535353;
        text-align: center;
        padding-top: 7px;
        display: block;
    }

.event-spots li {
    display: table-cell;
    overflow: hidden;
    width: 50%;
    vertical-align: top;
}

.event-spots .levels {
    display: table;
    width: 40%;
    margin: auto;
    padding: 5px;
    background: #fff;
    list-style: none;
}

    .event-spots .levels li {
        display: table-cell;
        overflow: hidden;
        width: 20%;
        text-align: center;
        vertical-align: middle;
    }

        .event-spots .levels li span {
            font-size: 26px;
            line-height: 32px;
            display: block;
            overflow: hidden;
            width: 40px;
            height: 40px;
            margin: 0 auto;
            cursor: pointer;
            text-align: center;
            border: 4px solid transparent;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

        .event-spots .levels li.active span {
            border-color: #ffbe00;
        }


        .event-spots .levels li:last-child {
            margin-right: 0;
        }

.event-details .condensed-event-payment {
    max-width: 1140px;
    margin: 0 auto;
    margin-bottom: 3%;
    padding-bottom: 29px;
    border-bottom: 1px solid #ccc;
}
/*invite-friends*/

/*web-app*/
.web-app-page section .header {
    height: 500px;
    padding-top: 135px;
    text-align: center;
    color: #fff;
    background-image: url(../img/web-app-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

    .web-app-page section .header:after {
        position: absolute;
        z-index: 1;
        background-color: rgba(0,0,0,0.3);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: ' ';
    }

.web-app-page section .header {
    font-size: 30px;
}

    .web-app-page section .header h2 {
        font-size: 53px;
        font-weight: 500;
        line-height: 56px;
        position: relative;
        z-index: 2;
    }

    .web-app-page section .header p {
        font-family: 'Baskerville', serif;
        font-size: .5777em;
        margin-top: 30px;
        padding-bottom: 70px;
        color: #f2f1f4;
        position: relative;
        z-index: 2;
    }

.web-app-page .app-store-downl {
    display: block;
    width: 140px;
    height: 41px;
    margin-right: auto;
    margin-left: auto;
    color: transparent;
    background-image: url(../img/AppStoreButton.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    position: relative;
    z-index: 2;
    background-color: transparent;
}

.web-app-page .container-barhops {
    height: 710px;
    background-image: url(../img/iphone-barhops.png);
    background-repeat: no-repeat;
    background-position: 80% 50%;
}

.web-app-page .barhops {
    width: 40%;
    margin-left: 22%;
    padding-top: 220px;
}

    .web-app-page .barhops h3,
    .web-app-page .bartenders h3 {
        font-size: 16px;
        line-height: normal;
        padding-top: 25px;
    }


    .web-app-page .barhops p,
    .web-app-page .bartenders p {
        font-size: 17.6px;
        letter-spacing: .04em;
    }

    .web-app-page .barhops h1,
    .web-app-page .bartenders h1 {
        font-family: 'Gotham','Helvetica Neue',Helvetica,Arial;
        font-size: 38px;
        font-weight: 600;
        margin-left: -1%;
    }

.web-app-page .container-bartenders {
    height: 730px;
    background-color: #f3f3f3;
    background-image: url(../img/iphone-bartenders.png);
    background-repeat: no-repeat;
    background-position: 20% 50%;
}

.web-app-page .bartenders {
    width: 40%;
    margin-left: 43%;
    padding-top: 220px;
}

.web-app-page .avail-on-ios {
    padding-top: 50px;
    padding-bottom: 4%;
    text-align: center;
}

    .web-app-page .avail-on-ios h2 {
        font-size: 44px;
        font-weight: 600;
    }

    .web-app-page .avail-on-ios a {
        margin-top: 25px;
    }

strong {
    font-weight: bold;
}

#new-event .appartments .apt-number {
    display: none;
}

#new-event .appartments.on .link {
    display: none;
}

#new-event .appartments.on .apt-number {
    display: block;
}

/* Profile image uploader */
.cropit-image-preview-container {
    margin-bottom: 0;
}

.cropit-image-preview {
    background-color: #fff;
    background-size: cover;
    border: 2px dashed #56bef4;
    border-radius: 10px;
    margin: auto;
    width: 150px;
    height: 150px;
    cursor: move;
    border-radius: 50%;
}

    .cropit-image-preview.rectangle {
        width: 350px;
        height: 175px;
        border-radius: 10px;
    }

.cropit-image-preview-input {
    width: 200px;
    margin: 0 auto;
}

    .cropit-image-preview-input .image {
        height: 40px;
        width: 35px;
        background-image: url(../img/image.svg);
        background-repeat: no-repeat;
        background-position: 50% 100%;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
        display: inline-block;
        -webkit-filter: grayscale(1); /* Old WebKit */
        filter: grayscale(5);
    }

    .cropit-image-preview-input .small-image {
        background-size: 15px;
    }

    .cropit-image-preview-input .large-image {
        background-size: 25px;
    }

.cropit-image-buttons {
    width: 310px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

    .cropit-image-buttons .button {
        font-size: 15px;
        font-family:proxima-nova;
        font-weight: normal;
        text-transform: none;
        letter-spacing:0;
        border-radius:4px;
        background:#56bef4;
        font-weight:600;
        height:40px;
        min-width:140px !important;
    }

    .cropit-image-buttons .select-image-btn {
        float: left;
        background-color: grey;
    }

.cropit-image-background {
    opacity: 0;
    cursor: auto;
}

input.cropit-image-input {
    visibility: hidden;
    display:none;
}

.image-editor {
    margin-right: auto;
    margin-left: auto;
    width: auto;
    height: 200px;
    display: none;
}

#signup-form .image-editor, #signup-form-fb .image-editor {
    height: 270px;
}

#summary-errors {
    color: red;
}

#signup-form .image-editor .cropit-image-preview-input {
    margin-bottom: 15px;
}

#signup-form .image-editor .cropit-image-preview-container {
    margin-bottom: 0;
}

    #signup-form .image-editor .cropit-image-preview-container .cropit-image-preview {
        margin-top: 0;
    }

/* chrome */
.image-editor input[type=range] {
    -webkit-appearance: none;
    padding: 0;
    margin: 0;
    border: 0 !important;
}

    .image-editor input[type=range]::-webkit-slider-runnable-track {
        width: 200px;
        height: 5px;
        background: #ddd;
        border: none;
        border-radius: 3px;
    }

    .image-editor input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        border: none;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #777;
        margin-top: -4px;
    }

    .image-editor input[type=range]:focus {
        outline: none;
    }

        .image-editor input[type=range]:focus::-webkit-slider-runnable-track {
            background: #ccc;
        }

/* firefox */
.image-editor input[type=range] {
    /* fix for FF unable to apply focus style bug  */
    border: 1px solid white;
    /*required for proper track sizing in FF*/
    width: 100px;
}

    .image-editor input[type=range]::-moz-range-track {
        width: 100px;
        height: 5px;
        background: #ddd;
        border: none;
        border-radius: 3px;
    }

    .image-editor input[type=range]::-moz-range-thumb {
        border: none;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #777;
    }

    /*hide the outline behind the border*/
    .image-editor input[type=range]:-moz-focusring {
        outline: 1px solid white;
        outline-offset: -1px;
    }

    .image-editor input[type=range]:focus::-moz-range-track {
        background: #ccc;
    }


#fancybox-loading {
    z-index: 2000001 !important;
}

.mytickets-dropdown {
    float: right;
    margin-top: -35px;
    margin-right: 35px;
}


.application-container .has-error, .application-container .input-field-container input.has-error {
    border: 1px solid red;
}


.content-help-pages {
    margin-top: 100px;
    padding: 10px 0px 30px;
}

    .content-help-pages h1 {
        margin-top: 20px;
        margin-bottom: 10px;
    }

.tooltip {
    border-bottom: 1px dotted #0077AA;
    cursor: help;
}

    .tooltip::after {
        background: rgba(0, 0, 0, 0.8);
        border-radius: 8px 8px 8px 0px;
        box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
        color: #FFF;
        content: attr(data-tooltip); /* Главная часть кода, определяющая содержимое всплывающей подсказки */
        margin-top: -24px;
        opacity: 0; /* Наш элемент прозрачен... */
        padding: 3px 7px;
        position: absolute;
        visibility: hidden; /* ...и скрыт. */
        transition: all 0.4s ease-in-out; /* Добавить плавности по вкусу */
        max-width: 300px;
        text-decoration: none;
    }

    .tooltip:hover::after {
        opacity: 1; /* Показываем его */
        visibility: visible;
    }

.reviews .review-user .user-face img {
    width: 86px;
}

.with-hint table {
    width: 100%;
    margin: 15px 10px 10px 10px;
}

    .with-hint table thead tr td {
        text-align: center;
        padding: 10px 0px;
    }

    .with-hint table input {
        margin-bottom: 10px;
    }

        .with-hint table input.error, #ticket-types input.error, .datepicker.error, 
        .editor-forms.main-form .row input.textfield.error, .main-form .row.error .textfield.selectize-control {
            border-color: #f00 !important;
        }

.hint-coupons.error {
    color: red;
}

#coupon.error {
    border-color: #f00 !important;
}

.condensed-event-payment .form-new-credit-card.main-form .row.coupon-error-message, .formos .row.error-message {
    color: red !important;
    clear: both;
    padding: 5px 0 0 0;
    font-size: 12px;
}

.block-mixstirs .block-mixstirs-info .row-bottom a.w120 {
    width: 120px;
}

/* helpdesk */
#sk-holder #sk-container,
#sk-holder #sk-container #sk-header,
#sk-holder #sk-container #sk-wrapper {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

    #sk-holder #sk-container #sk-header:hover {
        background-color: #ffbe00 !important;
        color: #fff;
    }

        #sk-holder #sk-container #sk-header:hover .fa {
            color: #fff !important;
        }

#sk-holder #sk-container {
    right: 50% !important;
    margin-right: -550px !important;
}
/* helpdesk */

/* ios-homepage */
.ios-homepage {
    padding: 90px 0;
}

    .ios-homepage .fake-table {
        width: 100%;
        table-layout: fixed;
    }

    .ios-homepage .fake-td {
        vertical-align: middle;
    }

        .ios-homepage .fake-td.ios-left {
            width: 460px;
        }

.intro .iphones {
    height: 100%;
    background: url(../img/iphone-hand.png) no-repeat 100% 100%;
    position: absolute;
    width: 100%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.ios-homepage .ios-right {
    text-align: right;
}

.ios-homepage h2 {
    font-size: 40px;
    color: #000000;
    padding-bottom: 5px;
    font-family: 'Nunito', sans-serif;
}

.ios-homepage .iphone1, .ios-homepage .iphone2, .ios-homepage .iphone3, .ios-homepage .iphone4 {
    width: 440px;
    height: 556px;
    background: url(../img/iphone-1.png) no-repeat 50% 50%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.ios-homepage .iphone2 {
    background: url(../img/iphone-2.jpg) no-repeat 50% 50%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.ios-homepage .iphone3 {
    background: url(../img/iphone-3.png) no-repeat 50% 50%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.ios-homepage .iphone4 {
    background: url(../img/iphone-4.png) no-repeat 50% 50%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.ios-homepage p {
    color: #9b9b9b;
    font-size: 25px;
    line-height: 1.08;
    font-family: 'Nunito', sans-serif;
}

.ios-homepage .btn-app-store {
    float: right;
    margin-top: 40px;
}

.owl-main-carousel {
    width: 196px;
    margin: 0px auto;
}

    .owl-main-carousel .owl-main-carousel-item {
        width: 147px;
        margin: 0px auto;
    }

    .owl-main-carousel img {
        height: 294px;
        width: 147px;
    }

    .owl-main-carousel h2 {
        font-size: 18px;
        color: #000000;
        padding-bottom: 10px;
        margin-top: 20px;
        font-family: 'Nunito', sans-serif;
        text-align: center;
    }

    .owl-main-carousel p {
        font-size: 12px;
        line-height: 1.17;
        text-align: center;
        color: #9b9b9b;
        padding-bottom: 5px;
        font-family: 'Nunito', sans-serif;
        max-width: 200px;
        margin: 0px auto;
    }

/* ios-homepage */

/* upgrade-features */
.upgrade-features {
    padding: 145px 0;
    background: #f9f9f9;
    text-align: center;
}

    .upgrade-features.barhops-description {
        background: #fff;
        padding-top: 60px;
        padding-bottom: 60px;
        text-align: center;
    }

.invite-friends-page .upgrade-features.barhops-description {
    background: #fff;
    padding-top: 0px;
    padding-bottom: 100px;
    text-align: center;
}

.pre {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
}

.invite-friends-page .pre {
    max-width: none;
    padding-bottom: 0px;
    padding-top: 40px;
}

.pre h2 {
    position: relative;
    color: #000;
    font-size: 32px;
    line-height: 1.3;
    padding-bottom: 17px;
    margin-bottom: 15px;
    letter-spacing: 0;
    text-align: center;
}

.invite-friends-page .pre h2 {
    font-size: 27px;
}



.pre h2:after {
    position: absolute;
    height: 1px;
    width: 66px;
    font-size: 0;
    line-height: 0;
    background: #ffbe00;
    content: ' ';
    left: 50%;
    bottom: 0;
    margin-left: -33px;
}

.invite-friends-page .pre h2:after {
    background: none;
    content: none;
}

.pre p {
    color: #000;
    font-size: 15px;
    line-height: 18px;
    color: #8a8a8a;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.img-everywhere {
    display: block;
    max-width: 824px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.upgrade-features .column {
    width: 33.333%;
    float: left;
    padding: 0 15px;
}

    .upgrade-features .column:nth-child(2) {
        padding: 0;
    }

.upgrade-features.barhops-description .column {
    padding-top: 20px;
    padding-bottom: 30px;
}

.upgrade-features.barhops-description .spacer {
    height: 92px;
    width: 90px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
    margin-bottom: 52px;
}

    .upgrade-features.barhops-description .spacer:after {
        height: 91px;
        width: 45px;
        border-right: 1px solid #f2f2f2;
        display: block;
        content: ' ';
    }

.upgrade-features .column .icon-section svg {
    display: block;
    height: 52px;
    width: 52px;
    margin: 3px auto 0 auto;
}

.invite-friends-page .upgrade-features .column .icon-section svg {
    height: 40px;
    width: 40px;
    float: left;
}


.upgrade-features .column .icon-section svg#svg-calendar {
    width: 60px;
    height: 56px;
    margin-top: 1px;
}

.upgrade-features .column .icon-section svg#svg-glass {
    width: 54px;
    height: 58px;
    margin-top: 0;
}

.upgrade-features .column .icon-section svg#svg-engage {
    width: 58px;
    height: 58px;
    margin-top: 0;
}

.upgrade-features .column h3 {
    font-size: 24px;
    letter-spacing: 1.3px;
    padding-top: 31px;
    padding-bottom: 31px;
}

.upgrade-features.barhops-description .column h3 {
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    letter-spacing: 0;
}

.upgrade-features .column p {
    font-size: 15px;
    line-height: 22px;
    color: #4a4a4a;
}

.invite-friends-page .column p {
    font-size: 13px;
    line-height: 20px;
    max-width: 250px;
    text-align: left;
    margin-left: 50px;
    margin-top: 2px;
}

/* upgrade-features */

.event-detail-new .condensed-event-spots.condensed-event .fake-table #event-tickets.fake-td.col-content {
    padding-right: 150px;
    padding-top: 150px;
}

.get-everywhere {
    background: #f9f9f9;
    padding-top: 60px;
    padding-bottom: 60px;
    clear: both;
}

    .get-everywhere .pre {
        max-width: 100%;
    }

.need-help {
    padding: 108px 0;
}

    .need-help .pre h2 {
        color: #ffbe00;
    }

    .need-help .pre.pre-min h2 {
        color: #000;
        font-size: 22px;
    }

    .need-help .pre .help-icon {
        height: 42px;
        width: 42px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 7px;
    }

        .need-help .pre .help-icon svg {
            height: 42px;
            width: 42px;
            display: block;
        }

.mailus-contactus {
    font-size: 18px;
    text-align: center;
    padding-top: 16px;
}

    .mailus-contactus a {
        color: #000;
        font-size: 18px;
        line-height: 1.3;
    }

        .mailus-contactus a:hover {
            color: #ffbe00;
        }

.download-block {
    background: #f9f9f9 url(../img/dwn.jpg) no-repeat 50% 0;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 69px;
    padding-bottom: 46px;
}

    .download-block h3 {
        font-size: 28px;
        line-height: 1.3;
        color: #000;
        letter-spacing: -1px;
        padding-bottom: 3px;
    }

    .download-block p {
        font-size: 15px;
        line-height: 22px;
        color: #8a8a8a;
    }

    .download-block .download-info {
        max-width: 660px;
        padding-right: 20px;
    }

    .download-block .btn-download-app {
        text-transform: uppercase;
        color: #fff;
        background: #ffbe00;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 13px;
        height: 42px;
        line-height: 42px;
        display: block;
        float: right;
        max-width: 244px;
        width: 100%;
        margin-top: 10px;
    }

        .download-block .btn-download-app:hover {
            background: #ffaf06;
        }

/* choose city popup */
.popup-choose-city {
    position: fixed;
    background: #fff;
    z-index: 2000000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
}

    .popup-choose-city .wrapper {
        position: relative;
        height: 100%;
    }

    .popup-choose-city .fake-table {
        width: 100%;
        height: 100%;
        table-layout: fixed;
    }

    .popup-choose-city .fake-td {
        width: 100%;
        height: 100%;
        vertical-align: middle;
        text-align: center;
        padding: 40px 0;
    }

    .popup-choose-city h2 {
        text-transform: uppercase;
        font-size: 15px;
        color: #8a8a8a;
        letter-spacing: 0.7px;
        padding-bottom: 61px;
    }

    .popup-choose-city ul {
        list-style: none;
    }

        .popup-choose-city ul a {
            display: block;
            line-height: 71px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 36px;
            color: #000000;
            cursor: pointer;
        }

        .popup-choose-city ul .link-locked a {
            cursor: default;
        }

        .popup-choose-city ul a span {
            font-size: 20px;
            color: #8a8a8a;
        }

    .popup-choose-city .btn-wrap {
        font-size: 0;
        line-height: 0;
        text-align: center;
        padding-top: 60px;
    }

    .popup-choose-city .btn-request {
        display: inline-block;
        border: 2px solid #ffbe00;
        color: #ffbe00;
        padding: 0 34px;
        height: 52px;
        line-height: 48px;
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 0;
    }

        .popup-choose-city .btn-request:hover {
            background-color: #ffbe00;
            color: #fff;
        }

    .popup-choose-city .close-icon {
        height: 30px;
        width: 30px;
        cursor: pointer;
        position: absolute;
        z-index: 1;
        top: 20px;
        right: 20px;
        background: url(../img/icon-close.png) no-repeat 50% 50%;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
    }
/* choose city popup */


/* tesus barhops */
.tesuses {
}

    .tesuses .tesus-col {
        width: 50%;
        float: left;
    }

        .tesuses .tesus-col:first-child {
            padding-right: 35px;
        }

        .tesuses .tesus-col:nth-child(2) {
            padding-left: 35px;
        }

.tesus {
    padding-bottom: 55px;
}

    .tesus .tesus-head {
        display: table;
        table-layout: fixed;
        width: 100%;
        margin-bottom: 14px;
    }

        .tesus .tesus-head .icon-svg {
            height: 35px;
            width: 35px;
            float: left;
        }

            .tesus .tesus-head .icon-svg svg {
                height: 35px;
                width: 35px;
                display: block;
            }

                .tesus .tesus-head .icon-svg svg#cap-dat {
                    height: 39px;
                    position: relative;
                    top: -3px;
                }

        .tesus .tesus-head h3 {
            margin-left: 53px;
            line-height: 35px;
            text-align: left;
            font-size: 16px;
            letter-spacing: 0;
        }

    .tesus p {
        font-size: 14px;
        line-height: 22px;
        color: #8a8a8a;
        text-align: left;
        min-height: 44px;
    }
/* tesus barhops */
.nvm {
    display: block !important;
}

.vm {
    display: none !important;
}

.page-home.non-logged header .navi-right .sub > a.limited,
.page-home.non-logged header .navi-right .sub:hover > a.limited {
    border-left-color: transparent;
}


#sub-menu {
    height: 60px;
    background-color: black;
    text-align: center;
    padding-top: 15px;
}

    #sub-menu a {
        font-size: 24px;
        line-height: 26px;
        color: darkgrey;
        padding: 15px 20px;
    }

        #sub-menu a.active, #sub-menu a:hover {
            color: white;
            border-bottom: 4px solid #ffbe00;
        }

header .navi-right a.link-show-login-popup:hover {
    color: #ffbe00;
}

.image-editor {
    height: auto;
}

.main-form .double-fields .row-full {
    padding-bottom: 11px;
}

.sticked-filter #filter-headline {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    background: #fff;
    padding-top: 0px;
}

.sticked-filter .ui-multiselect-menu.f-sorting {
    position: fixed !important;
}

.filterhplace {
    height: 55px;
}


#comments .user-pic {
    width: 68px;
    float: left;
}

.message-box {
    margin-left:68px;
    padding-left:12px;
}
    .message-box .fake-table {
        width:100%;
        padding:11px 0;
    }
        .message-box .fake-table .btn {
            font-size: 16px;
            font-weight: 400;
            text-align: center;
            border-radius:4px;
            letter-spacing:0;
            width:73px;
            float:right;
            height:46px;
            color:#fff;
            background:#ffbe00;
            cursor:pointer;
            transition:ease 0.2s all;
        }
        .message-box .fake-table .btn.disabled {
            cursor: not-allowed;
            opacity: 0.5;
        }

        .fake-table .btn:hover {
            background: #ffaf06;
        }
        .message-box .fake-table .ta {
            margin-right:83px;
        }

    .message-box textarea {
        width: 100%;
        height: 46px;
        font-size: 18px;
        object-fit: contain;
        border-radius: 3px;
        background-color: #f4f5f7;
        color: #9b9b9b;
        padding: 12px 16px;
        font-weight:400;
        font-family:'proxima-nova', Verdana, sans-serif;
    }
    .event-detail-new .event-gmap-overlay p {
        font-family:'proxima-nova', Verdana, sans-serif;
        font-weight:400;
    }
    .message-box textarea::-webkit-input-placeholder {
        color: #9b9b9b;
        opacity:1;
    }
    .message-box textarea::-moz-placeholder {
        color: #9b9b9b;
        opacity:1;
    }
    .message-box textarea:-ms-input-placeholder {
        color: #9b9b9b;
        opacity:1;
    }
    .message-box textarea:-moz-placeholder {
        color: #9b9b9b;
        opacity:1;
    }

    .message-box p {
        object-fit: contain;
        font-size: 18px;
        color: #828282;
        text-align: left;
    }

        .message-box p span a {
            object-fit: contain;
            font-size: 18px;
            color: #dbdbdb;
        }

        .message-box p a img {
            width: 18px;
            margin-top: 3px;
            float: left;
            margin-right: 5px;
        }
.no-comments {
    color: #949494;
    font-size:18px;
    line-height:27px;
    text-align:center;
    padding-top:25px;
    padding-bottom:8px;
    font-weight:400;
}
    .message-box .user-title a {
        height: 18px;
        object-fit: contain;
        font-family: proxima_nova_rgregular;
        font-size: 18px;
        font-weight: 600;
        color: #000000;
    }

    .message-box .user-title span {
        height: 18px;
        object-fit: contain;
        font-family: proxima_nova_rgregular;
        font-size: 18px;
        color: #dbdbdb;
    }
#comments .for-next {
    text-align:center;
    padding-bottom:8px;
}
    #comments .for-next a {
        color:#ffbe00;
        transition:all ease 0.2s;
    }
    #comments .for-next a:hover {
        color:#ffaf06;
    }

#comments h1 {
    height: 26px;
    object-fit: contain;
    font-family: proxima_nova_rgregular;
    font-size: 26px;
    font-weight: 600;
    color: #000000;
    margin: 30px 0;
}


.comment-item {
    padding:25px 0 10px 0;
    display:table;
    width:100%;
}
    .comment-item .link-like {
        display:inline-block;
        height:16px;
        overflow:hidden;
        font-size: 18px;
        text-align: left;
        margin-top:3px;
    }
        .comment-item .link-like span {
            position:relative;
            top:-2px;
        }
        .comment-item .link-like a {
            color: #dbdbdb;
        }
        .comment-item .link-like img {
            margin-top:0;
            margin-right:5px;
            height:16px;
            width:18px;
            float:left;
        }
    .comment-item .user-pic {
        width:56px;
    }
    .message-box .user-title a {
        transition:all ease 0.2s;
    }
    .message-box .user-title a:hover {
        color:#ffaf06;
    }
    #comments .comment-item .user-pic img {
        width:56px;
        height:56px;
        border:0;
        box-shadow:none;
    }
    #comments .comment-item .message-box {
        padding-top:5px;
        color: #949494;
    }
    #comments .comment-item .message-box p {
        padding-top:5px;
        color: #949494;
    }


#input-textarea2 {
    border: 1px solid #ccc;
    width: 100%;
    height: 100px;
    margin-top: 15px;
    border-radius: 5px;
    padding: 10px;
    line-height: 17px;
}

#invite-mass div.error {
    color: red;
    margin-top: 5px;
}

/* new */
.progress {
    margin-bottom:10px;
}
.progress, .progress .handle {
    height:10px;
    overflow:hidden;
    border-radius:4px;
    font-size:0;
    line-height:0;
    background-color: #e6e6e6;
    width:100%;
}
    .progress .handle {
        width:0%;
        background-color: #66c400;
        transition:width ease 0.2s;
    }
.txt-green {
    color: #66c400 !important;
}
.price-box {
    padding-top:20px;
}
.panel-hint {
    font-size: 13px;
    text-align: left;
    color: #9b9b9b;
    padding-top:15px;
}
.event-page {
    background-color: #f4f5f7;
    padding:42px 0;
}
.panel {
    border-radius:4px;
    background:#fff;
    padding:25px;
    margin-bottom:20px;
}
.panel.panel-text {
    padding-top:20px;
    padding-bottom:20px;
}
    .panel-text h3, .panel-location h3 {
        font-size: 18px;
        font-weight: 600;
        text-align: left;
        color: #4a4a4a;  
        line-height:27px;  
    }
        .panel-text p ~ h3 {
            padding-top:15px;
        }
    .panel-location h3 {
        padding-left:25px;
        padding-right:25px;
        padding-bottom:10px;
    }
    .panel-text p, .panel-text ul, .panel-text ol {
        font-size: 18px;
        line-height:27px;
        font-weight: 400;
        text-align: left;
        color: #4a4a4a;   
        padding-top:15px; 
    }
.panel.event-main {
    padding-left:0;
    padding-right:0;
    padding-bottom:0;
}
    .panel *, .panel-location * {
        font-family:'proxima-nova', Verdana, sans-serif;
    }
    .panel .panel-body {
        padding-left:25px;
        padding-right:25px;
        padding-bottom:5px;
        padding-top:35px;
        border-bottom:solid 3px #f4f5f7;
    }
    .event-main .event-right {
        margin-left:600px;
        padding-left:20px;
    }

    .mobile-only {
        display:none;
    }

    .event-main .event-left {
        width:600px;
        float:left;
    }
    .event-main h1 {
        font-size: 48px;
        font-weight: bold;
        line-height: 1.04;
        text-align: left;
        color: #000000;
        margin-right:400px;
        padding-bottom:8px;
    }
    .event-main .author {
        font-size: 15px;
        text-align: left;
        color: #9b9b9b;
        padding-bottom:30px;
        font-weight:400;
        margin-right:400px;
    }
.button {
    height:55px;
    display:block;
    line-height:55px;
    text-align:center;
    padding:0 10px;
    background:#ffbe00;
    color:#fff;
    font-size:22px;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    border-radius:4px;
    transition:background ease 0.2s;
    user-select:none;
}
button.button, input.button {
    line-height:normal;
}
.button:hover {
    background:#ffaf06;
}
.panel .event-short-info {
    color:#9b9b9b;
    padding-bottom:10px;
    margin-top:-5px;
}
    .panel .event-short-info p {
        padding-bottom:3px;
        font-size:20px;
        line-height:25px;
        text-align:left;
        color:#9b9b9b;
    }

    .panel .event-short-info .panel {
        margin-bottom: 0px; 
        padding-bottom: 0px;
    }

    .event-short-info p.date {
        color:#4a4a4a;
        font-weight:600;
    }
.panel .event-detail-user-block {
    float:none;
    display:table;
    width:100%;
    margin-top:-5px;
    margin-bottom:-5px;
}
    .panel .event-detail-user-block .user-pic {
        margin:0;
        width:68px;
        float:left;
    }
    .panel .event-detail-user-block .user-info {
        margin-left:68px;
        padding-left:22px;
        text-align:left;
    }
        .panel .event-detail-user-block .user-info .user-title-link {
            font-size: 20px;
            font-weight: 500;
            text-align: left;
            color: #4a4a4a;
            padding-top:10px;
        }
            .panel .event-detail-user-block .user-info .user-title-link a {
                color: #4a4a4a;
                transition:all ease 0.2s;
            }
            .panel .event-detail-user-block .user-info .user-title-link a:hover {
                color: #ffaf06;
            }
        .panel .event-detail-user-block .user-info .user-follow-link {
            font-size: 15px;
            font-weight: 600;
            text-align: left;
            color: #20a9f1;
            padding-top:5px;
        }
            .panel .event-detail-user-block .user-info .user-follow-link a {
                color: #20a9f1;
            }
            .panel .event-detail-user-block .user-info .user-follow-link a:hover {
                color: #ffaf06;
                transition:all ease 0.2s;
            }
    .panel .event-detail-user-block .user-pic a {
        margin:0;
        border:0;
        padding:0;
        box-shadow:none;
        display:block;
        width:68px;
        height:68px;
    }
        .panel .event-detail-user-block .user-pic a img {
            width:68px;
            height:68px;
        }
    .panel .price-per {
        font-size: 40px;
        text-align: left;
        color: #4a4a4a;
        margin-top:2px;
    }

    .panel .price-label {
        font-size: 20px;
        text-align: left;
        color: #9b9b9b;
        padding-bottom:2px;
    }

.panel .price-box.red .price-per, .panel .price-box.red  .price-label {
    color:red;
}

.btn-large-share {
    color:#fff;
    height:65px;
    border-radius:4px;
    background: #d8d8d8;
    text-align:center;
    display:block;
    transition:all ease 0.2s;
    padding:22px;
}

.button.checkout-guest {
     background: #999;
}

.btn-large-share:hover {
    background:#ffbe00;
}

.button.checkout-guest:hover {
    background: rgba(0,0,0,.25);
}

    .btn-large-share span {
        display:inline-block;
        height:21px;
        overflow:hidden;
        padding-left:32px;
        font-size:18px;
        font-weight:500;
        line-height:20px;
        padding-top:1px;
        background-image:url(../img/share-button-w.svg);
        background-size:auto 21px;
        background-repeat:no-repeat;
    }
.event-main .gallery-wrapper,
.event-main .condensed-event-gallery,
.event-main .condensed-event-gallery a {
    height:360px;
    display:block;
    width:600px !important;
    border-radius:4px;
    overflow:hidden;
    -webkit-mask:#fff;
}
.condensed-event-gallery .item:before {
    display:none;
}
.btn-view-photo {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.8);
    opacity: 0.8;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    display:block;
    position: relative;
    line-height:35px;
    text-align:center;
    color:#000;
    font-size:12px;
    bottom:12px;
    left:12px;
    transition:all ease 0.2s;
    z-index: 20;
    margin-top:-40px;
    cursor:pointer;
}
.btn-view-photo:hover {
    box-shadow:none;
    background:#ffffff;
    color:#fff;
}
.event-menu {
    height:80px;
    overflow:hidden;
}
.fixed-menu {
    height:80px;
    background:#fff;
    width:100%;
}
.fixed-menu.scrolled {
    position:fixed;
    top:0;
    left:0;
    z-index:8001;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.33);
}
.event-menu .sub {
    width:1051px;
    padding-left:25px;
    padding-right:25px;
    height:80px;
    margin-left:auto;
    margin-right:auto;
}
    .event-menu .sub .sidebar {
        float:right;
        height:80px;
        padding-top:17px;
        padding-bottom:17px;
        display:none;
    }
    .event-menu .fixed-menu.scrolled .sub .sidebar {
        display:block;
    }
        .event-menu .sub .sidebar .button {
            width:202px;
            height:46px;
            line-height:46px;
            font-size:18px;
            float:left;
        }
        .event-menu .sub .sidebar .btn-share {  
            float:left;
            color:#949494;
            font-size:16px;
            background:url(../img/share-button.svg) no-repeat 0 13px;
            background-size:9px 17px;
            padding-left:18px;
            height:46px;
            line-height:46px;
            text-align:left;
            margin-left:34px;
        }
        .event-menu .sub .sidebar .btn-share:hover {  
            background-image:url(../img/share-button-on.svg);
            color:#ffbe00;
        }
    .event-menu .sub nav {
        height:80px;
        float:left;
    }
    .event-menu .sub nav a {
        display:block;
        float:left;
        margin-right:50px;
        position:relative;
        height:80px;
        white-space:nowrap;
        line-height:70px;
        padding-top:5px;
        padding-bottom:5px;
        color: #4a4a4a;
        font-size:18px;
        font-weight:400;
    }
    .event-menu .sub nav a.active::before, .event-menu .sub nav a:hover::before {
        position:absolute;
        height:5px;
        overflow:hidden; 
        display:block;
        width:100%;
        bottom:0;
        left:0;
        font-size:0;
        line-height:0;
        background:#ffbe00;
        content:' ';
    }
    .event-menu .sub nav a:last-child {
        margin-right:0;
    }
    .event-menu .sub nav a:hover {
        color:#ffbe00;
    }
    .event-menu .sub nav a .badge {
        color:#ffbe00;
        font-size:13px;
        font-weight:600;
        position:relative;
        line-height:13px;
        top:-8px;
        left:5px;
    }
.event-page .col-right {
    width:420px;
    padding-left:20px;
    float:right;
}
.event-page .col-left {
    margin-right:420px;
}
.hidden-mobile {
    display:none;
}
.panel-text p a, .panel-text ul a, .panel-text ol a {
    color:#ffbe00;
    transition:color ease 0.2s;
}
.panel-text p a:hover, .panel-text ul a:hover, .panel-text ol a:hover {
    color:#ffaf06;
}

.mobile-join {
    position:fixed;
    width:100%;
    height:70px;
    left:0;
    bottom:0;
    z-index:100;
    background:#fff;
    padding:14px 25px;
    box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.2);
    font-family: 'proxima-nova', Verdana, sans-serif;
}
    .mobile-join .button {
        height:45px;
        line-height:45px;
        font-size:18px;
        display:block;
        font-weight:600;
        width:100%;
        margin-left:auto;
        margin-right:auto;
    }

/*NOT WORK got a lot issues with js popup not showing when call first time needed call second*/
/*
.fancybox-overlay {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    background: url('fancybox_overlay.png');
}*/

.slider-guest-list {
    position: relative;
}

    .slider-guest-list .ui-slider-handle {
        display: none;
    }

    .slider-guest-list .ui-slider.ui-slider-horizontal {
        height: 10px;
    }

        .slider-guest-list .ui-slider.ui-slider-horizontal .ui-slider-range {
            height: 10px;
            background: #59b74e;
        }

    .slider-guest-list #slider-range {
        margin-top: 40px;
        margin-bottom: 10px;
    }

    .slider-guest-list h1 {
        text-align: center;
        margin-bottom: 40px;
        font-size: 1.0em;
    }

        .slider-guest-list h1 span {
            color: #59b74e;
        }

.event-dashboard .table-sold {
    width: 100%;
    margin-top: -120px;
}

    .event-dashboard .table-sold div:not(.tooltip-fund-event-manage) {
        width: 30%;
        float: left;
        text-align: center;
        border: 1px solid black;
        padding: 10px;
        margin: 1%;
        font-size: 34px;
        background: white;
    }

    .event-dashboard .table-sold div span {
        font-size: 20px;
        margin: 5px;
    }

.paid-chart, .coupons-chart, .free-chart {
    width: 30%;
    float: left;
}

.chart-tool .box {
    width: 20px;
    height: 20px;
    border: 1px solid grey;
    float: left;
    margin-right: 10px;
    margin-top: -2px;
}

.chart-lines .main-line {
    font-size: 0;
    z-index: 1;
    width: 100%;
    height: 20px;
    background: white;
    border: 1px solid gray;
    margin: 10px;
}

.child-line {
    position: absolute;
    z-index: 1;
    display: block;
    height: 18px;
    border: 0;
}

    .child-line div {
        font-size: 12px;
        text-align: center;
        padding-top: 3px;
    }

.chart-tool {
    margin-left: 10px;
}

.free {
    background: #b3b3b3;
}

.coupons {
    background: #808080;
}

.paid {
    background: #59b74e;
}

.sold-out-text {
    color: white;
    font-size: 34px;
    height: 100%;
    padding-top: 25%;
    text-align: center;
}


.main-form .row.has-error {
    padding-bottom: 17px;
}

.upgrade-features.barhops-description.about-box {
    padding-bottom: 20px;
}

.about-box .pre {
    max-width: 800px;
    padding-bottom: 0px;
    padding-top: 20px;
}

.about-box .mailus-contactus {
    padding-bottom: 60px;
}

.main-form .button.export-csv {
    float: right !important;
    margin-top: -11px !important;
    font-size: 10px;
    line-height: 36px !important;
    height: 36px;
    min-width: 100px;
    width: 100px;
}


[tooltip]:before {
    /* needed - do not touch */
    content: attr(tooltip);
    position: absolute;
    opacity: 0;
    /* customizable */
    transition: all 0.15s ease;
    padding: 10px;
    color: #333;
    border-radius: 10px;
    box-shadow: 2px 2px 1px silver;
}

[tooltip]:hover:before {
    /* needed - do not touch */
    opacity: 1;
    /* customizable */
    background: yellow;
    margin-top: -50px;
    margin-left: 20px;
}

[tooltip]:not([tooltip-persistent]):before {
    pointer-events: none;
}

.btn-delete {
    min-width: 50px !important;
    margin-bottom: -15px;
}


table#tickets thead td {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.1;
    padding: 15px 40px;
    letter-spacing: 1px;
    color: #696969;
    background: #ccc;
}

.m10 {
    margin: 10px !important;
}

.mt-20 {
    margin: -20px !important;
}

#host-tickets .info-btn, #host-tickets .delete-btn, .product-item .delete-btn {
    background-image: url('../img/btn-settings.png');
    width: 24px;
    height: 24px;
    background-size: cover;
    position: absolute;
    margin-top: 8px;
}

#host-tickets .delete-btn, .product-item .delete-btn {
    background-image: url('../img/btn-delete.png');
    margin-left: 25px;
}

 .product-item .delete-btn
{
    float: right;
    position: relative;
    cursor: pointer;
}

.info-btn-a {
    float: right;
    margin-right: 0;
}

#host-tickets input.number {
    width: 100%;
}

#host-tickets input.code {
    width: 100%;
}

#host-tickets .buttons {
    padding: 0;
}

    #host-tickets .buttons .button {
        padding: 0 30px;
        height:40px;
        line-height:40px;
        font-size:15px;
        font-weight:500;
    }

#ticket-types {
    table-layout: fixed;
    width:600px !important;
}

#host-tickets .money-code input.number {
    width: 70px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.info-btn-a a {
    float: left;
}

#host-tickets textarea {
    width: 100%;
}

.field-code.money-code {
    padding-right: 40px;
    position: relative;
    overflow: visible;
}

#ticket-types .thead > .fake-th:first-child {
    width: auto;
}

#ticket-types .thead > .fake-th:nth-child(2) {
    width: 180px;
}

#ticket-types .thead > .fake-th:nth-child(3) {
    width: 170px;
}

.editor-forms .button.delete-ticket-type-button {
    float: none;
    margin-top: 20px;
    max-width: 445px;
    padding-left: 30px;
    padding-right: 30px;
}

.more-ticket-type-details {
    display: none;
}

.condensed-event-spots #event-tickets .table-panel input {
    width: 40px;
    height: 30px;
    color: #000;
    border: 1px solid #b3b3b3;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.condensed-event-spots #event-tickets .table-panel .fake-td {
    font-size: 18px;
    padding: 20px 0 20px 0;
}

#event-tickets .table-panel .fake-tr:last-child .fake-td {
    border: none;
}

.condensed-event-spots #event-tickets .table-panel .fake-td div {
    margin-top: 5px;
    width: 120px;
}

.condensed-event-spots #event-tickets .table-panel .fake-th {
}

.condensed-event-spots #event-tickets p {
    text-align: left;
    height: 38px;
    overflow: hidden;
}

.condensed-event-spots #event-tickets h3 {
    color: #000;
    font-family: Gotham-Medium;
    line-height: 45px;
}

.event-detail-new .condensed-event-spots.condensed-event #event-tickets .fake-table {
    border: 1px solid #ccc;
    border-radius: 2px;
}

.fake-td #more, .fake-td #less {
    font-size: 12px;
}

#event-tickets .btn.disabled {
    opacity: 0.2;
    cursor: not-allowed;
}

.max-available {
    font-size: 10px;
    color: red;
    display: none;
    text-align: center;
    width: 110px !important;
}

.sales-end {
    font-size: 10px;
    color: gray;
    text-align: center;
    width: 116px !important;
}

.sold-out, .not-start-yet {
    font-size: 12px !important;
    color: red !important;
    /*margin-left: 7px;
    padding-top: 7px;*/
}

.not-start-yet {
    color: gray !important;
}

#ticket-types ::-webkit-input-placeholder, .datepicker::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #b3b3b3;
    opacity: 0.7;
}

#ticket-types ::-moz-placeholder, .datepicker::-moz-placeholder { /* Firefox 19+ */
    color: #b3b3b3;
    opacity: 0.7;
}

#ticket-types :-ms-input-placeholder, .datepicker:-ms-input-placeholder { /* IE 10+ */
    color: #b3b3b3;
    opacity: 0.7;
}

#ticket-types :-moz-placeholder, .datepicker:-moz-placeholder { /* Firefox 18- */
    color: #b3b3b3;
    opacity: 0.7;
}

.row-phone .phonecode.subdomain {
    display: block;
    text-align: center;
    width: 120px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 14px;
    top: 0;
    right: 0;
    position: absolute;
}



.booking-box .btn.disabled {
    opacity: .2;
    cursor: not-allowed;
}

.pl25 {
    padding-left: 25px !important;
}

.editor-forms #start-dttm.filter-fields div.field-datepicker, .editor-forms #end-dttm.filter-fields div.field-datepicker, .editor-forms.main-form .row input.textfield.datepicker {
    width: 112px;
    float: left;
    padding-left:20px;
    padding-right:10px;
}

.editor-forms.main-form .row input.textfield.datepicker {
    color: black;
}

#start-dttm .ui-multiselect.select-editor, #end-dttm .ui-multiselect.select-editor, #ticket-types .ui-multiselect.select-editor {
    width: 112px !important;
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left:15px;
}
.timeitem.ui-multiselect span:before,
.timeitem.ui-multiselect span:after {
    display:none;
}
.editor-forms #start-dttm.filter-fields, .editor-forms #end-dttm.filter-fields {
   width:240px;
}

.tr-search .fake-td span {
    font-size: 10px;
    color: rgba(0, 0, 0, .25);
}

.guests-table .user-face {
    float: left;
    margin-top: -30px;
    margin-right: 5px;
}

    .guests-table .user-face img {
        display: block;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #fff;
        -webkit-mask: #fff;
        width: 60px;
        height: 60px;
        padding: 5px;
        margin: 3px auto 3px auto;
    }

    .guests-table .user-face a {
        cursor: default;
    }

.guests-table .guest-name {
    color: rgb(94, 94, 94);
}

.guests-table .tr-search .fake-td:not(.guest-name), .guests-table .thead .fake-th, .guests-table .mobile-th {
    text-align: center;
}

.guest-text-div {
    margin-top: -9px;
}

.guest-email-div {
    margin-top: -10px;
}


.tesus-col.center {
    text-align: center;
    width: 50%;
    float: none;
    margin: 0 auto;
}

    .tesus-col.center .tesus .tesus-head h3 {
        text-align: center;
        margin-left: 0px;
    }

    .tesus-col.center .tesus p {
        text-align: center;
    }

#step1 p {
    text-align: center;
    color: black;
}

    #step1 p a {
        color: red;
    }

#next-step {
    opacity: 0.3;
}

.mt-10 {
    margin-top: 10px !important;
}

.w-120 {
    width: 120px !important;
    float: left;
}

.switch {
    margin-top: -8px;
    float: right;
}

.isCrowdFund {
    padding-top: 0;
}

    .isCrowdFund .textfield {
        width: 212px !important;
    }

.editor-forms.main-form .isCrowdFund .row .double-fields .hint {
    float: left;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 0 10px;
    padding: 0 !important;
}

.isCrowdFund .double-fields .for-datepicker {
    float: left;
}

.editor-forms .isCrowdFund .fake-table .col-2 {
    padding-bottom: 10px;
}


.row label .tooltip-fund .tooltiptext,
.tooltip-fund.switch .tooltiptext {
    top: 100%;
    left: auto;
    right: -14px;
    margin-top: 10px;
}

    .row label .tooltip-fund .tooltiptext::after,
    .tooltip-fund.switch .tooltiptext::after {
        content: "";
        position: absolute;
        top: 0;
        right: 15px;
        margin-top: -20px;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #4a4a4a transparent;
    }

    .tooltip-fund.switch .tooltiptext::after {
        right: 32px;
    }

.small-p {
    padding-top: 5px;
    font-size: 11px;
    color: #474747;
    padding: 0;
    line-height: 13px;
    font-family: Gotham-Light,'Helvetica Neue',Helvetica,Arial;
    background-color: #fff;
}

.condensed-event-body .small-p {
    text-align: center;
    padding-top: 5px;
    border-top: 2px solid #ccc;
    margin-bottom: 5px;
}

.condensed-event-general .line.chart {
    width: 40%;
    position: absolute;
}

.condensed-event-general .main-line {
    height: 10px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.condensed-event-general .child-line.paid {
    height: 8px;
    border-radius: 3px;
    background-color: #5cb85c;
}

.event-detail-slider .condensed-event-title h1.people-needed {
    font-size: 12px;
    background: #5cb85c;
    line-height: 18px;
    padding: 7px 25px;
    float: left;
    opacity: 0.9;
    margin-top: -40px;
    text-transform: uppercase;
    font-family: Gotham-Medium;
    border-radius: 2px;
}

    .event-detail-slider .condensed-event-title h1.people-needed.red {
        background: #f00;
    }


.event-detail-new .condensed-event-general .line p.small {
    font-size: 11px;
}

    .event-detail-new .condensed-event-general .line p.small:first-of-type {
        margin-left: 10px;
    }

    .event-detail-new .condensed-event-general .line p.small:last-of-type {
        float: right;
    }

.tooltip-fund {
    position: relative;
    display: inline-block;
    color: #cacaca;
    font-weight:400;
}

.tooltip-fund-event-manage {
    position: relative;
}

.isCrowdFund img.ui-datepicker-trigger {
    display:none;
}
.tooltip-fund .tooltiptext {
    visibility: hidden;
    background-color: #4a4a4a;
    color: #ccc;
    padding: 10px 15px;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%;
    margin-left: 10px;
    text-transform: none;
    width: 340px;
    font-weight: 100;
    font-size: 10px;
    text-align: left;
}
    .tooltip-fund .tooltiptext.r {
        right: 100%;
        left: 0px;
        margin-left: -150px;
        top: 25px;
        width: 200px;
    }


    .info-btn-a .tooltip-fund .tooltiptext {
        width: auto;
        top: -27px;
        margin-left: 1px;
    }

    .info-btn-a .tooltip-fund .tooltiptext::after {
        top: 25px;
        right: 35%;
        border-color: #4a4a4a transparent transparent transparent;
    }

.info-btn-a .tooltip-fund.settings .tooltiptext {
    margin-left: -67px;
    width: 140px;
    text-align: center;
}

    .info-btn-a .tooltip-fund.settings .tooltiptext span {
        font-size: 10px;
    }


.tooltip-fund-event-manage .tooltiptext {
    visibility: hidden;
    background-color: #4a4a4a;
    color: #ccc;
    padding: 10px 15px;
    position: absolute;
    z-index: 1;
    top: 50px;
    left: -20px;
    margin-left: 10px;
    text-transform: none;
    width: 240px;
    font-weight: 100;
    font-size: 12px;
}

.tooltip-fund .tooltiptext span {
    font-size: 12px;
}

.tooltip-fund .tooltiptext::after {
    content: "";
    position: absolute;
    top: 8%;
    right: 100%;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #4a4a4a transparent transparent;
}

.tooltip-fund .tooltiptext.r::after {
    content: "";
    position: absolute;
    top: -25%;
    left: 85%;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #4a4a4a transparent;
}

.mt-20 .tooltip-fund .tooltiptext::after {
    margin-top: 0;
    top: 10%;
}

.tooltip-fund:hover .tooltiptext, .tooltip-fund-event-manage:hover .tooltiptext {
    visibility: visible;
}

.editor-forms .button.early-payout {
    float: none;
    text-transform: none;
    font-weight: normal;
    line-height: 30px;
    font-size: 12px;
    height: 30px;
    margin-top: 4px;
}


    .editor-forms .button.early-payout.disabled {
        opacity: 0.8;
        cursor: not-allowed;
    }

#payment-history {
    width: 100%;
    border: 1px solid #ccc;
    background: #fff;
}

    #payment-history th {
        text-transform: uppercase;
        text-align: left;
        padding: 10px;
    }

    #payment-history td {
        padding: 10px;
        color: #777;
        font-size: 12px;
    }

    #payment-history tbody tr {
        border-top: 1px solid #ccc;
    }

        #payment-history tbody tr td:first-of-type {
            padding: 10px 10px 10px 30px;
        }

    #payment-history tr th:first-of-type {
        padding: 10px 10px 10px 30px;
    }

.main-form .buttons.step-by-step {
    text-align: center;
}

#event-tickets .btn {
    background: #ffbe00;
}

    #event-tickets .btn:hover {
        background: #ffaf06;
    }

.ui-datepicker-trigger {
    width: 34px;
    float: left;
    padding-top: 9px;
    margin-left: -30px;
}

div.connect-to-fb {
    background-image: url(../img/connect-fb-btn.png);
    width: 274px;
    height: 40px;
    margin-top: 25px;
    cursor: pointer;
}

.ui-datepicker td.ui-state-active {
    color: #ffbe00;
}

.ui-datepicker-current-day {
    background: #000;
}

.ui-datepicker .ui-datepicker-current-day a {
    color: #f2f2f2;
}

.main-form .button.red-button {
    background: #cb0b0b;
}

    .main-form .button.red-button:hover {
        background: #f26262;
    }

.user-name-lowercase {
    text-transform: lowercase !important;
}

.editor-forms.main-form .row.half input.textfield {
    width: 100%;
}

.rectangle-row {
    max-width: 580px;
    margin: 0 auto;
}

.of-people-going-to {
    width: 100%;
    height: 71px;
    object-fit: contain;
    font-family: Gotham-Book, serif;
    font-weight: 400;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: center;
    color: #ffffff;
}

.rectangle .of-people-going-to, .rectangle-orange .of-people-going-to, .rectangle-white .of-people-going-to {
    object-fit: contain;
    border-radius: 2px;
    background-color: #00a254;
    padding: 20px 10px;
}

.rectangle-orange .of-people-going-to {
    background-color: #ffbe00;
}

.rectangle, .rectangle-orange {
    width: 50%;
    display: table-cell;
    padding: 2px;
}

.rectangle-white {
    width: 50%;
    padding: 2px;
    float: left;
}

    .rectangle-white .of-people-going-to {
        background-color: #ffffff;
        border: solid 0.3px #BFBFBF;
        height: 60px;
        color: black;
        width: 100%;
    }

    .rectangle-white.gray .of-people-going-to {
        background-color: #eef1ec;
    }

.rectangle-white {
    padding: 0 2px;
}

    .rectangle-white .of-people-going-to {
        border-radius: 0px;
    }

.steps {
    height: 162px;
    object-fit: contain;
    margin: 50px auto;
    max-width: 900px;
}

    .steps .step {
        font-family: Gotham-Book, serif;
        width: 25%;
        object-fit: contain;
        font-size: 15px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        text-align: center;
        color: #9b9b9b;
        float: left;
        padding: 10px;
        line-height: 18px;
    }

.steps .circle {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #000;
    clear: both;
    padding-top: 10px;
    color: white;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 12px;
    font-family: Gotham-Book, serif;
}

.individual-host-form {
    max-width: 600px;
    margin: 0 auto;
}

    .individual-host-form input, .individual-host-form textarea {
        width: 100%;
        height: 48px;
        border-radius: 2px;
        background-color: #ffffff;
        border: solid 0.5px #9b9b9b;
        padding-left: 10px;
    }

    .individual-host-form div {
        width: 48%;
        float: left;
        margin-left: 2%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .individual-host-form textarea {
        margin-left: 2%;
        margin-top: 10px;
        width: 98%;
        height: 120px;
        padding-left: 10px;
        padding-top: 10px;
    }


    .individual-host-form .btn-btn-submit {
        text-transform: uppercase;
        color: #fff;
        background: #ffbe00;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 13px;
        height: 42px;
        line-height: 42px;
        display: block;
        float: right;
        max-width: 244px;
        width: 100%;
        margin-top: 10px;
        border: none;
        border-radius: 0px;
        max-width: 98%;
        width: 98%;
        margin-left: 2%;
        float: none;
        cursor: pointer;
    }

        .individual-host-form .btn-btn-submit:hover {
            background: #ffaf06;
        }

    .individual-host-form .has-error {
        color: red;
        border: solid .5px red;
    }

.small-span-title {
    font-size: 11px;
    color: gray;
}

#tabs {
    list-style: none;
}

    #tabs li {
        display: inline;
        padding: 10px 20px 10px 0px;
        float: left;
    }

    #tabs.ui-tabs ul {
        display: inline-block;
    }

    #tabs li a {
        color: rgba(50, 50, 50, 0.35);
    }

    #tabs li.ui-tabs-active a {
        border-bottom: 4px solid #ffbe00;
        color: #5e5e5e;
        padding: 10px 1px 8px 0;
    }

#tabs-2 {
    display: none;
}

    #tabs-2 p {
        text-align: center;
        padding: 100px 0;
        color: #b3b3b3;
        font-family: Gotham-Book,serif;
        font-weight: 400;
        max-width: 400px;
        line-height: 20px;
        margin: 0 auto;
    }

        #tabs-2 p strong {
            color: black;
            line-height: 36px;
            height: 36px;
            font-size: 18px;
        }

    #tabs-2 div.border {
        border: 1px solid #b3b3b3;
    }

.guest-list-req-access-item {
    padding: 15px;
    display: inline-block;
    width: 100%;
    background: #fff;
    border: 1px solid #b3b3b3;
    margin-bottom: 10px;
}

    .guest-list-req-access-item .user-face {
        margin-top: 0px;
        width: auto;
        height: auto;
    }

    .guest-list-req-access-item .button {
        min-width: 100px;
        float: left !important;
        margin: 10px;
        line-height: 30px !important;
        height: 30px !important;
        text-transform: uppercase;
    }

.buttons-div {
    float: right;
    padding: 12px 10px;
    border-left: 1px solid #b3b3b3;
}

.user-details {
    float: left;
    color: #5e5e5e;
    margin-top: 20px;
    margin-left: 20px;
    font-size: 15px;
}

    .user-details span {
        color: rgba(50,50,50,.35);
        font-size: 12px;
    }

.dashboards .button.button-accept {
    background: #b3b3b3;
    color: #4a4a4a;
}

.dashboards .button.button-decline {
    background: #4a4a4a;
}

.socials-details {
    float: right;
    padding: 12px 0;
}

    .socials-details .host-social {
        position: inherit;
    }

/*Plugin for invites box*/

ul.token-input-list {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    border: 1px solid #ccc;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;
    margin: 30px 40px;
    min-height: 120px;
}

    ul.token-input-list li input {
        border: 0;
        width: 300px!important;
        padding: 3px 8px;
        background-color: white;
        margin: 2px 0;
        -webkit-appearance: caret;
    }

li.token-input-token, .event-contribute-list .scroll-contributed ul li.token-input-token {
    overflow: hidden;
    height: auto !important;
    margin: 3px;
    padding: 1px 3px;
    background-color: #ffaf06;
    color: #fff;
    cursor: default;
    font-size: 11px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    float: left;
    white-space: nowrap;
}

    li.token-input-token p {
        display: inline;
        padding: 0;
        margin: 0;
        color: #fff;
        font-size: 12px;
    }

    li.token-input-token span {
        color: #fff;
        margin-left: 5px;
        font-weight: bold;
        cursor: pointer;
    }

li.token-input-selected-token {
    border: 1px solid #f00;
    /*background-color: #fff;
    border: 1px solid #ffaf06;
    color: #ffaf06;*/
}

li.token-input-input-token, .event-contribute-list .scroll-contributed ul li.token-input-input-token {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.token-input-dropdown {
    position: absolute;
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 11px;
    font-family: Verdana;
    z-index: 1000005 !important;
}

    div.token-input-dropdown p {
        margin: 0;
        padding: 5px;
        font-weight: bold;
        color: #777;
    }

    div.token-input-dropdown ul {
        margin: 0;
        padding: 0;
    }

        div.token-input-dropdown ul li {
            background-color: #fff;
            margin: 0;
            list-style-type: none;
        }


            div.token-input-dropdown ul li.token-input-dropdown-item {
                background-color: #fff;
            }

            div.token-input-dropdown ul li.token-input-dropdown-item2 {
                background-color: #fff;
            }

            div.token-input-dropdown ul li em {
                font-weight: bold;
                font-style: normal;
            }

            div.token-input-dropdown ul li.token-input-selected-dropdown-item {
                background-color: #ffaf06;
            }

                div.token-input-dropdown ul li.token-input-selected-dropdown-item span {
                    color: #fff !important;
                }

.token-input-custom-item {
    border: 1px solid #ffaf06;
    color: #ffaf06;
    padding: 10px;
}

    .token-input-custom-item .mixtir-item-user span {
        color: #ffaf06;
    }

/*Plugin for invites box*/

a.bulk-email {
    color: #ffbe00;
    margin-left: 10px;
    font-weight:600;
    font-size:16px;
}

span.bulk-email {
    margin-left: 40px;
    color: #ccc;
}

.invite-buttons {
    display: table;
    display: table;
    margin-top: 20px;
    margin-bottom: 100px;
}

    .invite-buttons .button {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

.checkbox-list .checkbox p {
    /*margin-top: 5px;
    font-size: 12px;
    color: gray;*/

    font-size: 17px;
    text-align: left;
    color: #4a4a4a;
    padding-bottom: 5px;
}

.editor-forms .panel-with-sub .checkbox-list .checkbox {
    clear:none;
    margin: 0;
    float: left;
    margin-right:20px;
    margin-top:10px;
}

.mixtir-item-image .people-needed.red {
    font-size: 11px;
    background: red;
    line-height: 15px;
    padding: 7px 15px;
    float: left;
    opacity: .9;
    margin-top: 120px;
    text-transform: uppercase;
    font-family: Gotham-Medium;
    border-radius: 2px;
    margin-left: 15px;
}

.mixtir-item.last-in-list {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding-top: 40px;
}

    .mixtir-item.last-in-list div {
        height: 120px;
        width: 120px;
        border: 0;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
        margin: 0 auto;
        z-index: 1;
        background: #ffbe00;
        color: white;
        line-height: 120px;
        text-align: center;
        font-size: 38px;
        font-family: Gotham-Medium;
    }

    .mixtir-item.last-in-list h1 {
        padding-top: 30px;
        font-family: proxima-nova;
        font-weight: 700;
        letter-spacing: 0;
        color: #464646;
        text-align:center;
    }

    .mixtir-item.last-in-list p {
        padding-top: 15px;
        font-weight: 400;
        font-family: proxima-nova;
        letter-spacing: 0;
        color: #7f7f7f;
        font-size:15px;
        line-height:1.2;
        text-align:center;
    }

#end-dttm.fl .ui-multiselect.select-editor {
    float: left !important;
}

#email-error {
    color: red;
    font-family: Gotham-Medium;
}


.happy-hours-page .filter-additional {
    margin-top: 10px;
}

.happy-hours-page .filter-additional-body {
    display: block;
    padding: 15px 0 40px 0;
}

.happy-hours-page .ui-widget-header {
    width: 100%;
    text-align: center;
    padding-left: 20px;
}

.happy-hours-page #tabs li {
    float: none;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.3;
    font-family: 'Gotham-Bold', 'Helvetica Neue', Helvetica, Arial;
    font-weight: 700;
}

.happy-hours-page h1.large {
    font-family: 'Gotham-Bold', 'Helvetica Neue', Helvetica, Arial;
    font-weight: 700;
    font-size: 42px;
    float: left;
    line-height: 60px;
    margin-left: 60px;
    clear: both;
}

.happy-hours-page .table-panel {
    margin-bottom: 70px !important;
    background: none;
}

.happy-hours-page #tabs li.ui-tabs-active a {
    color: black;
    border-bottom: 4px solid #ffbe00;
}

.happy-hours-item {
    margin: 20px 0;
    padding: 20px 50px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: white;
    display: none;
}

.happy-hours-number {
    width: 50px;
    height: 50px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 32px;
    line-height: 50px;
    background-color: #f2f2f2;
    text-align: center;
    margin-bottom: 20px;
}

.happy-hours-image {
    width: 33%;
    float: left;
    min-height: 20px;
}

    .happy-hours-image img {
        width: 100%;
        padding: 10px 10px 0 0;
    }

.happy-hours-text {
    width: 66%;
    float: left;
}

.happy-hours-title {
    font-size: 30px;
    line-height: 40px;
}

.happy-hours-address {
    font-size: 16px;
    color: #bfbfbf;
    margin-bottom: 25px;
    font-family: 'Gotham-Medium', 'Helvetica Neue', Helvetica, Arial !important;
    font-weight: 300;
}

.happy-hours-text p {
    color: #4a4a4a;
    font-size: 20px;
    font-family: 'Gotham-Medium', 'Helvetica Neue', Helvetica, Arial !important;
    font-weight: 300;
}

#tab-login div.logo {
    width: 76px;
    height: 82px;
    margin: 0 auto;
}

#tab-login, #tab-signup {
    padding: 25px;
}
#tab-login {
    padding-bottom:13px;
}
#tab-login .btn-close {
    display:none;
}

#step1 p.we-will-never-share {
    font-family: Gotham-Book;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: center;
    color: #9b9b9b;
    margin: 0px;
}

.fancybox-skin {
    background: #fff !important;
}

a.dont-see-school {
    width: 100%;
    text-align: center;
    color: #fff;
}


#event-dialog .fake-table {
    width: 100%;
}

.sub-price-items {
    display: none;
}

.sub-price-items-show {
    display: table;
    width: 100%;
}

.condensed-event-totals .col-price.total {
    padding-left: 0px;
    line-height: 26px;
}

.clickable {
    cursor: pointer !important;
}

.left-angle-arrow.arrow-dn {
    display: none;
}

.clickable .left-angle-arrow.arrow-dn {
    display: inline-block;
}

.fancybox-inner {
    border-radius: 5px;
}

.left-angle-arrow {
    display: inline-block;
    position: relative;
}

    .left-angle-arrow:after {
        content: '';
        display: block;
        position: absolute;
        left: -15px;
        top: -6px;
        width: 0;
        height: 0;
        border-top: 5px solid #000;
        border-right: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid transparent;
    }

.condensed-event-scroll .small-p {
    background: #f2f2f2;
}

.condensed-event-body .condensed-event-general .line {
    display: table-cell;
}

.filters-sorting.left {
    float: left;
    margin-right: 10px;
}

.happy-hours-page .filters-sorting.left {
    margin-left: 60px;
    margin-bottom: 10px;
}

.happy-hours-page .ui-multiselect {
    border-radius: 3px;
    background-color: #ffbe00;
    height: 30px !important;
    min-width: 115px !important;
}

    .happy-hours-page .ui-multiselect span {
        color: #fff;
        height: 30px;
        line-height: 30px;
        float: none;
    }

#tabs-login .school-req {
    margin: 0 auto;
}


#invites .header div {
    width: 25%;
    float: left;
    text-align: center;
    padding-top: 7px;
}

.editor-forms.main-form #invites .body-table .row input.textfield {
    width: 25%;
    float: left;
}

.pre.free-beer-note p {
    font-size: 12px;
    max-width: 460px;
}


.pre.free-beer-note {
    padding-bottom: 0px;
    padding-top: 20px;
}


.intro-barhops.free-beer-header:after {
    opacity: 1;
}

#invites .header {
    height: 30px;
    margin-top: 10px;
}

.search-web .school-req input[type=text] {
    background-color: #ffffff;
    border: solid 1px #c9c9c9;
    border-radius: 2px;
    font-family: Gotham-Book;
    font-size: 14px;
}

#select-city {
    display: table;
    margin: 0 auto;
    position: relative;
}

    #select-city .f-sorting.ui-multiselect span {
        font-size: 22px;
        font-family: 'Gotham','Helvetica Neue',Helvetica,Arial;
        font-weight: 600;
        letter-spacing: 2px;
        color: black;
    }

        #select-city .f-sorting.ui-multiselect span:before {
            width: 17px;
            height: 17px;
            background: url(../img/to-bottom1.png) no-repeat 50% 50%;
            background-size: contain;
        }


.login-popup .login-buttons .button {
    margin: 20px 100px;
}


    .login-popup .login-buttons .button:first-of-type {
        color: #ffbe00;
        background: white;
        border: 1px solid #ffbe00;
    }


#invite-mass .main-form .row .button {
    margin-right: 0px;
    margin-left: 30px;
    border-radius: 4px;
    border: 1px solid #ffaf06;
    height: 45px;
    line-height: 43px;
    letter-spacing:0;
    font-weight:600;
}

.add-members-fields ul.token-input-list {
    margin-top: 0px;
    margin-bottom: 0px;
}

    #invite-mass .main-form .row .button.cancel {
        color: #ffaf06;
        background: #fff;
    }



.error-page .tesuses .tesus-col img {
    height: 100%;
    width: 100%;
}

.error-page .tesuses h1 {
    font-family: proxima_nova_rgbold;
    font-size: 105px;
    color: #606060;
    font-weight: normal;
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: left;
    letter-spacing: normal;
    text-transform: none;
}

.error-page .tesuses h2 {
    font-family: proxima_novalight;
    font-size: 35px;
    color: #606060;
    font-weight: normal;
    padding-top: 0px;
    padding-bottom: 5px;
    text-align: left;
    letter-spacing: normal;
    text-transform: none;
}
.error-page .tesuses p {
    font-family: proxima_novalight;
    font-size: 21px;
    color: #606060;
    padding-top: 40px;
    padding-bottom: 15px;
    text-align: left;
    letter-spacing: normal;
    text-transform: none;
}

.error-page {
    padding-bottom: 140px;
}

    .error-page .tesuses .tesus-col:first-child {
        padding-right: 0px;
    }

    .error-page .tesuses a {
        font-family: proxima_novalight;
        font-size: 20px;
        color: #ffbe00;
        padding-top: 0px;
        padding-bottom: 0px;
        letter-spacing: normal;
        text-transform: none;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.55;
        text-align: left;
    }

/* how it works new page */
.how-it-works .fake-table {
    width:100%;
    display:table;
}
.how-it-works *, header.non-logged * {
    font-family: 'proxima-nova', Verdana, sans-serif;
}
    .how-it-works .col-6 {
        width:50%;
        display:table-cell;
        vertical-align:middle;
    }
    .how-it-works .col-4 {
        width:33.33%;
        display:table-cell;
        vertical-align:middle;
        padding-right:10px;
    }

.how-it-works-intro {
    background:#000 url(../img/bg-how-it-works.jpg) no-repeat 50% 50%;
    background-size:cover;
    text-align:center;
    padding-top:74px;
}
    .how-it-works-intro .wrapper {
        display:table;
        width:100%;
        height:533px;
        min-height:533px;
        color:#fff;
    }
        .how-it-works-intro .wrapper > .fake-td {
            height:100%;
            vertical-align:middle;
        }
    .how-it-works-intro h1 {
        font-weight:700;
        font-size:60px;
        line-height:1;
    }
    .how-it-works-intro .buttons {
        padding-top:67px;
    }
        .how-it-works-intro .buttons .button,
        .how-it-works-start-now .buttons .button {
            width: 350px;
            height: 69px;
            border-radius: 100px;
            background-color:#1b89ec;
            background-image: linear-gradient(101deg, #3f20f1, #1b89ec);
            display:block;
            line-height:69px;
            margin-left:auto;
            margin-right:auto;
            text-align:center;
            color:#fff;
            transition:all ease 0.2s;
            font-size: 25px;
            font-weight: bold;
        }
        .how-it-works-intro .buttons .button:hover,
        .how-it-works-start-now .buttons .button:hover {
            background:#3f20f1;
        }

.how-it-works-merchant {
    padding-top:150px;
    padding-bottom:150px;
    background:#f8f8f8 url(../img/merchant-screenshot.png) no-repeat 0 50%;
    background-size:auto 463px;
    color:#000;
}
    .how-it-works-merchant .wrapper, .how-it-works-event .wrapper {
        width:1400px;
        max-width:1400px;
    }
    .how-it-works-merchant h2, .how-it-works-event h2 {
        font-size: 90px;
        font-weight: bold;
        text-align: left;
        color: #000000; 
        line-height:1;
        padding-bottom:30px;
    }
    .how-it-works-merchant p, .how-it-works-event p {
        font-size: 28px;
        line-height: 1.43;
        text-align: left;
        color: #000000;
    }
    .how-it-works-merchant .sub {
        margin-left:50%;
        padding-left:64px;
    }
.how-it-works-event {
    background:#fff url(../img/event-organizer-screens.png) no-repeat 100% 101px;
    background-size:auto 518px;
    padding-top:93px;
    padding-bottom:93px;
    min-height:660px;
}
    .how-it-works-event .sub {
        margin-right:50%;
        padding-right:64px;
    }
.how-it-works-conversation {
    background:#f8f8f8;
    padding-top:35px;
    padding-bottom:115px;
}
    .how-it-works-conversation .wrapper {
        width:1420px;
        max-width:1420px;
    }
    .how-it-works-conversation h3 {
        color:#000;
        text-align:center;
        font-size: 32px;
        font-weight: 500;
        padding-bottom:17px;
        padding-top:10px;
    }
    .how-it-works-conversation p {
        font-size: 22px;
        line-height: 1.14;
        text-align: center;
        font-weight: 400;
        color: #9b9b9b;
    }
    .how-it-works-conversation .col-4 {
        vertical-align:top;
        width:33.33% !important;
        padding-left:20px;
        padding-right:20px;
    }
    .how-it-works-conversation .col-4:first-child {
        padding-left:0;
    }
    .how-it-works-conversation .col-4:last-child {
        padding-right:0;
    }
    .how-it-works-conversation .icon img {
        display:block;
        margin-left:auto;
        margin-right:auto;
        width:60px;
        margin-bottom:31px;
    }
    .how-it-works-conversation .icon.team img {
        height:83px;      
    }
    .how-it-works-conversation .icon.dollar img {
        height:81px;
    }
.how-it-works-conversation.bg-white {
    background:#fff;
}
.how-it-works-features {
    background:#f8f8f8;
    padding-top:66px;
    padding-bottom:145px;
}
    .how-it-works-features .wrapper {
        width:1300px;
        max-width:1300px;
    }
    .how-it-works-features h2, .how-it-works-conversation h2 {
        font-size: 55px;
        font-weight: bold;
        color: #000000;
        line-height:1;
        text-align:center;
        padding-bottom:60px;
    }
    .how-it-works-features h2 {
        padding-bottom:74px;
    }
    .how-it-works-features .col-4 {
        width:34%;
        padding-left:20px;
        padding-right:20px;
    }
    .how-it-works-features .col-4:first-child {
        width:41%;
        padding-left:0;
    }
    .how-it-works-features .col-4:last-child {
        width:25%;
        padding-right:0;
    }
    .how-it-works-features ul {
        list-style:none;
    }
        .how-it-works-features ul li {
            font-size: 25px;
            line-height:29px;
            
            text-align: left;
            color: #000000;
            background:url(../img/check-mark.svg) no-repeat 0 8px;
            background-size:39px auto;
            padding:5px 0 5px 68px;
            margin-bottom:45px;
        }
        .how-it-works-features ul li:last-child {
            margin-bottom:0;
        }
.how-it-works-start-now {
    background:#000;
    text-align:center;
    color:#fff;
    padding-top:64px;
    padding-bottom:29px;
}
    .how-it-works-start-now h2 {
        font-size: 55px;
        font-weight: bold;
        color: #ffffff;
        line-height:1.1;
        padding-bottom:19px;
    }
    .how-it-works-start-now p {
        font-size: 32px;
        line-height:1.2;
        color: #ffffff;
    }
    .how-it-works-start-now .buttons {
        padding-top:88px;
        padding-bottom:116px;
    }
        .how-it-works-start-now .foot  {
            font-size: 23px;
            text-align: center;
            line-height:1;
        }
            .how-it-works-start-now .foot a {
                color:#fff;
                transition:all ease 0.2s;
            }
            .how-it-works-start-now .foot a:hover {
                color:#ffbe00;
            }
.page-how-it-works header.non-logged {
    background:none;
    box-shadow:none;
    padding-top:25px;
    padding-bottom:25px;
}
    .page-how-it-works header.non-logged .header,
    .page-how-it-works header.non-logged .navi-right {
        height:auto;
    }
    .page-how-it-works header.non-logged .wrapper {
        max-width:100%;
        width:100%;
    }
    .page-how-it-works header.non-logged .logo-brand-loggedout {
        height:50px;
        width:100px;
        background:url(../img/gettielogo.png) no-repeat 0 50%;
        background-size:100px 43px;
        left:0;
        top:0;
    }
    .page-how-it-works header.non-logged .navi-right .button {
        height:50px;
        line-height:50px;
        border:0;
        padding:0 35px;
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 0.3px;
        text-align: center;
        transition:all ease 0.2s;
        margin-left:38px;
    }

    .gettie header.non-logged .navi-right {
    padding-top: 20px;
}

    .gettie header.non-logged .navi-right a.link-show-login-popup,
    .gettie header.non-logged .navi-right a.btn-empty {
        background:none;
        padding:0;
        color:#000 !important;
        border:0;
    }
    .gettie header.non-logged .navi-right a.link-show-login-popup:hover,
    .gettie header.non-logged .navi-right a.btn-empty:hover {
        background:none;
        color:#ffbe00 !important;
    }
    .gettie header.non-logged .navi-right .button {
        margin-left:38px;
    }

    .page-how-it-works header.non-logged .navi-right a.link-show-login-popup,
    .page-how-it-works header.non-logged .navi-right a.btn-empty {
        background:none;
        padding:0;
        font-weight:500;
    }
    .page-how-it-works header.non-logged .navi-right a.link-show-login-popup:hover,
    .page-how-it-works header.non-logged .navi-right a.btn-empty:hover {
        color:#ffbe00 !important;
    }
    .page-home header.non-logged .navi-right a.link-show-login-popup,
    .page-home header.non-logged .navi-right a.btn-empty {
        background:none;
        padding:0;
        color:#000 !important;
        border:0;
    }
    .page-home header.non-logged .navi-right a.link-show-login-popup:hover,
    .page-home header.non-logged .navi-right a.btn-empty:hover {
        background:none;
        color:#ffbe00 !important;
    }
    .page-home header.non-logged .navi-right .button {
        margin-left:38px;
    }
/* how it works new page */

.owl-stage {
    background-color: #e6e6e6;
}

.button.sales-ended {
    opacity:0.3;
}

.btn-view-photo div {
    background: url(../img/full-screen.svg) no-repeat;
    width: 15px;
    height: 15px;
    float: left;
    margin-top: 8px;
    margin-left: 7px;
    margin-right: -7px;
}

.event-contribute-list .condensed-event h3.not-start-yet {
    border: none;
    padding: 0px;
    font-weight: 500;
}

.condensed-event-gallery.hide-owl-controls .owl-controls {
    display:none;
}
.mixstir-forms * {

}
.tabs-my-events {
    font-family:proxima-nova;
}
.tabs-my-events .ui-tabs-nav, .tabs-joined .ui-tabs-nav {
    list-style:none;
    display:table;
    width:100%;
    padding-bottom:10px;
}
    .tabs-my-events .ui-tabs-nav li,  .tabs-joined .ui-tabs-nav li {
        float:left;
        padding-right:23px;
    }

    .tabs-joined .ui-tabs-nav li {
        float:left;
        padding-right:0;
        width:50%;
    }

    .tabs-my-events .ui-tabs-nav li:last-child {
        padding-right:0;
    }
    .tabs-my-events .ui-tabs-nav li a {
        display:block;
        font-size: 20px;
        font-weight: 700;
        text-align: left;
        color: #c1c1c1;
        line-height:36px;
        white-space:nowrap;
        border-bottom:5px solid transparent;
        padding-bottom:2px;
    }

    .tabs-my-events .ui-tabs-nav li.ui-tabs-active a {
        color: #000;
        border-bottom:5px solid #ffbe00;
    }

    .tabs-joined .ui-tabs-nav li a {
        display:block;
        font-size: 18px;
        font-weight: 600;
        text-align: left;
        color: #c1c1c1;
        line-height:36px;
        white-space:nowrap;
        border-bottom:5px solid transparent;
        padding-bottom:2px;
        text-align: center;
         border-bottom:1px solid #c1c1c1;
    }

    .tabs-joined .ui-tabs-nav li.ui-tabs-active a {
        color: #000;
        border-bottom:3px solid #000;
    }

.event-contribute-list.with-invites .scroll-contributed .sub{
    padding-left: 0px; 
    padding-right: 0px; 
    margin-right: -15px;
}

   .event-contribute-list.with-invites .scroll-contributed .sub .ui-tabs-panel ul {
        padding-left: 50px; 
        padding-right: 50px; 
    }

.event-contribute-list.with-invites .condensed-event h3 {
    border:none;
}


    .block-mixstirs-info .fake-table {
        width:100%;
    }
    .block-mixstirs-info .fake-td {
        vertical-align:bottom;
        height:73px;
    }
.page-mixologist section > .wrapper {
    width:1190px;
    max-width:1190px;
}
.page-mixologist section {
    background:#f4f5f7;
    position:relative;
}
.page-mixologist .editor-forms {
    border-left-color:transparent;
    padding-left:43px;
}
.page-mixologist .mix-left {
    position:absolute;
    left:0;
    height:100%;
    background:#fff;
    border-right:2px solid #eaeaea;
}

.editor-forms .btn-create, #joined .button{
    height:40px;
    border-radius:20px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    padding:0 16px;
    letter-spacing:0;
    position:absolute;
    right:0;
}

#popup-invites #joined .button {
    position: relative;
    line-height: 40px;
    width: 170px;
    margin: 20px auto;
}

#popup-invites #joined p, #popup-invites #not-joined p {
    font-size: 18px;
    line-height: normal;
    font-weight: normal;
}

#popup-invites #joined .inspection.icon-group {
    width: 82px;
    height: 61px;
}


.upload-photo-container {
    background: url(../img/upload-box-avatar.png) no-repeat;
    background-size: auto 147px;
    width:147px;
    height:147px;
    margin: 60px auto;
    cursor:pointer;
}

.upload-photo-edit-btn {
    background:url(../img/upload-box-edit-button.png) no-repeat;
    background-size: auto 35px;
    width: 35px;
    height: 35px;
    float: right;
}
.login-popup .cropit-image-buttons .button {
    float: none;
    width: 100%;
   margin: 10px 0;
    font-family: 'proxima-nova';
    font-size: 17px;
}

.image-cluster {
    width:100%;
}
    .image-cluster .fake-td {
        vertical-align:top;
    }
    .image-cluster .fake-td:first-child {
        width:381px;
        padding-right:31px;
    }
.panel-wrapper > p {
    font-size: 17px;
    text-align: left;
    color: #4a4a4a;
    padding-top:2px;
    padding-bottom:5px;
}
.panel-wrapper .checkbox-list .checkbox p, .panel-wrapper .checkbox p {
    font-size: 17px;
    text-align: left;
    color: #4a4a4a;
    padding-bottom:5px;
}
.panel.pgettie.pb2px {
    padding-bottom:2px;
    margin-bottom:15px;
}
.panel.pgettie.pb2px0 {
    padding-bottom:2px;
}
.editor-forms .fake-table.ft-croudfund {
    width:auto;
}
    .ft-croudfund h3 {
        padding:0;
    }
    .ft-croudfund .fake-td {
        vertical-align:middle;
        padding-right:20px;
    }
    .ft-croudfund .fake-td:first-child {
        text-align:left;
    }
    .ft-croudfund .checkbox {
        height:15px;
        width:15px;
    }
.page-mixologist .editor-forms.settings-form, .table-panel .btn-rem.button {
    padding-left:40px !important;
}
.profile-form .button, .editor-forms .payment-add .button, .no-hires-wrap .button, .invite-buttons .button, .editor-forms .button.btn-delete {
    height:40px;
}
.editor-forms #coupons .button.btn-delete {
    min-width:50px !important;
}
.editor-forms #coupons td {
    padding:5px;
}
.editor-forms #coupons {
    margin:0;
}
#coupon-codes .buttons .button {
    margin-bottom:5px;
}
#coupon-codes .buttons .button:last-child {
    margin-left:10px;
}
.profile-form .double-fields .row-full {
    padding-left:0;
}
.editor-forms.settings-form .button {
    min-width:100px !important;
}
.payment-block h3:not(:first-child) {
    padding-top:40px;
}

/* groups */
.groups-page {
    background:#f4f5f7;
    margin-top:78px;
}
    .groups-page .editor-forms.edit-list {
        padding:163px 0;
        background:none;
        border:0;
    }
    .groups-page .editor-forms::after {
        display:none;
    }
    .groups-page .no-hires.middle-block {
        margin-left:auto;
        margin-right:auto;
        padding-bottom:38px;
    }
    .groups-page .editor-forms.edit-list .no-hires h3 {
        padding-top:24px;
        font-size:30px;
        margin-top:0;
        padding-bottom:15px;
    }
    .groups-page .editor-forms.edit-list .no-hires p {
        font-size:20px;
        line-height:1;
    }
.inspection.icon-group {
    background-image:url(../img/group-icon.svg);
    height:90px;
    width:120px;
}
.group-members.event-contribute-list {
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
    padding-top:100px;
    padding-bottom:100px;
}
    .group-members.event-contribute-list .fake-table,
    .event-contribute-list.group-members .condensed-event {
        width:100%;
    }
.group-members h1 {
    font-size: 40px;
    font-weight: bold;
    text-align: left;
    color: #000000;
    margin-right:170px;
    padding-bottom:21px;
}
.group-members .button.btn-add-members {
    height:40px;
    border-radius:20px;
    line-height:40px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    width:150px;
    padding:0 5px;
    text-align:center;
    float:right;
    margin-top:8px;
}
.group-members *, .my-group-list *, .my-groups *, .manage-groups *, .add-members-fields *, .share-body p {
    font-family:proxima-nova;
}
.event-contribute-list.group-members .scroll-contributed {
    padding-top:15px;
    padding-bottom:15px;
}
.event-contribute-list.group-members .scroll-contributed .sub {
    padding-left:35px;
    padding-right:35px;
}
.event-contribute-list.group-members .scroll-contributed .scrollbar-wrapper {
    max-height:none;
    padding-right:0;
    overflow:visible;
}
.clear {
    clear:both;
}
.my-groups {
    padding-top:31px;
    padding-bottom:70px;
}
    .my-groups h1 {
        font-size: 40px;
        font-weight: bold;
        color: #000000;
        padding-bottom:22px;
    }
.my-group-list {
    display:table;
    width:100%;
    list-style:none;
}
    .my-group-list > li {
        float:left;
        width:33.33%;
        padding-bottom:30px;
    }
    .my-group-list > li:nth-child(3n+1) {
        padding-right:20px;
    }
    .my-group-list > li:nth-child(3n+2) {
        padding-left:10px;
        padding-right:10px;
    }
    .my-group-list > li:nth-child(3n+3) {
        padding-left:20px;
    }
        .my-group-list > li:nth-child(3n+1) .group-item {
            float:left;
        }
        .my-group-list > li:nth-child(3n+2) .group-item {

        }
        .my-group-list > li:nth-child(3n+3) .group-item {
            float:right;
        }
    .my-group-list .group-item {
        display:block;
        background:#fff;
        color:#000;
        height:280px;
        border-radius:4px;
        text-align:center;
        width:100%;
        padding-top:44px;
        padding-left:10px;
        padding-right:10px;
         -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.02);
            -moz-box-shadow:0 2px 9px 0 rgba(0, 0, 0, 0.02);
            box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.02);
    }

        .my-group-list .group-item:hover {
            border-color: rgb(255, 194, 39);
border-width: 2px;
border-style: solid
        }

        .my-group-list .group-item > span {
            display:block;
        }
        .my-group-list .group-item .img, .my-group-list .group-item .img img {
            border-radius:50%;
            overflow:hidden;
            -webkit-mask:#fff;
            height:100px;
            width:100px;
            margin-left:auto;
            margin-right:auto;
            display:block;
            background:#eee;
        }
        .my-group-list .group-item .title {
            font-size: 23px;
            font-weight: 600;
            line-height:27px;
            height:27px;
            white-space:nowrap;
            text-overflow:ellipsis;
            color: #000000;
            overflow:hidden;
            margin-top:41px;
        }
        .my-group-list .group-item .members {
            font-size: 16px;
            color: #9b9b9b;   
            line-height:20px;
            height:20px;
            white-space:nowrap;
            text-overflow:ellipsis;
            overflow:hidden;
            margin-top:3px;
        }
.manage-groups {
    position:relative;
    background:#4a4a4a;
    color:#fff;
    padding-top:2px;
    padding-bottom:0px;
    z-index:1;
}
    .manage-groups::after,
    .manage-groups::before {
        position:absolute;
        height:100%;
        width:1000px;
        background:#4a4a4a;
        content:' ';
        display:block;
        top:0;
        z-index:1;
    }
    .manage-groups::before {
        right:100%;
    }
    .manage-groups::after {
        left:100%;
    }
    .manage-groups .fake-table {
        width:100%;
    }
    .manage-groups .fake-td {
        vertical-align:middle;
    }
    .manage-groups .fake-td:first-child {
        width:70%;
        padding-right:20px;
        text-align:left;
    }
    .manage-groups .fake-td:last-child {
        text-align:right;
    }
    .manage-groups h3 {
        font-size: 24px;
        font-weight: 600;
        padding-bottom:7px;
    }
    .manage-groups p {
        font-size: 18px;
    }
    .manage-groups .button {
        border-radius:20px;
        height:40px;
        line-height:40px;
        font-size: 16px;
        font-weight: 600;
        width:150px;
        float:right;
    }
    .manage-groups .button.btn-green {
        background:#66c400;
    }
    .manage-groups .button.btn-green:hover {
        background:#55b300;
    }

      .manage-groups .button.btn-red {
        background:#f73724;
    }
    .manage-groups .button.btn-red:hover {
        background:#e91c08;
    }
#popup-create-group .not-scroll-button {
    border-top-color:#fff;
}
#popup-create-group .share-body .textfield, .add-members-fields .textfield, .add-members-fields ul.token-input-list,
 #shipping-information-popup .share-body .textfield, #request-extra-information-popup .share-body .textfield {
    border:2px solid #e9e9e9 !important;
    height:55px !important;
    border-radius:6px;
    padding-left:25px;
    padding-right:25px !important;
    max-width:362px;
    margin-left:auto;
    margin-right:auto;
    width:100% !important;
    display:block;
    font-family:proxima-nova;
    float:none !important;
    font-size:16px !important;
}

#request-extra-information-popup .share-body .textfield {
    padding-left:10px;
    padding-right:10px !important;
    max-width:480px;
    font-size:15px !important;
}

#popup-create-group .share-body .textfield.error, .add-members-fields .textfield.error, 
#popup-questions .share-body .textfield.error ,
 #shipping-information-popup .share-body .textfield.error, #request-extra-information-popup .share-body .textfield.error {
      border:2px solid #f00 !important;
}

.add-members-fields .textfield, .add-members-fields ul.token-input-list {
    height:111px !important;
    max-width:100% !important;
    padding-top:18px;
    padding-bottom:18px;
}
#popup-create-group .mixstir-image-circle {
    height:161px;
    width:220px;
    border-radius:0;
}
    #popup-create-group .mixstir-image-circle img {
        height:133px;
        width:133px;
        border-radius:50%;
        -webkit-mask:#fff;
        border:4px solid #e8e8e8;
        display:block;
    }
    .cropit-image-preview {
        height:133px;
        width:133px;
    }
#popup-create-group .mixstir-image-circle label {
    font-size:18px;
    font-weight:600;
    line-height:20px;
    top:auto;
    bottom:0;
    width:100%;
    left:0;
    margin-left:0;
    display:block;
}
.cropit-image-background-container {
    position:absolute;
}
#popup-create-group .row-avatar {
    padding-top:31px;
    margin-bottom:52px;
}
#popup-create-group .row {
    padding-bottom:29px;
}
.event-contribute-list#popup-create-group .scroll-contributed.selected-list-scroll,
.event-contribute-list#popup-create-group .scroll-contributed.selected-list-scroll .scrollbar-wrapper {
    max-height:none;
}
    .event-contribute-list#popup-create-group .scroll-contributed.selected-list-scroll .scrollbar-wrapper {
        padding-right:0;
        overflow:visible;
    }
.cropit-image-buttons .select-image-btn {
    line-height:40px;
}
.cropit-image-buttons .button {
    margin-left:5px;
    margin-right:5px;
}
.add-members-fields {
    width:100%;
    max-width:542px;
    margin-left:auto;
    margin-right:auto;
    padding-top:24px;
    padding-bottom:24px;
}
    .add-members-fields p {
        font-size: 19px;
        line-height: 1.26;
        text-align: center;
        color: #474747;
        padding-bottom:33px;
    }
    .add-members-fields .row {
        padding-left:27px;
        padding-right:27px;
    }
#popup-add-members .not-scroll-button {
    border-top-color:#fff;
    padding-top:13px;
}
    #popup-add-members .not-scroll-button .button {
        margin-left:0;
        margin-right:0;
        float:right;
        padding:0 23px;
        font-family:proxima-nova;
    }
#popup-add-members .not-scroll-button .btn-wrapper {
    max-width:488px;
    margin-left:auto;
    margin-right:auto;
}
/* groups */

.event-contribute-list.group-members .condensed-event {
 -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.02);
            -moz-box-shadow:0 2px 9px 0 rgba(0, 0, 0, 0.02);
            box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.02);
}

#popup-questions .link {
    font-size: 16px;
    font-weight: normal;
}

#popup-questions .sub {
    padding: 10px 30px;
}

#popup-questions .share-body .textfield {
    color: #4a4a4a !important;
    font-weight: 400;
    height: 40px;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #dbdbdb!important;
    padding: 0 20px;
    letter-spacing: 0;
    font-size: 15px!important;
    text-align: left;
     font-family:proxima-nova;
}

#popup-questions .product-item .ftd {
    border:none;
    padding-top: 10px;
    padding-bottom: 10px;
}

#questions-box {
    width:0px;
    height:0px;
    display:none;
}

.of .mixstir-forms {
    /*margin-top:0px;*/
}

#popup-invites.event-contribute-list .scroll-contributed #joined  ul li {
    -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.02);
    -moz-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.02);
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.02);
     border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #e4e8ea;
      margin: 6px 0px;
    padding: 18px 24px;
}

.event-contribute-list.with-invites .scroll-contributed .sub #joined.ui-tabs-panel ul {
        padding-left: 29px;
        padding-right: 29px;
}

#popup-invites.event-contribute-list .scroll-contributed #joined ul .user-mini-item, 
#popup-invites.event-contribute-list .scroll-contributed #joined ul .not-scanned,
#popup-invites.event-contribute-list .scroll-contributed #joined ul .scanned{
    display:table-cell;
    vertical-align:middle;
}


#popup-invites.event-contribute-list .scroll-contributed #joined ul .user-mini-item small
{
    font-size: 14px;
    color: grey;
    /*display: -webkit-inline-box;
    margin-left: -40px;
    margin-top: -10px;
    height: 10px;*/
}

#popup-invites.event-contribute-list .scroll-contributed #joined ul .not-scanned img,
#popup-invites.event-contribute-list .scroll-contributed #joined ul .scanned img{
    width:42px;
    height:42px;
    vertical-align: middle;
}
.tabs-joined ul.ui-tabs-nav {
    padding-bottom:0;
}
.event-contribute-list.with-invites .scroll-contributed .sub .ui-tabs-panel ul.token-input-list {
    padding-left: 5px;
    padding-right: 5px;
}

.del-button {
    float: left;
    color: red;
    background: none;
    font-size: 16px;
    font-weight: 500;
    height: 53px;
}

.box-popup-list-invites {
   padding:10px;
   text-align:center;
   padding-top:22px;
}

.box-popup-list-invites .bulk-email {
    margin-left:0px;
}

#not-joined {
    display:none;
}
.groups-join-list {
    width:100%;
    padding-left:27px;
    padding-right:7px;
}
    .groups-join-list small {
        display:block;
        line-height:14px;
        color:#9b9b9b;
        padding-top:4px;
    }
    .groups-join-list em {
        display:block;
        font-style:normal;
        line-height:20px;
        font-size:20px;
        font-weight:500;
        padding-top:19px;
    }
.event-contribute-list .scroll-contributed ul.groups-join-list .user-mini-item {
    padding-top:0;
}
    .event-contribute-list .scroll-contributed ul.groups-join-list .user-mini-item img {
        height:74px;
        width:74px;
        border-radius:50%;
    }
.groups-join-list .not-scanned {
    vertical-align:middle;
}
#popup-invites.event-contribute-list .scroll-contributed #joined ul li {
    border:2px solid #f1f3f4;
    width:100%;
    padding:15px 21px;
}

.tr-search img{
    width: 32px;
    height: 32px;
    vertical-align: middle;
}

.tabs-joined #joined,.tabs-joined #not-joined{
    padding-left:15px;
    padding-right:15px;
}

/* options */
.sub-panel {
    background: #f8f8f8;
}
.panel-with-sub .sub-panel {
    display:none;
}

.panel-with-sub .panel.pgettie{
        margin-bottom: 0px;
}

.editor-forms.main-form.product #host-tickets{
    margin-top: -30px;
}

.panel-with-sub.on .sub-panel {
    display:block;
}
.panel-with-sub.on .panel:first-child {
    margin-bottom:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
}
.panel-with-sub .panel > .row:last-child {
    padding-bottom:0;
}
.panel-with-sub .panel .row.col-1 {
    width:212px;
    padding-right:0;
}

.panel-with-sub .panel .row.col-q {
    width:160px;
    padding-right:0;
}
.panel-with-sub .panel .row.col-4 {
    width:174px;
    padding-right:0;
    padding-left:0;
}

.panel-with-sub {
    margin-bottom: 28px;
}

.panel-with-sub .panel .row.col-p {
    width:100px;
}

.panel-with-sub .panel .row.col-p input {
    width:90px;
}

.panel-with-sub .panel .row.col-q input {
   width: 150px;
}

.panel-with-sub .panel .row.col-2 {
    width:212px;
    padding-left:27px;
    padding-right:0;
    width:350px;
}
.panel-with-sub .panel .row.col-tool {
    width:40px;
    padding-left:10px;
}
.double-fields.table-values .row {
    float:none;
    display:table-cell;
    vertical-align:bottom;
}
.double-fields.table-values {
    width:100%;
    max-width:623px;
}
.row-head .row {
    padding-bottom:0 !important;
}
.panel-with-sub .icon-remove {
    display:block;
    height:40px;
    width:30px;
    background:url(../img/icon-close.png) no-repeat 50% 50%;
    background-size:20px auto;
    cursor:pointer;
}
.panel-with-sub .for-add-more {
    padding-left:0;
    padding-right:0;
    padding-top:0;
}
    .for-add-more .button {
        float:none;
        font-weight:300;
        height:40px;
        padding:0 36px;
        font-size:15px;
        margin:0;
        color:#fff !important;
        width:auto;
        min-width:10px !important;
        display:inline-block;
    }
.panel-with-sub p {
    font-size:15px;
    color:#9b9b9b;
}
.panel-with-sub .link {
    font-weight:400;
}
.panel-with-sub .link-close {
    display:none;
}
.panel-with-sub.on .link-close {
    display:inline;
}
.panel-with-sub.on .link-open {
    display:none;
}
.values-list .table-values:last-of-type .row {
    padding-bottom:0;
}

#values-list2.values-list .table-values .row {
    padding-right:10px;
}

#new-event.product #quantityPriceBreaks.product-text {
    display:none;
}

    #new-event.product #quantityPriceBreaks.product-text.on {
        display:block;
    }

.main-form .row .textfield.selectize-control {
    background:#fff;
    min-height:40px;
    height:auto;
    border: solid 1px #dbdbdb;
    border-radius:4px !important;
}
.main-form .row .textfield.selectize-control:hover {
    border: solid 1px #20a9f1;
}
.selectize-input {
    background:#fff;
    box-shadow:none !important;
    min-height:34px;
    border:0 !important;
    border-radius:0 !important;
    padding:0 !important;
}
.selectize-control.multi .selectize-input .item {
    font-size:15px;
    height:29px;
    line-height:29px;
    box-shadow:none !important;
    border-radius:3px !important;
    color:#fff;
    padding:0 13px;
    border:0 !important;
    text-shadow:none !important;
    margin:4px 10px 0 0 !important;
    background:#ffbe00 !important;
}
.values-list label, .options-list label {
    display:none !important;
}
.values-list .col-4 label {
    display:block !important;
}
/* options */

.selectize-input input[type=text] {
    padding-top: 10px!important;
    font-size:15px;
}

.selectize-control.plugin-remove_button [data-value] .remove {
    border:none;
}
.set-of-photos .upload-featured-photo.hidden {
    display:none;
}

#addmoreimages
{
    text-align: center;
    color: black;
    margin-left: 20px;
}

.discounts-popup-col {
    width:50%;
    float:left;
    text-align: right;
}

.discounts-popup-col.header {
  font-family: proxima-nova;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}

.discounts-popup-col.grey
{
   font-family: proxima-nova;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a;
}

.discounts-popup-col.green
{
  font-family: proxima-nova;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #66c400;
}

#span-total-discount {
    text-align:center;
    font-family: proxima-nova;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #4a4a4a;
      margin-top: 20px;
}

#discounts-popup ul{
    margin-left: -30%;
    margin-right: 10%;
}

#discounts-popup .not-scroll-button .button {
    background: grey;
    float: right;
    width: 150px;
}

.or-less-if-more-join {
   font-family: proxima-nova;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffbe00;
  margin-left:10px;
      top: 6px;
}

.or-less-if-more-join .text-style-1 {
  color: #dbdbdb;
}

.price-per .tooltip2 {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.price-per .tooltip2 .tooltiptext2 {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.price-per .tooltip2:hover .tooltiptext2 {
    visibility: visible;
}

.price-per .tooltip2 .tooltiptext2 {
    top: 100%;
    left: 50%; 
    margin-left: -138px; 
    width: 276px;
    color: black;
    margin-top:20px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.51);
  padding: 20px;
}

.price-per .tooltip2 .tooltiptext2 .c1, .price-per .tooltip2 .tooltiptext2 .c2 {
    width:50%;
    float:left;
  font-family: proxima-nova;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #9b9b9b;
}

.price-per .tooltip2 .tooltiptext2 .c1.h, .price-per .tooltip2 .tooltiptext2 .c2.h
{
     color: #4a4a4a;
}

.main-form #payment-history.accounts .button.red-button {
    height: 32px;
    line-height: 32px;
    font-size: 16px;
}

#payment-history.accounts tbody tr td:first-of-type {
    font-size: 16px;
    vertical-align: middle;
}

/* ui tabs */
.ui-tabs-nav {
    list-style: none;
    display: flex;
    flex-direction: row;
    margin:0 0 15px 0;
    padding:0;
    width:auto;
}

    .ui-tabs-nav > li {
        padding-right: 23px;
    }

        .ui-tabs-nav > li:last-child {
            padding-right: 0;
        }

        .ui-tabs-nav > li a {
            display: block;
            white-space: nowrap;
            border-bottom: 4px solid transparent;
            color: #9f9f9f;
            font-weight: 600;
            font-size: 18px;
            line-height: 1.8;
            transition: color ease 0.3s, border-bottom-color ease 0.3s;
            font-family: proxima-nova;
        }

            .ui-tabs-nav > li a:hover {
                color: #1f2532;
            }

        .ui-tabs-nav > li.ui-state-active a {
            color: #1f2532;
            border-bottom-color: #ffbe00;
        }
.ui-tabs-panel:not(.block-mixstirs) {
    background: #fff;
    border-radius: 6px;
    padding: 30px;
}
/* ui tabs */

/* organizer form */
.organizer-form {
    max-width:696px;
}
    .organizer-form h2 {
        font-weight: 600;
        font-family: proxima-nova;
        font-size:40px;
        line-height:1.2;
        padding-bottom:25px;
    }
.main-form .organizer-form .row {
    padding-bottom:20px;
    display:table;
    width:100%;
}
.main-form .organizer-form .row:last-child {
    padding-bottom: 0;
}
    .editor-forms.main-form .organizer-form .row label {
        font-family: proxima-nova;
        padding: 0 0 10px 0;
    }
        .editor-forms.main-form .organizer-form .row label .verify {
            font-size:13px;
            color:#9b9b9b;
            transition:color ease 0.3s;
            margin-left:10px;
        }
        .editor-forms.main-form .organizer-form .row label .verify:hover {
            color: #ffbe00;
        }
        .editor-forms.main-form .organizer-form .row label .verified {
            color: #39b54a;
            font-size: 13px;
            line-height:23px;
            float:right;
        }
.editor-forms.main-form .organizer-form .row.half {
    width:50%;
}
.editor-forms.main-form .organizer-form .row .hint {
    font-weight: 400;
    font-family: proxima-nova;
}
.editor-forms.main-form .organizer-form .row input.textfield,
.editor-forms.main-form .row textarea.textfield {
    font-family: proxima-nova;
    /*color: #aeaeae;*/
}
    /*.editor-forms.main-form .organizer-form .row input.textfield:active,
    .editor-forms.main-form .organizer-form .row input.textfield:focus{
        color: #000;
        border-color:#000;
    }*/
    .editor-forms.main-form .organizer-form .row input.textfield[disabled] {
        color:#aeaeae;
        background-color:#efefef;
    }
.main-form .organizer-form h3 {
    font-weight: 600;
    font-family: proxima-nova;
    padding:5px 0 20px 0;
}
.main-form .organizer-form h3:first-child {
    padding-top:0;
}
.main-form .organizer-form .checkbox p {
    font-weight: 400;
    font-family: proxima-nova;
    line-height:18px;
    font-size:17px;
    cursor:default;
    color:#4a4a4a;
}
.hint#hint-tax-sales {
    font-weight: 400;
    font-family: proxima-nova;
    text-align: left;
    color: #a2a2a2;
    line-height:1.8;
    font-size:14px;
}
#hint-tax-sales {
    display:none;
}
.hint#hint-tax-sales b {
    font-weight: 600;
    font-family: proxima-nova;
}
.tax-rate-percent {
    display: none;
}
.tax-rate-percent.on {
    display: block;
}
    .tax-rate-percent .textfield-w {
        max-width:267px;
        position:relative;
    }
    .editor-forms.main-form .row .tax-rate-percent .textfield-w .textfield {
        padding-right: 40px;
        text-align: right;
    }
        .tax-rate-percent .textfield-w::after {
            position: absolute;
            top: 0;
            right: 0;
            width: 40px;
            color: #aeaeae;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-weight: 400;
            font-family: proxima-nova;
            font-size: 18px;
            z-index: 2;
            content: '%';
        }
/* organizer form */

.shipping-details {
    display: none;
    margin-left: 40px;
}

    .shipping-details .p-small {
        color: #9b9b9b;
        font-size: 17px;
        margin-bottom: 10px;
    }

    .shipping-details  #ShippingValue {
        width: 140px;
    }
.organizer-form .fake-field {
    border: 0;
    height: auto;
    color: #aeaeae;
    font-size: 15px;
    line-height:1.3;
    padding:  0;
    font-family:proxima-nova;
}
.organizer-form h3 {
    font-family: proxima-nova;
}
.main-form.editor-forms .credit-card-item .buttons {
    padding-top: 0;
    padding-bottom:0;
}
.main-form.editor-forms .credit-card-item .buttons .button {
    margin-left: 0;
    margin-right: 10px;
    float: left;
}

.shipping-option.hidden {
    display:none;
}

.mixtir-item-date.mixtir-item-product {
    color: white;
    background: rgba(0, 0, 0, 0.29);
    width: 130px;
    font-size: 12px;
}

.mixtirs-list .mixtir-item:not(.last-in-list):hover {
    -webkit-transform: translateY(-2px);
    -webkit-box-shadow: 0 0 4px 0 rgba(46,62,72,.12),0 4px 12px 0 rgba(46,62,72,.12);
  
}

.mixtirs-list .mixtir-item:not(.last-in-list) .mixtir-item-footer .mixtir-item-user span:hover {
    text-decoration: underline !important;
}

#update-text-tax {
    display: none;
    color: red;
    margin-top: 10px;
    font-size: 12px;
}

label .small {
    font-size: 14px;
}

.StripeElement {
    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

.product-text .red {
    color: red;
}

.d-table {
    display: table !important;
}

.d-table-cell {
    display: table-cell!important;
}

.btn-del {
    background: #fff !important;
    color: #e91c08 !important;
    border: 2px solid #e91c08 !important;
    line-height: 37px !important;
    margin-top: 15px !important;
    margin-right: 20px !important;
}

    .btn-del:hover {
        background: #e91c08 !important;
        color: #fff !important;
    }
/* RESPONSIVE */
@media screen and (min-width:1520px) {
    .bartender-homepage {
        height: 345px;
    }

    .footer-homepage .links-container {
        margin-left: 20%;
    }

    .text-center-md {
        text-align: left !important;
    }
}

@media screen and (max-width:1430px) {
    .how-it-works-merchant .wrapper, .how-it-works-event .wrapper {
        max-width: 100%;
        width: 100%;
    }

    .how-it-works-conversation .wrapper,
    .how-it-works-features .wrapper {
        max-width: 1090px;
        width: 1090px;
    }

    .how-it-works-merchant, .how-it-works-event {
        background-size: 50% auto;
    }

        .how-it-works-merchant h2, .how-it-works-event h2 {
            font-size: 68px;
            padding-bottom: 23px;
        }

        .how-it-works-merchant p, .how-it-works-event p {
            font-size: 21px;
        }

        .how-it-works-merchant .sub {
            padding-left: 48px;
        }

        .how-it-works-event .sub {
            padding-right: 48px;
        }

    .how-it-works-features h2, .how-it-works-conversation h2 {
        font-size: 42px;
        padding-bottom: 45px;
    }

    .how-it-works-conversation {
        padding-top: 27px;
        padding-bottom: 87px;
    }

        .how-it-works-conversation h3 {
            font-size: 24px;
            padding-bottom: 13px;
            padding-top: 7px;
        }

        .how-it-works-conversation p {
            font-size: 16px;
        }

        .how-it-works-conversation .icon img {
            width: 45px;
            margin-bottom: 24px;
        }

        .how-it-works-conversation .icon.dollar img {
            height: 61px;
        }

        .how-it-works-conversation .icon.team img {
            height: 63px;
        }

    .how-it-works-features {
        padding-top: 50px;
        padding-bottom: 109px;
    }

    .how-it-works .col-4 {
        vertical-align: top;
    }

    .how-it-works-features ul li {
        font-size: 19px;
        line-height: 22px;
        background-position: 0 6px;
        background-size: 29px auto;
        padding: 4px 0 4px 51px;
        margin-bottom: 34px;
    }

    .how-it-works-features .col-4:first-child,
    .how-it-works-features .col-4:last-child,
    .how-it-works-features .col-4 {
        width: 33.33%;
    }

    .how-it-works-start-now {
        padding-top: 46px;
        padding-bottom: 21px;
    }

        .how-it-works-start-now h2 {
            font-size: 42px;
            padding-bottom: 14px;
        }

        .how-it-works-start-now p {
            font-size: 24px;
        }

        .how-it-works-start-now .foot {
            font-size: 18px;
        }

        .how-it-works-start-now .buttons {
            padding-top: 66px;
            padding-bottom: 87px;
        }

            .how-it-works-intro .buttons .button, .how-it-works-start-now .buttons .button {
                width: 264px;
                height: 52px;
                border-radius: 75px;
                line-height: 52px;
                font-size: 19px;
            }

    .how-it-works-intro h1 {
        font-size: 45px;
    }

    .how-it-works-intro .buttons {
        padding-top: 51px;
    }

    .how-it-works-intro .wrapper {
        min-height: 400px;
        height: 400px;
    }
}

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

    .page-mixologist section > .wrapper {
        width: 100%;
        max-width: 1190px;
    }

    .page-mixologist .editor-forms {
        border-left-color: #eaeaea;
    }

    .page-mixologist .mix-left {
        position: static;
        left: 0;
        height: auto;
        background: none;
        border-right: 0;
    }

    .page-mixologist section {
        background: transparent;
        position: static;
    }

    .editor-forms.edit-list {
        padding-left: 40px;
        padding-right: 0;
        padding-top: 50px;
    }


    .video {
        height: 600px;
    }

        .video h2 {
            padding-top: 50px;
        }

    .mixtir-item-headline {
        font-size: 22px;
    }

    .legend-text {
        margin-left: 0;
    }

    .table-panel .fake-th a.up,
    .table-panel .fake-th a.down {
        padding-right: 26px;
    }

    /* host */
    .editor-forms {
        padding-right: 40px;
        padding-left: 40px;
    }

    .calendar-header .calendar-legend {
        float: none;
        width: 100%;
        padding-bottom: 16px;
        text-align: left;
    }

    /* payment page */
    .payment-popup {
        position: relative;
        top: 0;
        left: auto;
        margin-bottom: 30px;
        margin-left: 0;
    }

        .payment-popup:after, .payment-popup:before {
            right: auto;
            bottom: 100%;
            top: auto;
            left: 60px;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .payment-popup:after {
            border-color: rgba(240, 240, 241, 0);
            border-top-color: #f0f0f1;
            top: 100%;
            border-bottom: 0;
            margin-top: 0;
            border-bottom: 0;
            border-width: 20px;
            margin-left: -20px;
        }

        .payment-popup:before {
            border-color: rgba(0, 0, 0, 0);
            border-top-color: #000;
            top: 100%;
            margin-top: 0;
            border-bottom: 0;
            border-width: 21px;
            margin-left: -21px;
        }

        .payment-popup .fake-table .fake-td {
            display: table-cell;
        }

        .payment-popup.payout-popup {
            top: 0;
        }

            .payment-popup.payout-popup:after,
            .payment-popup.payout-popup:before {
                top: 100%;
            }
    /* payment page */
}

@media screen and (max-width:1275px) {
    .footer-homepage .copyright-container h3 {
        padding-left: 28%;
    }
}


@media screen and (max-width:1140px) {
    #sk-holder #sk-container {
        right: 20px !important;
        margin-right: 0 !important;
    }

    .how-it-works-conversation .wrapper, .how-it-works-features .wrapper {
        max-width: 1090px;
        width: 100%;
    }
}

@media all and (max-width:1052px) {
    .event-menu .sub {
        width: 100%;
    }

    .panel-with-sub .panel .row.col-2 {
        width: 300px;
    }
}

@media screen and (max-width:1023px) {
    .values-list label, .options-list label {
        display: block !important;
    }

    .values-list .double-fields, .options-list .double-fields {
        position: relative;
        border-bottom: 1px solid #ccc;
        padding: 0 0 20px 0;
        margin-bottom: 20px;
    }

        .values-list .double-fields > .row:last-child,
        .options-list .double-fields > .row:last-child {
            padding-bottom: 0 !important;
        }

    .panel.pgettie .row.pt {
        padding-top: 11px;
    }

    .values-list .double-fields:last-child,
    .options-list .double-fields:last-child {
        margin-bottom: 0;
        border-bottom: 0;
    }

    .values-list .double-fields:last-child {
        padding-bottom: 0;
    }

    .panel-with-sub .panel .row.col-tool {
        padding: 0;
        position: absolute;
        top: 20px;
        width: 20px;
        right: 0;
        top: 0;
    }

    .panel-with-sub .panel .row.col-2 {
        width: 66%;
        padding-bottom: 0;
    }

    .panel-with-sub .panel .row.col-1 {
        width: 34%;
        padding-bottom: 0;
    }

    .panel-with-sub .icon-remove {
        width: 20px;
        height: 20px;
    }

    .double-fields.row-head {
        display: none;
    }

    .values-list .table-values .row {
        display: block;
    }

        .values-list .table-values .row.col-4 {
            width: 100%;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

    .panel-with-sub .panel .row.col-p input, .panel-with-sub .panel .row.col-q input {
        width: 100%;
    }

    .values-list .table-values .row.col-p {
        padding-left: 0 !important;
        padding-right: 22px;
        width: 34%;
    }

    .values-list .table-values .row.col-1 {
        padding-right: 0 !important;
        width: 66%;
    }

    .editor-forms.main-form .row.col-4 label {
        font-weight: 700;
        font-size: 18px;
    }

    .values-list .table-values .row.col-p,
    .values-list .table-values .row.col-1 {
        float: left;
    }

    .block-mixstirs-list .block-mixstirs-info .fake-table .fake-td:last-of-type {
        padding-left: 0px;
    }

    .cropit-image-preview-container {
        margin-bottom: 0;
    }

    .intro-barhops.intro.free-beer-header h2 {
        font-size: 200px;
    }

    header .sub.sub-notifications {
        height: 58px;
        width: 30px;
        padding-top: 0;
        top: 0;
        right: 45px;
    }

    .mixstir-forms {
        margin-top: 58px;
    }

    header .sub > .ul {
        top: 60px;
    }

    header .sub .bell {
        height: 58px;
        padding-top: 14px;
    }

        header .sub .bell::after {
            top: 15px;
        }

    .cropit-image-buttons {
        margin-top: 20px;
        font-size: 0;
        line-height: 0;
        display: table;
    }

        .cropit-image-buttons .button:first-child {
            float: left;
        }

        .cropit-image-buttons .button:last-child {
            float: right;
        }

    .main-form .double-fields .row-full {
        padding-left: 0;
    }

    .main-form .double-fields .row {
        padding-left: 0;
    }

        .main-form .double-fields .row:first-child {
            padding-right: 11px;
        }

    .main-form .double-fields.datum .row:first-child {
        padding-right: 0;
    }

    .main-form .double-fields .row:nth-child(2) {
        padding-left: 11px;
    }

    .main-form .double-fields.datum .row:nth-child(2) {
        padding-left: 0;
    }

    .image-cluster .fake-td:first-child {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 13px;
    }

    .main-form .social-fields .double-fields .row-full input.textfield,
    .main-form .social-fields .double-fields .row.half input.textfield {
        width: 100%;
    }

    .main-form .social-fields .double-fields .row.half {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .editor-forms .isCrowdFund .fake-table .col-1 p.hint {
        margin-bottom: 10px;
        text-align: left;
    }

    header .navi-right .nm {
        position: static;
        height: auto;
        display: block;
        padding: 0;
    }

    .color-item .mixtirs-list > li:nth-child(2n+1),
    .color-item .mixtirs-list > li:nth-child(2n) {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .color-item .mixtir-item {
        height: auto;
        padding-bottom: 10px;
    }

    .page-sign-up {
        background-attachment: scroll;
    }

    .icon-mobile-menu,
    .user-label,
    .mobile-logo {
        display: block;
    }

    header {
        top: 0;
    }

    .page-home.non-logged header {
        top: 20px;
    }

    .intro .logo-brand-loggedout {
        display: block;
    }

    .page-home.non-logged .header {
        display: none;
    }

    .sigin-buttons {
        display: block;
    }

    .intro .wrapper > .fake-table > .fake-td {
        padding-top: 20px;
    }

    .header {
        background: #fff;
        height: 58px;
    }

    header .sub > ul {
        background: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 200px;
    }

        header .sub > ul:before, header .sub > ul:after {
            display: none;
        }

    .page-home.non-logged header .navi-right .sub:hover > a {
        color: #4a4a4a;
    }

    header .navi-right .sub > .user-menu {
        display: none;
    }

    .home-page.non-logged .header {
        background: none;
    }

    header nav {
        position: fixed;
        z-index: 100;
        top: 0;
        right: 0;
        text-align: right;
        border: 0;
        width: 100%;
        height: 100%;
        z-index: 11;
        background-color: rgba(0,0,0,0);
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transition: background-color ease 0.2s;
        -moz-transition: background-color ease 0.2s;
        transition: background-color ease 0.2s;
        display: none;
    }

    header.opened nav {
        background-color: rgba(0,0,0,0.75);
    }

    header.db nav {
        display: block;
    }

    header .navi-right {
        background: #f9f9f9;
        width: 233px;
        min-height: 100%;
        display: block;
        padding: 36px 18px;
        position: absolute;
        top: 0;
        right: 0;
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        -webkit-transition: transform ease 0.2s;
        -moz-transition: transform ease 0.2s;
        transition: transform ease 0.2s;
    }

    header.opened .navi-right {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    header .navi-right .sub > a,
    header .navi-right > a,
    header .navi-middle ul > li a,
    header .navi-right a,
    header .navi-right a.link-show-login-popup,
    header .navi-right .sub > a.limited,
    header .navi-right .nosub > a {
        border: 0;
        height: auto;
        padding: 0;
        height: 52px;
        line-height: 52px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: right;
        color: #4a4a4a;
        background: none;
        padding: 0 12px;
        max-width: 100%;
    }

    header .navi-right .sub > a {
        color: #4a4a4a;
        background: none;
        cursor: default;
    }

        header .navi-right .sub > a.limited {
            display: none;
        }

    header .navi-right > a,
    header .navi-middle ul > li a,
    header .navi-right a,
    header .navi-right a.link-show-login-popup {
        height: 44px;
        line-height: 44px;
        letter-spacing: 1px;
    }

    .header .navi-right .nosub > a:hover,
    .header .navi-right ul li a:hover {
        color: #ffbe00;
        background: none;
    }

    header div.sub, header div.nosub {
        margin-right: 0;
        display: block;
    }

    header div.sub, header div.nosub {
        height: auto;
    }

    header .navi-right .sub > a,
    header .navi-right .nosub > a {
        font-family: 'Gotham-Bold', 'Helvetica Neue', Helvetica, Arial;
        margin-bottom: 0;
        font-size: 20px;
        letter-spacing: 0;
        display: block;
    }

    header .navi-right .sub.sub-identify {
        margin-top: 14px;
    }

    header .navi-right .sub:hover > a {
        background: none;
        color: #4a4a4a;
    }

    header .sub > ul a {
        padding: 10px 0;
        border: 0;
        line-height: 52px;
        text-align: right;
        font-size: 20px;
        margin: 0;
    }

    header .navi-right .sub > a:hover,
    header .navi-right .nosub > a:hover,
    header .navi-right > a:hover,
    header .navi-middle ul > li a:hover,
    header .navi-right a:hover,
    header .navi-right a.link-show-login-popup:hover,
    .page-light header .navi-right .nosub > a:hover {
        color: #ffbe00;
        background: none;
    }

    header div.sub,
    header .sub > ul,
    header .sub:hover > a,
    header .navi-right .sub:hover > a,
    header div.nosub {
        background: none;
    }

        header .navi-right .sub:hover > a:hover {
            color: #ffbe00;
            background: none;
        }

        header div.sub > a {
            display: block;
        }

    header .navi-middle ul {
        display: block;
    }

    header .sub > ul {
        margin: 0;
        width: 100%;
        border: 0;
    }

    .page-light .header .mobile-logo,
    .page-mixologist .header .mobile-logo {
        background-image: url(../img/mixstir-logo.png);
        top: 7px;
    }

    .page-mixologist .icon-mobile-menu i,
    .page-light .icon-mobile-menu i {
        background: #4a4a4a;
    }

    header .sub > ul {
        position: static;
        display: block;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

    .page-home.non-logged header .navi-right .sub > ul a,
    .page-home.non-logged header .navi-right .nosub a,
    .page-home.non-logged header .navi-right a.link-show-login-popup {
        line-height: 44px;
        color: #4a4a4a;
        height: auto;
        border: 0;
        background: none;
    }

    .page-home.non-logged header .navi-right .sub > ul a,
    .page-home.non-logged header .navi-right .nosub a,
    .page-home.non-logged header .navi-right a.link-show-login-popup {
        padding: 0 12px;
        font-size: 20px;
        line-height: 52px;
    }

    .page-home.non-logged header .navi-right .nosub {
        height: auto;
    }

        .page-home.non-logged header .navi-right .nosub a {
            line-height: 52px;
            height: auto;
            font-size: 20px;
            height: 52px;
            color: #4a4a4a;
            font-weight: 700;
            font-family: 'Gotham-Bold', 'Helvetica Neue', Helvetica, Arial;
        }

            .page-home.non-logged header .navi-right .sub > ul a:hover,
            .page-home.non-logged header .navi-right a.link-show-login-popup:hover,
            .page-home.non-logged header .navi-right .sub > ul .active a,
            .page-home.non-logged header .navi-right .nosub a:hover {
                background: none;
                color: #ffbe00;
            }

    .page-home.non-logged header .navi-right a.link-show-login-popup {
        height: 44px;
    }

    .page-home.non-logged header div.sub, .page-home.non-logged header div.nosub,
    .page-home.non-logged header .sub.sub-identify, .page-home.non-logged header .sub.sub-identify:hover {
        margin: 0;
    }

        .page-home.non-logged header .sub.sub-identify,
        .page-home.non-logged header .sub.sub-identify:hover {
            margin-top: 14px;
        }

    .page-home.non-logged header div.sub {
        height: auto;
    }

    .page-home.non-logged header .navi-right .sub > a {
        color: #4a4a4a;
        border: 0;
        line-height: 52px;
        height: 52px;
        font-size: 20px;
        font-weight: 700;
        font-family: 'Gotham-Bold', 'Helvetica Neue', Helvetica, Arial;
        letter-spacing: 0;
        padding-left: 12px;
        padding-right: 12px;
    }

    header .navi-right a,
    header .navi-right a:hover {
        color: #4a4a4a;
    }

    header .navi-right .sub > a:after {
        border-top-color: #4a4a4a;
    }

    header .navi-right .sub > a:after {
        display: none;
    }

    header nav .navi-left {
        display: none;
    }

    header .logo-brand-loggedout {
        position: static;
    }

    header div.sub {
        height: auto;
    }

    header nav .navi-right {
        float: none;
        width: 233px;
    }

    header .sub > ul a,
    header a.link-show-login-popup {
        padding: 0 12px;
        font-weight: 300;
        font-family: 'Gotham-Light', 'Helvetica Neue', Helvetica, Arial;
    }

    header nav .navi-middle ul > li,
    header div.sub,
    header li.sub {
        display: block;
        height: auto;
        border-bottom: 0;
    }

    header .navi-right > a {
        padding-right: 36px;
    }

    .page-home.non-logged header .sub > ul {
        padding: 0;
        background: none;
    }

        .page-home.non-logged header .sub > ul a {
            text-align: right;
        }

    .event-detail-new {
        margin-top: 58px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .fixed-menu.scrolled {
        position: static;
    }
    /* home page */
    .intro {
        height: 600px;
    }

    .mixtirs-list li {
        width: 50%;
    }

    .mixtirs-list > li:nth-child(2n+1) {
        padding-right: 15px;
        padding-left: 0;
    }

    .mixtirs-list > li:nth-child(2n) {
        padding-right: 0;
        padding-left: 15px;
    }


    .color-item .mixtirs-list > li:nth-child(2n+2) {
        padding-right: 20px;
    }

    .video {
        height: 500px;
    }

        .video h2 {
            font-size: 50px;
            padding-top: 0;
        }

        .video p {
            font-size: 28px;
            padding-bottom: 30px;
        }

        .video .video-play {
            width: 90px;
            height: 90px;
        }
    /* home page */
    .filter {
        padding-top: 200px;
    }

        .filter .legend {
            position: static;
            padding-bottom: 20px;
            text-align: center;
        }

            .filter .legend h3 {
                padding-left: 0;
                text-align: center;
            }

            .filter .legend li {
                display: inline-block;
                margin-right: 20px;
            }

                .filter .legend li:last-child {
                    margin-right: 0;
                }

    .legend-text {
        margin-right: 30px;
        padding-top: 30px;
    }

    .filter-additional-headline {
        padding: 0;
    }

    .user-settings-tabs {
        padding-top: 196px;
    }

    /* barhops page */
    .find-barhops {
        padding-bottom: 85px;
    }
    /* barhops page */

    /* dashboard */
    .table-panel {
        margin-bottom: 20px;
    }

        .table-panel .fake-table {
            padding: 0;
        }

        .table-panel .fake-tr {
            display: block;
            padding-right: 0;
            padding-left: 20px;
            border-bottom: 6px solid #ffbe00;
            border-left: 6px solid #ffbe00;
        }

        .table-panel #ticket-types .fake-tr {
            padding-right: 20px;
        }

    .field-code.money-code {
        width: 170px;
    }

    .more-ticket-type-details {
        padding-top: 20px;
    }

    .multiply-uploading .button {
        max-width: 304px;
    }

    .row label .tooltip-fund .tooltiptext {
        right: -120px !important;
        width: 240px;
    }

        .row label .tooltip-fund .tooltiptext:after {
            right: 120px !important;
        }

    .tooltip-fund.switch .tooltiptext {
        right: auto !important;
        left: -15px !important;
        margin-left: 0;
    }

        .tooltip-fund.switch .tooltiptext:after {
            right: auto !important;
            left: 40px !important;
        }



    .table-panel .fake-tr:nth-child(2n+1) {
        border-bottom-color: #777;
        border-left-color: #777;
    }

    .table-panel .fake-tr.thead {
        display: none;
    }

    .table-panel .fake-td,
    .table-panel .fake-tr:last-child .fake-td {
        display: block;
        padding-top: 20px;
        padding-right: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid #f0f0f0;
    }

    .table-panel .fake-tr .fake-td:last-child {
        border-bottom: 0;
    }

    .table-panel .fake-td .mobile-th {
        display: block;
        padding-bottom: 10px;
    }

    .dashboards {
        padding-top: 114px;
        padding-bottom: 0;
    }
    /* dashboard */

    /* ticket */
    .ticket .fake-td,
    .ticket .fake-td.text-center {
        display: block;
        width: 100% !important;
        padding-top: 36px;
        padding-right: 0 !important;
        padding-bottom: 36px;
        padding-left: 0 !important;
        text-align: left;
    }

    .ticket .box:last-child {
        padding-bottom: 0;
    }

    .ticket .box p:last-child {
        padding-bottom: 0;
    }

    .ticket .codes .link-print {
        float: none;
        clear: both;
    }

    .potecial {
        padding: 0 0 50px 0;
    }

    /* ticket */
    .mixsters-events {
        width: 100%;
    }

    .owl-day-events .owl-nav .owl-prev,
    .owl-day-events .owl-nav .owl-next {
        z-index: 10;
        width: 40px;
        height: 40px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #ffbe00;
        background-position: 50% 50%;
        -webkit-background-size: auto 20px;
        -moz-background-size: auto 20px;
        background-size: auto 20px;
    }

    .owl-day-events .owl-nav .owl-prev {
        background-image: url(../img/icon-prev-white.png);
    }

    .owl-day-events .owl-nav .owl-next {
        background-image: url(../img/icon-next-white.png);
    }

    /* host */
    .editor-forms {
        padding-top: 40px;
        padding-bottom: 40px;
    }

        .editor-forms .fake-h3 {
            margin: 0;
            padding: 0;
        }

        .editor-forms .fake-tr,
        .editor-forms .fake-td {
            display: block;
            width: 100%;
        }

        .editor-forms .fake-table.ft-croudfund {
            width: auto !important;
        }

        .editor-forms .ft-croudfund .fake-td {
            display: table-cell;
            width: auto;
        }

        .editor-forms .fake-table .col-1,
        .editor-forms .fake-table .col-2 {
            width: 100%;
        }

        .editor-forms .with-hint {
            /*max-width:345px*/
        }

    .mix-left {
        padding: 0;
    }

    .sidebar-navi > li {
        padding-top: 50px;
    }

    .editor-forms .fake-table .col-1 {
        padding-right: 0;
    }

    header .navi-right .sub > a {
        width: auto;
    }

        header .navi-right .sub > a span.limited {
            line-height: inherit;
            text-transform: lowercase;
            width: auto;
            height: auto;
        }

    .block-mixstirs .block-mixstirs-info .row-bottom, .progressing-counter {
        padding-top: 20px;
    }

    .block-mixstirs-info .fake-td {
        height: auto;
    }

    .block-mixstirs .block-mixstirs-info .row-bottom a {
        margin-right: 15px;
    }

        .block-mixstirs .block-mixstirs-info .row-bottom a:last-child {
            margin-right: 0;
        }

    .tabs-my-events .ui-tabs-nav li a {
        font-size: 16px;
    }

    .editor-forms .btn-create {
        font-size: 14px;
        padding: 0 10px;
    }

    .editor-forms .button {
        min-width: 100px;
    }

    .edit-mixstirs-list li {
        width: auto;
        display: inline-block;
        float: none;
    }

        .edit-mixstirs-list li,
        .edit-mixstirs-list li:nth-child(3n+1),
        .edit-mixstirs-list li:nth-child(3n+3),
        .editor-forms .edit-mixstirs-list li {
            padding-left: 0;
            padding-right: 10px;
        }

    .edit-mixstirs-list {
        text-align: center;
    }

    .mixstir-block .edit-mixstirs-list li {
        margin-bottom: 10px;
    }

    .calendar-page-header {
        padding-right: 0;
        padding-left: 0;
    }

    .calendar-header .calendar-legend {
        white-space: normal;
    }

        .calendar-header .calendar-legend li {
            margin-left: 0;
        }

    .reviews {
        padding-top: 160px;
        padding-bottom: 80px;
    }

    /* no items pages */
    .no-hires {
        padding: 10px 30px;
    }

        .no-hires .no-hires-wrap {
            max-width: 230px;
        }
    /* no items pages */


    /*manage-kamik*/
    .main-form .button.verify, .editor-forms.main-form .row label.verified {
    }

    .main-form .buttons {
        padding: 5% 0px 0px;
    }

    /* your mixstirs */
    .event-sold-meter .progressing-counter {
        padding-right: 0px;
    }
    /* your hires */
    .block-bartenders {
        padding-bottom: 30px;
    }

    .block-bartenders-list {
        display: table;
        width: 100%;
    }

    .offer-item {
        float: left;
        width: 180px;
        overflow: hidden;
        margin: 0 10px 10px 0;
        height: 273px;
    }

        .offer-item.offer-accepted {
            height: 233px;
        }

        .offer-item .fake-td,
        .offer-item .fake-td.col1,
        .offer-item .fake-td.col2,
        .offer-item .fake-td.col4 {
            width: auto;
        }

            .offer-item .fake-td.col1 {
                padding-bottom: 10px;
            }

            .offer-item .fake-td.col4 {
                border-left: 0;
                padding: 0;
                text-align: center;
            }

            .offer-item .fake-td.col3 {
                padding: 10px 0;
            }

        .offer-item .button {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

            .offer-item .button:last-child {
                margin-bottom: 0;
            }
    /* your hires */
    .no-followers.no-hires {
        width: 100% !important;
    }

    .set-of-photos .upload-featured-photo:nth-child(2n+2) {
        margin-left: 0;
        margin-right: 0;
    }

    .editor-forms .fake-table, .editor-forms #ticket-types .fake-table, #ticket-types {
        width: 100% !important;
    }

    .tr-ticket .row {
        padding-right: 0;
    }

    .item {
        padding-bottom: 10px;
        padding-top: 20px;
        border-bottom: 1px solid #e6e6e6;
    }

        .item:first-child {
            padding-top: 0;
        }

        .item:last-child {
            padding-bottom: 0;
            border-bottom: 0;
        }

    .set-of-photos .upload-featured-photo {
        margin-bottom: 0;
    }

    .event-detail-slider .condensed-event-gallery,
    .event-detail-slider .condensed-event-gallery .item {
        height: 600px;
    }

    .event-detail-new .condensed-event-spots.condensed-event .fake-table .fake-td.col-title,
    .event-detail-new .condensed-event-spots.condensed-event .fake-table .fake-td.col-content {
        display: table;
        width: 100%;
        padding: 0;
    }

    .event-detail-new .condensed-event-spots.condensed-event .fake-table #event-tickets.fake-td.col-content {
        padding-right: 0px;
    }

    .event-detail-new .condensed-event-spots.condensed-event .fake-table .fake-td.col-title {
        border: 0;
        padding-top: 20px;
    }

    .event-detail-new .condensed-event-spots.condensed-event .fake-table .fake-td.col-content {
        padding-bottom: 40px;
    }

    .event-detail-new .condensed-event-spots.condensed-event.condensed-event-price .booking-box {
        clear: both;
    }

    /* event */

    /* share popup */
    .event-dialog.event-share .condensed-event {
        width: 90%;
        padding: 20px;
        min-height: 100px;
    }
    /* share popup */

    .progressing .progressing-counter {
        width: 100%;
        float: none;
        padding-bottom: 5px;
        height: auto;
    }

    .progressing progress {
        margin: 0 auto;
    }

    /* ios-homepage */
    .ios-homepage .fake-td.ios-left {
        width: 370px;
    }

    /* ios-homepage */

    .events h2:after {
        display: none;
    }

    .page-how-it-works header.non-logged .header, .page-how-it-works header.non-logged .navi-right {
        height: 58px;
    }

        .page-how-it-works header.non-logged .navi-right .button, .gettie header.non-logged .navi-right .button {
            float: none;
            margin: 0;
            color: #ffbe00 !important;
            padding: 0;
            display: block;
            text-align: right;
        }

        .page-how-it-works header.non-logged .navi-right a.link-show-login-popup, .page-how-it-works header.non-logged .navi-right a.btn-empty {
            color: #000 !important;
        }

    .how-it-works-merchant {
        padding: 50px 0;
        background: #f8f8f8;
    }

    .how-it-works-event {
        padding: 50px 0;
        background: #fff;
        min-height: 0;
    }

    .how-it-works-merchant .sub {
        margin-left: 0;
        padding-left: 0;
    }

    .how-it-works-event .sub {
        margin-right: 0;
        padding-right: 0;
    }

    .how-it-works-conversation {
        padding-bottom: 57px;
    }

        .how-it-works-conversation .col-4 {
            width: 100% !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            display: block;
            padding-bottom: 30px;
        }

    .how-it-works-features {
        padding-bottom: 77px;
    }

        .how-it-works-features .col-4 {
            width: 100% !important;
            display: block !important;
            padding-left: 0;
            padding-right: 0;
            padding-bottom: 34px;
        }

        .how-it-works-features .fake-table {
            width: auto;
            margin-left: auto;
            margin-right: auto;
        }

    .how-it-works-merchant h2, .how-it-works-event h2 {
        text-align: center;
        font-size: 55px;
        padding-bottom: 18px;
    }

    .how-it-works-merchant p, .how-it-works-event p {
        font-size: 18px;
        text-align: center;
    }

    .br {
        display: none;
    }

    .page-how-it-works header.non-logged {
        padding: 20px 0;
    }
    /* groups */
    .groups-page {
        margin-top: 58px;
    }

        .groups-page .editor-forms.edit-list {
            padding: 100px 0;
        }
    /* groups */
}

@media screen and (max-width:985px) {
    .web-app-page .header h2 {
        font-size: 42px;
    }

    .web-app-page .barhops {
        padding-top: 7%;
    }

        .web-app-page .barhops h1,
        .web-app-page .bartenders h1 {
            font-size: 28.8px;
        }

        .web-app-page .barhops p,
        .web-app-page .bartenders p {
            font-size: 16px;
            line-height: 1.3;
        }

    .web-app-page .container-barhops {
        height: 480px;
        background-position: 85% 50%;
        background-size: 125px;
    }

    .web-app-page .container-bartenders {
        height: 480px;
        background-position: 15% 50%;
        background-size: 125px;
    }

    .web-app-page .bartenders {
        padding-top: 8%;
    }

    .web-app-page .avail-on-ios h2 {
        font-size: 2.2em;
    }

    .web-app-page .barhops {
        width: 50%;
        margin-left: 15%;
    }

    .web-app-page .bartenders {
        width: 50%;
    }

    .invite-friends-page section .header h2 {
        font-size: 2.5em;
    }

    .bartender-homepage .apply-now {
        margin-top: -20%;
        margin-right: 15%;
    }


    .countainer-features .block-features {
        width: 28%;
    }

        .countainer-features .block-features:first-child {
            margin-left: 1%;
        }

        .countainer-features .block-features:last-child {
            margin-right: 1%;
        }

    .countainer-features .block-arrows {
        position: relative;
        display: inline-block;
        float: left;
        width: 7%;
        text-align: center;
    }

        .countainer-features .block-arrows img {
            width: 85px;
        }

    .block-features h2 {
        line-height: 1.25;
    }

        .block-features h2 p {
            line-height: 1.5;
        }

    .event-main .event-left {
        float: none;
        width: 100%;
        max-width: 100%;
    }

    .event-main .gallery-wrapper, .event-main .condensed-event-gallery, .event-main .condensed-event-gallery a {
        width: 100% !important;
    }

    .event-main .event-right {
        margin-left: 0;
        padding-left: 0;
        padding-top: 20px;
    }

    .event-main h1 {
        margin-right: 0;
    }

    .panel .event-short-info {
        margin-top: 0;
        padding-bottom: 0;
    }

    .event-main.panel .panel-body {
        padding-top: 0;
        padding-bottom: 25px;
    }

    .event-detail-new {
        margin-top: 58px;
    }

    .event-page {
        padding: 20px 0;
    }

        .event-page .col-right {
            width: 100%;
            float: none;
            padding-left: 0;
        }

        .event-page .col-left {
            margin-right: 0;
        }
}

@media screen and (max-width:960px) {
    .application-container form {
        width: 100%;
    }

    .application-container .input-field-container {
        width: 100%;
    }

    .application-container .requirements-container .note {
        padding-left: 0;
        text-align: center;
    }
}

@media screen and (max-width:895px) {
    .organizer-form h2 {
        font-size: 30px;
    }

    .organizer-form .ui-tabs-panel {
        padding: 20px;
    }

    .organizer-form .ui-tabs-nav > li {
        padding-right: 15px;
    }

        .organizer-form .ui-tabs-nav > li:last-child {
            padding-right: 0;
        }

        .organizer-form .ui-tabs-nav > li a {
            font-size: 15px;
        }

    .editor-forms.main-form .organizer-form .row label,
    .main-form .organizer-form h3, .main-form .organizer-form .checkbox p {
        font-size: 15px;
    }

    .editor-forms.main-form .organizer-form .row label {
        padding-bottom: 7px;
    }

    .editor-forms .button {
        margin-right: 0;
        display: inline-block;
        float: none;
    }

    .intro-barhops.intro.free-beer-header h2 {
        font-size: 160px;
    }

    .editor-forms .middle-block .button,
    .editor-forms .payment-add .button {
        display: block;
    }

    .main-form .row .textfield, .field-with-button {
        /*max-width: 345px;*/
    }

    .main-form .button.verify {
        margin-left: 0;
        float: right;
        margin-bottom: 10px;
        min-width: 100px;
    }

    .editor-forms.main-form .row label.verified {
        display: inline-block;
    }

    .link-select-type-gettie {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }

        .link-select-type-gettie.type-event {
            margin-bottom: 0;
        }

    .main-form .payment-popup .buttons {
        padding-top: 28px;
    }

        .main-form .payment-popup .buttons a.button {
            min-width: 104px !important;
            margin-left: 0;
        }

    .organizer-form .payment-popup {
        width: 100%;
    }
}

@media screen and (max-width:826px) {
    .panel-with-sub .panel .row.col-1,
    .panel-with-sub .panel .row.col-p {
        width: 100%;
        float: none;
        padding: 0 0 11px 0;
    }

    .panel-with-sub .panel .row.col-2 {
        width: 100%;
        float: none;
        padding: 0;
    }

    .countainer-features .block-features h2 {
        line-height: 1.3;
    }

    .bartender-homepage .apply-now {
        display: block;
        float: left;
        margin: 0;
        margin-top: 15px;
    }

    .bartender-homepage {
        height: auto;
        display: table;
        width: 100%;
        padding: 60px 10px 60px 9%;
    }

        .bartender-homepage .countainer-bart {
            width: 90%;
        }

    .features-header h4 {
        line-height: 1.5;
    }

    .filter-additional-table {
        width: 100%;
    }

    .filter-additional-body {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .filter-additional .filter-buttons .button {
        margin-top: 20px;
    }

    .filter-additional-table h2 {
        letter-spacing: 0;
        font-size: 14px;
    }

    .filter-additional-table .fake-td {
        padding: 40px 20px;
    }

    .filter-additional-table .fake-tr .fake-td:first-child {
        width: 140px;
        padding-right: 0;
    }

    .filter-additional-table .fake-tr .fake-td:last-child {
        padding-right: 40px;
    }

    .attend-time-choosing li > a,
    .attend-time-choosing .filter-fields div.field-datepicker {
        font-size: 14px;
        padding: 0 5px;
        letter-spacing: 0;
    }

    .condensed-event {
        position: relative;
    }

    .non-responsive.condensed-event {
        height: auto;
    }

    .condensed-event .left {
        display: none;
    }


    .condensed-event .right {
        float: none;
        height: auto;
    }

    .condensed-event-body {
        height: auto;
    }

    .condensed-event-scroll {
        max-height: none;
    }

    .mobile-view .event-content-part,
    .mobile-view .condensed-event-payment {
        display: block;
    }

    .mixtir-item-link-popup {
        display: none;
    }

    .mixtir-item-link-mobile {
        display: block;
    }

    .mixtir-item-image .fake-table {
        display: none;
    }

    .owl-day-events > .owl-stage-outer {
        width: 100%;
    }

    .owl-day-events .condensed-event {
        margin-right: auto;
        margin-left: auto;
    }

    .owl-day-events > .owl-controls {
        display: none !important;
    }

    .mixsters-events {
        height: auto;
    }

    .owl-day-events > .owl-stage-outer > .owl-stage {
        width: auto !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }

        .owl-day-events > .owl-stage-outer > .owl-stage > .owl-item {
            float: none !important;
            margin-bottom: 40px !important;
        }

            .owl-day-events > .owl-stage-outer > .owl-stage > .owl-item.cloned {
                display: none !important;
            }

    /* no items pages */
    .no-hires .no-hires-icon, .no-hires .no-tickets-icon, .no-hires .no-payout-icon {
        width: 135px;
        height: 135px;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .no-hires .no-hires-wrap {
        max-width: 100%;
    }

    .editor-forms .no-hires .button {
        max-width: 230px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        display: block;
    }

    .editor-forms.edit-list .no-hires h3, .no-hires p,
    .editor-forms.edit-list .no-hires.middle-block h3, .no-hires.middle-block p {
        text-align: center;
    }

    .inspection, .inspection.icon-group {
        width: 60px;
        height: 60px;
        margin-bottom: 0;
    }

    .groups-page .editor-forms.edit-list .no-hires h3 {
        font-size: 25px;
        padding-top: 15px;
    }

    .groups-page .editor-forms.edit-list .no-hires p {
        font-size: 15px;
    }
    /* no items pages */
    .no-followers.no-hires .no-hires-wrap {
        max-width: 100% !important;
        float: none;
        text-align: center;
    }

    .editor-forms.edit-list .no-hires p {
        font-size: 16px;
    }

    .no-hires.middle-block {
        padding: 30px;
    }

    .no-followers.no-hires h3 {
        text-align: center;
        padding-top: 20px;
    }

    .no-followers .button {
        margin-left: auto;
        margin-right: auto;
    }

    .my-group-list > li {
        width: 50%;
    }

        .my-group-list > li:nth-child(3n+1),
        .my-group-list > li:nth-child(3n+2),
        .my-group-list > li:nth-child(3n+3) {
            padding-left: 0;
            padding-right: 0;
        }

        .my-group-list > li:nth-child(2n+1) {
            padding-right: 15px;
        }

        .my-group-list > li:nth-child(2n+2) {
            padding-left: 15px;
        }

    .scroll-contributed .no-hires.middle-block {
        box-shadow: none;
        width: 100%;
        max-width: 100%;
    }

    .event-contribute-list.with-invites .scroll-contributed .sub {
        margin: 0;
    }

    .product-item.extended-item .row {
        width: 100%;
    }
}

@media screen and (max-width:800px) {
    .invite-friends-page section .header {
        height: 440px;
    }

        .invite-friends-page section .header h2 {
            font-size: 2.2em;
        }

    .inv-friends-container {
        width: 100%;
        margin-top: -20px;
        border: none;
        border-radius: 0px;
    }



    .form-share-email {
        width: 375px;
        height: 40px;
    }

    .inv-friends-container input#form-email {
        width: 275px;
        height: 38px;
    }

    .inv-friends-container input#form-send {
        width: 98px;
        height: 38px;
    }

    .inv-friends-container .container-share {
        width: 375px;
    }

    .inv-friends-container .share-fb,
    .inv-friends-container .share-tw {
        line-height: 39px;
        width: 375px;
        height: 43px;
    }

    .application-container .requirements-list {
        padding-left: 10%;
    }

    .apply-bartender-page section .header h2 {
        font-size: 3.1em;
    }

    .apply-bartender-page section .header p {
        font-size: 1.2em;
    }

    .application-container .about-you-section .input-field-container {
        width: 100%;
    }

    .application-container h2 {
        font-size: 1.40em;
        margin-bottom: 20px;
    }

    .application-container form {
        border: none;
    }

    .application-container input[type='submit'] {
        margin: 0 36%;
    }

    .application-container {
        margin-bottom: 0;
    }
}

@media screen and (max-width:768px) {
    /* upgrade-features */

    .desktop-view {
        display: none;
    }

    .mobile-view-only {
        display: block;
    }

    .upgrade-features {
        padding: 60px 0;
    }

        .upgrade-features .column,
        .upgrade-features .column:nth-child(2) {
            float: none;
            padding: 30px 0 0 0;
            width: 100%;
            display: table;
            table-layout: fixed;
            text-align: left;
        }

            .upgrade-features .column:first-child {
                padding-top: 0;
            }

            .upgrade-features .column .icon-section {
                height: 58px;
                width: 58px;
                float: left;
                margin: 0;
            }

            .upgrade-features .column h3,
            .upgrade-features .column p {
                margin-left: 78px;
                padding-top: 0;
            }

            .upgrade-features .column h3 {
                padding-bottom: 18px;
            }
    /* upgrade-features */

    /* ios-homepage */
    .ios-homepage .fake-td {
        display: block;
        width: 100%;
    }

        .ios-homepage .fake-td.ios-right {
            text-align: center;
        }

        .ios-homepage .fake-td.ios-left {
            width: 100%;
            padding-bottom: 40px;
        }


    .ios-homepage .btn-app-store {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    /* ios-homepage */

    /* home page */
    .intro, .intro.intro-barhops {
        height: 640px;
    }

        .intro p, .intro h1 {
            max-width: 100%;
            text-align: center;
        }

    .school-req {
        margin: 0 auto;
    }

    .events.schools .school-req {
        float: none;
    }

    .intro .btn-app-store {
        margin: 20px auto;
        float: none;
        display: block;
    }


    .schools .fake-td {
        width: 100%;
        display: inline-block;
    }

        .schools .fake-td:last-of-type p {
            margin-left: 0px;
        }

        .schools .fake-td p {
            padding-left: 20px;
            padding-right: 20px;
        }


        .schools .fake-td:last-of-type {
            text-align: center;
            padding-top: 45px;
        }

        .schools .fake-td h1 {
            text-align: center;
            margin: 20px;
            border: none;
        }

    .events.schools {
        padding: 25px 0;
    }


    .intro .iphones {
        width: 0px;
    }

    .intro .wrapper > .fake-table > .fake-td {
        padding-top: 20px;
    }

    .intro h1 {
        font-size: 40px;
        line-height: 50px;
    }

        .intro h1 a:after {
            top: 15px;
        }

    .footer-homepage .all-rights {
        float: none;
    }

    .footer-homepage .copyright-container {
        width: 100%;
    }

        .footer-homepage .copyright-container .logo-footer {
            width: 118px;
            margin: auto;
        }

    .footer-homepage .footer-down .text-conus {
        text-align: center;
        position: initial;
        margin: 30px;
        left: initial;
    }

    .footer-download-visible {
        display: none;
    }

    .btn-app-store.footer-download-hidden {
        display: block;
    }

    .footer-homepage .container-conus {
        float: none;
        margin-top: 0px;
    }


    .logo.white {
        display: none;
    }

    .video {
        height: 400px;
        margin-top: 40px;
    }

        .video h2 {
            font-size: 40px;
            padding-top: 0;
        }

        .video p {
            font-size: 24px;
            padding-bottom: 20px;
        }

        .video .video-play {
            width: 60px;
            height: 60px;
        }
    /* home page */


    .inv-friends-container #fakeShareField, .inv-friends-container #copylink {
        font-size: 12px;
    }

    .legend-text {
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 30px;
        padding-left: 1%;
        padding-right: 1%;
    }

    .event-dialog .mini-dialog.mini-form-dialog {
        max-width: 700px;
        margin-right: 20px;
        margin-left: 20px;
        padding: 30px 30px 30px 30px;
    }

        .event-dialog .mini-dialog.mini-form-dialog .main-form {
            max-width: 100%;
        }

    /* hire page */
    .user-item {
        width: 33.33%;
    }
    /* hire page */
    .color-item .fake-td {
        display: block;
        width: auto;
    }

    .color-item .user-follow-block {
        margin: 20px 0;
    }
    /* reviews */
    .reviews .fake-tr {
        display: table;
        width: 100%;
        border-bottom: 1px solid #e7e8e8;
    }

    .reviews .fake-td {
        display: block;
        width: 100% !important;
        padding: 20px !important;
        border-bottom: 0;
    }

        .reviews .fake-td.col-2,
        .reviews .fake-td.col-3 {
            float: left;
            width: 50% !important;
        }
    /* reviews */

    /* payment page */
    .payment-popup {
        padding: 10px;
        width: auto;
        max-width: 440px;
    }

        .payment-popup .col-left {
            padding-right: 0;
            width: 100%;
        }

        .payment-popup .ft .col-left {
            padding-right: 0;
            width: 50%;
        }

    .payment-block {
        padding-bottom: 50px;
    }

        .payment-block.payout-block {
            padding-bottom: 100px;
        }

    .main-form .payment-popup.payout-popup .buttons {
        padding-top: 0;
    }

    .main-form .payment-popup .buttons a.button {
        display: block;
    }


    .organizer-form .payment-popup {
        max-width: 100%;
    }
    /* payment page */
    .event-detail-slider .condensed-event-gallery,
    .event-detail-slider .condensed-event-gallery .item {
        height: 500px;
    }

    .event-detail-new .event-detail-text .left {
        margin-right: 0;
    }

    .event-detail-new .event-detail-text .right {
        display: none;
    }

    .event-detail-user .booking-box {
        position: fixed;
        width: 100%;
        bottom: 0px;
        padding: 0;
        left: 0;
        z-index: 13;
    }

    .sticky-panele .event-detail-user .booking-box {
        display: none;
    }

    .event-detail-new .condensed-event-spots.condensed-event.condensed-event-price .booking-box {
        float: none;
        width: 100%;
    }

    .event-detail-new .event-gmap-overlay {
        position: static;
        width: 100%;
        padding: 5px 10px;
    }

    .profile-form .wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .condensed-event-gallery .owl-nav .owl-prev, .condensed-event-gallery .owl-nav .owl-next {
        top: -250px;
    }

    #sk-holder {
        width: 0% !important;
        height: 100%;
    }

        #sk-holder #sk-container {
            right: 0 !important;
            z-index: 100002 !important;
        }

    .invite-friends-page section .header {
        height: 400px;
    }

        .invite-friends-page section .header h2 {
            font-size: 2.0em;
        }

    .inv-friends-container {
        margin-top: 0px;
    }

    .event-dialog > .fake-table > .fake-td {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .event-contribute-list .condensed-event {
        width: 100%;
        height: 100%;
        max-width: 648px;
    }

    .event-contribute-list .condensed-event {
        border-radius: 0;
    }

    .mobile-close-popup {
        display: block;
    }

    .no-comments {
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 8px;
    }
}

@media screen and (max-width:648px) {
    .event-dialog > .fake-table > .fake-td {
        padding-top: 0;
        padding-bottom: 0;
    }

    .event-contribute-list .scroll-contributed.selected-list-scroll,
    .event-contribute-list .scroll-contributed,
    .event-contribute-list .scroll-contributed.contrib-scroll {
        overflow: auto;
    }

    .event-dialog {
        position: absolute;
    }

    .of, .of body {
        overflow: hidden;
    }

    #popup-invites .scroll-contributed {
        display: table;
    }

    #popup-invites .scrollbar-wrapper {
        display: table-cell;
        vertical-align: top;
    }

        #popup-invites .scrollbar-wrapper.no-groups {
            vertical-align: middle;
        }

    .event-contribute-list#popup-add-member .scroll-contributed.selected-list-scroll .scrollbar-wrapper .sub {
        padding-right: 12px;
    }
}

@media screen and (max-width:640px) {
    .groups-page {
        padding-left: 22px;
        padding-right: 22px;
    }

    .individual-company {
        max-width: 100%;
        margin-bottom: 20px;
        width: 100%;
    }

        .individual-company .white-box {
            width: 100%;
            padding: 0;
            box-sizing: border-box;
        }

        .individual-company .company, .individual-company .individual {
            width: 50%;
            margin-left: 50%;
            box-sizing: border-box;
        }

    .individual-company {
        position: relative;
    }

        .individual-company .individual {
            margin-left: 0px;
            float: left;
        }

    .editor-forms.edit-list {
        padding-right: 40px;
    }

    .editor-forms .btn-create {
        right: 40px;
    }

    .block-mixstirs .block-mixstirs-list {
        padding-right: 24px;
    }

    .login-popup #step1 p.fp {
        width: 240px;
    }

    .event-detail-new, .event-detail-new > .wrapper {
        padding: 0;
    }

        .event-detail-new.with-bottom-panel {
            padding-bottom: 70px;
        }

        .event-detail-new .panel,
        .event-main .gallery-wrapper, .event-main .condensed-event-gallery, .event-main .condensed-event-gallery a,
        .event-gmap-overlay, .gemap {
            border-radius: 0;
        }

    .panel.event-main {
        padding: 0;
    }

    .event-main .event-right,
    .event-main .event-menu,
    .event-main .panel-body > h1,
    .event-main .panel-body > .author {
        display: none;
    }

    .mobile-only {
        display: block;
    }

    .desc-only {
        display: none;
    }

    .event-main.panel .panel-body {
        padding: 0;
        border: 0;
    }

    .event-contribute-list .scroll-contributed .scrollbar-wrapper {
        max-height: 100%;
        padding-right: 0;
        overflow: visible;
    }

    .hidden-mobile {
        display: block;
    }

    .event-detail-user-block h1 {
        font-size: 38px;
        font-weight: 700;
        text-align: left;
        color: #000000;
        padding-bottom: 15px;
    }

    .event-main.panel {
        margin-bottom: 0;
    }

    .event-detail-new .event-gmap-overlay {
        border: 0;
    }

    .tesuses .tesus-col:nth-child(2),
    .tesuses .tesus-col {
        padding-left: 0;
        padding-right: 0;
        float: none;
        width: 100%;
    }

    .message-box .fake-table {
        position: relative;
        padding: 0;
        margin-top: 11px;
    }

        .message-box .fake-table .ta {
            margin-right: 0;
            padding-bottom: 56px;
        }

        .message-box .fake-table .btn {
            position: absolute;
            bottom: 0;
            right: 0;
        }

    .event-menu.hidden-mobile {
        display: block !important;
    }

    .panel.event-main.hidden-mobile {
        margin-bottom: 20px;
    }

    .event-menu .sub nav a {
        margin-right: 20px;
    }

        .event-menu .sub nav a:last-child {
            margin-right: 0;
        }

    header .wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .color-item .mixtirs-list li,
    .color-item .mixtirs-list > li:nth-child(2n+1),
    .color-item .mixtirs-list > li:nth-child(2n) {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .tesus {
        padding-bottom: 40px;
    }

    .web-app-page .barhops {
        margin-left: 10%;
    }

    .tesus p {
        min-height: 22px;
    }

    .download-block {
        padding: 60px 0;
    }

        .download-block .btn-download-app {
            float: none;
            margin-left: auto;
            margin-right: auto;
            margin-top: 20px;
        }

        .download-block h3, .download-block p {
            text-align: center;
            padding-bottom: 20px;
        }

    .vm {
        display: block !important;
    }

    .nvm {
        display: none !important;
    }

    .web-app-page section .header h2 {
        font-size: 33px;
        line-height: 41px;
    }

    .events .big-event .big-event-footer {
        position: relative;
        padding-bottom: 34px;
    }

        .events .big-event .big-event-footer .big-event-spots {
            position: absolute;
            bottom: 22px;
            left: 109px;
            float: none;
        }

            .events .big-event .big-event-footer .big-event-spots div {
                font-size: 14px;
                line-height: 1.2;
                display: inline;
            }

    .events .big-event-header {
        padding-top: 0;
    }

    .events .big-event .big-event-footer .big-event-spot {
        font-family: 'Baskerville', serif;
        font-weight: 400;
        letter-spacing: 0;
        text-transform: none;
    }

    .intro h1 {
        font-size: 32px;
        line-height: 42px;
    }

        .intro h1 a {
            padding-right: 25px;
        }

            .intro h1 a:after {
                top: 10px;
            }

    .mixtirs-list li {
        height: auto;
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .mixtir-item {
        height: auto;
    }

    .mixtir-item-footer {
        padding: 15px;
    }

        .mixtir-item-footer .mixtir-item-title {
            height: auto;
        }

    .mixtirs-list {
        margin-top: 20px;
    }



    .video {
        height: 300px;
        margin-top: 20px;
    }

        .video h2 {
            font-size: 32px;
            padding-top: 0;
        }

        .video p {
            font-size: 18px;
            padding-bottom: 15px;
        }

        .video .video-play {
            width: 40px;
            height: 40px;
        }

    .events .sorting {
        display: none;
    }

    /* filter */
    .filter {
        padding-top: 170px;
    }

        .filter .filter-fields input,
        .filter .filter-fields div.field-datepicker {
            font-size: 13px;
        }

        .filter .filter-fields .fake-td.col-2 {
            width: 150px;
        }

        .filter .filter-fields input.field-point {
            padding-left: 45px;
        }

        .filter .filter-fields input.field-datepicker {
            padding-right: 45px;
            -webkit-background-size: auto 26px;
            -moz-background-size: auto 26px;
            background-size: auto 26px;
        }
    /* filter */

    /* user settings page */
    .user-settings-tabs {
        padding-top: 166px;
    }

    .user-settings-nav li {
        padding: 0 30px;
    }

    .user-settings-tabs.main-form .double-fields .row,
    .user-settings-tabs.main-form .double-fields .row:first-child,
    .user-settings-tabs.main-form .double-fields .row:last-child,
    .user-settings-tabs.main-form .double-fields .row:first-child:last-child,
    .editor-forms.main-form .organizer-form .row.half {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

        .user-settings-tabs.main-form .double-fields .row.half {
            width: 50% !important;
        }

        .user-settings-tabs.main-form .double-fields .row:nth-child(2) .textfield {
            margin: 0;
            padding: 0 27px;
        }

    .user-settings-tabs.main-form .buttons {
        max-width: 100%;
    }
    /* user settings page */

    /* popup login */
    .login-popup {
        max-width: 90%;
    }

        .login-popup.search-web {
            max-width: 100%;
        }

        .login-popup .button.btn-gray {
            margin-top: 26px;
        }

        .login-popup .sign-tabs .ui-tabs-panel {
            padding: 30px 30px 15px 30px;
        }

    /* popup login */

    /* hire page */
    .user-item {
        width: 50%;
    }
    /* hire page */

    /* host */
    .mixstir-forms {
        position: relative;
    }

    section > .wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .mix-left, .page-mixologist .mix-left {
        position: absolute;
        z-index: 100;
        top: 0;
        left: -245px;
        height: 100%;
        -webkit-transition: left ease-in-out .2s;
        -moz-transition: left ease-in-out .2s;
        -ms-transition: left ease-in-out .2s;
        transition: left ease-in-out .2s;
        border-right: 2px solid #eaeaea;
        background: #fff;
    }

        .mix-left.expanded, .page-mixologist .mix-left.expanded {
            left: 0;
        }

    .mix-right {
        margin-left: 0;
    }

    .mixstir-forms {
        overflow: hidden;
    }

    .editor-forms {
        border-left: 0;
    }

    .side-mobile-menu {
        top: -1px;
        display: block;
    }

    .editor-forms .middle-block {
        margin: 0 auto;
        width: auto;
    }

    .tickn .link-prev,
    .tickn .link-next {
        height: 42px;
        width: 22px;
        top: 150px;
        position: fixed;
    }

    #help-topics .topic-outer {
        width: 50%;
    }


    .countainer-features {
        padding: 0 10% 33px 10%;
    }

        .countainer-features .block-features {
            width: 100%;
            margin: 0;
            padding: 0;
        }

            .countainer-features .block-features:first-child {
                margin: 0;
                padding-top: 15px;
            }

            .countainer-features .block-features h1 {
                font-size: 1.1em;
                padding-top: 20px;
                padding-bottom: 10px;
            }

            .countainer-features .block-features p {
                padding-bottom: 15px;
            }

    .container-features .block-features:last-child {
        padding-bottom: 15px;
    }

    .bartender-homepage {
        padding-left: 0;
        padding-right: 0;
    }

        .bartender-homepage .countainer-bart {
            width: 80%;
            margin: auto;
            text-align: center;
        }

        /*.bartender-homepage .countainer-bart h2 {
                font-size: 1.0em;
                padding-top: 0;
            }

            .bartender-homepage .countainer-bart h3 {
                font-size: .9em;
                line-height: 17px;
                width: 90%;
                padding-top: 15px;
            }*/

        .bartender-homepage .apply-now {
            margin-left: 32%;
        }

    .countainer-features .block-features {
        padding-bottom: 10%;
    }

    .countainer-features .block-arrows {
        display: none;
    }

    /*end ios-wrap homepage*/
    .footer-homepage .link-group {
        width: 33.33333%;
    }

        .footer-homepage .link-group:first-child {
            float: none;
            width: 100%;
            padding-bottom: 40px;
        }

    .filter-additional-table .fake-td {
        padding: 40px 20px;
        display: block;
        width: 100% !important;
    }

    .filter-additional-table .fake-tr .fake-td:first-child {
        padding: 20px;
        border: 0;
    }

    .filter-additional-table .fake-tr .fake-td:last-child {
        padding: 0 20px 20px;
    }

    .filter-additional-table .fake-tr .fake-td.td-slide-filter {
        padding: 0 30px 50px 30px;
    }

    .time-selection {
        margin: 0;
    }

    .apply-bartender-page section .header {
        height: 425px;
    }

        .apply-bartender-page section .header h2 {
            font-size: 2.75em;
        }

        .apply-bartender-page section .header p {
            font-size: 1.365em;
        }

    .application-container h2 {
        font-size: 1.3em;
        margin-bottom: 5px;
    }

    .application-container form {
        padding: 0 15% 30px;
    }

    .page-how-it-works header.non-logged {
        padding: 0 0 20px 0;
    }

    .side-mobile-menu {
        top: 40px;
    }

    .mix-left {
        z-index: 7999;
    }

    .my-group-list > li {
        width: 100%;
    }

        .my-group-list > li:nth-child(2n+1),
        .my-group-list > li:nth-child(2n+2) {
            padding-right: 0;
            padding-left: 0;
        }

    .manage-groups .fake-td {
        display: block;
        padding: 0;
        text-align: center;
    }

        .manage-groups .fake-td:first-child {
            text-align: center;
            width: 100%;
            padding-right: 0;
            padding-bottom: 20px;
        }

    .manage-groups .button {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .my-groups h1 {
        text-align: center;
    }

    .page-mixologist.of .mixstir-forms {
        position: static;
    }

    .tabs-my-events .ui-tabs-nav, .tabs-joined .ui-tabs-nav,
    .event-contribute-list .scroll-contributed ul li {
        padding-bottom: 0;
    }
}

@media screen and (max-width:600px) {
    .steps .step {
        width: 100%;
    }
}

@media screen and (max-width:585px) {
    .invite-friends-page section .header {
        height: 370px;
    }

        .invite-friends-page section .header h2 {
            font-size: 1.7em;
        }

    .inv-friends-container {
        padding: 50px 10% 0 10%;
    }

        .inv-friends-container p {
            font-size: 1.0em;
        }
}

@media screen and (max-width:540px) {
    /* login popup */
    .fancybox-wrap, .fancybox-inner {
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        left: 0 !important;
        max-height: 100%;
        overflow: auto !important;
    }

    .login-popup {
        max-width: 100%;
        height: 100%;
        width: 100% !important;
    }

    .fancybox-skin {
        height: 100% !important;
        width: 100% !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

    .fancybox-inner > .fake-table {
        width: 100%;
    }

    #tab-login, #tab-signup {
        padding: 30px;
    }

    .login-popup .main-form .row .textfield {
        width: 100%;
    }

    .login-popup a.button {
        max-width: 100%;
        width: 100%;
    }

    .login-popup #step1 p.fp {
        width: 100%;
    }
    /* login popup */


    .bartender-homepage .apply-now {
        margin-left: 28%;
    }

    .school-req {
        width: 100%;
    }

        .school-req input[type=text]:first-of-type {
            float: none;
            margin-bottom: 5px;
        }

        .school-req input[type=text]:last-of-type {
            float: none;
        }

    .search-web .school-req input[type=text]:last-of-type {
        width: 280px;
    }

    .school-req input[type=text] {
        width: 100%;
    }

    .school-req .btn {
        width: 100%;
    }

    .apply-bartender-page section .header h2 {
        font-size: 2.5em;
    }

    .apply-bartender-page section .header p {
        font-size: 1.23em;
    }

    .apply-bartender-page section .header {
        height: 390px;
        padding-right: 8%;
        padding-left: 8%;
        padding-top: 110px;
    }

    .application-container h2 {
        font-size: 1.155em;
        line-height: 1.3;
        margin-bottom: 0;
    }

    .application-container .checkbox-form-item p {
        font-size: 0.7em;
        letter-spacing: 0;
        line-height: 20px;
        white-space: nowrap;
    }

    .application-container form {
        padding: 0 10% 20px;
    }

    .application-container h3 {
        font-size: 1.15em;
        font-weight: 500;
        margin: 25px 0 3%;
        letter-spacing: 1px;
        line-height: 1.3;
    }

    .application-container .input-field-container input {
        margin-top: 1%;
    }

    .application-container .input-field-container {
        margin-bottom: 6%;
    }

    .application-container p,
    .application-container span {
        font-size: 1.18em;
        letter-spacing: 1px;
    }

    .input-field-header {
        display: block;
        padding-bottom: 5px;
    }

    .application-container .requirements-list-item {
        line-height: 1.3;
    }

    .application-container .requirements-container .note {
        line-height: 1.3;
    }

    .input-field-container.zip-field {
        margin-bottom: 10%;
    }

    .application-container .text-what-is {
        letter-spacing: 0;
        line-height: 1.3;
    }

    .application-container form > p {
        margin-bottom: 1%;
    }

    .application-container .text-if-appl.text-if-appl {
        margin-bottom: 3%;
        letter-spacing: 0;
        line-height: 1.3;
    }

    .application-container input[type='submit'] {
        display: block;
        margin: 0 auto;
    }
}

@media screen and (max-width:510px) {
    .web-app-page .header h2 {
        font-size: 1.2em;
    }

    .web-app-page .header p {
        font-size: .47em;
    }

    .intro-barhops.intro.free-beer-header h2 {
        font-size: 120px;
        margin-top: -20px;
        margin-bottom: 20px;
    }


    .web-app-page .barhops h1,
    .web-app-page .bartenders h1 {
        font-size: 2.3em;
    }

    .web-app-page .barhops {
        width: 60%;
        margin-left: 11%;
        padding-top: 14%;
    }

    .web-app-page .container-barhops {
        height: auto;
        background-position: 90% 50%;
        background-size: 80px;
    }

    .web-app-page .container-bartenders {
        height: auto;
        padding-bottom: 8%;
        background-position: 10% 50%;
        background-size: 80px;
    }

    .web-app-page .bartenders {
        width: 60%;
        margin-left: 35%;
        padding-top: 8%;
    }

    .web-app-page .avail-on-ios h2 {
        font-size: 1.8em;
    }

    .web-app-page .avail-on-ios {
        padding-bottom: 5%;
    }
}

@media screen and (max-width:495px) {
    .events h4, .features-header h4, .request-city h4, .bartender-homepage .countainer-bart h4 {
        font-size: 1.1em;
        padding-bottom: 1.5em;
    }

    .events h2, .features-header h2, .request-city h2, .bartender-homepage .countainer-bart h2 {
        font-size: 2em;
        padding-bottom: 0.5em;
    }


    .bartender-homepage .apply-now {
        display: block;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .filter .location-list {
        width: 100%;
    }

    .socials li {
        float: none;
    }

        .socials li a {
            margin-top: 5px;
        }

    .share-body .url-text {
        line-height: 17px;
    }

    .share-body .main-form .row .button {
        float: none;
        width: 175px;
        margin: 0 auto;
    }

    #fakeShareField {
        width: 62%;
    }
}

@media screen and (max-width:480px) {
    /* organized form */
    .organizer-form .ui-tabs-panel {
        padding: 15px;
    }

    .editor-forms.main-form .organizer-form .row label,
    .main-form .organizer-form h3, .main-form .organizer-form .checkbox p, .hint#hint-tax-sales {
        font-size: 13px;
    }

    .text-center-md {
        text-align: center !important;
    }

    .hint#hint-tax-sales {
        line-height: 1.5;
        padding-top: 20px;
    }

    .tax-rate-percent .textfield-w::after {
        font-size: 16px;
    }

    .main-form .organizer-form .row .textfield,
    .editor-forms.main-form .organizer-form .row .textfield {
        font-size: 13px;
        padding: 0 10px;
    }

    .editor-forms.main-form .organizer-form .row textarea.textfield {
        padding: 7px 10px;
    }

    .editor-forms .organizer-form .button {
        font-size: 17px;
    }

    .main-form .organizer-form .row {
        padding-bottom: 15px;
    }

        .main-form .organizer-form .row:last-child {
            padding-bottom: 15px;
        }

        .main-form .organizer-form .row.half:last-child {
            padding-bottom: 15px;
        }

    .main-form .organizer-form h3 {
        padding-bottom: 15px;
        padding-top: 10px;
    }

    .organizer-form h2 {
        padding-left: 40px;
        font-size: 24px;
        line-height: 30px;
        padding-top: 5px;
    }

    .ui-tabs-nav > li a {
        font-size: 12px;
    }

    .main-form .organizer-form .buttons {
        padding-top: 20px;
    }

        .main-form .organizer-form .buttons button {
            max-width: 100%;
        }

    .editor-forms.main-form .row .hint {
        padding-left: 0;
    }
    /* organized form */
    .panel.pgettie {
        padding: 20px;
    }

    .h1-gettie {
        font-size: 32px;
        padding-top: 11px;
        padding-bottom: 20px;
        padding-left: 50px;
    }

    .groups-page {
        margin-top: 50px;
    }

        .groups-page .editor-forms.edit-list {
            padding-top: 50px;
            padding-bottom: 50px;
        }

    .individual-company {
        max-width: 100%;
        height: 33px;
        margin-top: 23px;
        margin-bottom: 0;
    }

        .individual-company .company, .individual-company .individual, .individual-company .white-box {
            height: 33px;
            line-height: 33px;
            font-size: 13px;
        }

    .hide-sk-holder-mobile #sk-holder #sk-messenger-button.messenger-button-shown {
        height: 60px;
        width: 60px;
        margin-bottom: 25px;
    }

    .editor-forms .btn-create {
        position: static;
        width: 160px !important;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }

    .tabs-my-events .ui-tabs-nav {
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .tesus p {
        font-size: 11px;
        line-height: 16px;
        min-height: 16px;
    }

    .event-contribute-list.with-invites .scroll-contributed .sub {
        margin-right: 0px;
    }

    .event-contribute-list .condensed-event h3 {
        font-size: 18px;
        padding: 15px 15px;
    }

    .mobile-close-popup {
        height: 20px;
        top: 17px;
        line-height: 20px;
        font-size: 16px;
        left: 15px;
    }

    .event-contribute-list .scroll-contributed .sub {
        padding-left: 0;
        padding-right: 0;
    }

    #popup-contribute-product-payment .scroll-contributed .sub {
        width: 100%;
    }

    .event-contribute-list .scroll-contributed ul li {
        padding: 0;
    }

    .event-contribute-list .scroll-contributed ul .user-mini-item {
        font-size: 17px;
        line-height: 40px;
    }

        .event-contribute-list .scroll-contributed ul .user-mini-item img {
            height: 40px;
            width: 40px;
        }

        .event-contribute-list .scroll-contributed ul .user-mini-item span {
            margin-left: 50px;
        }

    #popup-free-spots .scroll-contributed {
        padding-left: 0;
        padding-right: 0;
    }

    #popup-free-spots .buttons {
        padding-top: 14px;
        box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.2);
    }

        #popup-free-spots .buttons .button {
            height: 42px;
            line-height: 42px;
            font-size: 14px;
        }

    #popup-free-spots .counter-control {
        padding-top: 40px;
        padding-bottom: 55px;
        height: 42px;
        width: 144px;
    }

        #popup-free-spots .counter-control .mini-btn {
            width: 42px;
            height: 42px;
            line-height: 40px;
            font-size: 30px;
        }

        #popup-free-spots .counter-control > input {
            height: 42px;
            font-size: 18px;
            width: 50px;
        }

    .event-contribute-list .scroll-contributed.selected-list-scroll .scrollbar-wrapper .sub {
        padding-left: 0;
    }

    .product-item .ftd {
        padding: 18px 15px;
    }

        .product-item .ftd.col-control {
            width: 105px;
            padding-left: 0;
        }

    .product-item h4 {
        font-size: 18px;
        padding-top: 2px;
    }

    .product-item .price {
        font-size: 16px;
    }

    .product-item .descr {
        display: none;
    }

    .product-item .status {
        font-size: 12px;
    }

    .not-scroll-button {
        padding: 14px 25px;
        box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.2);
        border-top: 0;
    }

    .contrib-table {
        padding: 15px;
    }

    .contribute-fee {
        font-size: 16px;
        line-height: 17px;
    }

    .not-scroll-button .button {
        height: 45px;
        line-height: 45px;
        font-size: 18px;
        font-weight: 600;
    }

    .contribute-fee tbody tr:last-child td, .contribute-fee tbody tr:last-child th,
    .contribute-fee tbody tr td, .contribute-fee tbody tr th {
        padding-bottom: 5px;
    }

    .contribute-fee tfoot tr:first-child td, .contribute-fee tfoot tr:first-child th {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .coupon-tab h4 {
        font-size: 16px;
    }

    .coupon-tab {
        padding-top: 26px;
    }

    .scroll-contributed .condensed-event-payment {
        border-top: 0;
        background: #fff;
        padding: 23px 0 15px 0;
    }

        .scroll-contributed .condensed-event-payment h4 {
            padding-left: 15px;
            padding-right: 15px;
        }

    .event-dialog .condensed-event-payment .main-form {
        padding: 22px 15px 0 15px;
        border: 0;
        border-radius: 0;
        border-top: solid 2px #e6e6e6;
        margin-top: 17px;
    }

        .event-dialog .condensed-event-payment .main-form .row .textfield {
            height: 26px !important;
            font-size: 16px !important;
            line-height: 16px !important;
            letter-spacing: normal;
            border-radius: 0;
            font-weight: 400;
            border: 0 !important;
            padding: 0;
            border-bottom: solid 2px #e6e6e6 !important;
        }

        .event-dialog .condensed-event-payment .main-form .row {
            margin-bottom: 27px;
        }

            .event-dialog .condensed-event-payment .main-form .row .textfield#exp1,
            .event-dialog .condensed-event-payment .main-form .row .textfield#exp2 {
                margin-right: 0 !important;
                width: 50% !important;
                padding-left: 0;
                padding-right: 0;
            }

            .event-dialog .condensed-event-payment .main-form .row.cc-1,
            .event-dialog .condensed-event-payment .main-form .row.cc-2 {
                float: left;
                width: 50%;
            }

            .event-dialog .condensed-event-payment .main-form .row.cc-1 {
                padding-right: 19px;
            }

            .event-dialog .condensed-event-payment .main-form .row.cc-2 {
                padding-left: 19px;
            }

                .event-dialog .condensed-event-payment .main-form .row.cc-2 .textfield {
                    width: 100% !important;
                    margin-right: 0;
                }

    .not-scroll-button .button.button-cancel {
        line-height: 38px;
    }

    .not-scroll-button .b-left {
        display: none;
    }

    .not-scroll-button .b-right {
        margin-left: 0;
        padding-left: 0;
    }

    .event-dialog .main-form.coupon-tab .row .textfield {
        font-size: 16px !important;
        line-height: 16px !important;
        border: 0 !important;
        padding: 0;
        border-radius: 0;
        border-bottom: solid 2px #e6e6e6 !important;
    }

    .payment-added {
        clear: both;
        border-top: solid 2px #e6e6e6 !important;
        border-bottom: solid 2px #e6e6e6;
        padding-top: 9px !important;
        padding-bottom: 0 !important;
        margin-bottom: 32px;
        margin-top: 32px;
    }

    .scroll-contributed h4.light {
        font-size: 10px;
        font-weight: 400;
        position: relative;
        margin-bottom: -10px;
    }

    .ui-multiselect.select-editor.select-payment span, .ui-multiselect-menu.select-editor.select-payment li label {
        padding: 0 15px;
        font-size: 14px;
        color: #000;
    }

    .ui-multiselect span em, .ui-multiselect-menu em {
        background: none !important;
        padding-left: 0 !important;
    }

    .card-switcher {
        margin-top: 0;
        height: 38px;
        overflow: hidden;
    }

    .ui-multiselect.select-editor.select-payment span:before {
        border: 0;
        height: 15px;
        width: 8px;
        background: url(../img/arrow-right.svg) no-repeat 50% 50%;
        background-size: contain;
        right: 15px;
        top: 10px;
    }

    .ui-multiselect.select-editor.select-payment {
        border-radius: 0;
        border: 0;
    }

    .intro-barhops.intro.free-beer-header h2 {
        font-size: 100px;
    }

    .intro-barhops.intro.free-beer-header h1 {
        font-size: 14px;
        line-height: 16px;
    }

    header .sub .bell svg {
        height: 26px;
        width: 24px;
    }

    header .sub.sub-notifications {
        height: 49px;
    }

        header .sub.sub-notifications > .ul::before {
            right: 50px;
        }

        header .sub.sub-notifications > .ul::after {
            right: 51px;
        }

    header .sub .bell {
        height: 49px;
        padding-top: 11px;
        width: 45px;
    }

        header .sub .bell::after {
            top: 10px;
            left: 20px;
        }

    header .sub.sub-notifications > .ul {
        width: 280px;
        right: -30px;
        top: 51px;
    }

    header .sub.sub-notifications::before {
        width: 280px;
    }

    .ul .notification-item .notification-user img {
        display: none;
    }

    .ul .notification-item .notification-user {
        width: 1px;
    }

    .ul .notification-item .notification-text {
        margin-left: 0;
        padding-left: 0;
    }

    .ul .notification-item {
        padding: 9px 14px;
        font-size: 12px;
        line-height: 16px;
    }

        .ul .notification-item a {
            font-size: 12px;
            line-height: 16px;
        }

        .ul .notification-item time {
            padding-top: 3px;
        }

    .main-form .double-fields .row-full .button {
        margin-left: 0;
        max-width: 100px;
    }

    label.verified {
        clear: both;
        display: block;
    }

    .main-form .button.verify {
        float: none;
    }

    .main-form .double-fields .row:first-child {
        padding-right: 0;
    }

    .main-form .double-fields .row-full .field-with-button input.textfield {
        width: 100%;
    }

    .ava {
        padding-bottom: 5px;
        padding-top: 20px;
    }

    .image-editor {
        width: 280px;
        max-width: 100%;
    }

    .cropit-image-buttons .button:first-child {
        float: none;
        margin-bottom: 11px;
    }

    .cropit-image-buttons .button {
        margin-left: 0;
        margin-right: 0;
    }

        .cropit-image-buttons .button:nth-child(2) {
            float: none;
            width: 100%;
        }

    #popup-create-group .row-avatar {
        margin-bottom: 30px;
    }

    .cropit-image-buttons {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    #sub-menu a {
        font-size: 14px;
        padding: 21px 10px;
    }

    .tesus {
        padding-bottom: 20px;
    }

    .upgrade-features.barhops-description .spacer:after {
        display: none;
    }

    .upgrade-features.barhops-description .spacer {
        height: 30px;
    }
    /* choose city popup */
    .popup-choose-city h2 {
        font-size: 12px;
    }

    .popup-choose-city ul a {
        font-size: 16px;
        line-height: 42px;
    }

        .popup-choose-city ul a span {
            font-size: 16px;
        }

    .popup-choose-city .close-icon {
        width: 15px;
        height: 15px;
    }

    .popup-choose-city .btn-request {
        height: 36px;
        line-height: 32px;
        font-size: 10px;
        padding: 0 20px;
    }

    .popup-choose-city .btn-wrap {
        padding-top: 34px;
    }

    .main-form .buttons .button:first-child {
        margin-left: 0;
    }

    .popup-choose-city h2 {
        padding-bottom: 33px;
    }
    /* choose city popup */

    /* upgrade-features */
    .upgrade-features {
        padding: 70px 0;
    }

        .upgrade-features .wrapper {
            padding: 0 20px;
        }

        .upgrade-features .column .icon-section svg {
            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            transform-origin: 0 0;
            -moz-transform: scale(0.63,0.63);
            -webkit-transform: scale(0.63,0.63);
            transform: scale(0.63,0.63);
        }

            .upgrade-features .column .icon-section svg#svg-calendar {
                -moz-transform: scale(0.53,0.53);
                -webkit-transform: scale(0.53,0.53);
                transform: scale(0.53,0.53);
            }

            .upgrade-features .column .icon-section svg#svg-glass {
                -moz-transform: scale(0.63,0.53);
                -webkit-transform: scale(0.63,0.53);
                transform: scale(0.63,0.53);
            }

        .upgrade-features .column h3,
        .upgrade-features .column p {
            margin-left: 50px;
        }

        .upgrade-features .column h3 {
            font-size: 12px;
            line-height: 16px;
            text-transform: uppercase;
            letter-spacing: 0.8px;
            padding-bottom: 8px;
        }

        .upgrade-features .column p {
            font-size: 11px;
            line-height: 16px;
        }

        .upgrade-features .column .icon-section {
            height: 37px;
            width: 37px;
        }
    /* upgrade-features */

    /* ios-homepage */
    .ios-homepage {
        padding: 60px 0;
    }

        .ios-homepage .fake-td.ios-left {
            display: none;
        }

        .ios-homepage .wrapper {
            padding: 0 20px;
        }

        .ios-homepage h2 {
            font-size: 32px;
            padding-bottom: 11px;
        }

        .ios-homepage p {
            font-size: 14px;
        }

    .intro p {
        font-size: 15px;
        max-width: 100%;
        text-align: center;
        line-height: 18px;
    }

    .footer-homepage .container-conus > p > a {
        width: 35px;
        height: 35px;
    }

    .btn-app-store {
        width: 92px;
        height: 27px;
    }

    .schools .fake-td p {
        font-size: 14px;
    }

    .schools .fake-td h1 {
        font-size: 18px;
        margin: 5px;
    }

    .events.schools .fake-td:first-of-type {
        background: #f8f8f8;
        padding-bottom: 20px;
    }

    .events.schools .fake-td:last-of-type {
        padding-top: -20px;
        padding-bottom: 40px;
    }

        .events.schools .fake-td:last-of-type p {
            padding-bottom: 20px;
        }

    .schools .fake-td .btn, .ios-left .btn {
        font-size: 14px;
    }

    .events.schools .school-req {
        padding-left: 20px;
        padding-right: 20px;
    }

    .school-req input[type=text] {
        font-size: 14px;
    }

    .events.schools {
        padding: 0px;
    }

    .footer-homepage .copyright-container .logo-footer {
        width: 70.5px;
    }

    .schools .fake-td:last-of-type h1 {
        margin: 5px;
    }

    .footer-homepage .footer-down {
        margin: 0px;
    }

        .footer-homepage .footer-down .text-conus {
            margin: 5px;
        }

    .intro .iphones {
        width: 0px;
    }

    .schools .fake-td:last-of-type {
        padding-top: 10px;
    }


    .ios-homepage .btn-app-store {
        height: 40px;
        width: 136px;
        margin-top: 29px;
    }
    /* ios-homepage */

    .mixstir-forms {
        border: none;
        margin-bottom: 0;
    }

    .attend-time-choosing li > a,
    .attend-time-choosing .filter-fields div.field-datepicker {
        font-size: 12px;
        padding: 0;
        letter-spacing: 0;
    }

    .attend-time-choosing li > a {
        line-height: 18px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .attend-time-choosing .filter-fields {
        width: 140px;
    }

        .attend-time-choosing .filter-fields #field-datepicker {
            left: -30px;
            width: 200px;
        }

    .filter-additional-table .tr-when .fake-td:first-child {
        padding-bottom: 0;
    }

    .tickn .link-next {
        right: 10px;
    }

    .content-help-pages {
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-top: 49px !important;
    }

    .tickn .link-prev {
        left: 10px;
    }

    .wrapper {
        padding: 0;
    }

    .page-sign-up section {
        padding-right: 10px;
        padding-left: 10px;
    }

    .events {
        padding-top: 55px;
    }

    header {
        top: 0;
    }

    .header {
        height: 49px;
        padding-right: 15px;
        padding-left: 15px;
        border: 0;
    }

    header nav {
        top: 0;
        right: 0;
        width: 100%;
        border-right: 0;
        border-left: 0;
    }

    header .navi-middle ul > li a,
    header .navi-right a {
        line-height: 52px;
        height: 52px;
    }

    header .navi-right .sub > a:after {
        top: 24px;
    }

    .icon-mobile-menu {
        top: 15px;
        right: 15px;
    }

    .mobile-logo {
        top: 3px;
        margin-left: 0;
    }

    .page-mixologist .header .mobile-logo {
        top: 4px;
    }

    .page-mixologist .icon-mobile-menu {
        top: 15px;
        right: 15px;
    }

    .page-light .header .mobile-logo,
    .page-light .icon-mobile-menu {
        top: 15px;
    }

    .additional {
        line-height: 1.5;
    }

    .sign-form .logo {
        display: none;
    }

    .page-sign-up section {
        padding-top: 116px;
    }

    .intro {
        height: 540px;
    }

        .intro .wrapper > .fake-table > .fake-td {
            padding-top: 0px;
        }

        .intro .wrapper > .fake-table > .ios-right.fake-td {
            width: 0px;
        }

    .intro-barhops.intro .wrapper > .fake-table > .fake-td {
        padding-top: 49px;
    }

    .intro h1 {
        font-size: 30px;
        line-height: 30px;
    }

    .intro .logo-brand-loggedout {
        width: 123px;
        height: 52.4px;
    }

    .sigin-buttons {
        margin-bottom: 70px;
    }

        .sigin-buttons a {
            font-size: 15px;
        }

    .intro h1 a {
        padding-right: 15px;
    }

        .intro h1 a:after {
            height: 5px;
            width: 10px;
            top: 9px;
        }

    .intro .btn-intro {
        height: 36px;
        line-height: 32px;
        font-size: 10px;
        letter-spacing: 1px;
        padding: 0 11px;
    }

    .intro-barhops.intro h1 {
        font-size: 24px;
        line-height: 26px;
    }


    .intro .btn-wrap {
        padding-top: 22px;
    }

    .search {
        font-size: .7em;
        height: 50px;
        padding-left: 20px;
        padding-right: 54px;
        text-align: left;
        -moz-background-size: auto 28px;
        -webkit-background-size: auto 28px;
        background-size: auto 28px;
    }

    .events {
        padding: 60px 10px;
    }

    .user-list {
        padding-top: 0;
    }

    .events .btn {
        font-size: 16px;
        letter-spacing: 1px;
    }

    .events .big-event + .btn {
        margin-top: 40px;
    }

    .events h2 {
        font-size: 13px;
        letter-spacing: 0.7px;
    }

    .events .big-event {
        margin-bottom: 20px;
    }

        .events .big-event .big-event-image .big-event-image-text {
            position: static;
            height: auto;
            padding: 20px 20px 10px 20px;
            letter-spacing: 0;
            color: #000;
            background: #f2f2f2;
        }

    .events .big-event-header {
        margin-bottom: 0;
        padding-bottom: 5px;
        letter-spacing: 1px;
        text-transform: none;
    }

        .events .big-event-header:after {
            display: none;
        }

    .events .big-event-date {
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0;
    }

        .events .big-event-date em {
            font-size: 18px;
            line-height: 22px;
            display: inline;
        }

            .events .big-event-date em:before {
                content: ', ';
            }

    footer {
        padding-top: 60px;
    }

        footer .wrapper {
            border: 0;
            padding: 0 20px;
        }

    .footer-homepage .link-group {
        width: 100%;
        float: none;
        padding-right: 0;
        padding-bottom: 40px;
    }

        .footer-homepage .link-group:nth-child(4) {
            padding-bottom: 20px;
        }

        .footer-homepage .link-group ul {
            display: table;
            table-layout: fixed;
            width: 100%;
        }

        .footer-homepage .link-group li {
            float: left;
            margin-right: 18px;
        }

    .footer-homepage .all-rights {
        float: none;
        padding-bottom: 10px;
    }


    .video {
        height: 200px;
        margin: 0;
    }

        .video h2 {
            font-size: 1.3em;
            padding-top: 0;
        }

        .video p {
            display: none;
        }

        .video .video-play {
            width: 40px;
            height: 40px;
        }

    .filter .filter-fields input,
    .filter .filter-fields div.field-datepicker {
        float: none;
        width: 100%;
        max-width: 100%;
    }

    #field-datepicker,
    #field-datepicker-single,
    .many-field-datepicker-single {
        top: 93px;
        left: 1px;
    }

    .events.bg-gray {
        background: #fff;
    }

    .filter {
        padding-top: 100px;
        padding-bottom: 30px;
    }

        .filter .wrapper {
            padding-left: 10px;
            padding-right: 10px;
        }

        .filter h1.large {
            padding-bottom: 15px;
        }

    .filter-additional {
        margin-top: 45px;
    }

    .filter-additional-headline {
        padding: 0;
    }

    .filter-additional .filters-sorting {
        min-width: 120px;
    }

    .filter .filter-fields .fake-td {
        display: block;
        padding-bottom: 7px;
    }

        .filter .filter-fields .fake-td.col-1 {
            padding-right: 0;
            max-width: 480px;
        }

        .filter .filter-fields .fake-td.col-2 {
            width: 150px;
            position: relative;
        }

            .filter .filter-fields .fake-td.col-2 .ui-datepicker {
                margin-left: 0;
            }

    .filter-buttons .button {
        margin-top: 30px;
    }

    .filter .filter-slider {
        margin: 0 14px;
    }

    .filter-additional .btn-filters {
        padding-left: 25px;
        font-size: 14px;
    }

    .f-sorting.ui-multiselect span,
    .ui-multiselect-menu.f-sorting li label {
        font-size: 14px;
    }

    .ui-multiselect-menu.f-sorting li label {
        text-align: right;
        padding-right: 20px;
    }

    .filter-additional-table .fake-tr .fake-td.td-slide-filter {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .legend-text {
        padding-bottom: 10px;
    }

        .legend-text p {
            font-size: 16px;
            padding: 5px 0;
        }

    .event-dialog .mini-dialog.mini-form-dialog {
        max-width: 700px;
        margin-right: 10px;
        margin-left: 10px;
        padding: 20px;
    }

    .user-item .user-face {
        width: 100px;
        height: 100px;
        padding: 5px;
    }

    .user-item img {
        width: 90px;
        height: 90px;
    }

    .user-item .user-name {
        font-size: 12px;
    }

    .user-item .user-pricing {
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 3px;
    }

        .user-item .user-pricing b {
            font-size: 18px;
        }

    .user-item .mixtir-item-voted {
        line-height: 16px;
        font-size: 13px;
        height: 15px;
        overflow: hidden;
    }

    .user-item .mixtir-item-stars, .user-item .mixtir-item-rating {
        height: 15px;
    }

    .main-form {
        max-width: 100%;
    }

        .main-form .row label {
            font-size: 16px;
            margin-left: 0;
            padding: 3px 0;
        }

        .main-form .double-fields .row {
            float: none;
            width: auto;
            padding-left: 0;
        }

        .main-form .buttons {
            padding-top: 0;
            text-align: center;
        }

        .main-form .row .textfield {
            height: 50px;
            padding: 0 19px;
            font-family: proxima-nova;
        }


    .login-popup {
        max-width: 100%;
    }

        .login-popup .login-pop-content {
            padding: 0 10px;
        }

    #tab-login, #tab-signup {
        padding: 15px 20px;
    }

    .login-popup.search-web {
        max-width: 100%;
    }

    .login-popup .or {
        line-height: 30px;
    }

    .login-popup p {
        padding: 10px 0 0 0;
    }

    .login-popup .button {
        height: 45px;
        font-size: 13px;
    }

    .login-popup .sign-tabs a.button.btn-fb {
        line-height: 45px;
    }

    .login-popup a.button {
        line-height: 45px;
        font-size: 17px;
        margin-top: 11px !important;
        margin-bottom: 11px !important;
        font-weight: 600;
    }

    .login-popup h5.small {
        margin-bottom: 39px;
    }

    .login-popup .main-form .row .textfield {
        height: 45px;
        padding: 0 18px;
        font-size: 13px;
        max-width: 100%;
        width: 100%;
        border-width: 1px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    #tab-login .main-form .row {
        padding-bottom: 14px;
    }

    #tab-login .btn-close {
        display: block;
    }

    .login-popup h5 {
        font-size: 13px;
        color: #9b9b9b;
    }

    .login-popup a.button.button-loggain {
        margin-top: 45px !important;
        margin-bottom: 64px !important;
        font-size: 17px;
        font-weight: 600;
    }

    .login-popup .main-form .row .ui-multiselect.select-editor {
        max-width: 100%;
        width: 100% !important;
    }

    .login-popup #step1 p.fp {
        margin-top: -9px;
    }

    .login-popup .sign-tabs .ui-tabs-nav li a {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    .login-popup h5 a.link, .login-popup h5 {
        font-size: 17px;
        font-weight: normal;
    }

    .login-popup h3 {
        font-size: 28px;
        padding-bottom: 7px;
        letter-spacing: 0.3px;
    }

    .login-popup .continue-guest h3 {
        margin-top: 40px;
    }

    .login-popup a.button.btn-fb {
        margin-top: 66px !important;
        margin-bottom: 32px !important;
        padding: 0 10px;
    }

    .login-popup p, .login-popup .or, .login-popup .lines {
        font-size: 13px;
        color: #9b9b9b;
    }

        .login-popup .lines div {
            border-bottom: 1px solid #e6e6e6 !important;
        }

    .login-popup a.button.btn-fb span {
        background-size: auto 15px;
        font-size: 17px;
        padding-left: 33px;
        display: table;
        margin-left: auto;
        margin-right: auto;
        letter-spacing: 0;
        font-weight: 600;
    }

    .login-popup .sign-tabs .ui-tabs-panel {
        padding: 20px 20px 15px 20px;
    }

    .login-popup .fake-table .fake-td {
        display: block;
        width: 100%;
    }

    .login-popup .row-phone .link-verify {
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        width: 70px;
    }

    .login-popup .row-phone .textfield {
        padding-right: 70px !important;
    }

    .login-popup .fake-table .fake-td:first-child,
    .login-popup .fake-table .fake-td:last-child {
        padding: 0;
    }

    .login-popup .sign-tabs #tab-signup.ui-tabs-panel {
        padding-bottom: 20px;
    }
    /* user settings page */
    .user-settings-tabs {
        margin-bottom: 0;
        padding-top: 86px;
        background: #f2f2f2;
    }

        .user-settings-tabs.main-form .inner {
            padding-right: 10px;
            padding-left: 10px;
        }

        .user-settings-tabs .bg-gray {
            background: #fff;
        }

    .user-settings-nav {
        width: 100%;
    }

        .user-settings-nav li {
            display: block;
            width: 50%;
            padding: 0 10px;
            padding-top: 50px;
        }

            .user-settings-nav li a {
                font-size: 14px;
                padding-top: 50px;
                letter-spacing: 1px;
            }

                .user-settings-nav li a:before {
                    height: 40px;
                    -webkit-background-size: auto 40px;
                    -moz-background-size: auto 40px;
                    background-size: auto 40px;
                }
    /* user settings page */

    /* barhops page */
    .intro.intro-barhops {
        height: 280px;
    }

    .find-barhops {
        padding-right: 10px;
        padding-bottom: 70px;
        padding-left: 10px;
    }

        .find-barhops.main-form .button {
            font-size: 14px;
        }
    /* barhops page */

    /* hire page */
    .user-item {
        height: auto;
        margin-bottom: 40px;
    }

    .event.mb-footer {
        margin-bottom: 0;
    }
    /* hire page */

    /* dashboard */
    .dashboards {
        padding-top: 63px;
    }

    .table-panel {
        margin-bottom: 10px;
        padding: 0 10px;
        background: none;
    }

        .table-panel .fake-tr {
            padding-right: 20px;
            padding-left: 20px;
            border-bottom-width: 5px;
            border-left-width: 5px;
            background: #fff;
        }

            .table-panel .fake-td,
            .table-panel .fake-tr:last-child .fake-td {
                padding-top: 20px;
                padding-bottom: 20px;
            }

                .table-panel .fake-td .mobile-th {
                    padding-bottom: 0;
                }

        .table-panel h1,
        .table-panel h2 {
            padding: 20px 25px;
        }
    /* dashboard */

    /* ticket */
    .ticket {
        margin: 0 10px;
        padding: 20px;
    }

        .ticket .fake-td,
        .ticket .fake-td.text-center,
        .ticket .square-code,
        .ticket .fake-table.columns-2 .fake-tr > .fake-td:first-child,
        .ticket .fake-table.columns-2 .fake-tr > .fake-td:last-child {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .ticket .box {
            padding-bottom: 20px;
        }

            .ticket .box:last-child {
                padding-bottom: 0;
            }

    .ticket-headline {
        padding: 20px;
    }

        .ticket-headline h1 {
            font-size: 16px;
            text-transform: none;
            letter-spacing: 0;
            text-align: center;
        }

    .potecial {
        padding-bottom: 40px;
    }

    .editor-forms .potecial h3 {
        padding-bottom: 7px;
    }

    .main-form .ticket {
        margin-left: 0;
        margin-right: 0;
        padding: 10px;
    }
    /* ticket */
    .owl-day-events .owl-nav .owl-prev {
        left: 10px;
    }

    .owl-day-events .owl-nav .owl-next {
        right: 10px;
    }

    .host {
        padding-top: 49px;
    }

    .host-social {
        top: 25px;
        right: 50%;
        margin-right: -62px;
    }

    .host-free-description {
        margin-left: 10px;
        margin-right: 10px;
    }

    .private-booking.filter {
        padding: 40px 0 20px 0;
        border-bottom: 10px solid #f2f2f2;
        background: #fff;
    }

    #field-datepicker-single,
    .many-field-datepicker-single {
        top: 63px;
    }


    .private-booking.filter .row {
        padding-right: 10px;
        padding-left: 10px;
    }

    .private-booking.filter textarea.textfield {
        padding: 17px;
    }

    .private-booking.filter h1 {
        font-size: 26px;
        padding: 0 10px 40px 10px;
    }


    .mixstir-forms {
        margin-top: 49px;
    }

        .mixstir-forms.no-border {
            margin-top: 0;
        }

    .editor-forms {
        padding: 40px 10px;
    }

    .profile-form {
        /*max-width:345px;*/
        margin-left: auto;
        margin-right: auto;
    }

    .ui-multiselect-menu.select-editor {
        width: 250px !important;
    }

    .main-form .button {
        display: block;
        float: none;
        width: 100%;
    }

    .upload-panel {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .editor-forms .fake-table .col-2 {
        padding-bottom: 20px;
    }

    .editor-forms.edit-list {
        padding: 40px 20px;
    }

        .editor-forms.edit-list h3 {
            padding-bottom: 30px;
        }

    .calendar-page-header {
        padding-bottom: 20px;
    }

    .color-item {
        padding-right: 10px;
        padding-left: 10px;
    }

        .color-item .mixtirs-list li {
            width: 50%;
            padding-right: 0 !important;
            padding-left: 0 !important;
        }

        .color-item .mixtir-item .mixtir-item-image {
            margin-right: auto;
            margin-left: auto;
        }

        .color-item .user-follow-block {
            margin: 0 auto 20px auto;
        }

        .color-item .user-pic {
            float: none;
            margin: 0 auto;
        }

        .color-item .user-info {
            margin: 0 auto;
        }
    /* reviews */
    .reviews {
        padding-top: 100px;
        padding-bottom: 60px;
    }

        .reviews .fake-td {
            padding: 10px !important;
        }

        .reviews .fake-tr {
            padding-bottom: 20px;
        }

        .reviews .additional-comment {
            padding-top: 10px;
        }

        .reviews .fake-td.col-2 {
            float: none;
            width: 100% !important;
        }

        .reviews .fake-td.col-3 {
            display: table;
            float: none;
            width: auto !important;
            margin-right: auto;
            margin-left: auto;
        }

        .reviews .rating {
            float: left;
            width: 160px;
            margin: 5px 12px 4px 0;
        }

            .reviews .rating .star {
                margin: 0 3px;
            }

        .reviews .button {
            float: left;
            margin-right: 0;
            margin-left: 0;
        }

        .reviews .review-user {
            display: table;
            margin-right: auto;
            margin-left: auto;
        }
    /* reviews */

    /* payment page */
    .main-form .payment-popup .buttons {
        padding-top: 24px;
    }
    /* payment page */

    /* no items pages */
    .no-hires .no-hires-icon, .no-hires .no-tickets-icon, .no-hires .no-payout-icon {
        width: 115px;
        height: 115px;
    }
    /* no items pages */

    /* your hires */
    .offer-item {
        float: none;
        width: 100%;
        margin: 0 0 10px 0;
        height: 303px;
    }

        .offer-item.offer-accepted {
            height: 248px;
        }
    /* your hires */

    /* address block */
    .main-form .double-fields.where-block .row {
        width: 100%;
        padding-right: 0;
    }
    /* address block */

    .editor-forms .buttons.buttons-navi {
        padding-top: 20px;
        text-align: center;
    }

    .no-hires.middle-block {
        padding: 20px;
    }

    .editor-forms.edit-list .no-hires h3 {
        font-size: 24px;
        padding-top: 5px;
    }

    .no-followers.no-hires {
        padding: 0;
    }

    .payment-add {
        padding: 10px;
    }

    .event-detail-slider .condensed-event-gallery,
    .event-detail-slider .condensed-event-gallery .item {
        height: 300px;
    }

    .event-detail-slider .condensed-event-title {
        padding-left: 10px;
        padding-right: 10px;
    }

        .event-detail-slider .condensed-event-title h1 {
            font-size: 16px;
            line-height: 22px;
            margin-right: 60px;
        }

        .event-detail-slider .condensed-event-title h3 {
            font-size: 14px;
            line-height: 22px;
            width: 50px;
        }

    .event-detail-user-block {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

        .event-detail-user-block .user-pic {
            margin-top: 20px;
        }

    .event-detail-user .condensed-event-general {
        float: none;
        display: table;
        margin-left: auto;
        margin-right: auto;
        padding: 10px 0 20px 0;
    }

    .event-detail-new .event-detail-text {
        padding: 40px 20px;
    }

    .event-detail-new .event-gmap-overlay {
        position: static;
        width: 100%;
        padding: 5px 10px;
    }

    .event-detail-new .condensed-event-spots.condensed-event {
        padding: 10px 20px;
    }

    .event-detail-new .condensed-event .levels, .event-detail-new .condensed-event-spots p {
        max-width: 100%;
    }

    .event-detail-new .condensed-event-spots.condensed-event.condensed-event-price .fake-table .fake-td.col-content {
        border: 0;
    }

    .event-main .gallery-wrapper, .event-main .condensed-event-gallery, .event-main .condensed-event-gallery a {
        height: 225px;
    }

    .panel {
        padding: 20px;
        margin-bottom: 15px;
    }

    .event-detail-user-block h1 {
        font-size: 25px;
        padding-bottom: 15px;
    }

    .panel .event-detail-user-block {
        padding-bottom: 12px;
    }

        .panel .event-detail-user-block .user-pic {
            width: 27px;
        }

            .panel .event-detail-user-block .user-pic a,
            .panel .event-detail-user-block .user-pic a img {
                width: 37px;
                height: 37px;
            }

    .progress {
        margin-bottom: 22px;
    }

        .progress, .progress .handle {
            height: 8px;
            border-radius: 10px;
        }

    .btn-large-share {
        height: 42px;
        padding: 11px;
    }

        .btn-large-share span {
            height: 20px;
            line-height: 20px;
            padding-left: 24px;
            font-size: 16px;
            background-size: auto 16px;
            padding-top: 0;
        }

    .panel .price-per {
        font-size: 32px;
        margin-top: 0;
    }

        .panel .price-per.panel-date {
            font-size: 16px;
        }

    .panel .price-label {
        font-size: 17px;
    }

    .panel .panel-date .price-label {
        font-size: 16px;
    }

    .panel-hint {
        font-size: 12px;
        padding-top: 21px;
    }

    .price-box {
        padding-top: 10px;
    }

    .panel .event-detail-user-block .user-info {
        margin-left: 37px;
        padding-left: 9px;
    }

        .panel .event-detail-user-block .user-info .user-title-link {
            font-size: 17px;
            font-weight: 500;
            text-align: left;
            color: #4a4a4a;
            padding-top: 6px;
            margin-bottom: -2px;
        }

        .panel .event-detail-user-block .user-info .user-follow-link {
            font-size: 13px;
            font-weight: 600;
            text-align: left;
            padding-top: 0;
        }

    .event-detail-new {
        margin-top: 49px;
    }

    .event-menu, .fixed-menu, .event-menu .sub, .event-menu .sub nav a, .event-menu .sub nav {
        height: 51px;
    }

        .event-menu .sub nav {
            float: none;
        }

    .panel.event-main.hidden-mobile {
        margin-bottom: 15px;
    }

    .event-menu .sub, .panel-location h3 {
        padding-left: 20px;
        padding-right: 20px;
    }

        .event-menu .sub nav a {
            padding-top: 3px;
            padding-bottom: 3px;
            font-size: 17px;
            line-height: 45px;
        }

            .event-menu .sub nav a.active::before, .event-menu .sub nav a:hover::before {
                height: 3px;
            }

            .event-menu .sub nav a .badge {
                font-size: 7px;
                top: -4px;
                left: 2px;
            }

    .panel-text h3, .panel-location h3 {
        line-height: 1.3;
        font-size: 17px;
    }

    .panel-text p, .panel-text ul, .panel-text ol {
        font-size: 17px;
        line-height: 1.63;
        padding-top: 13px;
    }

    #comments .user-pic {
        width: 40px;
    }

        #comments .user-pic img {
            width: 40px;
            height: 40px;
        }

    .event-detail-new .gemap {
        height: 300px;
    }

    .message-box {
        padding-left: 10px;
        margin-left: 40px;
    }

        .message-box .fake-table {
            margin-top: 5px;
        }

        .message-box textarea {
            height: 32px;
            font-size: 16px;
            padding: 7px 10px;
        }

        .message-box .fake-table .btn {
            height: 28px;
            width: auto;
            font-size: 14px;
        }

        .message-box .fake-table .ta {
            padding-bottom: 36px;
        }

    #comments-tab {
        padding-left: 9px;
        padding-right: 9px;
    }

        .comment-page, #comments-tab h3 {
            margin-left: 11px;
            margin-right: 11px;
        }

    .jscroll-inner > .comment-page {
        border-top: solid 2px #f4f5f7;
        margin-top: 6px;
    }

    .panel-location {
        padding-bottom: 15px;
    }

    .not-scroll-button .button.next-btn {
        max-width: 100%;
    }

    #post-comment {
        padding-top: 8px;
        border-bottom: 0;
    }

    #comments .comment-page .user-pic {
        width: 20px;
    }

    #comments .comment-item .user-pic img {
        width: 20px;
        height: 20px;
    }

    .message-box .user-title a {
        height: 16px;
        font-size: 14px;
    }

    .message-box .user-title span {
        height: 16px;
        font-size: 14px;
    }

    .comment-item {
        padding-top: 15px;
        padding-bottom: 0;
    }

    #comments .comment-item .message-box {
        margin-left: 20px;
        padding-left: 7px;
    }

        #comments .comment-item .message-box p {
            font-size: 14px;
            line-height: 16px;
            padding-top: 0;
        }

    .comment-item .link-like {
        height: 15px;
        font-size: 14px;
        text-align: left;
        margin-top: 4px;
        padding-top: 1px;
    }

        .comment-item .link-like img {
            margin-right: 5px;
            height: 12px;
            width: 14px;
            margin-top: -1px;
        }

    .cropit-image-buttons .btn {
        float: none;
        margin: 5px 0;
    }

    .image-editor {
        height: auto !important;
    }

    .main-form .double-fields .row-full {
        padding-left: 0;
        padding-bottom: 11px;
    }

        .main-form .double-fields .row-full .hint {
            padding-top: 11px;
        }

    .condensed-event-gallery .owl-nav .owl-prev, .condensed-event-gallery .owl-nav .owl-next {
        top: -115px;
    }

    .need-help {
        padding: 60px 0;
    }

        .get-everywhere .wrapper,
        .need-help .wrapper,
        .download-block .wrapper {
            padding: 0 20px;
        }

    .download-block {
        padding: 60px 0;
    }

    .mixtirs-list li {
        padding-bottom: 15px;
    }

    #host-tickets .table-panel {
        padding: 0;
    }

    .table-panel .fake-td .mobile-th {
        padding: 3px 0;
    }

    .main-form .double-fields.where-block .row.col-third {
        width: 100%;
    }

    .tooltip-fund.switch .tooltiptext {
        left: 0 !important;
        width: 280px;
    }

        .tooltip-fund.switch .tooltiptext::after {
            left: 22px;
        }

    .row label .tooltip-fund .tooltiptext {
        width: 240px;
        left: auto !important;
        right: -10px !important;
    }

        .row label .tooltip-fund .tooltiptext:after {
            right: 15px !important;
        }

    .row label.label-short .tooltip-fund .tooltiptext {
        right: -120px !important;
    }

        .row label.label-short .tooltip-fund .tooltiptext:after {
            right: 122px !important;
        }

    .rectangle-orange .of-people-going-to, .rectangle .of-people-going-to {
        font-size: 12px;
    }

    .page-how-it-works header.non-logged .header, .page-how-it-works header.non-logged .navi-right {
        height: 49px;
    }

    .how-it-works-intro {
        padding-top: 49px;
        padding-left: 20px;
        padding-right: 20px;
    }

        .how-it-works-intro h1 {
            font-size: 35px;
        }

        .how-it-works-intro .buttons {
            padding-top: 38px;
        }

        .how-it-works-intro .wrapper {
            min-height: 300px;
            height: 300px;
            padding: 35px 0;
        }

    .how-it-works-merchant, .how-it-works-event, .how-it-works-features, .how-it-works-start-now {
        padding: 35px 20px;
    }

    .how-it-works-conversation {
        padding: 35px 20px 15px 20px;
    }

        .how-it-works-merchant h2, .how-it-works-event h2, .how-it-works-features h2, .how-it-works-conversation h2, .how-it-works-start-now h2 {
            font-size: 30px;
            padding-bottom: 14px;
        }

    .how-it-works-merchant p, .how-it-works-event p, .how-it-works-start-now p, .how-it-works-start-now .foot {
        font-size: 14px;
    }

    .how-it-works-conversation h3 {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .how-it-works-conversation .col-4 {
        padding-bottom: 20px;
    }

    .how-it-works-features ul li {
        margin-bottom: 0;
        font-size: 14px;
        background-size: 25px;
        padding-left: 35px;
    }

    .how-it-works-features .col-4 {
        padding-bottom: 0;
    }

    .how-it-works-start-now .buttons {
        padding: 40px 0;
    }

    .page-how-it-works header.non-logged .navi-right .button {
        font-size: 17px;
        height: 40px;
        line-height: 40px;
    }

    .login-popup .sign-tabs a.button.btn-fb {
        margin-top: 23px !important;
    }

    .login-popup h5.small, .login-popup h5.small a.link {
        font-size: 10px;
    }

    .page-mixologist .editor-forms {
        padding-left: 10px;
    }

    #coupon-codes .buttons .button, #coupon-codes .buttons .button:last-child {
        max-width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }

    .group-members h1 {
        font-size: 20px;
        margin-right: 0;
        clear: both;
        padding-top: 20px;
    }

    .group-members .button.btn-add-members {
        margin-top: 0;
    }

    .group-members.event-contribute-list {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .event-contribute-list.group-members .scroll-contributed .sub {
        padding: 0;
    }

    .groups-page {
        padding-left: 10px;
        padding-right: 10px;
    }

    .my-groups h1 {
        font-size: 30px;
    }

    .manage-groups p {
        font-size: 16px;
    }

    .manage-groups h3 {
        font-size: 20px;
    }

    .my-group-list .group-item .title {
        font-size: 19px;
    }

    .manage-groups::after, .manage-groups::before {
        width: 300px;
    }

    .my-groups {
        padding-bottom: 20px;
    }

    #popup-create-group .row-avatar, #popup-create-group .row, .add-members-fields {
        padding-left: 22px;
        padding-right: 22px;
    }

        .add-members-fields .row {
            padding-left: 0;
            padding-right: 0;
        }

        .add-members-fields p {
            font-size: 16px;
            padding-bottom: 20px;
        }

    ul.token-input-list {
        margin: 20px 0;
        width: 100%;
    }

    .event-contribute-list .scroll-contributed ul.people-list li {
        padding: 10px;
    }

    ul.token-input-list li input {
        width: 80% !important;
    }

    .add-members-fields .textfield, .add-members-fields ul.token-input-list {
        padding: 10px !important;
    }

    .groups-join-list {
        padding-left: 7px;
    }

    #popup-invites.event-contribute-list .scroll-contributed #joined ul .not-scanned img, #popup-invites.event-contribute-list .scroll-contributed #joined ul .scanned img {
        height: 32px;
        width: 32px;
    }

    #popup-invites.event-contribute-list .scroll-contributed #joined ul li {
        padding: 10px;
    }

    .event-contribute-list .scroll-contributed ul.groups-join-list .user-mini-item img {
        height: 54px;
        width: 54px;
        margin-right: 10px;
    }

    .groups-join-list em {
        padding-top: 7px;
    }

    .product-item.extended-item .ftd {
        display: block !important;
        padding-top: 20px;
        width: 100%;
    }

        .product-item.extended-item .ftd .row label {
            font-size: 14px;
            padding-bottom: 10px;
        }

    .ui-multiselect.select-editor.select-new-design {
        height: 43px !important;
    }

        .ui-multiselect.select-editor.select-new-design span {
            line-height: 43px;
            height: 43px !important;
            font-size: 14px;
            color: #9b9b9b;
        }

    .product-item.extended-item:first-of-type .ftd {
        padding-top: 20px;
    }

    .for-add-more {
        border-top: solid 2px #e6e6e6;
        margin-top: 11px;
        padding-top: 17px;
        font-size: 14px;
    }

    .panel-with-sub .for-add-more {
        margin-top: 0;
        border: 0;
    }

    .main-form .organizer-form .payment-popup .buttons {
        padding-top: 10px;
    }

    .main-form .organizer-form .buttons.payments-add {
        padding-top: 0;
    }
}

@media screen and (max-width:440px) {
    .invite-friends-page section .header {
        height: 370px;
    }

    .intro .wrapper > .fake-table > .ios-right.fake-td {
        width: 0px;
    }


    .invite-friends-page section .header h2 {
        font-size: 1.3em;
        padding: 0 10%;
    }

    .invite-friends-page section .header h1 {
        font-size: 24px;
        height: 26px;
    }


    .invite-friends-page section .header h4 {
        font-size: 1.0em;
        font-weight: 500;
        line-height: 1.1em;
        padding: 0 10%;
    }

    .inv-friends-container {
        padding: 50px 20px 0 20px;
        margin-bottom: 30px;
    }




    .form-share-email {
        box-sizing: content-box;
        width: 265px;
        height: 41px;
    }

    .inv-friends-container input#form-send {
        font-size: .8em;
        width: 65px;
        height: 41px;
    }

    .inv-friends-container input#form-email {
        font-size: .7em;
        line-height: 21px;
        width: 200px;
        height: 39px;
        padding-top: 0;
        padding-left: 5%;
    }

    .inv-friends-container .container-share {
        max-width: 267px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .inv-friends-container .share-fb,
    .inv-friends-container .share-tw {
        line-height: 41px;
        max-width: 267px;
        width: 100%;
        height: 43px;
        padding-left: 8%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width:420px) {
    .mini-dialog {
        width: 96%;
        padding: 20px;
    }

    .inv-friends-container #fakeShareField, .inv-friends-container #copylink {
        font-size: 10px;
        line-height: 14px;
    }

    .inv-friends-container #shareField {
        height: 20px;
        line-height: 14px;
    }

    .inv-friends-container .socials, .inv-friends-container .socials li {
        width: 100%;
    }

        .inv-friends-container .socials li a {
            width: 100%;
        }

    .condensed-event {
        width: 100%;
        max-width: 395px;
    }

        .condensed-event .left,
        .condensed-event .right,
        .condensed-event-gallery .item {
            width: 100%;
        }

        .condensed-event .levels li span {
            font-size: 18px;
            line-height: 28px;
            width: 32px;
            height: 32px;
            border-width: 2px;
        }

    .condensed-event-general .col-33 {
        font-size: 13px;
    }

    .condensed-event-user .user-pic img {
        width: 50px;
        height: 50px;
        border-width: 6px;
    }

    .condensed-event-spots h3 {
        padding-bottom: 10px;
    }

    .condensed-event-user .user-info {
        width: auto;
        padding: 5px 0;
        text-align: left;
    }

    .condensed-event-user .user-follow {
        float: none;
        clear: both;
        text-align: center;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        top: 20px;
        position: relative;
        padding: 20px 0;
        margin-bottom: 20px;
    }

    .condensed-event-user .user-info .user-name {
        padding-bottom: 10px;
    }

    .condensed-event-general,
    .condensed-event-user {
        padding-bottom: 17px;
    }

        .condensed-event-general .icon {
            margin-bottom: 5px;
        }

    .mixters-list h2 {
        font-size: 28px;
        padding: 0 20px 20px 20px;
    }

    .mixsters-day {
        padding: 20px 0;
    }

    /* payment page */
    .payment-popup {
        width: 100%;
    }

    .main-form .payment-popup .ft .col-left,
    .main-form .payment-popup .ft .col-right {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        display: block;
    }
    /* payment page */
}

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


    .mixtir-item-footer .mixtir-item-title {
        font-size: 16px;
        letter-spacing: 0;
    }

    .mixtir-item-footer .mixtir-item-price {
        font-size: 13px;
        letter-spacing: 0;
    }

    .web-app-page section .header p {
        font-size: .58em;
    }

    .web-app-page section .header h2 {
        font-size: 1.1em;
        line-height: 1.3;
    }

    .web-app-page .container-barhops {
        background-position: 72% 3%;
        background-size: 40px auto;
    }

    .web-app-page .container-barhops {
        height: auto;
        padding: 10% 5%;
    }

    .web-app-page .barhops {
        width: 100%;
        margin: 0;
        padding-top: 5%;
    }

    .web-app-page .container-bartenders {
        height: auto;
        padding: 0;
        background-position: 8% 3%;
        background-size: 40px auto;
    }

    .web-app-page .bartenders {
        width: 100%;
        margin: 0;
        padding: 10% 5%;
    }

    .web-app-page .avail-on-ios h2 {
        font-size: 1.5em;
    }

    .web-app-page .barhops h3:first-of-type {
        padding-top: 22%;
    }

    .web-app-page .barhops h3, .web-app-page .bartenders h3 {
        line-height: 1.6;
    }

    .web-app-page .barhops h1 {
        padding-top: 9%;
        font-size: 2.5em;
    }

    .web-app-page .bartenders h1 {
        padding-left: 30%;
        padding-top: 10%;
    }

    .web-app-page .bartenders h3:first-of-type {
        padding-top: 30%;
    }

    .web-app-page .avail-on-ios {
        padding-top: 7%;
    }
}

@media screen and (max-width:375px) {
    .apply-bartender-page section .header p {
        font-size: 1.23em;
        padding-right: 5%;
        padding-left: 5%;
    }

    .intro-barhops.intro.free-beer-header h2 {
        font-size: 60px;
    }

    .apply-bartender-page section .header {
        padding-top: 110px;
    }

        .apply-bartender-page section .header h2 {
            font-size: 2.25em;
        }

    .application-container h2 {
        font-size: 1.05em;
    }

    .application-container .text-if-appl {
        letter-spacing: 1px;
    }

    .application-container h2 {
        letter-spacing: 0;
    }

    .application-container .checkbox-form-item span {
        font-size: .75em;
        letter-spacing: 0;
        line-height: 20px;
    }

    .how-it-works-intro h1 {
        font-size: 28px;
    }

    .how-it-works-merchant h2, .how-it-works-event h2, .how-it-works-features h2, .how-it-works-conversation h2, .how-it-works-start-now h2 {
        font-size: 24px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width:320px) {
    .bartender-homepage .apply-now {
        margin-left: 17%;
    }

    .mixstir-forms {
        border: none;
        margin-bottom: 0;
    }

    .web-app-page .avail-on-ios h2 {
        font-size: 1.25em;
    }

    .events .big-event-header {
        font-size: 16px;
        letter-spacing: 0;
    }

    .search {
        font-size: .7em;
        padding-right: 40px;
        padding-left: 15px;
        letter-spacing: 1px;
        background-position: 100% 50%;
        -webkit-background-size: auto 20px;
        -moz-background-size: auto 20px;
        background-size: auto 20px;
    }

    .video h2 {
        font-size: 1.0em;
        letter-spacing: 0;
    }

    .mixtirs-list li {
    }

    /* user settings page */
    .user-settings-tabs {
        padding-top: 86px;
    }

        .user-settings-tabs.main-form .double-fields .row.half {
            width: 100% !important;
        }
    /* user settings page */
    .color-item .mixtirs-list li {
        width: 100%;
    }
}

/* RESPONSIVE */


/* ============================================================
  COMMON
============================================================ */
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ============================================================
  SWITCH 1 - ROUND
============================================================ */
input.cmn-toggle-round + label {
  padding: 1px;
  width: 60px;
  height: 30px;
  background-color: #dddddd;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #ff0000;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
  width: 29px;
  background-color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: margin 0.4s;
  -moz-transition: margin 0.4s;
  -o-transition: margin 0.4s;
  transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
  background-color: #8ce196;
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 30px;
}

/* ============================================================
  SWITCH 2 - ROUND FLAT
============================================================ */
input.cmn-toggle-round-flat + label {
  padding: 2px;
  width: 120px;
  height: 60px;
  background-color: #dddddd;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}
input.cmn-toggle-round-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 52px;
  background-color: #dddddd;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  -webkit-transition: margin 0.4s, background 0.4s;
  -moz-transition: margin 0.4s, background 0.4s;
  -o-transition: margin 0.4s, background 0.4s;
  transition: margin 0.4s, background 0.4s;
}
input.cmn-toggle-round-flat:checked + label {
  background-color: #8ce196;
}
input.cmn-toggle-round-flat:checked + label:after {
  margin-left: 60px;
  background-color: #8ce196;
}

/* ============================================================
  SWITCH 3 - YES NO
============================================================ */
input.cmn-toggle-yes-no + label {
  padding: 2px;
  width: 120px;
  height: 60px;
}
input.cmn-toggle-yes-no + label:before, input.cmn-toggle-yes-no + label:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #fff;
  font-family: "Roboto Slab", serif;
  font-size: 20px;
  text-align: center;
  line-height: 60px;
}
input.cmn-toggle-yes-no + label:before {
  background-color: #dddddd;
  content: attr(data-off);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
input.cmn-toggle-yes-no + label:after {
  background-color: #8ce196;
  content: attr(data-on);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
input.cmn-toggle-yes-no:checked + label:before {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
input.cmn-toggle-yes-no:checked + label:after {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}