@charset "UTF-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*Gigmor Variables*/
/*Gigmor Helper Classes*/
.fleft, .fancybox-stats .user-content img, .fancybox-stats .user-content .user-info-list, .fancybox-stats .thumbnail-list li {
  float: left; }

.fright {
  float: right; }

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

.valign-middle {
  vertical-align: middle; }

.hide {
  display: none !important; }

.blue {
  color: #299BCF; }

.orange {
  color: #ff5a0f; }

.clickable {
  cursor: hand;
  cursor: pointer; }

.bump-top {
  margin-top: 10px; }

.clearfix, .gigscore__list, .fancybox-stats .user-content, .fancybox-stats .thumbnails, .fancybox-stats .thumbnail-list, #profile .profile-summary #module-stats {
  width: 100%; }

.clearfix:after, .gigscore__list:after, .fancybox-stats .user-content:after, .fancybox-stats .thumbnails:after, .fancybox-stats .thumbnail-list:after, #profile .profile-summary #module-stats:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden; }

.uppercase {
  text-transform: uppercase; }

.kill-margin {
  margin: 0; }

.kill-padding {
  padding: 0; }

.clear {
  clear: both; }

/*Gigmor Mixins*/
/****************************************************
    CSS / SASS / UTILS
****************************************************/
@media only screen and (min-width: 768px) {
  .container {
    max-width: 1200px; } }

/*Gigmor Global Content Styles*/
/*
[Table Of Contents]
  0- Body
  1- Links
  2- Buttons
  3- Headings
  4- Elements
  5- Content Modules
  6- Containers
  7- Menus
  8- Behaviors
  9- Responsive
*/
/* =0 Body
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {
  color: #333;
  background-color: #fff;
  font-size: 16px;
  font-family: "myriad-pro", Arial, sans-serif; }

/* =1 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a {
  color: #ff5a01;
  text-decoration: none; }

a, button {
  outline: 0 !important; }

button.icon-delete-post {
  background: #fff url(/gigmor/public/images/icons/close-btn-icon-blue.png) no-repeat;
  border: none !important;
  margin-top: -8px;
  color: transparent; }

button.icon-delete-object {
  background: #fff url(/gigmor/public/images/icons/close-btn-icon-blue.png) no-repeat;
  border: none !important;
  margin-top: -8px;
  color: transparent; }

.flexible-field {
  resize: none;
  overflow: hidden;
  height: 2.1em; }

.action-link {
  margin-right: 5px; }

.link-toggleview, .link-more, .link-less {
  font-size: 16px;
  text-decoration: none;
  color: #299BCF;
  display: block;
  float: right;
  clear: both; }
  .link-toggleview .fa-caret-down, .link-toggleview .fa-caret-up, .link-more .fa-caret-down, .link-more .fa-caret-up, .link-less .fa-caret-down, .link-less .fa-caret-up {
    margin-left: 10px;
    font-size: 24px;
    vertical-align: middle;
    /*float: right;*/ }
  .link-toggleview .toggle-text, .link-more .toggle-text, .link-less .toggle-text {
    vertical-align: middle;
    display: inline-block; }

.more {
  font-size: 16px;
  float: right;
  padding-top: 20px;
  color: #299BCF;
  text-decoration: none;
  outline: 0; }
  .more:focus {
    outline: 0; }

.module-header-link {
  text-transform: CAPITALIZE;
  color: #299BCF;
  font-size: 16px;
  display: inline-block;
  float: right; }

/* =2 Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.button-fb {
  color: #fff;
  background: #4c66a4;
  border-radius: 5px;
  display: inline-block; }

.common-submit {
  background: #ff5a01;
  color: #fff;
  font-size: 17px;
  text-transform: uppercase;
  border-radius: 4px;
  border: none;
  line-height: 1;
  padding: 5px 30px;
  cursor: pointer;
  display: inline-block; }
  .common-submit:hover {
    opacity: .8; }

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

.common-btn {
  display: inline-block;
  border-radius: 4px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  padding: 5px 20px;
  background: #1692cc;
  margin-bottom: 20px; }
  .common-btn.invert {
    color: #1692cc;
    background: #fff; }

/*.common-btn {
    color: #fff;
    background: $gigmor-blue;
    font-size: 20px;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1;
    text-align: center;
    padding: 10px 40px;
    margin: 0 0 20px 0;
    text-decoration: none;
    border: none;
    border-radius: 3px;

    &:hover {
        opacity: .8;
    }
}
*/
/*Share Buttons*/
.share-btn, .icon-share-facebook, .icon-share-twitter, .icon-share-gplus, .icon-share-email {
  width: 29px;
  height: 29px;
  margin: 3px;
  margin-left: 7px;
  background-color: #ccf;
  float: left;
  cursor: pointer;
  background: #299BCF;
  text-indent: -999em; }

.icon-share-facebook {
  background: url("/public/images/share-buttons.png") 0 0; }

.icon-share-twitter {
  background: url("/public/images/share-buttons.png") -40px 0; }

.icon-share-gplus {
  background: url("/public/images/share-buttons.png") -80px 0; }

.icon-share-email {
  background: url("/public/images/share-buttons.png") -160px 0; }

/* generic buttons */
/*.btn {display:inline-block; text-transform:uppercase; cursor: pointer; display: inline-block; background-color: #e6e6e6; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6); background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); padding: 5px 14px 6px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); color: #333; font-size: 13px; line-height: normal; border: 1px solid #ccc; border-bottom-color: #bbb; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all}
.btn:hover { background-position: 0 -15px; color: #333; text-decoration: none}
.btn:focus { outline: 1px dotted #666}
.btn.primary { color: #ffffff; background-color: #353535; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#646464), to(#353535)); background-image: -moz-linear-gradient(top, #646464, #353535); background-image: -ms-linear-gradient(top, #646464, #353535); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #353535)); background-image: -webkit-linear-gradient(top, #646464, #353535); background-image: -o-linear-gradient(top, #646464, #353535); background-image: linear-gradient(top, #646464, #353535); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#646464', endColorstr='#353535', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #353535 #353535 #003f81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)}
.btn:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05)}
.btn.disabled, .btn[disabled] { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: alpha(opacity=65); -khtml-opacity: 0.65; -moz-opacity: 0.65; opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none}
.btn.large { font-size: 15px; line-height: normal; padding: 9px 14px 9px}
.btn.small { padding: 7px 9px 7px; font-size: 12px}*/
.btn_facebok img {
  height: auto;
  max-width: 100%; }

/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1, h2, h3, h4, h5, h6, h7, h8, h9 {
  margin: 5px 0; }

h1 {
  font-weight: 500;
  font-size: 24px;
  font-family: "museo-sans",sans-serif;
  margin: -1px; }

h2 {
  font-weight: 500;
  font-size: 18px;
  font-family: "museo-sans",sans-serif; }

h3 {
  font-size: 14px;
  font-weight: bold; }

.page-title {
  font-size: 32px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  color: #ff5a01;
  line-height: 1.1; }
  .page-title.bottom-border {
    border-bottom: 1px solid #d7d8df;
    padding: 0 0 20px 0;
    margin: 0 0 35px 0; }

/* =4 Elements
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
dl {
  margin: 1em 0 2em 0; }
  dl dt {
    font-weight: 600; }
  dl dd {
    margin: 0 0 20px 0; }

.badge, .header-right .nav-item .nav-item-counter {
  color: #FFFFFF;
  background-color: #FF4105;
  padding: 0 3px;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
  display: inline-block; }

.spinner {
  display: none;
  text-align: center;
  width: 100%;
  height: 0; }

/* =5 Content Modules
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#col-1,
#col-2,
#col-3 {
  box-sizing: border-box;
  float: left;
  height: 100%;
  *zoom: 1; }
  #col-1:before, #col-1:after,
  #col-2:before,
  #col-2:after,
  #col-3:before,
  #col-3:after {
    content: " ";
    display: table; }
  #col-1:after,
  #col-2:after,
  #col-3:after {
    clear: both; }

.common-hr {
  border: 0;
  height: 1px;
  background: #999;
  margin: 10px 0; }

.common-icon {
  cursor: pointer;
  margin-left: 5px;
  font-style: normal; }

.common-icon:hover {
  color: #ff5a01;
  text-decoration: none; }

.icon-trash {
  font-size: 18px;
  color: #333; }

.icon-remove:before {
  content: "\00d7";
  font-size: 21px;
  margin-top: -2px; }

.icon-add:before {
  content: "+";
  font-size: 21px;
  margin-top: -2px; }

hr {
  border: 0px;
  padding: 0px;
  margin: 0px;
  height: 1px;
  background: #d7d8df;
  clear: both; }

p.lead {
  font-size: 16px;
  line-height: 19px; }

#bio {
  max-height: 100px;
  color: #666; }

.empty-section {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 45px; }

.empty-section a {
  color: #299BCF;
  text-decoration: none; }

.empty-section a:hover {
  text-decoration: underline; }

/*Common Module*/
.common-module {
  clear: both;
  min-height: 150px;
  *zoom: 1;
  margin: 0 0 30px 0; }
  .common-module:before, .common-module:after {
    content: " ";
    display: table; }
  .common-module:after {
    clear: both; }
  .common-module .module-title {
    font-weight: 500;
    font-size: 18px;
    font-family: "museo-sans",sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #d7d8df;
    margin-bottom: 15px;
    padding: 0 0 5px 0; }

/*Comment Thread*/
.comment-thread {
  background: #f6f6f6;
  clear: both;
  padding: 10px; }
  .comment-thread .comments {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    display: block;
    font-size: 14px;
    width: 100%; }
    .comment-thread .comments li {
      border-bottom: 1px solid #dbdbdb;
      padding: 10px 15px 10px 0;
      position: relative;
      *zoom: 1; }
      .comment-thread .comments li:first-of-type {
        padding-top: 5px; }
        .comment-thread .comments li:first-of-type .icon-delete {
          padding: 0 5px;
          top: 3px; }
      .comment-thread .comments li:last-of-type {
        border-bottom: none;
        padding-bottom: 10px; }
      .comment-thread .comments li:before, .comment-thread .comments li:after {
        content: " ";
        display: table; }
      .comment-thread .comments li:after {
        clear: both; }
      .comment-thread .comments li .comment-ava {
        width: 35px;
        float: left; }
        .comment-thread .comments li .comment-ava img {
          max-width: 100%;
          height: auto; }
      .comment-thread .comments li .comment-text {
        width: 88%;
        float: left;
        box-sizing: border-box;
        margin-top: -4px;
        padding: 0 0 0 12px; }
      .comment-thread .comments li .icon-delete {
        background: none;
        border: none;
        color: #666;
        font-family: "museo-sans", Arial, sans-serif;
        font-weight: 200;
        padding: 5px;
        line-height: 1;
        position: absolute;
        text-decoration: none;
        top: 3px;
        right: 0; }
      .comment-thread .comments li .alias {
        font-weight: 600; }
      .comment-thread .comments li:hover .icon-delete {
        display: block; }
  .comment-thread .comment-input {
    border: 1px solid #ccc;
    width: 100%;
    padding: 6px 10px;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 14px;
    color: #666;
    margin-bottom: 5px; }
    .comment-thread .comment-input::-webkit-input-placeholder {
      color: #666; }
    .comment-thread .comment-input::-moz-placeholder {
      color: #666; }
    .comment-thread .comment-input:-moz-placeholder {
      color: #666; }
    .comment-thread .comment-input:-ms-input-placeholder {
      color: #666; }
  .comment-thread .comment-input-wrap {
    background: #f6f6f6;
    padding: 15px 9px;
    clear: both; }
    .comment-thread .comment-input-wrap .comment-input {
      margin: 0; }

/*Pagination*/
.module-pagination {
  clear: both;
  font-size: 16px; }

.module-pagination ul {
  list-style: none;
  padding: 0; }

.module-pagination li {
  float: left;
  margin: 0 5px 0 0; }

/* Member Cards */
.member-card-list {
  list-style: none;
  margin: 0;
  padding: 0; }

.member-card {
  *zoom: 1;
  box-sizing: border-box; }
  .member-card:before, .member-card:after {
    content: " ";
    display: table; }
  .member-card:after {
    clear: both; }
  .member-card .mediaholder {
    float: left;
    margin: 0 15px 0 0; }
    .member-card .mediaholder img {
      display: block; }
  .member-card .info {
    margin-left: 90px; }
    .member-card .info .alias {
      font-family: "myriad-pro", Arial, sans-serif;
      font-size: 16px;
      font-weight: 600;
      margin: 0; }
    .member-card .info .location {
      color: #898888;
      margin: 0; }
    .member-card .info .instruments {
      color: #666;
      font-weight: 600;
      margin: 5px 0 0 0; }

/* Show Listings */
.show-item {
  padding: 10px 0px;
  *zoom: 1; }
  .show-item:before, .show-item:after {
    content: " ";
    display: table; }
  .show-item:after {
    clear: both; }
  .show-item .show-col-left {
    float: left;
    width: 35%;
    box-sizing: border-box;
    padding-right: 5%; }
  .show-item .show-col-right {
    float: left;
    width: 65%;
    box-sizing: border-box; }
  .show-item .date {
    font-size: 16px;
    font-weight: 600;
    width: auto; }
  .show-item .location, .show-item .venue {
    color: #898888;
    font-size: 16px;
    display: inline-block; }
  .show-item .venue {
    font-weight: 600;
    color: #666; }
  .show-item .time {
    font-weight: 400;
    font-size: 14px;
    color: #898888; }
  .show-item .status {
    margin: 0;
    color: #299BCF;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4; }
  .show-item .alias {
    font-size: 16px;
    font-weight: 600;
    margin: 0; }
    .show-item .alias a {
      color: #299BCF; }
  .show-item .action-link {
    color: #666;
    font-size: 19px;
    margin-right: 10px; }
    .show-item .action-link .count {
      font-size: 13px; }
    .show-item .action-link:last-of-type {
      margin-right: 0; }
    .show-item .action-link:hover {
      color: #299BCF; }

/* Music players */
.song-item {
  position: relative;
  /*height:76px;*/
  border-bottom: 1px dashed #DEDEDE; }
  .song-item .controls {
    position: absolute;
    top: 0;
    right: 0; }

.song-info {
  position: absolute;
  left: 0px;
  right: 0px;
  height: 100%;
  margin-left: 70px;
  top: 0px; }

.song-info .title {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 42px;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  padding: 16px 80px 0 0; }

.song-info .share {
  position: absolute;
  right: 44px;
  top: 27px;
  font-size: 16px;
  width: auto; }

.song-info .like {
  position: absolute;
  right: 4px;
  top: 27px;
  font-size: 16px;
  width: auto; }

/*.song-item .play-btn {
  background: url("/images/play-btn.png");
  width: 41px;
  height: 41px;
  border: 0px;
  outline: 0px;
  position: absolute;
  top: 18px;
}*/
/*Here is some junk for the old Explore pages. Let's dump this eventually
when we implement the redesign in a separate stylesheet*/
.bigtitle {
  font-family: "museo-sans",sans-serif;
  font-size: 24px;
  text-align: center;
  padding: 20px 0px; }

.smaller {
  font-size: 80%; }

td, th {
  vertical-align: top; }

/*Responsive Video Wrapper*/
.video-frame {
  clear: both;
  max-width: 580px;
  margin: 0 auto;
  padding: 21px 23px;
  background: url("../images/landing/jams-video/bg-video-frame.jpg") no-repeat 0 0;
  margin-bottom: 40px;
  box-sizing: border-box; }

.video-wrapper {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  /*padding-top: 25px; use this value if controls need to be visible*/
  padding-top: 0;
  height: 0; }
  .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*BREADCRUMBS*/
.breadcrumbs {
  margin: 0 0 30px 0;
  font-size: 18px;
  font-family: "myriad-pro", Arial, sans-serif; }
  .breadcrumbs a {
    color: #299BCF; }

@media only screen and (max-width: 635px) {
  .video-frame {
    background: none;
    border: 10px solid #000; } }

/*Filter Dropdown*/
#filter-wrap {
  background: #535353;
  border-bottom: 1px solid #666;
  position: relative;
  margin: 0 0 30px 0;
  z-index: 1;
  display: none;
  clear: both; }
  #filter-wrap #filter {
    padding: 0 20px;
    margin: 0 auto;
    max-width: 1200px;
    min-width: 320px;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    padding-top: 21px;
    padding-bottom: 21px;
    height: 70px; }
  #filter-wrap #filter-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    font-size: 24px;
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 200; }
    #filter-wrap #filter-list .fa {
      font-size: 18px;
      padding-left: 4px; }
    #filter-wrap #filter-list > li {
      float: left;
      margin-left: 75px;
      padding-right: 16px;
      position: relative;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      #filter-wrap #filter-list > li .down-arrow-btn {
        bottom: 10px;
        right: 0; }
      #filter-wrap #filter-list > li:first-child {
        margin-left: 0; }
      #filter-wrap #filter-list > li .dropdown {
        position: absolute;
        top: 43px;
        left: -999em;
        background: #fff;
        width: 240px;
        border: 1px solid #ccc;
        border-radius: 3px;
        color: #333;
        font-size: 17px;
        box-sizing: border-box;
        padding: 10px;
        /* Required for UP Triangle */
        /* Stroke */
        /* Fill */ }
        #filter-wrap #filter-list > li .dropdown.show {
          left: auto; }
        #filter-wrap #filter-list > li .dropdown:before, #filter-wrap #filter-list > li .dropdown:after {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          border-style: solid;
          border-color: transparent;
          border-top: 0; }
        #filter-wrap #filter-list > li .dropdown:before {
          top: -9px;
          left: 16px;
          /* If 1px darken stroke slightly */
          border-bottom-color: #ccc;
          border-width: 9px; }
        #filter-wrap #filter-list > li .dropdown:after {
          top: -8px;
          left: 17px;
          border-bottom-color: #fff;
          border-width: 8px; }
      #filter-wrap #filter-list > li .chosen-drop .chosen-results {
        font-weight: 400; }
        #filter-wrap #filter-list > li .chosen-drop .chosen-results li.active-result:hover, #filter-wrap #filter-list > li .chosen-drop .chosen-results li.highlighted {
          background: #299BCF; }
        #filter-wrap #filter-list > li .chosen-drop .chosen-results li em {
          text-decoration: none; }
    #filter-wrap #filter-list #filter-level .dropdown,
    #filter-wrap #filter-list #filter-genre .dropdown,
    #filter-wrap #filter-list #filter-sort .dropdown,
    #filter-wrap #filter-list #filter-instrument .dropdown {
      width: 300px; }
    #filter-wrap #filter-list #filter-level .chosen-drop,
    #filter-wrap #filter-list #filter-genre .chosen-drop,
    #filter-wrap #filter-list #filter-sort .chosen-drop,
    #filter-wrap #filter-list #filter-instrument .chosen-drop {
      margin: 5px 0 0 -12px;
      width: 300px;
      box-sizing: border-box;
      left: 0;
      border-bottom: none; }
      #filter-wrap #filter-list #filter-level .chosen-drop .chosen-results li,
      #filter-wrap #filter-list #filter-genre .chosen-drop .chosen-results li,
      #filter-wrap #filter-list #filter-sort .chosen-drop .chosen-results li,
      #filter-wrap #filter-list #filter-instrument .chosen-drop .chosen-results li {
        padding: 5px 10px; }
    #filter-wrap #filter-list #filter-level .chosen-with-drop .chosen-drop,
    #filter-wrap #filter-list #filter-genre .chosen-with-drop .chosen-drop,
    #filter-wrap #filter-list #filter-sort .chosen-with-drop .chosen-drop,
    #filter-wrap #filter-list #filter-instrument .chosen-with-drop .chosen-drop {
      border-bottom: 1px solid #ccc; }
    #filter-wrap #filter-list #filter-location .chosen-drop {
      margin: 5px 0 0 -12px;
      width: 240px;
      box-sizing: border-box;
      border-bottom: none; }
    #filter-wrap #filter-list #filter-location .chosen-with-drop .chosen-drop {
      border-bottom: 1px solid #ccc; }
    #filter-wrap #filter-list #filter-date input[name="date-from"] {
      margin-bottom: 10px; }

#results-details {
  padding: 0 20px;
  margin: 0 auto;
  max-width: 1200px;
  min-width: 320px;
  padding-bottom: 30px; }
  #results-details .results {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    font-size: 20px;
    display: inline;
    margin-right: 15px;
    color: #353535; }
  #results-details .facets {
    display: inline-block; }
    #results-details .facets span.facet {
      background: #666;
      border-radius: 3px;
      border: 1px solid #ccc;
      display: inline-block;
      line-height: 1;
      padding: 6px 26px 8px 10px;
      position: relative;
      margin: 0 0 4px 4px;
      font-size: 17px;
      font-weight: 400; }
      #results-details .facets span.facet .close {
        position: absolute;
        top: 6px;
        right: 9px;
        line-height: 1;
        cursor: pointer; }
        #results-details .facets span.facet .close:hover {
          color: #299BCF; }

.tags-container {
  margin: 10px 0;
  max-width: 280px; }
  .tags-container .tag {
    background: #808080;
    border-radius: 3px;
    border: 1px solid #ccc;
    display: inline-block;
    line-height: 1;
    padding: 5px 8px;
    color: #fff;
    font-size: 14px;
    margin-top: 3px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  #filter-wrap .chosen-rtl .chosen-search input[type="text"],
  #filter-wrap .chosen-container-single .chosen-single abbr,
  #filter-wrap .chosen-container-single .chosen-single div b,
  #filter-wrap .chosen-container-single .chosen-search input[type="text"],
  #filter-wrap .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  #filter-wrap .chosen-container .chosen-results-scroll-down span,
  #filter-wrap .chosen-container .chosen-results-scroll-up span {
    background-image: none !important; } }

@media only screen and (max-width: 767px) {
  #filter-wrap #filter-list {
    font-size: 20px; }
    #filter-wrap #filter-list > li {
      margin-left: 30px; } }

@media only screen and (max-width: 600px) {
  #filter-wrap #filter-list {
    font-size: 16px; }
    #filter-wrap #filter-list > li {
      margin-left: 20px; }
      #filter-wrap #filter-list > li .down-arrow-btn {
        bottom: 4px; } }

@media only screen and (max-width: 480px) {
  #filter-wrap #filter {
    padding: 15px 0; }
    #filter-wrap #filter #filter-list {
      font-size: 13px; }
      #filter-wrap #filter #filter-list > li {
        margin-left: 10px;
        padding-right: 5px;
        position: static;
        font-weight: 100; }
        #filter-wrap #filter #filter-list > li .down-arrow-btn {
          display: none; }
        #filter-wrap #filter #filter-list > li .dropdown {
          width: 285px; }
          #filter-wrap #filter #filter-list > li .dropdown.show {
            left: 50%;
            margin-left: -142.5px; }
      #filter-wrap #filter #filter-list #filter-location .chosen-drop,
      #filter-wrap #filter #filter-list #filter-level .chosen-drop,
      #filter-wrap #filter #filter-list #filter-genre .chosen-drop {
        width: 285px; }
      #filter-wrap #filter #filter-list #filter-date .dropdown:before, #filter-wrap #filter #filter-list #filter-date .dropdown:after {
        left: 68px; }
      #filter-wrap #filter #filter-list #filter-genre .dropdown:before, #filter-wrap #filter #filter-list #filter-genre .dropdown:after {
        left: 118px; }
      #filter-wrap #filter #filter-list #filter-level .dropdown:before, #filter-wrap #filter #filter-list #filter-level .dropdown:after {
        left: 188px; }
      #filter-wrap #filter #filter-list #filter-sort .dropdown:before, #filter-wrap #filter #filter-list #filter-sort .dropdown:after {
        left: 252px; } }

/* Subscription */
.full-height {
  overflow: auto;
  height: 100vh; }

.min-full-height {
  overflow: auto;
  height: 100%;
  background: url("/public/images/subscribe/gigbackground.png") no-repeat;
  background-size: cover; }

#module-subscription-title {
  color: #ffffff;
  text-align: center;
  margin-top: 10px; }
  #module-subscription-title h1 {
    font-size: 42px;
    font-weight: 100; }
  #module-subscription-title h2 {
    font-size: 24px;
    font-weight: 100;
    margin-top: 15px; }

.centered-plans {
  margin: 0 auto;
  margin-top: 85px;
  width: 900px;
  min-height: 460px; }
  .centered-plans h2 {
    font-size: 24px;
    font-weight: 100; }
  .centered-plans h1 {
    margin: 15px 60px 15px 60px; }

.plan-column {
  width: 32%;
  text-align: center;
  float: left;
  background-color: #000000;
  color: #ffffff;
  height: 390px;
  border-radius: 5px;
  position: relative; }
  .plan-column .features-list {
    padding-left: 25%;
    padding-right: 25%; }
  .plan-column .pro-list {
    padding-left: 15%;
    padding-right: 15%; }
    .plan-column .pro-list b {
      font-weight: 500; }
  .plan-column h3 {
    font-size: 20px;
    font-weight: 100;
    text-align: left; }
  .plan-column .link-button {
    background-color: #ff5a01;
    border-radius: 5px;
    width: 75%;
    color: #ffffff;
    border: none;
    letter-spacing: 2px;
    padding: 10px;
    position: absolute;
    bottom: 5%;
    left: 50%;
    margin-left: -40.5%; }

#premium-plan-column {
  height: 535px; }

#pro-plan-column {
  height: 485px; }

/*Firefox only*/
@-moz-document url-prefix() {
  #premium-plan-column {
    height: 555px; }
  #pro-plan-column {
    height: 510px; } }

.plan-column + .plan-column {
  margin-left: 2%; }

.plan-price {
  text-align: center;
  background-color: #2293ca;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 15px; }
  .plan-price .monthly-fee {
    font-weight: 100;
    font-size: 36px;
    margin: 0; }
  .plan-price .yearly-fee {
    font-weight: 100;
    font-size: 30px;
    margin: 0; }
  .plan-price .savings {
    text-align: center;
    font-weight: 100;
    font-size: 24px;
    margin: 0; }

/* Payment Information */
/* Bubbles */
.triangle-border {
  width: 224px;
  height: 6px;
  display: inline;
  position: relative;
  padding: 3px;
  margin: 1em 0 3em;
  border: 2px solid #ff5a01;
  color: #ff5a01;
  background: #fff;
  /* css3 */
  border-radius: 6px; }

.triangle-border.left {
  margin-left: 2px; }

.triangle-border:before {
  content: "";
  position: absolute;
  bottom: -20px;
  /* value = - border-top-width - border-bottom-width */
  left: 40px;
  /* controls horizontal position */
  border-width: 20px 20px 0;
  border-style: solid;
  border-color: #ff5a01 transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0; }

/* creates the smaller  triangle */
.triangle-border:after {
  content: "";
  position: absolute;
  bottom: -13px;
  /* value = - border-top-width - border-bottom-width */
  left: 47px;
  /* value = (:before left) + (:before border-left) - (:after border-left) */
  border-width: 13px 13px 0;
  border-style: solid;
  border-color: #fff transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0; }

.triangle-border.left:before {
  top: 6px;
  /* controls vertical position */
  bottom: auto;
  left: -15px;
  /* value = - border-left-width - border-right-width */
  border-width: 7px 13px 7px 0;
  border-color: transparent #ff5a01; }

/* creates the smaller  triangle */
.triangle-border.left:after {
  top: 7px;
  /* value = (:before top) + (:before border-top) - (:after border-top) */
  bottom: auto;
  left: -11px;
  /* value = - border-left-width - border-right-width */
  border-width: 6px 12px 6px 0;
  border-color: transparent #fff; }

.orange-border {
  border-color: #ff5a01 !important;
  border-width: 2px !important; }

#top-bar {
  height: 60px;
  margin-top: 61px;
  background-color: #2293ca;
  width: 100%; }

#top-bar-text {
  height: 60px;
  width: 100%; }

.top-bar-h2 {
  font-size: 18px;
  font-weight: 100;
  color: white;
  line-height: 60px;
  margin: 0px auto;
  max-width: 1200px; }
  .top-bar-h2 b {
    font-weight: 500; }

#top-bar ~ .page-contents {
  margin-top: 0px; }

#payment-container {
  min-width: 900px;
  min-height: 520px; }
  #payment-container .black-title-caps {
    color: black; }
  #payment-container .payment-errors {
    color: #df2822;
    margin-bottom: 5px;
    margin-top: 5px;
    display: none; }
  #payment-container .input {
    height: 28px;
    padding: 5;
    margin: 10px;
    width: 300px;
    color: #666666; }

.image-container {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 42px; }

#discover-img {
  margin-bottom: 6px; }

#visa-img {
  margin-bottom: 6px; }

.common-frm-alt label.remember-card-label {
  display: inline-block;
  font-size: 15px;
  color: #666666;
  text-transform: none;
  margin-left: 10px; }

.month-select {
  width: 180px;
  margin: 10px;
  padding-top: 3px;
  color: #666666; }

.common-frm-alt .chosen-container.chosen-container-single a.chosen-single {
  /* Overriding chosen black font for selects */
  color: #666666 !important; }

.billing-information {
  margin-top: 30px; }

.year-select {
  width: 110px;
  margin: 10px;
  margin-left: -3px;
  color: #666666; }

.country-select {
  margin: 10px;
  width: 300px;
  color: #666666; }

.state-hidden {
  display: none !important; }

.state-select {
  margin: 10px;
  width: 300px;
  color: #666666; }

.payment-field {
  position: relative; }

.common-frm-alt .payment-field .asterisk {
  top: 5px;
  left: -5px; }

#left-column {
  width: 30%;
  margin-top: 20px;
  display: inline-block;
  float: left; }
  #left-column .second-button {
    margin-top: 15px; }

.plan-button-pressed {
  background-color: #2293ca;
  border-radius: 3px;
  width: 160px;
  color: #ffffff;
  border: none;
  height: 50px;
  font-size: 19px;
  font-weight: 400;
  margin-top: 30px;
  display: block; }

.plan-button {
  margin-top: 30px;
  font-family: "museo-sans", Arial, sans-serif;
  font-size: 20px;
  height: 50px;
  width: 160px;
  font-weight: 500;
  border: 1px solid #ccc;
  border-radius: 3px;
  text-decoration: none;
  display: block;
  color: #2293ca;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #ffffff, #ededed);
  background-image: linear-gradient(to bottom, #ffffff, #ededed); }

.p-terms {
  width: 330px; }

#divider-line {
  background-color: #cccccc;
  width: 1px;
  display: inline-block;
  height: 600px;
  margin-top: 20px; }

#right-column {
  width: 64%;
  margin-top: 20px;
  display: inline-block;
  float: right; }
  #right-column .profileform {
    border: none;
    background: none;
    width: auto;
    margin: 0; }

#submit-payment-button {
  background-color: #ff5a01;
  border-radius: 5px;
  width: 240px;
  color: #ffffff;
  border: none;
  height: 45px;
  font-size: 16px;
  font-weight: 500;
  margin-top: 30px;
  display: block;
  letter-spacing: 1px; }

.remember-card-box {
  display: inline; }

.clearfix, .gigscore__list, .fancybox-stats .user-content, .fancybox-stats .thumbnails, .fancybox-stats .thumbnail-list, #profile .profile-summary #module-stats {
  clear: both; }

/* Order confirmation */
.left-column-confirmation {
  width: 49%;
  margin-top: 50px;
  display: inline-block;
  float: left; }

.right-column-confirmation {
  width: 49%;
  display: inline-block;
  float: right; }

.info-block {
  margin-bottom: 40px;
  margin-top: 20px; }

.edit-link {
  color: #2293ca;
  float: right; }

.title-inline {
  display: inline; }

.break-line {
  display: block; }

.left-info {
  font-size: 18px; }

.right-info {
  font-size: 18px;
  color: #666666;
  float: right;
  clear: both; }

.order-confirmation {
  background-color: #f7f7f7;
  border-radius: 5px;
  border: 2px solid #cccccc;
  height: 380px;
  width: 320px;
  margin-left: 100px; }

.order-title {
  height: 75px;
  font-size: 20px;
  text-align: center;
  line-height: 75px;
  display: table;
  margin: 0 auto; }

.order-details {
  height: 45px;
  border: 2px solid #cccccc;
  background-color: #ededed;
  width: 320px;
  margin-left: -2px;
  margin-top: -2px; }

.verify-text {
  height: 95px;
  text-align: center;
  margin: 0;
  box-sizing: border-box;
  padding: 30px; }

.order-confirm-button {
  background-color: #ff5a01;
  border-radius: 5px;
  width: 260px;
  height: 45px;
  margin-left: 30px;
  color: #ffffff;
  border: none;
  letter-spacing: 2px;
  font-weight: 600; }

.order-left-info {
  font-size: 18px;
  line-height: 45px;
  margin-left: 30px;
  float: left;
  width: 200px; }

.order-right-info {
  font-size: 18px;
  color: #666666;
  line-height: 45px; }

/*** POPUPS ***/
#signup-remodal {
  height: 360px;
  width: 355px;
  padding: 32px; }

.white-container {
  background-color: #ffffff;
  height: 100%;
  width: 100%; }
  .white-container a {
    color: #299bcf; }
  .white-container span {
    margin-top: 10px;
    display: block;
    font-family: "museo-sans", sans-serif; }
  .white-container label {
    font-family: "museo-sans", sans-serif; }

.be-member-label {
  font-size: 28px;
  line-height: 30px;
  font-weight: 200;
  width: 100%;
  text-align: center;
  color: #666666; }

.signup-span {
  font-size: 18px;
  width: 100%;
  text-align: center;
  color: #666666; }

.facebook-button {
  display: block;
  margin: 15px auto;
  margin-top: 20px;
  height: 36px;
  width: 226px;
  background-color: #2856a1; }

.horizontal-line {
  margin-top: 20px;
  width: 100%;
  height: 1px;
  background-color: #666666; }

.signup-link {
  display: block;
  margin-top: 15px; }

.signup-agreement {
  color: #666666;
  font-size: 15px;
  margin-top: 10px; }

/* Premium Thank You page */
.congratulation-box {
  width: 100%; }
  .congratulation-box a {
    color: #299BCF; }

.congratulation-message {
  margin: 30px 0 30px 0;
  font-size: 25px;
  font-weight: 300;
  text-align: center; }

.congratulation-tip {
  text-align: center;
  display: block;
  font-size: 21px;
  font-weight: 300;
  font-family: "museo-sans",sans-serif;
  margin-top: 5px; }

.divider-dotted-line {
  margin: 40px 0 40px 0;
  border: none;
  border-top: 2px dotted #000;
  color: #fff;
  background-color: #fff;
  height: 1px;
  width: 100%; }

.separate-footer {
  margin-bottom: 40px; }

.order-confirmation-thank {
  margin-left: 0;
  height: initial; }

.order-confirm-button-thank {
  margin-left: 8%;
  margin-top: 20px;
  height: 35px;
  font-weight: 500;
  letter-spacing: initial; }

.print-order-container {
  margin-left: 100px; }

.last-order-details {
  border-radius: 0 0 5px 5px;
  margin-bottom: -2px; }

/* Basic Membership Thank You Page*/
.left-info-basic {
  font-size: 19px;
  display: block; }
  .left-info-basic a {
    color: #299BCF; }

.upgrade-button {
  padding: 11px 20px;
  margin-top: 12px;
  width: auto;
  margin-left: 0; }

.centered-div {
  width: 80%;
  margin: 95px 0 0 0;
  text-align: center; }
  .centered-div h2 {
    text-align: center;
    font-size: 20px; }

/* Subscrition promo pop-up */
#promo.subscription-promo {
  border: 1px solid white;
  box-shadow: 0 1px 1px #666;
  background: url(/gigmor/public/images/landing/heros/sub-promo-hero-small.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  color: white;
  text-align: center;
  padding: 25px 40px 35px 40px;
  font-family: "museo-sans", Arial, sans-serif;
  display: none; }
  #promo.subscription-promo h1 {
    font-weight: 300;
    font-size: 36px; }
  #promo.subscription-promo a {
    color: white;
    background: #ff5a01;
    padding: 7px 16px;
    border-radius: 3px;
    text-transform: uppercase;
    display: inline-block;
    margin: 10px 0 10px 0; }
  #promo.subscription-promo p {
    margin-top: 20px;
    font-weight: 300;
    font-size: 26px; }
  #promo.subscription-promo .close {
    position: absolute;
    top: 6px;
    right: 15px;
    cursor: pointer; }
  #promo.subscription-promo.member-only {
    padding-bottom: 25px; }
    #promo.subscription-promo.member-only h1 {
      margin-bottom: 20px; }
    #promo.subscription-promo.member-only p {
      margin: 10px;
      display: inline-block; }
      #promo.subscription-promo.member-only p a {
        color: #ff5a01;
        padding: 0;
        background: none;
        font-weight: 500;
        text-shadow: 0px 0px 6px #444;
        text-transform: capitalize; }
    #promo.subscription-promo.member-only p + p {
      margin-bottom: 0; }

.promo-dialog .ui-dialog-titlebar,
.promo-dialog .ui-dialog-titlebar-close {
  display: none; }

.ui-widget-overlay.ui-front.promo-dialog {
  background: black;
  opacity: 0.7; }

/* Processing Popup */
#promo.sub-processing {
  text-align: center;
  display: none;
  padding: 25px; }
  #promo.sub-processing h1 {
    text-transform: uppercase; }
  #promo.sub-processing p {
    margin-top: 5px;
    margin-bottom: 28px; }
  #promo.sub-processing img {
    width: 50px; }

/* Update confirmation pop-up */
#promo.confirmation-popup {
  border: 1px solid white;
  box-shadow: 0 1px 1px #666;
  color: black;
  text-align: center;
  padding: 25px 40px 35px 40px;
  font-family: "museo-sans", Arial, sans-serif;
  display: none; }
  #promo.confirmation-popup h1 {
    font-weight: 200;
    font-size: 36px; }
  #promo.confirmation-popup #cancel-popup-link {
    color: #299BCF;
    padding: initial;
    background: initial;
    border-radius: 0;
    display: block;
    margin: 20px auto 0 auto; }
  #promo.confirmation-popup a {
    color: black;
    background: #ff5a01;
    padding: 7px 30px;
    border-radius: 3px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 10px; }
  #promo.confirmation-popup p {
    margin-top: 20px;
    font-weight: 300;
    font-size: 22px;
    color: #666; }

/* Subscription stand-alone error page */
.title-error {
  font-weight: 400;
  font-size: 22px;
  margin-bottom: 30px; }

.login-error-message {
  width: 90%;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  padding: 5px;
  color: #ff5a01;
  line-height: 1; }

/*************/
/* Subscription page responsiveness*/
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .centered-plans {
    width: 100%;
    margin-top: 60px; }
  .plan-column {
    width: 80%;
    margin-left: 10%;
    /*float: none;*/ }
  .plan-column + .plan-column {
    margin-top: 5%;
    margin-left: 10%; }
  .plan-column .pro-list {
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 200px; } }

/* Payment page responsiveness*/
/* Medium Devices, Desktops */
@media only screen and (max-width: 900px) {
  .remember-card-box {
    display: block; }
  .centered-div {
    margin-left: 10%; }
  .order-confirmation {
    margin-left: 20%; }
  .print-order-container {
    margin-left: 0; }
  .order-confirm-button-thank {
    margin-left: 30px;
    width: 320px; }
  .upgrade-button {
    width: 100%;
    margin-left: 0;
    letter-spacing: 1px; }
  .triangle-border {
    display: block;
    height: initial;
    margin: 8px; }
  .triangle-border.left {
    margin-left: 8px; }
  .triangle-border.left:before, .triangle-border.left:after {
    display: none; } }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  #payment-container {
    width: 100%;
    min-width: initial; }
  #divider-line {
    display: none; }
  #left-column {
    width: 100%;
    margin-top: 20px;
    float: left; }
  #right-column {
    width: 100%;
    margin-top: 50px;
    float: right; }
  #payment-title {
    margin-top: 0px; }
  .top-bar-h2 {
    padding-left: 20px; }
  .p-terms {
    margin: 30px auto;
    text-align: center; }
  .image-container {
    margin-top: 15px; }
  #submit-payment-button {
    margin: 30px auto; }
  .left-column-confirmation {
    width: 90%;
    margin: 20px auto;
    min-width: 280px;
    float: left; }
  .right-column-confirmation {
    width: 100%;
    margin: 50px auto;
    float: right; }
  .print-order-container {
    margin-left: 0; }
  .order-confirm-button-thank {
    margin-left: 10%;
    width: 80%; }
  .congratulation-tip {
    margin-top: 10px; }
  .centered-div {
    width: 100%;
    margin-left: 0; } }

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  #top-bar {
    height: 121px; }
  /* Order Confirmation page */
  .order-details {
    width: initial;
    border-right-width: 0; }
  .order-confirm-button {
    width: initial; }
  .order-confirmation {
    margin: 0px auto;
    width: initial;
    margin-left: initial; } }

/* =6 Containers
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.page-contents {
  padding: 24px 20px 0 20px;
  margin: 61px auto 0 auto;
  max-width: 1200px;
  min-width: 320px;
  background-color: #FFFFFF;
  position: relative; }

.site-width {
  padding: 0 20px;
  margin: 0 auto;
  max-width: 1200px;
  min-width: 300px; }

#facebook-login-btn {
  cursor: hand;
  cursor: pointer; }

/*Featured Video Side Column*/
#secondary {
  float: right;
  width: 25%;
  max-width: 250px; }

h1.featured-members {
  margin: 0 10px 16px 0px;
  padding-bottom: 5px;
  border-bottom: 1px solid #d7d8df;
  font-size: 20px;
  font-weight: 500;
  font-family: "myriad-pro", Arial, sans-serif; }

.featured-video {
  margin-bottom: 20px; }

h3.featured-member {
  font-family: "myriad-pro", Arial, sans-serif;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 1px 0;
  font-size: 14px;
  color: #ff5a01; }

h3.featured-member a {
  text-decoration: none;
  color: #ff5a01 !important; }

.featured-location {
  color: #898888;
  font-family: "myriad-pro", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  margin: 0; }

.featured-embed {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
  margin-bottom: 5px; }
  .featured-embed object, .featured-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important; }

.module-ad {
  margin: 0 0 34px 0; }
  .module-ad img {
    display: block;
    max-width: 100%; }

/* =7 Menus
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
ul.gigmor-menu {
  color: #FFF; }

ul.gigmor-menu li {
  position: relative;
  cursor: hand;
  cursor: pointer;
  background: #393A3D;
  font-family: "myriad-pro";
  font-weight: 500;
  background: transparent;
  color: #333333; }

ul.gigmor-menu li:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 0px; }

ul.gigmor-menu li:hover {
  background: #299BCF;
  color: white; }

ul.sort-by-menu {
  cursor: hand;
  border-radius: 5px;
  cursor: pointer;
  list-style-type: none;
  padding: 0px;
  position: absolute;
  right: -100px;
  background: white;
  top: 0;
  display: none;
  width: 180px;
  font-size: 16px;
  z-index: 2;
  border: 1px solid #cdcdcd; }

ul.sort-by-menu li {
  font-weight: 500;
  padding: 5px 20px; }

div.sort-filter {
  cursor: hand;
  cursor: pointer;
  float: right;
  font-weight: 700;
  position: relative;
  margin-left: 26px;
  margin-right: 0px;
  width: 84px;
  font-family: "museo-sans";
  font-size: 16px; }

div.sort-filter .arrow {
  background: url("/images/search/down-arrow.png");
  background-repeat: no-repeat;
  width: 10px;
  height: 6px;
  position: absolute;
  margin-left: 25px;
  top: 7px;
  border: none; }

div.sort-filter:hover ul {
  display: block; }

.section-nav {
  padding: 0;
  list-style: none;
  font-size: 20px;
  font-family: "museo-sans", Arial, sans-serif;
  margin: 0 0 20px 0; }
  .section-nav li {
    margin: 0 0 25px 0;
    color: #299BCF; }
    .section-nav li.active {
      color: #000; }
  .section-nav a {
    color: #299BCF; }
    .section-nav a.active {
      color: #000; }
  .section-nav .active .fa-caret-right {
    display: inline-block; }
  .section-nav .fa-caret-right {
    margin: 0 0 0 -11px;
    font-size: 16px;
    position: relative;
    top: -2px;
    display: none; }

/* =8 Behaviors
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*More Wrapper - this is content hidden by default that will expand after a "more" link is clicked*/
.expand-wrapper {
  display: none; }

.more-dots {
  color: #299BCF;
  cursor: pointer;
  font-weight: bold; }

/* CSS component for gmail style notificaiotns*/
div.notification {
  position: fixed;
  top: 0px;
  color: white;
  height: 40px;
  width: 100%;
  z-index: 1001;
  text-align: center;
  padding: 10px;
  display: none; }

div.notification span {
  z-index: 1000;
  background: #ff5a0f;
  padding: 10px;
  font-size: 16px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

div.notification a {
  color: white; }

h2.steps {
  font-size: 18px;
  font-family: "museo-sans",sans-serif;
  margin-bottom: 30px;
  margin-top: 0;
  color: #fff;
  font-weight: 500;
  text-align: center; }

.editbutton img {
  margin: 5px;
  margin-top: 0; }

/* =9 Responsive
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*ANY RESPONSIVE AND/OR SCREEN STYLES HERE*/
@media only screen and (max-width: 767px) {
  .page-contents {
    overflow: hidden;
    box-sizing: border-box; }
  .module-ad {
    clear: both;
    display: none; }
  div.notification {
    top: 61px; } }

@media only screen and (max-width: 480px) {
  .song-info .title {
    font-size: 16px; }
  .song-info .share,
  .song-info .like {
    font-size: 14px; } }

.gigscore {
  margin: 13px 0;
  cursor: help;
  position: relative;
  float: left;
  padding-right: 3px; }
  .gigscore__list {
    float: left;
    width: auto;
    list-style: none;
    padding-left: 0;
    margin: 0; }
    .gigscore__list li {
      float: left;
      margin-left: 5px; }
      .gigscore__list li:nth-of-type(1) {
        margin-left: 0; }
  .gigscore .scores {
    float: left;
    color: #ff5a01;
    margin-left: 10px;
    font-size: 18px;
    line-height: 19px; }
    .gigscore .scores .variation {
      color: white; }
  .gigscore:hover .desc {
    display: block; }
  .gigscore .desc {
    display: none;
    position: absolute;
    right: -230px;
    top: -6px;
    width: 200px;
    padding: 10px;
    font-size: 16px;
    background-color: white;
    border: 1px solid #ff5a01;
    border-radius: 5px;
    cursor: auto; }
    .gigscore .desc:hover {
      display: block; }
    .gigscore .desc:before {
      top: 8px;
      bottom: auto;
      left: -8px;
      border-width: 6px 8px 6px 0;
      border-color: transparent #ff5a01;
      content: "";
      position: absolute;
      border-style: solid;
      width: 0; }
    .gigscore .desc:after {
      top: 8px;
      bottom: auto;
      left: -7px;
      border-width: 6px 10px 6px 0;
      border-color: transparent #fff;
      content: "";
      position: absolute;
      border-style: solid;
      display: block;
      width: 0; }
    .gigscore .desc .title {
      font-size: 20px;
      font-weight: 600; }
    .gigscore .desc p {
      margin: 5px 0; }
    .gigscore .desc .learn-more {
      color: #299BCF;
      float: right; }

/*Gigmor Form Styles*/
input[type="text"], textarea, select {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  cursor: pointer; }

/*********************************************
Common Field Types
**********************************************/
.column-wrap {
  *zoom: 1; }
  .column-wrap:before, .column-wrap:after {
    content: " ";
    display: table; }
  .column-wrap:after {
    clear: both; }

.wrap-icon {
  margin-right: 8px; }

.row-dob {
  float: left;
  width: 59%; }
  .row-dob #dob-month,
  .row-dob #dob_month_chosen {
    width: 47% !important; }
  .row-dob #dob-day,
  .row-dob #dob_day_chosen {
    width: 20% !important;
    margin-left: 2%; }
  .row-dob #dob-year,
  .row-dob #dob_year_chosen {
    width: 25% !important;
    margin-left: 2%; }

.row-gender {
  float: left;
  width: 32%;
  margin-left: 9%; }

.btn-wrapper {
  margin-top: 8px; }

.wrap-container input[type=checkbox] {
  margin: 0 4px 4px 0;
  vertical-align: middle; }

input.hasDatepicker {
  background: url(../images/icon-datepicker.png) no-repeat right 6px; }

.row-full {
  width: 100%;
  float: none;
  clear: both;
  margin-left: 0;
  margin-right: 0; }

.row-half {
  width: 48.5%;
  float: left; }
  .row-half:first-child {
    margin-right: 3%; }

.row-third {
  width: 30.66%;
  float: left;
  margin-left: 4%; }
  .row-third:first-child {
    margin-left: 0; }

.row-quarter {
  width: 22%;
  float: left;
  margin-left: 4%; }
  .row-quarter:first-child {
    margin-left: 0; }

.fa-facebook-square.fa-incolor {
  color: #3C5A99; }

.fa-twitter-square.fa-incolor {
  color: #62C8F8; }

.fa-google-plus-square.fa-incolor {
  color: #D44132; }

.fa-youtube-square.fa-incolor {
  color: #C8302A; }

.email-notification {
  display: none; }

.notification-label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  margin: -4px 8px -2px 2px;
  padding: 7px;
  position: relative;
  vertical-align: middle; }

.email-notification:checked + .notification-label:before {
  color: #299BCF;
  content: "✓";
  font-size: 16px;
  left: 1px;
  position: absolute;
  top: -4px; }

/*********************************************
Common Form Styles, black fields, white text on grey background
**********************************************/
.common-frm-alt input[type="email"], .common-frm-alt input[type="number"], .common-frm-alt input[type="password"], .common-frm-alt input[type="search"], .common-frm-alt input[type="tel"], .common-frm-alt input[type="text"], .common-frm-alt input[type="url"], .common-frm-alt input[type="color"], .common-frm-alt input[type="date"], .common-frm-alt input[type="datetime"], .common-frm-alt input[type="datetime-local"], .common-frm-alt input[type="month"], .common-frm-alt input[type="time"], .common-frm-alt input[type="week"],
.common-frm-alt .chosen-container,
.common-frm-alt textarea,
.common-frm-alt .common-input {
  border-radius: 3px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  width: 100%;
  height: 35px;
  padding: 0 10px;
  font-size: 17px; }
  .common-frm-alt input[type="email"].url-input, .common-frm-alt input[type="number"].url-input, .common-frm-alt input[type="password"].url-input, .common-frm-alt input[type="search"].url-input, .common-frm-alt input[type="tel"].url-input, .common-frm-alt input[type="text"].url-input, .common-frm-alt input[type="url"].url-input, .common-frm-alt input[type="color"].url-input, .common-frm-alt input[type="date"].url-input, .common-frm-alt input[type="datetime"].url-input, .common-frm-alt input[type="datetime-local"].url-input, .common-frm-alt input[type="month"].url-input, .common-frm-alt input[type="time"].url-input, .common-frm-alt input[type="week"].url-input,
  .common-frm-alt .chosen-container.url-input,
  .common-frm-alt textarea.url-input,
  .common-frm-alt .common-input.url-input {
    padding: 3px 10px; }

.common-frm-alt input.error,
.common-frm-alt textarea.error {
  border: 1px solid #ff5a01; }

.common-frm-alt a {
  color: #299BCF;
  text-decoration: none; }
  .common-frm-alt a:hover {
    text-decoration: underline; }

.common-frm-alt .common-btn,
.common-frm-alt button {
  color: #fff;
  background: #299BCF;
  font-size: 20px;
  text-transform: uppercase;
  display: inline-block;
  line-height: 1;
  text-align: center;
  padding: 10px 40px;
  margin: 0 0 20px 0; }

.common-frm-alt label {
  color: #333;
  display: block;
  clear: both;
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 10px; }
  .common-frm-alt label.error {
    color: #ff5a01;
    margin: 0 0 0 10px;
    white-space: nowrap;
    font-size: 16px;
    display: inline-block;
    text-transform: none; }

.common-frm-alt .frm-wrap {
  padding-bottom: 75px;
  *zoom: 1; }
  .common-frm-alt .frm-wrap:before, .common-frm-alt .frm-wrap:after {
    content: " ";
    display: table; }
  .common-frm-alt .frm-wrap:after {
    clear: both; }
  .common-frm-alt .frm-wrap.bg-dk h2 {
    color: #fff; }

.common-frm-alt .smallprint {
  line-height: 1.6;
  font-size: 13px; }

.common-frm-alt .signupbtn img {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 20px; }

.common-frm-alt .or-wrap {
  font-size: 20px;
  margin: 0 0 15px 0;
  display: inline-block;
  line-height: 1; }

.common-frm-alt .field-wrap {
  margin-bottom: 20px;
  position: relative;
  *zoom: 1;
  box-sizing: border-box; }
  .common-frm-alt .field-wrap:before, .common-frm-alt .field-wrap:after {
    content: " ";
    display: table; }
  .common-frm-alt .field-wrap:after {
    clear: both; }
  .common-frm-alt .field-wrap .smallprint {
    text-align: left;
    clear: both;
    font-size: 13px;
    color: #999;
    margin: 0; }
  .common-frm-alt .field-wrap.field-wrap-w-btn {
    width: 74%;
    float: left; }
  .common-frm-alt .field-wrap.nomargin {
    margin: 0; }

.common-frm-alt .gigmor-select.error ~ .chosen-container,
.common-frm-alt .gigmor-mutiselect.error ~ .chosen-container {
  border: 1px solid #ff5a01; }

.common-frm-alt .regular-checkbox {
  display: none; }
  .common-frm-alt .regular-checkbox + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 0;
    margin-right: 15px;
    font-size: 16px;
    vertical-align: middle;
    color: #333; }
  .common-frm-alt .regular-checkbox + label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: -1px 10px 0 0;
    position: static;
    left: 0;
    bottom: 0;
    border: 2px solid #ccc;
    border-radius: 3px;
    vertical-align: middle;
    text-align: center; }
  .common-frm-alt .regular-checkbox.error + label:before {
    border: 2px solid #ff5a01; }
  .common-frm-alt .regular-checkbox:checked + label:before {
    content: '\2713';
    font-size: 14px;
    font-weight: 600;
    color: #299BCF; }
  .common-frm-alt .regular-checkbox + label.checkbox-after:before {
    display: none; }
  .common-frm-alt .regular-checkbox + label.checkbox-after:after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: -1px 0 0 10px;
    position: static;
    left: 0;
    bottom: 0;
    border: 2px solid #ccc;
    border-radius: 3px;
    vertical-align: middle;
    text-align: center; }
  .common-frm-alt .regular-checkbox:checked + label.checkbox-after:after {
    content: '\2713';
    font-size: 14px;
    font-weight: 600;
    color: #299BCF; }

@media only screen and (min-width: 768px) {
  .common-frm-alt .video-title,
  .common-frm-alt .video-field {
    max-width: 84%; } }

.common-frm-alt .error-popup {
  border: 1px solid #ff5a01;
  border-radius: 5px;
  color: #ff5a01;
  display: inline-block;
  font-size: 13px;
  margin-left: 10px;
  padding: 5px 2px 5px 7px;
  position: absolute;
  width: 19%; }
  @media (max-width: 768px) {
    .common-frm-alt .error-popup {
      display: block;
      position: relative;
      margin: 0;
      width: 100%;
      border: none; } }

@media (max-width: 768px) {
  .common-frm-alt .video-title.popup-active {
    border: 1px solid #ff5a01; } }

.common-frm-alt .arrow {
  bottom: -80%;
  display: block;
  height: 70px;
  left: 73px;
  margin-left: -91px;
  overflow: hidden;
  position: absolute;
  width: 18px; }

.common-frm-alt .arrow:after {
  content: "";
  position: absolute;
  left: 13px;
  top: 27px;
  width: 15px;
  height: 15px;
  background: #fff;
  border: 1px solid #ff5a01;
  box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
  -webkit-transform: rotate(47deg);
  -moz-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  -o-transform: rotate(47deg); }
  @media (max-width: 768px) {
    .common-frm-alt .arrow:after {
      display: none; } }

.common-frm-alt .common-ta {
  height: 105px; }

.common-frm-alt .chosen-container {
  padding: 7px 10px;
  background: #fff; }
  .common-frm-alt .chosen-container .chosen-drop {
    background: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: content-box;
    margin-left: -1px; }
  .common-frm-alt .chosen-container .chosen-results {
    color: #333; }
    .common-frm-alt .chosen-container .chosen-results li.highlighted {
      background: #299BCF; }
  .common-frm-alt .chosen-container.chosen-container-single .chosen-single {
    color: #333 !important;
    line-height: 1.2;
    height: auto;
    margin: 0; }
    .common-frm-alt .chosen-container.chosen-container-single .chosen-single:hover {
      text-decoration: none; }
    .common-frm-alt .chosen-container.chosen-container-single .chosen-single span {
      font-weight: 400; }
    .common-frm-alt .chosen-container.chosen-container-single .chosen-single div {
      width: 30px; }
      .common-frm-alt .chosen-container.chosen-container-single .chosen-single div b:after {
        color: #333;
        font-size: 15px;
        left: 20px !important;
        content: url("../images/icon-dropdown-arrow-black.png"); }
  .common-frm-alt .chosen-container.chosen-container-multi {
    padding: 5px 2px; }
    .common-frm-alt .chosen-container.chosen-container-multi .chosen-drop {
      padding: 0; }
    .common-frm-alt .chosen-container.chosen-container-multi .chosen-choices {
      margin: 0; }
      .common-frm-alt .chosen-container.chosen-container-multi .chosen-choices li.search-field {
        padding: 0 7px; }
      .common-frm-alt .chosen-container.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
        color: #666 !important;
        font-weight: 400;
        line-height: 1;
        height: auto;
        padding: 0; }
      .common-frm-alt .chosen-container.chosen-container-multi .chosen-choices li.search-choice {
        background: #666;
        padding-bottom: 6px; }
        .common-frm-alt .chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
          position: absolute;
          top: 4px;
          right: 3px;
          display: block;
          width: 12px;
          height: 12px;
          background: url("/public/images/chosen-sprite.png") 0 -28px no-repeat;
          font-size: 1px; }
          .common-frm-alt .chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
            background-position: 0 -28px; }

.common-frm-alt .row-submit {
  text-align: center;
  padding: 30px 0 0 0; }
  .common-frm-alt .row-submit .common-submit,
  .common-frm-alt .row-submit input[type="submit"] {
    background: #ff5a01;
    font-size: 23px;
    font-weight: 400;
    letter-spacing: 1px;
    border-radius: 0;
    display: inline-block;
    line-height: 1;
    padding: 6px 30px;
    margin: 0 15px 1em 15px;
    border-radius: 3px;
    color: #fff;
    border: none; }
    .common-frm-alt .row-submit .common-submit .fa-angle-right,
    .common-frm-alt .row-submit input[type="submit"] .fa-angle-right {
      font-size: 34px;
      vertical-align: middle;
      padding-left: 6px; }
    .common-frm-alt .row-submit .common-submit .fa-angle-left,
    .common-frm-alt .row-submit input[type="submit"] .fa-angle-left {
      font-size: 34px;
      vertical-align: middle;
      padding-right: 6px; }

.common-frm-alt .field-wrap-btn {
  background: #299BCF;
  width: 70px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: -75px;
  color: #fff;
  border-radius: 3px;
  float: left; }
  .common-frm-alt .field-wrap-btn input[type=file] {
    opacity: 0;
    /* filter: alpha(opacity:0); */
    cursor: pointer;
    padding: 0px;
    margin: 0px;
    border: none;
    width: 70px;
    height: 30px;
    position: absolute;
    left: 0;
    z-index: 1; }
  .common-frm-alt .field-wrap-btn:hover {
    background: #ff5a01;
    color: #fff;
    text-decoration: none; }
  .common-frm-alt .field-wrap-btn.square {
    width: 30px;
    right: -35px;
    font-size: 24px;
    line-height: 29px; }

.common-frm-alt ::-webkit-input-placeholder {
  color: #666; }

.common-frm-alt :-moz-placeholder {
  /* Firefox 18- */
  color: #666; }

.common-frm-alt ::-moz-placeholder {
  /* Firefox 19+ */
  color: #666; }

.common-frm-alt :-ms-input-placeholder {
  color: #666; }

.common-frm-alt .asterisk {
  color: #ff5a01;
  position: absolute;
  top: 2px;
  left: -15px;
  font-size: 20px; }

.common-frm-alt .title-tracks {
  font-weight: normal;
  color: #333;
  font-size: 17px;
  margin: 0 0 10px 0; }

.common-frm-alt .list-tracks {
  color: #666;
  list-style: none;
  padding: 0;
  margin: 0; }
  .common-frm-alt .list-tracks li {
    margin: 0 0 8px 0;
    width: 60%;
    position: relative;
    box-sizing: border-box;
    padding-right: 40px; }
    .common-frm-alt .list-tracks li .common-icon {
      position: absolute;
      top: 0; }
      .common-frm-alt .list-tracks li .common-icon.icon-remove {
        right: 0;
        line-height: 1;
        font-size: 20px; }
      .common-frm-alt .list-tracks li .common-icon.fa-pencil {
        top: 5px;
        right: 18px;
        font-size: 14px; }

.common-frm-alt .form-errors {
  color: #ff5a01; }

.common-frm-alt .delete-profile {
  font-size: 18px; }

.common-frm-alt .field-sn .fa {
  font-size: 30px;
  line-height: 1;
  vertical-align: middle; }

.common-frm-alt .field-sn input[type="email"], .common-frm-alt .field-sn input[type="number"], .common-frm-alt .field-sn input[type="password"], .common-frm-alt .field-sn input[type="search"], .common-frm-alt .field-sn input[type="tel"], .common-frm-alt .field-sn input[type="text"], .common-frm-alt .field-sn input[type="url"], .common-frm-alt .field-sn input[type="color"], .common-frm-alt .field-sn input[type="date"], .common-frm-alt .field-sn input[type="datetime"], .common-frm-alt .field-sn input[type="datetime-local"], .common-frm-alt .field-sn input[type="month"], .common-frm-alt .field-sn input[type="time"], .common-frm-alt .field-sn input[type="week"] {
  width: 90.7%;
  vertical-align: middle; }

.common-frm-alt .common-header {
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 20px 0; }

.common-frm-alt .btn-upload,
.common-frm-alt .btn-upload-square {
  overflow: hidden;
  height: 21px;
  width: 79px;
  line-height: normal;
  text-align: center;
  background: #0d86be;
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  padding: 6px 0;
  margin: 3px 0 0 0;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  right: 0;
  display: inline-block; }
  .common-frm-alt .btn-upload:hover,
  .common-frm-alt .btn-upload-square:hover {
    text-decoration: none;
    opacity: .8; }
  @media only screen and (min-width: 768px) {
    .common-frm-alt .btn-upload,
    .common-frm-alt .btn-upload-square {
      position: absolute;
      top: -2px;
      right: 0; } }

.common-frm-alt .btn-upload-square {
  width: 27px;
  height: 27px;
  line-height: 27px;
  padding: 0;
  position: static; }
  @media only screen and (min-width: 768px) {
    .common-frm-alt .btn-upload-square {
      position: absolute;
      top: -2px;
      right: 0; } }

.common-frm-alt input[type=file] {
  opacity: 0;
  cursor: pointer;
  padding: 0px;
  margin: 0px;
  border: none;
  width: 79px;
  position: absolute;
  left: 0; }

.common-frm-alt .uploadimage-dragndrop {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #999;
  border: 2px dashed #ccc;
  width: 121px;
  height: 121px;
  display: inline-block;
  margin: 0 20px 15px 0;
  position: relative; }
  .common-frm-alt .uploadimage-dragndrop .uploadedimage {
    display: none;
    position: absolute;
    z-index: 100;
    left: -2px;
    top: -2px; }
  .common-frm-alt .uploadimage-dragndrop .uploadimage-text {
    margin: 40px 0 0 0; }
  .common-frm-alt .uploadimage-dragndrop .controls {
    background: #353535;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 10px 5px 10px;
    z-index: 102; }
    .common-frm-alt .uploadimage-dragndrop .controls .common-icon {
      font-size: 18px; }
  .common-frm-alt .uploadimage-dragndrop .fileupload-wrapper {
    font-size: 30px;
    font-weight: 500;
    padding: 0;
    line-height: 1;
    float: none;
    display: inline-block;
    background: none;
    color: #999;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 102; }
    .common-frm-alt .uploadimage-dragndrop .fileupload-wrapper:hover {
      color: #299BCF; }
      .common-frm-alt .uploadimage-dragndrop .fileupload-wrapper:hover + .uploadimage-text {
        color: #299BCF; }
    .common-frm-alt .uploadimage-dragndrop .fileupload-wrapper i {
      position: absolute;
      bottom: 26px;
      left: 0;
      right: 0;
      font-style: normal; }
    .common-frm-alt .uploadimage-dragndrop .fileupload-wrapper input[type=file] {
      position: absolute;
      left: 0;
      width: 100% !important;
      height: 100%; }

/*********************************************
Common Form Alt Styles, white fields, on white background with grey borders
**********************************************/
/*.common-frm-alt  {
    font-size: 17px;

    a {
        color: $gigmor-blue;
        text-decoration: none;

        &:hover {
            text-decoration: underline;
        }
    }

    h2 {
        clear: both;
        text-transform: uppercase;
        font-size: 20px;
        margin-bottom: 10px;
    }

    .common-btn {
        color: #fff;
        background: $gigmor-blue;
        font-size: 20px;
        text-transform: uppercase;
        display: inline-block;
        line-height: 1;
        text-align: center;
        padding: 10px 40px;
        margin: 0 0 20px 0;
    }

    .common-label {
        color: $text-color;
        margin: 0 0 5px 0;
        display: block;
    }

    .frm-wrap {
        padding-bottom: 75px;
        @include clearfix;

        &.bg-dk {
            h2 {
                color: #fff;
            }
        }
    }

    .smallprint {
        line-height: 1.6;
        font-size: 13px;
    }


    .signupbtn img {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .or-wrap {
        font-size: 20px;
        margin: 0 0 15px 0;
        display: inline-block;
        line-height: 1;
    }

    .field-wrap {
        margin-bottom: 20px;
        position: relative;
        @include clearfix;
        @include box-sizing(border-box);

        input.error,
        textarea.error {
            border: 1px solid #ff5a01;
        }

        label.error {
            color: #ff5a01;
            position: absolute;
            top: 8px;
            left: 257px;
            margin-left: 10px;
            white-space: nowrap;
        }

        .smallprint {
            text-align: left;
            clear: both;
            font-size: 13px;
            color: #999;
            margin: 0;
        }

        &.field-wrap-w-btn {
            width: 74%;
            float: left;
        }
    }

    .gigmor-select.error ~ .chosen-container,
    .gigmor-mutiselect.error ~ .chosen-container {
        border: 1px solid #ff5a01;
    }

    .regular-checkbox {
        display: none;

        & + label {
            display: inline-block;
            cursor: pointer;
            position: relative;
            padding-left: 0;
            margin-right: 15px;
            font-size: 16px;
            vertical-align: middle;
            color: #333;
        }

        & + label:before {
            content: "";
            display: inline-block;
            width: 17px;
            height: 17px;
            margin: -1px 10px 0 0;
            position: static;
            left: 0;
            bottom: 0;
            border: 2px solid #ccc;
            border-radius: 3px;
            vertical-align: middle;
            text-align: center;
        }

        &.error + label:before {
            border: 2px solid $gigmor-orange;
        }

        &:checked + label {
            &:before {
                content: '\2713';
                font-size: 14px;
                font-weight: 600;
                color: $gigmor-blue;
            }
        }

        & + label.checkbox-after:before {
            display: none;
        }

        & + label.checkbox-after:after {
            content: "";
            display: inline-block;
            width: 17px;
            height: 17px;
            margin: -1px 0 0 10px;
            position: static;
            left: 0;
            bottom: 0;
            border: 2px solid #ccc;
            border-radius: 3px;
            vertical-align: middle;
            text-align: center;
        }

        &:checked + label.checkbox-after {
            &:after {
                content: '\2713';
                font-size: 14px;
                font-weight: 600;
                color: $gigmor-blue;
            }
        }
    }



    .common-input,
    .chosen-container,
    .common-ta {
        border-radius: 3px;
        border: 1px solid #ccc;
        @include box-sizing(border-box);
        width: 100%;
        padding: 6px 10px;
        font-size: 17px;
    }

    .common-input.video-title,
    .common-input.video-field {
        max-width: 86%;

      @media(max-width: 768px) {
        max-width: 100%;
      }
    }

    .error-popup {
        border: 1px solid #ff5a01;
        border-radius: 5px;
        color: $gigmor-orange;
        display: inline-block;
        font-size: 13px;
        margin-left: 10px;
        padding: 5px 2px 5px 7px;
        position: absolute;
        width: 19%;

      @media(max-width: 768px) {
        display: block;
        position: relative;
        margin: 0;
        width: 100%;
        border: none;
      }
    }

    .video-title.popup-active {

      @media(max-width: 768px) {
        border: 1px solid $gigmor-orange;
      }
    }


    .arrow {
        bottom: -80%;
        display: block;
        height: 70px;
        left: 73px;
        margin-left: -91px;
        overflow: hidden;
        position: absolute;
        width: 18px;
    }

    .arrow:after {
        content: "";
        position: absolute;
        left: 13px;
        top: 27px;
        width: 15px;
        height: 15px;
        background: $white;
        border: 1px solid $gigmor-orange;
        -webkit-box-shadow: 6px 5px 9px -9px black,
                            5px 6px 9px -9px black;
        -moz-box-shadow: 6px 5px 9px -9px black,
                         5px 6px 9px -9px black;
        box-shadow: 6px 5px 9px -9px black,
                    5px 6px 9px -9px black;
        -webkit-transform: rotate(47deg);
        -moz-transform:    rotate(47deg);
        -ms-transform:     rotate(47deg);
        -o-transform:      rotate(47deg);

        @media(max-width: 768px) {
          display: none;
        }
    }

    .common-ta {
        height: 105px;
    }

    .chosen-container {
        padding: 7px 10px;
        background: #fff;

        .chosen-drop {
            background: #fff;
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            @include box-sizing(content-box);
            margin-left: -1px;
        }

        .chosen-results {
            li.highlighted {
                background: $gigmor-blue;
            }
        }

        &.chosen-container-single {
            .chosen-single {
                color: #333 !important;
                line-height: 1.2;
                height: auto;
                margin: 0;

                &:hover {
                    text-decoration: none;
                }

                span {
                    font-weight: 400;
                }

                div {
                    width: 30px;

                    b:after {
                        color: #333;
                        font-size: 15px;
                        left: 20px !important;
                        content: url('../images/icon-dropdown-arrow-black.png');
                    }
                }
            }
        }
        &.chosen-container-multi {
            padding: 5px 2px;

            .chosen-drop {
                padding: 0;
            }

            .chosen-choices {
                margin: 0;

                li.search-field {
                    padding: 0 7px;
                }

                li.search-field input[type="text"]{
                    color: #666 !important;
                    font-weight: 400;
                    line-height: 1;
                    height: auto;
                    padding: 0;
                }

                li.search-choice {
                    background: #666;
                    padding-bottom: 6px;

                    .search-choice-close {
                        position: absolute;
                        top: 4px;
                        right: 3px;
                        display: block;
                        width: 12px;
                        height: 12px;
                        background: url('/public/images/chosen-sprite.png') 0 -28px no-repeat;
                        font-size: 1px;

                        &:hover {
                            background-position: 0 -28px;
                        }
                    }
                }
            }
        }


    }

    .row-submit {
        text-align: center;
        padding: 30px 0 0 0;

        .common-submit {
            background: $gigmor-orange;
            font-size: 23px;
            font-weight: 400;
            letter-spacing: 1px;
            border-radius: 0;
            display: inline-block;
            line-height: 1;
            padding: 1px 30px;
            margin: 0 15px 1em 15px;
            border-radius: 3px;

            .fa-angle-right {
                font-size: 34px;
                vertical-align: middle;
                padding-left: 6px;
            }

            .fa-angle-left {
                font-size: 34px;
                vertical-align: middle;
                padding-right: 6px;
            }
        }
    }

    .field-wrap-btn {
        background: $gigmor-blue;
        width: 70px;
        height: 30px;
        line-height: 30px;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: -75px;
        color: #fff;
        border-radius: 3px;
        float:left;

        input[type=file] {
            opacity: 0;
            cursor: pointer;
            padding: 0px;
            margin: 0px;
            border: none;
            width: 70px;
            height: 30px;
            position: absolute;
            left: 0;
            z-index: 1;
        }

        &:hover {
            background: $gigmor-orange;
            color: #fff;
            text-decoration: none;
        }

        &.square {
            width: 30px;
            right: -35px;
            font-size: 24px;
            line-height: 29px;
        }
    }

    ::-webkit-input-placeholder {
        color: #666;
    }

    :-moz-placeholder {
        color: #666;
    }

    ::-moz-placeholder {
        color: #666;
    }

    :-ms-input-placeholder {
        color: #666;
    }

    .asterisk {
        color: #ff5a01;
        position: absolute;
        top: 2px;
        left: -15px;
        font-size: 20px;
    }

    .title-tracks {
        font-weight: normal;
        color: #333;
        font-size: 17px;
        margin: 0 0 10px 0;
    }

    .list-tracks {
        color: #666;
        list-style: none;
        padding: 0;
        margin: 0;

        li {
            margin: 0 0 8px 0;
            width: 60%;
            position: relative;
            @include box-sizing(border-box);
            padding-right: 40px;

            .common-icon {
                position: absolute;
                top: 0;

                &.icon-remove {
                    right: 0;
                    line-height: 1;
                    font-size: 20px;
                }

                &.fa-pencil {
                    top: 5px;
                    right: 18px;
                    font-size: 14px;
                }

            }
        }
    }

    .form-errors {
        color: $gigmor-orange;
    }

}*/
/*ANY RESPONSIVE AND/OR SCREEN STYLES HERE*/
@media only screen and (max-width: 600px) {
  .row-half,
  .row-third {
    width: 100%;
    margin-left: 0; }
  .row-quarter {
    width: 48%; }
    .row-quarter:nth-child(odd) {
      margin-left: 0; }
  /*.row-third {
        width: 48%;
    }*/
  .common-frm-alt .list-tracks li {
    width: 100%; }
  .common-frm-alt .asterisk {
    left: -10px; } }

.chosen-container-single .chosen-single div b {
  width: 0; }

/* @end */
/* @group Retina compatibility */
/* @end */
/*USER MODALS - We are using fancybox for most modals on gigmor, place overwrites here*/
/*************
COMMON MODAL
**************/
.common-modal {
  display: none; }
  .common-modal .successmsg {
    background: #fff;
    color: #ff5a01;
    padding: 3px 5px;
    margin: 0 0 10px 0;
    font-size: 16px;
    display: inline-block; }

.common-modal-wrap .fancybox-skin {
  background: #4f5356;
  border: 2px solid #aeaeae; }

/******************
SEND MESSAGE MODAL
******************/
.send-message-wrapper {
  color: #666;
  font-size: 16px;
  text-align: center; }
  .send-message-wrapper .fancybox-skin {
    background: #fff;
    border: 2px solid #AEAEAE; }

.modal-send-message {
  display: none; }
  .modal-send-message img.avatar {
    position: static;
    float: left;
    border: none; }
  .modal-send-message .close_icon {
    background: url(/images/icon_close.png) top left no-repeat;
    width: 23px;
    height: 23px;
    position: absolute;
    left: 98%;
    top: -13px; }
  .modal-send-message .msg-info {
    padding-left: 28px;
    float: left; }
  .modal-send-message .message-reply .msg-info {
    padding-left: 0;
    margin-left: 0;
    width: 100%; }
  .modal-send-message .msg-name {
    font-size: 18px;
    color: #000;
    font-weight: 400;
    margin: 0;
    line-height: 1; }
    .modal-send-message .msg-name a {
      text-decoration: none; }
  .modal-send-message .msg-location {
    color: #898888;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    line-height: 1; }
  .modal-send-message form {
    clear: both; }
    .modal-send-message form input[type="text"],
    .modal-send-message form textarea {
      border: 1px solid #d7d8df;
      border-radius: 2px;
      width: 100%;
      margin: 28px 0 0 0;
      box-sizing: border-box;
      font-size: 18px;
      color: #999;
      padding: 5px 8px; }
    .modal-send-message form .input.error,
    .modal-send-message form textarea.error {
      border: 1px solid #ff5a01; }
    .modal-send-message form textarea {
      margin-bottom: 10px;
      height: 105px; }
    .modal-send-message form label.error {
      display: none; }
  .modal-send-message .successmsg {
    background: #FFFFB0;
    padding: 5px;
    margin: 5px 0 0 28px;
    font-size: 18px;
    display: inline-block; }
  .modal-send-message .icon-trash {
    position: absolute;
    bottom: 50px;
    right: 50px; }
  .modal-send-message .no-message-available {
    border: 1px solid white;
    box-shadow: 0 1px 1px #666;
    background: url(/gigmor/public/images/landing/heros/sub-promo-hero-small.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    color: white;
    text-align: center;
    font-family: "museo-sans", Arial, sans-serif;
    position: absolute;
    top: -50px;
    left: -50px;
    width: 100%;
    height: 100%;
    padding: 115px 50px 50px; }
    .modal-send-message .no-message-available h1 {
      font-weight: 300;
      font-size: 36px; }
    .modal-send-message .no-message-available a {
      color: white;
      background: #ff5a01;
      padding: 7px 16px;
      border-radius: 3px;
      text-transform: uppercase;
      display: inline-block;
      margin: 10px 0 10px 0; }
    .modal-send-message .no-message-available p {
      margin-top: 20px;
      font-weight: 300;
      font-size: 26px; }
    .modal-send-message .no-message-available .close {
      position: absolute;
      top: 6px;
      right: 15px;
      cursor: pointer; }
    .modal-send-message .no-message-available.member-only {
      padding-bottom: 25px; }
      .modal-send-message .no-message-available.member-only h1 {
        margin-bottom: 20px; }
      .modal-send-message .no-message-available.member-only p {
        margin: 10px;
        display: inline-block; }
        .modal-send-message .no-message-available.member-only p a {
          color: #ff5a01;
          padding: 0;
          background: none;
          font-weight: 500;
          text-shadow: 0px 0px 6px #444;
          text-transform: capitalize; }
      .modal-send-message .no-message-available.member-only p + p {
        margin-bottom: 0; }

/******************
BIO MODAL
******************/
.modal-bio-wrapper {
  color: #666;
  font-size: 16px; }
  .modal-bio-wrapper #modal-bio {
    padding-right: 10px; }
  .modal-bio-wrapper .fancybox-skin {
    background: #fff;
    border: 2px solid #AEAEAE; }
    .modal-bio-wrapper .fancybox-skin .fancybox-inner {
      overflow: scroll;
      -webkit-overflow-scrolling: touch; }
  .modal-bio-wrapper .msg-name {
    font-size: 18px;
    color: #000;
    font-weight: 400;
    text-transform: capitalize; }
  .modal-bio-wrapper .avatar {
    position: static;
    float: left;
    margin: 0 10px 0 0;
    border: none; }
  .modal-bio-wrapper .comment-avatar {
    float: left;
    padding: 0px; }
  .modal-bio-wrapper .comment-body {
    margin-left: 12px;
    float: left;
    width: 274px;
    padding: 0px; }
  .modal-bio-wrapper .comment-content {
    margin-top: -12px; }

/******************
LOGIN REGISTRATION MODALS
******************/
.common-modal-login-wrap {
  text-align: center;
  font-size: 16px;
  top: 60px !important;
  /*Step Specific Styles*/ }
  .common-modal-login-wrap .common-modal-login {
    overflow: hidden; }
  .common-modal-login-wrap a {
    color: #299BCF;
    text-decoration: none; }
    .common-modal-login-wrap a:hover {
      text-decoration: underline; }
  .common-modal-login-wrap h2 {
    clear: both;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 20px; }
  .common-modal-login-wrap .common-btn {
    color: #fff;
    background: #299BCF;
    font-size: 20px;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1;
    text-align: center;
    padding: 10px 40px;
    margin: 0 0 20px 0;
    text-decoration: none;
    border: none; }
    .common-modal-login-wrap .common-btn.btn-invite {
      margin: 12px 0 -4px 0;
      border-radius: 2px; }
      .common-modal-login-wrap .common-btn.btn-invite:hover {
        text-decoration: none; }
  .common-modal-login-wrap .modal-header .modal-title {
    font-size: 40px;
    font-family: "museo-sans", Arial, sans-serif;
    font-weight: 300;
    line-height: 1;
    padding: 30px 0 20px 0;
    color: #4f5356; }
  .common-modal-login-wrap .modal-header .num-step {
    font-size: 20px;
    text-transform: uppercase;
    font-family: "museo-sans", Arial, sans-serif;
    font-weight: 400;
    color: #4f5356; }
    .common-modal-login-wrap .modal-header .num-step .num {
      border: 1px solid #4f5356;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      display: inline-block;
      line-height: 30px;
      text-align: center;
      margin: 0 5px 0 0; }
  .common-modal-login-wrap .modal-header p {
    font-size: 28px;
    font-family: "museo-sans", Arial, sans-serif;
    font-weight: 300;
    margin: 0 0 20px 0;
    color: #4f5356; }
  .common-modal-login-wrap #tabs-profile {
    *zoom: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    background: #333;
    font-family: "museo-sans", Arial, sans-serif;
    font-size: 22px;
    font-weight: 300;
    margin: 0 0 30px 0;
    text-align: center; }
    .common-modal-login-wrap #tabs-profile:before, .common-modal-login-wrap #tabs-profile:after {
      content: " ";
      display: table; }
    .common-modal-login-wrap #tabs-profile:after {
      clear: both; }
    .common-modal-login-wrap #tabs-profile li {
      text-align: center;
      display: inline-block; }
      .common-modal-login-wrap #tabs-profile li a {
        color: #299BCF;
        display: inline-block;
        padding: 15px 23px;
        box-sizing: border-box;
        width: 100%;
        position: relative;
        text-decoration: none; }
        .common-modal-login-wrap #tabs-profile li a.active {
          color: #fff; }
          .common-modal-login-wrap #tabs-profile li a.active .fa-caret-up {
            display: inline-block; }
        .common-modal-login-wrap #tabs-profile li a .fa-caret-up {
          position: absolute;
          bottom: -8px;
          left: 50%;
          margin-left: -6px;
          display: none; }
  .common-modal-login-wrap .tab-container {
    display: none; }
  .common-modal-login-wrap .fields-musician {
    display: block; }
  .common-modal-login-wrap .fancybox-skin {
    background: #fff; }
    .common-modal-login-wrap .fancybox-skin .fancybox-close {
      display: none; }
  .common-modal-login-wrap .frm-wrap {
    padding-bottom: 95px;
    *zoom: 1; }
    .common-modal-login-wrap .frm-wrap:before, .common-modal-login-wrap .frm-wrap:after {
      content: " ";
      display: table; }
    .common-modal-login-wrap .frm-wrap:after {
      clear: both; }
    .common-modal-login-wrap .frm-wrap.bg-dk h2 {
      color: #fff; }
    .common-modal-login-wrap .frm-wrap.bg-dk label.error {
      border-radius: 3px;
      background: #fff;
      padding: 8px;
      line-height: 1;
      left: 101% !important; }
      .common-modal-login-wrap .frm-wrap.bg-dk label.error:before {
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid #fff;
        content: '';
        position: absolute;
        left: -8px;
        top: 9px; }
  .common-modal-login-wrap .smallprint {
    line-height: 1.6;
    font-size: 13px;
    margin-bottom: 5px; }
    .common-modal-login-wrap .smallprint em {
      font-weight: 400;
      font-style: normal; }
    .common-modal-login-wrap .smallprint .forgot-password {
      margin-bottom: 5px;
      display: inline-block; }
  .common-modal-login-wrap .common-frm-login {
    width: 257px;
    margin: 0 auto; }
    .common-modal-login-wrap .common-frm-login .common-submit {
      background: #0d86be;
      font-size: 30px;
      height: 75px;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      border-radius: 0;
      font-weight: 300;
      outline: none; }
      .common-modal-login-wrap .common-frm-login .common-submit[disabled="disabled"] {
        background: #333; }
        .common-modal-login-wrap .common-frm-login .common-submit[disabled="disabled"]:hover {
          opacity: 100;
          background: #333; }
    .common-modal-login-wrap .common-frm-login label.error {
      color: #ff5a01;
      position: absolute;
      top: 0;
      left: 257px;
      margin-left: 10px;
      white-space: nowrap;
      border-radius: 3px;
      background: #fff;
      padding: 8px;
      line-height: 1; }
    .common-modal-login-wrap .common-frm-login .field-wrap-btn:hover {
      background: #fff;
      color: #299BCF;
      text-decoration: none; }
  .common-modal-login-wrap #step3 .frm-wrap,
  .common-modal-login-wrap #step4 .frm-wrap {
    background: #333; }
  .common-modal-login-wrap #step3 .frm-wrap {
    position: relative; }
  .common-modal-login-wrap #step3 #registration-step-3 {
    width: 82%;
    *zoom: 1;
    padding: 45px 0;
    min-height: 209px; }
    .common-modal-login-wrap #step3 #registration-step-3:before, .common-modal-login-wrap #step3 #registration-step-3:after {
      content: " ";
      display: table; }
    .common-modal-login-wrap #step3 #registration-step-3:after {
      clear: both; }
    .common-modal-login-wrap #step3 #registration-step-3 a {
      display: inline-block;
      padding: 3px 0; }
    .common-modal-login-wrap #step3 #registration-step-3 .col-left {
      float: left;
      width: 34.9%;
      position: relative; }
      .common-modal-login-wrap #step3 #registration-step-3 .col-left img {
        max-width: 100%;
        margin-bottom: 10px; }
        .common-modal-login-wrap #step3 #registration-step-3 .col-left img#avatar-image {
          position: absolute;
          top: 0;
          left: 0;
          display: none; }
        .common-modal-login-wrap #step3 #registration-step-3 .col-left img#avatar-image.uploaded {
          display: block; }
      .common-modal-login-wrap #step3 #registration-step-3 .col-left .fileupload-wrapper {
        color: #299BCF;
        overflow: hidden;
        height: 21px;
        width: 150px;
        line-height: normal !important;
        text-align: center !important;
        position: relative;
        font-size: 16px;
        margin: 0 auto;
        cursor: pointer; }
        .common-modal-login-wrap #step3 #registration-step-3 .col-left .fileupload-wrapper input[type=file] {
          opacity: 0;
          /* filter: alpha(opacity:0); */
          cursor: pointer;
          padding: 0px;
          margin: 0px;
          border: none;
          width: 150px;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0; }
      .common-modal-login-wrap #step3 #registration-step-3 .col-left .fileupload-wrapper.wrapper-avatar {
        color: #299BCF;
        overflow: hidden;
        width: 100%;
        height: auto;
        line-height: normal !important;
        text-align: left !important;
        position: relative;
        font-size: 16px;
        margin: 0;
        cursor: pointer; }
        .common-modal-login-wrap #step3 #registration-step-3 .col-left .fileupload-wrapper.wrapper-avatar img {
          max-width: 140px;
          width: 100%; }
        .common-modal-login-wrap #step3 #registration-step-3 .col-left .fileupload-wrapper.wrapper-avatar input[type=file] {
          opacity: 0;
          /* filter: alpha(opacity:0); */
          cursor: pointer;
          padding: 0px;
          margin: 0px;
          border: none;
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0; }
    .common-modal-login-wrap #step3 #registration-step-3 .col-right {
      float: right;
      width: 60.5%; }
    .common-modal-login-wrap #step3 #registration-step-3 .common-ta {
      height: 150px; }
  .common-modal-login-wrap #step4 #registration-step-4 {
    width: 56.9%;
    *zoom: 1;
    padding: 30px 0; }
    .common-modal-login-wrap #step4 #registration-step-4:before, .common-modal-login-wrap #step4 #registration-step-4:after {
      content: " ";
      display: table; }
    .common-modal-login-wrap #step4 #registration-step-4:after {
      clear: both; }
    .common-modal-login-wrap #step4 #registration-step-4 h2 {
      text-align: left;
      padding: 0 0 0 8%; }
    .common-modal-login-wrap #step4 #registration-step-4 .list {
      clear: both;
      margin: 0 0 10px 0; }
      .common-modal-login-wrap #step4 #registration-step-4 .list a {
        color: #929292;
        text-decoration: none; }
    .common-modal-login-wrap #step4 #registration-step-4 .modal-alert {
      background: #fff;
      color: #299BCF;
      font-size: 30px;
      height: auto;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      border-radius: 0;
      padding: 20px;
      font-weight: 300;
      outline: none;
      text-align: center;
      z-index: 1;
      box-sizing: border-box;
      display: none; }
      .common-modal-login-wrap #step4 #registration-step-4 .modal-alert .modal-title {
        color: #4f5356;
        margin: 0 0 10px 0;
        text-align: center; }
      .common-modal-login-wrap #step4 #registration-step-4 .modal-alert .common-btn {
        margin: 0 3px; }
  .common-modal-login-wrap #step5 h2 {
    font-size: 30px;
    text-transform: none;
    font-weight: 300; }
  .common-modal-login-wrap #step5 .or-wrap {
    margin-bottom: 5px;
    font-size: 30px;
    font-weight: 300;
    font-family: "museo-sans", Arial, sans-serif; }
  .common-modal-login-wrap #step5 #registration-step-5 {
    min-height: 379px;
    width: 68.3%; }
    .common-modal-login-wrap #step5 #registration-step-5 .common-input,
    .common-modal-login-wrap #step5 #registration-step-5 .common-ta {
      color: #888; }
    .common-modal-login-wrap #step5 #registration-step-5 .common-ta {
      height: 60px; }
    .common-modal-login-wrap #step5 #registration-step-5 ::-webkit-input-placeholder {
      color: #888; }
    .common-modal-login-wrap #step5 #registration-step-5 :-moz-placeholder {
      /* Firefox 18- */
      color: #888; }
    .common-modal-login-wrap #step5 #registration-step-5 ::-moz-placeholder {
      /* Firefox 19+ */
      color: #888; }
    .common-modal-login-wrap #step5 #registration-step-5 :-ms-input-placeholder {
      color: #888; }
    .common-modal-login-wrap #step5 #registration-step-5 .successmsg {
      display: none; }

/******************
SUCCESS MODAL
******************/
.wrapper-modal-success .fancybox-skin {
  background: #fff;
  border: 1px solid #999; }

.fancy-modal {
  display: none; }

.modal-success {
  text-align: center;
  color: #4f5356;
  font-family: "museo-sans", Arial, sans-serif;
  font-size: 24px;
  font-weight: 300;
  display: none; }
  .modal-success .modal-title {
    color: #fff;
    background: #999;
    font-size: 40px;
    padding: 10px 0;
    margin: 0 0 20px 0;
    font-weight: 100; }
  .modal-success .modal-content {
    padding: 0 45px 45px 45px; }
  .modal-success .common-submit {
    font-size: 20px;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px; }

/*ANY RESPONSIVE AND/OR SCREEN STYLES HERE*/
@media only screen and (max-width: 767px) {
  /*.common-modal-login-wrap .common-frm-login .field-wrap label.error {
        display: none !important;
    }*/
  .common-modal-login-wrap .common-frm-alt .field-wrap label.error {
    display: none !important; }
  .common-modal-login-wrap #tabs-profile {
    font-size: 18px; }
    .common-modal-login-wrap #tabs-profile li a {
      padding: 15px 8px; }
      .common-modal-login-wrap #tabs-profile li a .fa-caret-up {
        font-size: 22px; }
  .common-modal-login-wrap #step4 .frm-wrap {
    padding-bottom: 150px; }
  .common-modal-login-wrap #step4 #registration-step-4 .modal-alert .common-btn {
    margin: 0 3px;
    width: 235px;
    margin: 0 0 10px 0; } }

@media only screen and (max-width: 480px) {
  .common-modal-login-wrap .modal-header .modal-title {
    font-size: 32px; }
  .common-modal-login-wrap .modal-header p {
    font-size: 20px; }
  .common-modal-login-wrap #tabs-profile {
    font-size: 16px; }
    .common-modal-login-wrap #tabs-profile li a .fa-caret-up {
      font-size: 22px; }
  .common-modal-login-wrap #step3 #registration-step-3 .col-left {
    float: left;
    width: 34.9%; }
    .common-modal-login-wrap #step3 #registration-step-3 .col-left .fileupload-wrapper {
      width: 100px;
      height: auto; }
      .common-modal-login-wrap #step3 #registration-step-3 .col-left .fileupload-wrapper input[type=file] {
        width: 100px; }
  .common-modal-login-wrap #step4 #registration-step-4 {
    width: 85%; }
  .common-modal-login-wrap #step5 #registration-step-5 {
    width: 90%; } }

.modal-photo .col-photo {
  overflow: auto; }
  @media only screen and (min-width: 768px) {
    .modal-photo .col-photo {
      left: 0;
      float: left;
      width: 50%; } }
  .modal-photo .col-photo img {
    max-width: 100%;
    width: 100%;
    display: block; }

.modal-photo .col-comments {
  overflow: auto;
  background: #f6f6f6; }
  @media only screen and (min-width: 768px) {
    .modal-photo .col-comments {
      right: 0;
      position: absolute;
      width: 50%;
      height: 100%; } }

.modal-photo .comment-thread {
  display: block !important; }

.modal-photo .comments {
  overflow: auto; }

@media only screen and (min-width: 768px) {
  .modal-photo .comment-input-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    width: 100%; } }

@media only screen and (min-width: 768px) {
  .modal-photo .comment-input-wrap .comment-input-wrap-inner {
    padding: 10px; } }

.photo-modal-wrap .fancybox-nav {
  width: 100px; }

@media only screen and (min-width: 768px) {
  .photo-modal-wrap .fancybox-next {
    right: 50%; } }

/*
 *  Remodal - v1.0.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden; }

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none; }

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none; }

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-height: 100vh;
  max-width: 100vw;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch; }

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: ""; }

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block; }

/*
 *  Remodal - v1.0.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px); }

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(43, 46, 56, 0.9); }

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.remodal-overlay.remodal-is-opening {
  -webkit-animation: remodal-overlay-opening-keyframes 0.3s;
  animation: remodal-overlay-opening-keyframes 0.3s; }

.remodal-overlay.remodal-is-closing {
  -webkit-animation: remodal-overlay-closing-keyframes 0.3s;
  animation: remodal-overlay-closing-keyframes 0.3s; }

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0; }

/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff; }

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.remodal.remodal-is-opening {
  -webkit-animation: remodal-opening-keyframes 0.3s;
          animation: remodal-opening-keyframes 0.3s; }

.remodal.remodal-is-closing {
  -webkit-animation: remodal-closing-keyframes 0.3s;
          animation: remodal-closing-keyframes 0.3s; }

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle; }

/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent; }

.remodal-close:hover {
  color: #2b2e38; }

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center; }

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0; }

.remodal-confirm {
  color: #fff;
  background: #81c784; }

.remodal-confirm:hover {
  background: #66bb6a; }

.remodal-cancel {
  color: #fff;
  background: #e57373; }

.remodal-cancel:hover {
  background: #ef5350; }

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner {
  padding: 0;
  border: 0; }

.fancybox-stats-content .user-content .username {
  font-family: "myriad-pro", Arial, sans-serif; }

.fancybox-stats-content .user-content .location {
  color: #888 !important;
  font-size: 16px;
  font-family: "myriad-pro", Arial, sans-serif;
  font-weight: 600; }

.fancybox-stats-content .user-content .list-count {
  font-weight: 600;
  font-size: 16px; }

.fancybox-stats-content img.new-match {
  height: 100px; }

.fancybox-stats-content .thumbnails a {
  color: #888; }

.fancybox-stats-content .viewer-data {
  color: #888;
  font-size: 14px;
  font-family: "myriad-pro",Arial,sans-serif;
  font-weight: 400; }

.fancybox-stats-content .text-custom-link, .fancybox-stats-content .comment-text-link {
  color: #299BCF; }

.fancybox-stats-content .comment-text .news-item-actions {
  float: right;
  padding-top: 0px;
  margin-bottom: 10px; }

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; } }

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; } }

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px; } }

/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38; }

.lt-ie9 .remodal {
  width: 700px; }

/*Gigmor Header Styles*/
#nav-wrapper {
  width: 100vw;
  height: 60px;
  background-color: #25262a;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
  border-bottom: 1px solid #666668; }

#nav-contents {
  background-color: #25262a;
  position: relative;
  max-width: 1200px;
  min-width: 320px;
  height: 60px;
  margin: 0px auto;
  color: #ffffff;
  z-index: 1000;
  padding: 0 20px; }

#header-logo {
  float: left;
  height: 100%;
  display: inline-block; }
  #header-logo img {
    margin: 7px 25px 7px 0;
    float: left;
    display: inline-block; }
  @media only screen and (max-width: 767px) {
    #header-logo {
      float: none;
      margin: 0 auto; } }

.header-dropdown {
  cursor: pointer;
  position: relative;
  margin: 19px 23px 10px 0;
  float: left;
  font-size: 18px;
  padding: 0 26px 15px 0; }
  .header-dropdown button {
    background-color: transparent;
    border: 0px;
    padding: 0px;
    margin: 0px;
    font-size: 17px;
    color: #FFF;
    font-weight: 500; }
  .header-dropdown ul {
    display: none;
    position: absolute;
    list-style-type: none;
    margin: 0px;
    padding: 0px; }
    .header-dropdown ul li {
      position: relative;
      cursor: pointer;
      background: #353535;
      padding: 8px;
      padding-left: 17px;
      font-size: 16px;
      font-weight: 500;
      border-top: 1px solid #000; }
      .header-dropdown ul li:first-child {
        border-top: none; }
      .header-dropdown ul li:last-child {
        border-radius: 0 0 4px 4px; }
      .header-dropdown ul li:hover {
        background: #474747; }
      .header-dropdown ul li img {
        width: 32px;
        height: 32px;
        margin-top: 4px;
        margin-bottom: 4px; }
      .header-dropdown ul li .switch-profile-title,
      .header-dropdown ul li .switch-profile-link {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 130px;
        left: 60px;
        position: absolute;
        display: block; }
      .header-dropdown ul li .switch-profile-title {
        font-size: 14px;
        font-weight: 600;
        top: 10px; }
      .header-dropdown ul li .switch-profile-link {
        font-size: 12px;
        top: 29px; }
      .header-dropdown ul li:hover .sub-menu {
        display: block; }
      .header-dropdown ul li a {
        display: block;
        width: 100%;
        height: 100%;
        color: #fff;
        text-decoration: none; }
    .header-dropdown ul .sub-menu {
      display: none; }
    .header-dropdown ul.drop-down.standard-position {
      left: -15px;
      top: 28px;
      width: 150px;
      padding-top: 10px; }
  .header-dropdown:hover ul {
    display: block; }

.profile-assets {
  padding-right: 23px; }
  .header-right .profile-assets a:hover {
    color: #fff; }
  .profile-assets img {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    vertical-align: middle; }
  .profile-assets span {
    vertical-align: middle;
    font-size: 16px;
    font-family: "museo-sans", Arial, sans-serif; }

.dropdown-nav-btn i {
  margin-left: 5px;
  font-size: 12px; }

.header-search-wrapper {
  position: relative;
  width: 82px;
  float: left;
  margin: 15px 0 0 -10px;
  cursor: pointer;
  -webkit-transition: width .5s ease-in-out;
  transition: width .5s ease-in-out; }
  .header-search-wrapper label {
    position: absolute;
    top: 5px;
    left: 10px;
    color: #fff;
    font-weight: 500;
    font-size: 17px;
    cursor: pointer; }
  .header-search-wrapper #header-search-input {
    border-radius: 4px;
    width: 100%;
    outline: none;
    border: none;
    padding: 5px 20px 5px 10px;
    font-size: 17px;
    box-sizing: border-box;
    background: #25262a;
    color: #25262a; }
  .header-search-wrapper .magnifying-glass {
    color: #fff;
    height: 19px;
    position: absolute;
    right: 0;
    bottom: 5px;
    font-size: 15px; }
  .header-search-wrapper.expand {
    width: 244px; }
    .header-search-wrapper.expand label {
      display: none; }
    .header-search-wrapper.expand #header-search-input {
      background: #fff; }
    .header-search-wrapper.expand .magnifying-glass {
      color: #333;
      right: 7px; }
  .header-search-wrapper #header-search-icon.advanced-search {
    display: none; }

#mobile-search-input {
  border-radius: 4px;
  outline: 0px;
  border: 0px;
  padding: 5px;
  padding-left: 10px;
  padding-right: 20px;
  margin-top: 20px;
  font-size: 15px;
  font-weight: 300;
  margin-left: 4px; }

#header-search-input ::-webkit-input-placeholder,
#mobile-search-input ::-webkit-input-placeholder {
  color: #1d1d1d; }

#header-search-input :-moz-placeholder,
#mobile-search-input :-moz-placeholder {
  color: #1d1d1d; }

#header-search-input ::-moz-placeholder,
#mobile-search-input ::-moz-placeholder {
  color: #1d1d1d; }

#header-search-input :-ms-input-placeholder,
#mobile-search-input :-ms-input-placeholder {
  color: #1d1d1d; }

.header-right {
  position: relative;
  float: right;
  padding-left: 10px;
  padding-right: 0px;
  margin-top: 15px; }
  .header-right a {
    text-decoration: none;
    color: #FFF;
    position: relative; }
    .header-right a:hover {
      color: #DDDDDD; }
  .header-right .profile-icon-wrapper {
    display: inline-block;
    position: relative;
    margin-left: 15px;
    float: right;
    margin-top: 0;
    margin-right: 0;
    padding-right: 0; }
    .header-right .profile-icon-wrapper .icon-sort-down {
      padding-left: 3px; }
    .header-right .profile-icon-wrapper ul.drop-down {
      width: 203px;
      position: absolute;
      right: -10px;
      top: 17px;
      padding-top: 23px; }
    .header-right .profile-icon-wrapper ul.sub-menu {
      width: 170px; }
    .header-right .profile-icon-wrapper:hover > ul.drop-down {
      display: block; }
  .header-right .nav-item {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    margin-right: 20px; }
    .header-right .nav-item .nav-item-counter {
      position: absolute;
      top: -3px;
      left: 15px; }
  .header-right.loggedin {
    margin-top: 18px;
    height: auto; }
  .header-right #btn-mobile-user-menu {
    background: none;
    color: #fff;
    font-size: 30px;
    border: none;
    display: none; }

#mobile-nav {
  background: #393A3D;
  color: #fff;
  position: fixed;
  top: 0;
  right: 0;
  width: 180px;
  z-index: 100;
  display: none;
  font-size: 17px; }
  #mobile-nav .mobile-nav-header {
    padding: 20px 15px 8px 15px;
    color: #fff;
    border-bottom: 1px solid #000;
    margin: 0;
    font-size: 17px;
    font-family: "myriad-pro", Arial, sans-serif;
    line-height: 1;
    float: none;
    font-weight: 500; }
  #mobile-nav ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    #mobile-nav ul li a {
      display: block;
      *zoom: 1;
      font-weight: 500;
      padding: 8px 15px 8px 15px;
      color: #bababa;
      text-decoration: none;
      border-bottom: 1px solid #000; }
      #mobile-nav ul li a:before, #mobile-nav ul li a:after {
        content: " ";
        display: table; }
      #mobile-nav ul li a:after {
        clear: both; }
    #mobile-nav ul li:hover {
      background: #48484B; }
    #mobile-nav ul li .switch-profile-title,
    #mobile-nav ul li .switch-profile-link {
      font-size: 12px;
      float: left;
      line-height: 1;
      display: inline-block;
      width: calc(100% - 42px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    #mobile-nav ul li .switch-profile-title {
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 4px;
      color: #fff; }
    #mobile-nav ul li .avatar {
      float: left;
      margin-right: 5px; }
  #mobile-nav .mobile-search-wrapper {
    width: auto;
    margin: 0;
    padding: 15px;
    float: none;
    background: #474747;
    border-bottom: 1px solid #000;
    position: relative; }
    #mobile-nav .mobile-search-wrapper #mobile-search-input {
      width: 100%;
      box-sizing: border-box;
      margin: 0; }
    #mobile-nav .mobile-search-wrapper #mobile-search-icon {
      right: 22px;
      bottom: 21px;
      color: #aaa;
      position: absolute; }

#header-login, #header-logout, #header-my-account {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-weight: 500; }

#header-login,
#header-logout {
  padding: 0;
  display: inline-block; }

#header-logout, #header-my-account {
  padding-top: 10px; }

#header-my-account {
  padding-left: 10px; }

#header-sign-up-btn, #header-my-account-btn {
  background-color: #FF5A01;
  border: 0px;
  font-size: 16px;
  color: #FFF;
  border-radius: 4px;
  padding: 5px 7px 7px 7px;
  margin-left: 20px;
  font-weight: 500; }

@media only screen and (max-width: 767px) {
  /*.header-search-wrapper,*/
  #header-nav {
    display: none; }
  #nav-contents {
    box-sizing: border-box; }
    #nav-contents div.header-dropdown {
      display: none; }
    #nav-contents .header-search-wrapper {
      width: 30%;
      display: none; }
      #nav-contents .header-search-wrapper #header-search-input {
        width: 100%;
        box-sizing: border-box; }
  .header-right {
    position: static; }
    .header-right #btn-mobile-user-menu {
      display: block;
      position: absolute;
      top: 15px;
      right: 20px;
      padding: 0; }
    .header-right #header-login {
      position: absolute;
      top: 18px;
      right: 70px; }
    .header-right #header-signup {
      position: absolute;
      top: 15px;
      right: 10px;
      display: none; }
    .header-right .profile-icon-wrapper,
    .header-right a[title="Messages"],
    .header-right a[title="Matches"],
    .header-right .header-num-messages,
    .header-right .profile-assets {
      display: none !important; }
  #mobile-nav {
    display: block;
    -webkit-transition: 500ms transform ease, 500ms right ease;
    transition: 500ms transform ease, 500ms right ease;
    right: -180px;
    left: initial; }
    #mobile-nav.expanded {
      right: 0;
      left: initial; } }

@media only screen and (max-width: 480px) {
  #login_wrapper .row#letsloginbtn {
    float: none;
    width: auto;
    margin: 0;
    text-align: center;
    padding: 15px 0 0 0;
    clear: both; }
  .registration-modal-wrap #registration-form123 .topheading {
    text-shadow: 1px 1px #000; }
  .registration-modal-wrap #registration-form123 .fields_area,
  .registration-modal-wrap #registration-form123 .fields_btn {
    width: 100%; }
  .registration-modal-wrap #registration-form123 .or_gap {
    padding: 5px 0; }
  #nav-contents .header-search-wrapper {
    width: 40%;
    float: right; }
    #nav-contents .header-search-wrapper #header-search-input {
      width: 100%;
      box-sizing: border-box;
      margin: 29px 0 0 0;
      padding: 3px 5px; }
    #nav-contents .header-search-wrapper .magnifying-glass {
      bottom: 3px; } }

/*Gigmor Footer Styles*/
.flex-sibling + .footer-container {
  height: 60vh;
  display: -webkit-flex-box;
  display: -ms-flex-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  -webkit-box-align: end;
          align-items: flex-end; }

.sticky-footer .submit-container {
  margin-top: 20px;
  margin: 40px 0 0 40px; }

#footer {
  padding-top: 40px;
  text-align: center;
  color: #ABABAB;
  clear: both;
  width: 100%;
  max-width: 1200px;
  margin: 0px auto;
  padding-bottom: 25px; }
  #footer a {
    color: #ABABAB;
    font-weight: bold;
    padding: 0 14px;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px; }
    #footer a:hover {
      color: gray;
      text-decoration: none; }
  #footer .social-links {
    display: inline; }

.min-full-height #footer {
  padding-bottom: 10px;
  width: 100%;
  max-width: none; }
  .min-full-height #footer a {
    color: #FFFFFF;
    font-weight: 400; }

/*ANY RESPONSIVE AND/OR SCREEN STYLES HERE*/
@media only screen and (max-width: 767px) {
  #footer .social-links {
    display: block;
    padding: 10px 0; } }

@media only screen and (max-width: 480px) {
  #footer a {
    display: block;
    text-align: center;
    margin: 0 0 5px 0; }
  #footer .social-links a {
    display: inline; } }

#module-user {
  margin: 0 0 25px 0;
  padding-top: 0;
  *zoom: 1; }
  #module-user:before, #module-user:after {
    content: " ";
    display: table; }
  #module-user:after {
    clear: both; }
  #module-user .avatar {
    border: 3px solid #8d8d8d;
    display: block;
    float: left;
    margin: 0 20px 0 0; }
  #module-user .module-title {
    font-weight: 600;
    font-size: 28px;
    text-transform: none;
    margin: 0;
    line-height: 1;
    font-family: "myriad-pro", Arial, sans-serif;
    clear: none; }
  #module-user .location {
    color: #898888;
    font-weight: 400;
    font-size: 18px;
    margin: 0 0 15px 0; }
  #module-user a {
    display: block;
    font-size: 16px;
    outline: none; }

#module-jam-status {
  border-top: 1px dotted #666;
  border-bottom: 1px dotted #666;
  padding: 15px 0;
  font-family: "museo-sans", Arial, sans-serif;
  font-size: 18px;
  text-align: center; }
  .edit-mode #module-jam-status {
    border-bottom: none; }
  #module-jam-status a {
    color: #299BCF;
    font-weight: 400; }

#module-creator {
  margin-top: -160px;
  font-size: 18px; }
  .edit-mode #module-creator {
    margin-top: -168px; }
  #module-creator .alias {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    clear: both; }
    .edit-mode #module-creator .alias {
      margin-bottom: 10px; }
  #module-creator .location {
    font-size: 18px;
    color: #898888;
    margin: 0 0 15px 0; }
  #module-creator .details {
    font-size: 20px;
    list-style: none;
    padding-left: 0;
    margin: 15px 0; }
    #module-creator .details li:before {
      content: "\2022";
      margin-right: 5px; }
  #module-creator .bio {
    margin: 0 0 30px 0; }
  #module-creator .avatar {
    border: 3px solid #ccc;
    max-width: 100%;
    display: block; }
  #module-creator .module-avatar {
    position: relative;
    margin-bottom: 55px;
    margin-right: 20px;
    float: left;
    text-align: center; }
    .edit-mode #module-creator .module-avatar {
      margin-bottom: 63px; }
    #module-creator .module-avatar #edit-photo {
      display: block;
      line-height: 1;
      background: #393A3D;
      color: #fff;
      padding: 10px 20px;
      font-size: 16px;
      box-sizing: border-box;
      width: 87%;
      margin: 0 auto;
      position: relative;
      margin-top: -38px;
      top: -15px; }
      #module-creator .module-avatar #edit-photo .fa {
        font-size: 13px;
        right: -5px;
        position: relative; }

#module-more-jams a,
#module-previous-jams a {
  color: #299BCF; }

#module-share {
  *zoom: 1;
  margin-bottom: 40px; }
  #module-share:before, #module-share:after {
    content: " ";
    display: table; }
  #module-share:after {
    clear: both; }
  #module-share header {
    float: left; }
  #module-share .module-title {
    font-size: 20px;
    float: left;
    font-family: "myriad-pro", Arial, sans-serif;
    font-weight: 400;
    padding: 6px 0 0 0; }
  #module-share .icon-arrow {
    float: left;
    font-size: 28px;
    padding: 0 10px; }

.module-players .member-card,
#module-players .member-card {
  width: 50%;
  float: left;
  padding-right: 10px;
  position: relative;
  margin: 0 0 15px 0; }
  .module-players .member-card .alias,
  #module-players .member-card .alias {
    margin-bottom: 0; }

.module-players h2,
#module-players h2 {
  margin-bottom: 13px; }

.module-players.module-players-pending .common-hr,
#module-players.module-players-pending .common-hr {
  margin: -20px 0 15px 0; }

.module-players.player-view .member-card,
#module-players.player-view .member-card {
  width: 100%;
  padding-right: 0;
  float: none; }
  .module-players.player-view .member-card .action-btns,
  #module-players.player-view .member-card .action-btns {
    position: absolute;
    top: 17px;
    right: 0; }

.module-players .btn-comment,
.module-players .btn-text,
#module-players .btn-comment,
#module-players .btn-text {
  border: none;
  background: none;
  padding: 0;
  vertical-align: middle;
  margin-left: 20px;
  color: #898888;
  font-size: 14px; }
  .module-players .btn-comment:hover,
  .module-players .btn-text:hover,
  #module-players .btn-comment:hover,
  #module-players .btn-text:hover {
    color: #299BCF; }
    .module-players .btn-comment:hover .fa,
    .module-players .btn-text:hover .fa,
    #module-players .btn-comment:hover .fa,
    #module-players .btn-text:hover .fa {
      color: #299BCF; }
  .module-players .btn-comment .fa,
  .module-players .btn-text .fa,
  #module-players .btn-comment .fa,
  #module-players .btn-text .fa {
    font-size: 20px;
    margin-right: 5px;
    color: #666;
    position: relative;
    top: 3px; }

.module-players .btn-message,
#module-players .btn-message {
  float: right; }

#module-jam-details {
  font-size: 18px; }
  #module-jam-details .list-details {
    padding: 0;
    list-style: none; }
    #module-jam-details .list-details li {
      margin: 0 0 5px 0; }
      #module-jam-details .list-details li strong {
        color: #333;
        font-weight: 600;
        float: left;
        margin: 0 10px 0 0; }
  #module-jam-details h3 {
    margin: 0;
    font-weight: 600;
    color: #333;
    font-size: 18px; }
  #module-jam-details .list-amenities {
    list-style: none;
    padding: 0; }
    #module-jam-details .list-amenities .common-icon.show-on-edit {
      color: #333;
      position: absolute;
      top: 0;
      right: 3px;
      z-index: 1;
      line-height: 1; }
    #module-jam-details .list-amenities li {
      content: "";
      display: block;
      float: left;
      width: 113px;
      height: 113px;
      margin: 0 8px 8px 0;
      position: relative;
      border-radius: 6px;
      background: #fff url("../images/sprite-location-characteristics.png") no-repeat 0 0;
      vertical-align: middle;
      box-sizing: border-box;
      color: #fff;
      text-align: center;
      border: 2px solid #666; }
      #module-jam-details .list-amenities li .txt {
        position: absolute;
        left: -999em;
        width: 100%;
        height: 100%;
        display: block;
        font-size: 24px;
        font-weight: 300; }
      #module-jam-details .list-amenities li.add .txt {
        left: -999em !important; }
      #module-jam-details .list-amenities li.add:hover .txt {
        left: auto !important; }
      #module-jam-details .list-amenities li.add {
        background-color: #666; }
        #module-jam-details .list-amenities li.add .common-icon.show-on-edit {
          color: #fff; }
      #module-jam-details .list-amenities li:hover {
        background-color: #666; }
        #module-jam-details .list-amenities li:hover .common-icon.show-on-edit {
          color: #fff; }
        #module-jam-details .list-amenities li:hover .txt {
          left: auto; }
      #module-jam-details .list-amenities li.char-pa {
        background-position: 28px -177px; }
        #module-jam-details .list-amenities li.char-pa.selected:hover {
          background-position: 30px -75px;
          background-color: #666; }
        #module-jam-details .list-amenities li.char-pa:hover, #module-jam-details .list-amenities li.char-pa.add {
          background-position: 30px -75px; }
        #module-jam-details .list-amenities li.char-pa .txt {
          top: 40px; }
      #module-jam-details .list-amenities li.char-guitar-amp {
        background-position: 18px -477px; }
        #module-jam-details .list-amenities li.char-guitar-amp.selected:hover {
          background-position: 20px -375px !important;
          background-color: #666; }
        #module-jam-details .list-amenities li.char-guitar-amp:hover, #module-jam-details .list-amenities li.char-guitar-amp.add {
          background-position: 20px -375px; }
        #module-jam-details .list-amenities li.char-guitar-amp .txt {
          top: 28px; }
      #module-jam-details .list-amenities li.char-bass-amp {
        background-position: 20px -784px; }
        #module-jam-details .list-amenities li.char-bass-amp.selected:hover {
          background-position: 22px -682px;
          background-color: #666; }
        #module-jam-details .list-amenities li.char-bass-amp:hover, #module-jam-details .list-amenities li.char-bass-amp.add {
          background-position: 22px -682px; }
        #module-jam-details .list-amenities li.char-bass-amp .txt {
          top: 25px; }
      #module-jam-details .list-amenities li.char-drum-set {
        background-position: 16px -1084px; }
        #module-jam-details .list-amenities li.char-drum-set.selected:hover {
          background-position: 19px -982px;
          background-color: #666; }
        #module-jam-details .list-amenities li.char-drum-set:hover, #module-jam-details .list-amenities li.char-drum-set.add {
          background-position: 19px -982px; }
        #module-jam-details .list-amenities li.char-drum-set .txt {
          top: 25px; }
      #module-jam-details .list-amenities li.char-keyboard {
        background-position: 20px -1379px; }
        #module-jam-details .list-amenities li.char-keyboard.selected:hover {
          background-position: 22px -1277px;
          background-color: #666; }
        #module-jam-details .list-amenities li.char-keyboard:hover, #module-jam-details .list-amenities li.char-keyboard.add {
          background-position: 22px -1277px; }
        #module-jam-details .list-amenities li.char-keyboard .txt {
          top: 40px; }
      #module-jam-details .list-amenities li.char-parking {
        background-position: 29px -1675px; }
        #module-jam-details .list-amenities li.char-parking.selected:hover {
          background-position: 31px -1573px;
          background-color: #666; }
        #module-jam-details .list-amenities li.char-parking:hover, #module-jam-details .list-amenities li.char-parking.add {
          background-position: 31px -1573px; }
        #module-jam-details .list-amenities li.char-parking .txt {
          top: 40px; }
      #module-jam-details .list-amenities li.char-public-trans {
        background-position: 26px -1979px; }
        #module-jam-details .list-amenities li.char-public-trans.selected:hover {
          background-position: 28px -1879px;
          background-color: #666; }
        #module-jam-details .list-amenities li.char-public-trans:hover, #module-jam-details .list-amenities li.char-public-trans.add {
          background-position: 28px -1879px; }
        #module-jam-details .list-amenities li.char-public-trans .txt {
          top: 28px; }
      #module-jam-details .list-amenities li.char-smoke-free {
        background-position: 16px -2283px; }
        #module-jam-details .list-amenities li.char-smoke-free.selected:hover {
          background-position: 18px -2181px;
          background-color: #666; }
        #module-jam-details .list-amenities li.char-smoke-free:hover, #module-jam-details .list-amenities li.char-smoke-free.add {
          background-position: 18px -2181px; }
        #module-jam-details .list-amenities li.char-smoke-free .txt {
          top: 28px; }
      #module-jam-details .list-amenities li.char-alcohol-free {
        background-position: 16px -2583px; }
        #module-jam-details .list-amenities li.char-alcohol-free.selected:hover {
          background-position: 18px -2481px;
          background-color: #666; }
        #module-jam-details .list-amenities li.char-alcohol-free:hover, #module-jam-details .list-amenities li.char-alcohol-free.add {
          background-position: 18px -2481px; }
        #module-jam-details .list-amenities li.char-alcohol-free .txt {
          top: 28px; }
      #module-jam-details .list-amenities li.char-drug-free {
        background-position: 16px -2883px; }
        #module-jam-details .list-amenities li.char-drug-free.selected:hover {
          background-position: 18px -2781px;
          background-color: #666; }
        #module-jam-details .list-amenities li.char-drug-free:hover, #module-jam-details .list-amenities li.char-drug-free.add {
          background-position: 18px -2781px; }
        #module-jam-details .list-amenities li.char-drug-free .txt {
          top: 28px; }
      #module-jam-details .list-amenities li.show-on-edit {
        display: none; }

#module-creator {
  margin-top: -160px;
  font-size: 18px; }
  .edit-mode #module-creator {
    margin-top: -168px; }
  #module-creator .alias {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    clear: both; }
    .edit-mode #module-creator .alias {
      margin-bottom: 10px; }
  #module-creator .location {
    font-size: 18px;
    color: #898888;
    margin: 0 0 15px 0; }
  #module-creator .details {
    font-size: 20px;
    list-style: none;
    padding-left: 0;
    margin: 15px 0; }
    #module-creator .details li:before {
      content: "\2022";
      margin-right: 5px; }
  #module-creator .bio {
    margin: 0 0 30px 0; }
  #module-creator .module-avatar {
    position: relative;
    margin-bottom: 55px;
    margin-right: 20px;
    float: left;
    text-align: center; }
    .edit-mode #module-creator .module-avatar {
      margin-bottom: 63px; }
    #module-creator .module-avatar .avatar {
      border: 3px solid #ccc;
      max-width: 100%;
      display: block; }
    #module-creator .module-avatar #edit-photo {
      display: block;
      line-height: 1;
      background: #393A3D;
      color: #fff;
      padding: 10px 20px;
      font-size: 16px;
      box-sizing: border-box;
      width: 87%;
      margin: 0 auto;
      position: relative;
      margin-top: -38px;
      top: -15px; }
      #module-creator .module-avatar #edit-photo .fa {
        font-size: 13px;
        right: -5px;
        position: relative; }

#module-post-update {
  *zoom: 1;
  margin: 0 0 30px 0; }
  #module-post-update:before, #module-post-update:after {
    content: " ";
    display: table; }
  #module-post-update:after {
    clear: both; }
  #module-post-update.module-post-update {
    margin-bottom: 10px; }
  #module-post-update .update-input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #ABABAB;
    padding: 5px 10px;
    font-size: 16px; }
  #module-post-update input[type="text"] {
    outline: none; }
    #module-post-update input[type="text"] ::-webkit-input-placeholder {
      color: #666; }
    #module-post-update input[type="text"] :-moz-placeholder {
      color: #666; }
    #module-post-update input[type="text"] ::-moz-placeholder {
      color: #666; }
    #module-post-update input[type="text"] :-ms-input-placeholder {
      color: #666; }
    #module-post-update input[type="text"]:focus {
      border-color: #2a8ed1;
      box-shadow: 0 0 3px #2a8ed1; }
  #module-post-update .post-update {
    float: left;
    font-size: 18px;
    margin: 0 0 10px 0;
    font-weight: 700; }
  #module-post-update .add-media {
    float: right;
    display: inline-block;
    font-size: 14px;
    padding-left: 30px; }
  #module-post-update .btn-share {
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    float: right;
    border: none;
    background: #1692CC;
    padding: 3px 15px;
    color: #FFF;
    border-radius: 2px; }
    #module-post-update .btn-share:hover {
      background: #666; }
  #module-post-update input[type=checkbox] {
    display: none; }
  #module-post-update input[type=checkbox] + label {
    background: url("../images/sprite-toggle-switches.png") no-repeat 0 0;
    height: 22px;
    width: 32px;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    float: right;
    margin: 10px 10px 0 0; }
  #module-post-update input[type=checkbox] + label[for="share-fb"] {
    background-position: 0 -50px; }
  #module-post-update input[type=checkbox] + label[for="share-twitter"] {
    background-position: 0 0; }
  #module-post-update input[type=checkbox]:checked + label[for="share-fb"] {
    background-position: 0 -75px; }
  #module-post-update input[type=checkbox]:checked + label[for="share-twitter"] {
    background-position: 0 -25px; }

#module-recent-activity {
  padding: 25px 0 0 0; }
  #module-recent-activity .news-item {
    margin-bottom: 0;
    padding: 2px 0 10px 0; }
    #module-recent-activity .news-item .news-summary {
      padding: 0; }
    #module-recent-activity .news-item .when {
      color: #888;
      padding: 0;
      display: inline-block;
      margin-bottom: 10px; }
    #module-recent-activity .news-item .song-item {
      padding: 0 0 0 70px;
      border-bottom: none; }
      #module-recent-activity .news-item .song-item .title {
        font-size: 16px;
        font-weight: 600; }
      #module-recent-activity .news-item .song-item button {
        float: left;
        width: auto;
        height: auto;
        font-size: 12px;
        background: initial; }
        #module-recent-activity .news-item .song-item button i {
          background: #F60;
          height: 27px;
          width: 27px;
          position: initial;
          border-radius: 50%;
          line-height: 26px; }
          #module-recent-activity .news-item .song-item button i.play-btn {
            background: url(../images/icons/play-btn.png) no-repeat; }
          #module-recent-activity .news-item .song-item button i.pause-btn {
            background: url(../images/icons/pause-btn.png) no-repeat; }

#module-member-news .more {
  display: block;
  margin: 0 auto;
  border: 1px solid #299BCF;
  max-width: 100px;
  float: none;
  padding: 2px 5px;
  text-align: center;
  font-size: 18px;
  font-family: "museo-sans", Arial, sans-serif;
  font-weight: 500;
  outline: 0; }

#module-member-news .sort-filter {
  font-size: 14px;
  margin-bottom: 11px;
  margin-left: 26px;
  margin-right: 0px;
  width: 105px; }
  #module-member-news .sort-filter .v {
    margin-left: -13px; }
  #module-member-news .sort-filter .arrow {
    margin-left: 4px; }

#module-member-news .sort-by-menu {
  font-family: "museo-sans", Arial, sans-serif;
  padding-top: 14px;
  right: 0;
  width: 128px; }
  #module-member-news .sort-by-menu li {
    border-bottom: none;
    font-family: "museo-sans", Arial, sans-serif;
    font-size: 14px;
    padding: 8px 12px; }
  #module-member-news .sort-by-menu .sort-all,
  #module-member-news .sort-by-menu .sort-connections {
    border-bottom: 1px solid black; }

#module-member-news .song-item {
  position: relative;
  height: auto;
  padding: 0;
  margin: 0 0 0 80px;
  border-bottom: none; }

#module-member-news #news-tab {
  *zoom: 1;
  list-style: none;
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 18px;
  /*outline:1px solid orange;*/
  float: left; }
  #module-member-news #news-tab:before, #module-member-news #news-tab:after {
    content: " ";
    display: table; }
  #module-member-news #news-tab:after {
    clear: both; }
  #module-member-news #news-tab li {
    float: left;
    margin: 0 35px 0 0; }
    #module-member-news #news-tab li a {
      color: #299BCF; }
      #module-member-news #news-tab li a:hover {
        color: #333;
        text-decoration: none; }
    #module-member-news #news-tab li.active a {
      color: #333; }
    #module-member-news #news-tab li:last-of-type {
      margin: 0; }

#module-member-news hr:first-of-type {
  background: #333; }

[data-remodal-id="loginModal"] {
  position: relative;
  max-width: 400px;
  padding: 0; }

.login-modal-partial {
  margin: 0;
  padding: 0; }
  .login-modal-partial .ladda-button.fb-button {
    background: #2755A0;
    font-size: 16px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    display: block;
    margin: 10px auto 18px;
    text-decoration: none;
    color: #fff;
    padding: 15px 25px 15px 40px;
    font-weight: 600;
    width: 300px; }
    .login-modal-partial .ladda-button.fb-button .ladda-label {
      text-transform: none; }
      .login-modal-partial .ladda-button.fb-button .ladda-label i {
        padding-right: 10px;
        font-size: 20px;
        position: absolute;
        left: -24px;
        top: -1px; }
    .login-modal-partial .ladda-button.fb-button:hover {
      text-decoration: none;
      background: #214784; }
  .login-modal-partial h1 {
    font-size: 42px;
    font-family: "museo-sans", Arial, sans-serif;
    font-weight: 300;
    color: #666;
    margin: 26px 0; }
  .login-modal-partial .or-wrap {
    font-size: 14px;
    font-family: "myriad-pro", Arial, sans-serif;
    color: #666;
    text-transform: uppercase; }
  .login-modal-partial input:not(input[type=submit]) {
    height: 26px;
    font-size: 15px;
    color: #666;
    font-family: "myriad-pro", Arial, sans-serif; }
  .login-modal-partial .forgot-password {
    text-align: right;
    float: right;
    padding-top: 3px; }
  .login-modal-partial .field-wrap {
    max-width: 300px;
    margin: 0 auto; }
  .login-modal-partial .checkbox {
    text-align: left;
    margin-top: 15px; }
    .login-modal-partial .checkbox input[type=checkbox] {
      height: auto;
      width: auto; }
    .login-modal-partial .checkbox label {
      float: left; }
    .login-modal-partial .checkbox span.label {
      text-transform: none;
      font-size: 14px; }
  .login-modal-partial .field-wrap.email {
    margin-bottom: 14px; }
  .login-modal-partial hr {
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    margin: 20px auto;
    max-width: 90%; }
  .login-modal-partial #login-submit {
    background: #299BCF;
    color: white;
    display: block;
    padding: 20px 0;
    font-size: 20px;
    max-width: 100%;
    width: 100%;
    border: none;
    border-radius: 0;
    font-family: 'myriad-pro', sans-serif;
    margin-bottom: 0;
    line-height: 1.5; }
    .login-modal-partial #login-submit i {
      font-size: 50px;
      position: absolute;
      top: -8px;
      right: -40px; }
  .login-modal-partial .display-errors,
  .login-modal-partial .policy-smallprint {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin: 0 10px 20px 10px;
    font-family: 'myriad-pro', sans-serif; }
  .login-modal-partial .display-errors {
    color: #ff5a01;
    margin: 20px auto 0 auto;
    display: none; }
    .login-modal-partial .display-errors span {
      display: block; }

/* ----------------------------------------*/
/* ---------->>> ABOUT SECTION <<<-----------*/
/* ---------------------------------------*/
#about {
  font-size: 18px;
  line-height: 1.3;
  float: left;
  width: 100%;
  min-height: 500px; }
  #about img {
    max-width: 100%;
    height: auto; }
    #about img.too-small {
      width: 100%; }
  #about .intro {
    font-family: "museo-sans",sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    margin: 0;
    color: #999; }
  #about p, #about ul, #about ol, #about table, #about img {
    margin-top: 0; }
  #about .img-full-width {
    margin: 20px 0 30px 0; }
  #about .common-sidenav {
    list-style: none;
    padding: 0 0 15px 0;
    font-size: 22px;
    border-bottom: 1px solid #d7d8df;
    *zoom: 1; }
    #about .common-sidenav:before, #about .common-sidenav:after {
      content: " ";
      display: table; }
    #about .common-sidenav:after {
      clear: both; }
    #about .common-sidenav a {
      text-decoration: none;
      color: #299BCF; }
      #about .common-sidenav a:hover, #about .common-sidenav a.active {
        color: #999; }
    #about .common-sidenav li {
      float: left;
      margin: 0 35px 0 0; }
  #about .section-title {
    clear: both;
    color: #999;
    padding-top: 30px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 400;
    border-bottom: 1px solid #D7D8DF; }
  #about .page-title {
    font-size: 32px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    margin-bottom: 25px;
    color: #ff5a01;
    line-height: 1.1; }
  @media (max-width: 767px) {
    #about {
      width: 100%;
      float: none;
      padding-left: 0;
      padding-right: 0;
      margin-left: 0;
      margin-right: 0; } }

/* ---------->>> ABOUT PAGE <<<-----------*/
.page-about {
  line-height: 1.7; }
  .page-about h2 {
    font-size: 24px;
    margin-bottom: 0;
    font-weight: normal; }
  .page-about .video-frame {
    margin: 20px 0; }

/* ---------->>> TEAM PAGE <<<-----------*/
.page-team .fancy-modal {
  display: block; }

.page-team .team-t1 {
  width: 25%;
  float: left;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  font-family: "museo-sans", Arial, sans-serif;
  position: relative; }
  .page-team .team-t1 .team-name {
    font-family: "museo-sans", Arial, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 3px; }
  .page-team .team-t1 .team-title {
    font-family: "museo-sans", Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0; }
  .page-team .team-t1 header {
    position: absolute;
    bottom: 8px;
    width: 100%; }
  .page-team .team-t1 .team-img {
    display: block; }
  .page-team .team-t1 .modal-team {
    display: none; }
  @media (max-width: 767px) {
    .page-team .team-t1 {
      width: 33%; } }
  @media (max-width: 300px) {
    .page-team .team-t1 {
      width: 100%; } }
  @media (max-width: 600px) {
    .page-team .team-t1 {
      width: 50%; }
      .page-team .team-t1 .team-name {
        font-size: 16px; }
      .page-team .team-t1 .team-title {
        font-size: 12px; } }

.modal-team {
  display: none;
  text-align: center;
  color: #333;
  max-width: 100%;
  max-height: 300px;
  font-family: "museo-sans", Arial, sans-serif;
  font-size: 14px; }
  .modal-team .team-name {
    font-family: "museo-sans", Arial, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 3px;
    color: #333; }
  .modal-team .team-title {
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid #666;
    padding-bottom: 11px; }
  .modal-team .team-music {
    padding-top: 10px; }
  .modal-team .team-img {
    float: left;
    width: 50%; }
  .modal-team .team-bio {
    margin: 21px 0; }
  .modal-team .modal-txt {
    float: left;
    width: 50%;
    padding: 20px 10px;
    box-sizing: border-box;
    color: #666; }
  .modal-team p {
    margin-bottom: 10px; }
  @media (max-width: 480px) {
    .modal-team .team-img {
      margin: 0 15px 10px 0;
      width: 100%;
      float: none;
      margin: 0 auto; }
    .modal-team .modal-txt {
      width: 100%;
      padding: 15px 10px;
      box-sizing: border-box;
      text-align: left; } }

.team-modal .fancybox-skin {
  background: #fff; }

/* ---------->>> TOS/PP PAGES <<<-----------*/
.page-terms,
.page-privacy {
  font-size: 16px; }

/* ---------->>> BUZZ PAGE <<<-----------*/
.buzz-block-container {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (max-width: 767px) {
    .buzz-block-container {
      display: block;
      margin-bottom: 0; } }

.buzz-block {
  width: 45%;
  padding: 30px 15px 10px 15px;
  text-align: center;
  color: #fff;
  background: #747474;
  border-radius: 10px;
  cursor: pointer; }
  @media (max-width: 767px) {
    .buzz-block {
      width: 90%;
      margin: 20px auto; } }
  .buzz-block:hover {
    background: #333; }
  .buzz-block__title {
    margin-bottom: 35px; }
    .buzz-block__title--billboard {
      height: 39px;
      margin-bottom: 45px;
      background: url("/public/images/logos/billboard-logo.png") no-repeat top center; }
    .buzz-block__title--gibson {
      height: 69px;
      background: url("/public/images/logos/gibson-logo.png") no-repeat top center; }
    .buzz-block__title--la {
      height: 39px;
      background: url("/public/images/logos/built-in-la-logo.png") no-repeat top center; }
    .buzz-block__title--music {
      height: 63px;
      background: url("/public/images/logos/music-connection-logo.png") no-repeat top center; }
    .buzz-block__title--dope {
      height: 36px;
      background: url("/public/images/logos/startup-dope-logo.png") no-repeat top center; }
    .buzz-block__title--sf {
      height: 35px;
      background: url("/public/images/logos/sf-chronicles-logo.png") no-repeat top center; }
      @media (max-width: 991px) {
        .buzz-block__title--sf {
          height: 31px;
          background-size: 300px auto; } }
    .buzz-block__title--hypebot {
      height: 54px;
      background: url("/public/images/logos/hypebot-logo.png") no-repeat top center; }
    .buzz-block__title--times {
      height: 39px;
      background: url("/public/images/logos/latimes-white-logo.png") no-repeat top center; }
    .buzz-block__title--forbes {
      height: 39px;
      background: url("/public/images/logos/forbes-white-logo.png") no-repeat top center; }

/* ---------->>> FAQ PAGE <<<-----------*/
.page-faq {
  box-sizing: border-box;
  color: #666;
  margin-bottom: 100px; }
  .page-faq#about {
    line-height: 1.6; }
  .page-faq h2 {
    font-size: 24px;
    color: #333;
    margin-bottom: 0; }

/* ---------------------------------------------*/
/* ---------->>> MUSIC PLAYER SECTION <<<-----------*/
/* ---------------------------------------------*/
#player-widget {
  position: fixed;
  height: 30px;
  width: 100%;
  bottom: -30px;
  left: 0px;
  text-align: center;
  background-color: #272727;
  border-top: 1px solid #090706;
  color: #FFF;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  z-index: 1; }
  #player-widget .seek-container {
    position: absolute;
    left: 75px;
    top: 10px;
    height: 10px;
    border-radius: 4px;
    width: 60%;
    background-color: #b8b8b8; }
  #player-widget .seek-bar {
    height: 100%;
    background-color: #FF4105;
    border-radius: 4px;
    position: relative; }
  #player-widget .icon-play,
  #player-widget .icon-pause {
    left: 15px;
    top: 9px;
    position: absolute;
    float: left; }
  #player-widget .play-btn,
  #player-widget .pause-btn {
    cursor: pointer;
    position: relative; }
  #player-widget.playing .pause-btn {
    display: block; }
  #player-widget.playing .play-btn {
    display: none; }
  #player-widget.paused .pause-btn {
    display: none; }
  #player-widget.paused .play-btn {
    display: block; }

.song-item {
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
  width: auto;
  position: relative; }
  .song-item span {
    float: left;
    margin-top: 0;
    padding-left: 10px;
    color: #696969;
    font-weight: 400;
    font-size: 12px;
    white-space: nowrap;
    position: absolute;
    width: 200px;
    overflow: hidden; }
    .song-item span.count {
      position: static;
      padding: 0;
      float: none; }
    .song-item span.views {
      font-size: 14px;
      right: 0;
      width: auto;
      top: 20px; }
  .song-item button {
    width: 41px;
    height: 41px;
    background-color: #ff6600;
    outline: 0px;
    border: 0px;
    border-radius: 50%;
    font-size: 18px;
    color: #FFF;
    padding: 0;
    text-align: center;
    position: relative; }
    .song-item button:hover {
      background-color: #578DFF; }
  .song-item .play-btn,
  .song-item .pause-btn {
    cursor: pointer;
    position: relative; }
  .song-item .icon-play,
  .song-item .icon-pause {
    left: 1px; }
  .song-item .play-btn {
    left: 2px; }
  .song-item .pause-btn {
    left: 1px; }
  .song-item.playing .pause-btn {
    display: block; }
  .song-item.playing .play-btn {
    display: none; }
  .song-item.paused .pause-btn {
    display: none; }
  .song-item.paused .play-btn {
    display: block; }

/* -----------------------------------------------*/
/* ---------->>> INVITE FRIENDS SECTION <<<-----------*/
/* -----------------------------------------------*/
.invite-friends-page {
  max-width: 650px;
  min-height: 780px;
  margin: 0 auto;
  color: #4f5356; }
  .invite-friends-page .page-header {
    text-align: center; }
    .invite-friends-page .page-header p {
      font-size: 22px;
      font-family: "museo-sans", Arial, sans-serif;
      font-weight: 300; }
  .invite-friends-page .page-title {
    font-size: 40px;
    color: #4f5356;
    letter-spacing: 1px; }
  .invite-friends-page .subheader {
    font-family: "museo-sans", Arial, sans-serif;
    font-weight: 500;
    margin: 40px 0 20px 0; }
  .invite-friends-page .row {
    margin: 0 0 20px 0; }
  .invite-friends-page .common-frm-alt .common-ta {
    height: 60px; }
  .invite-friends-page .common-frm-alt ::-webkit-input-placeholder {
    color: #888; }
  .invite-friends-page .common-frm-alt :-moz-placeholder {
    color: #888; }
  .invite-friends-page .common-frm-alt ::-moz-placeholder {
    color: #888; }
  .invite-friends-page .common-frm-alt :-ms-input-placeholder {
    color: #888; }
  .invite-friends-page .common-frm-alt .common-submit {
    font-size: 30px;
    width: 100%; }
  .invite-friends-page .btn-invite {
    margin: 0 11px 0 0; }
    .invite-friends-page .btn-invite:nth-of-type(3) {
      margin: 0; }
    @media (max-width: 767px) {
      .invite-friends-page .btn-invite {
        margin: 0 auto 10px auto;
        display: block; }
        .invite-friends-page .btn-invite:nth-of-type(3) {
          margin: 0 auto 10px auto;
          display: block; } }

/* -----------------------------------------*/
/* ---------->>> MATCHES SECTION <<<-----------*/
/* -----------------------------------------*/
#module-matches {
  width: 75%;
  float: left; }
  @media (max-width: 767px) {
    #module-matches {
      width: 100%;
      float: none;
      padding-left: 0;
      padding-right: 0;
      margin-left: 0;
      margin-right: 0;
      box-sizing: border-box; } }
  #module-matches header {
    margin-bottom: 35px; }

#matches-list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px; }
  #matches-list p {
    margin-bottom: 6px; }
  #matches-list li {
    border-top: 1px solid #d7d8df;
    padding: 30px 0;
    width: 100%;
    *zoom: 1; }
    #matches-list li:before, #matches-list li:after {
      content: " ";
      display: table; }
    #matches-list li:after {
      clear: both; }
    #matches-list li .match-img,
    #matches-list li .match-info,
    #matches-list li .match-details {
      float: left; }
    #matches-list li .match-img {
      max-width: 150px;
      width: 16.7%;
      height: auto; }
      #matches-list li .match-img img {
        width: 100%; }
    #matches-list li .match-info {
      width: 34.4%;
      margin-left: 5.3%;
      min-height: 130px;
      padding: 0; }
      #matches-list li .match-info .match-btns {
        position: static;
        width: 100%; }
      #matches-list li .match-info .match-bio {
        display: inline-block;
        height: 80px;
        margin-top: 5px; }
      #matches-list li .match-info .match-btn {
        color: #299BCF;
        font-size: 15px;
        font-weight: 400;
        text-decoration: none;
        margin-right: 25px; }
      #matches-list li .match-info .text-center {
        text-align: center;
        padding-top: 20px; }
        #matches-list li .match-info .text-center p {
          padding: 0 30px; }
      #matches-list li .match-info .button {
        font-size: 14px;
        font-weight: 400;
        margin-top: 10px;
        display: inline-block;
        border: none;
        background: #1692CC;
        padding: 3px 15px;
        color: #FFF;
        border-radius: 2px; }
    #matches-list li .match-details {
      width: 36.1%;
      margin-left: 7.2%; }
      #matches-list li .match-details p {
        margin-top: 10px; }
        #matches-list li .match-details p.match-instruments {
          margin-top: 0; }
    #matches-list li .match-name {
      font-family: "myriad-pro", Arial, sans-serif;
      font-size: 18px;
      font-weight: 600;
      margin: 0; }
      #matches-list li .match-name a {
        text-decoration: none;
        margin: 0; }
    #matches-list li .match-location {
      font-size: 16px;
      font-weight: 400;
      margin: 0 0 5px 0;
      color: #898888; }
  @media (max-width: 480px) {
    #matches-list li {
      position: relative;
      padding-bottom: 50px; }
      #matches-list li .match-details {
        clear: both;
        width: 100%;
        float: none;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0; }
      #matches-list li .match-info {
        width: 100%;
        float: none;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0; }
        #matches-list li .match-info .match-location {
          margin-bottom: 15px; }
        #matches-list li .match-info .match-btns {
          position: absolute;
          left: 0;
          bottom: 20px; }
      #matches-list li .match-img {
        position: absolute;
        right: 0;
        top: 25px; } }

#matches-nav {
  list-style: none;
  padding: 0;
  margin: 12px 0 8px 0;
  display: inline-block;
  font-size: 20px;
  width: 100%;
  font-weight: 600;
  *zoom: 1; }
  #matches-nav:before, #matches-nav:after {
    content: " ";
    display: table; }
  #matches-nav:after {
    clear: both; }
  #matches-nav li {
    float: left;
    margin: 0 50px 0 0; }
    #matches-nav li a {
      color: #299BCF;
      text-decoration: none; }
      #matches-nav li a .super {
        color: #ff5a01;
        vertical-align: super;
        font-size: 16px;
        line-height: 0; }
      #matches-nav li a.active {
        color: #333; }
  @media (max-width: 480px) {
    #matches-nav li {
      margin-right: 16px; } }

@media (max-width: 767px) {
  #module-matches {
    width: 100%;
    float: none;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box; }
  #secondary {
    display: none; } }

/* -------------------------------------------------*/
/* ---------->>> FEATURED MEMBERS SECTION <<<-----------*/
/* -------------------------------------------------*/
div.featured-members {
  position: relative;
  padding-top: 40px; }

.featured-members h1 {
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  color: #4B4A4A;
  margin-bottom: 30px; }

.featured-members a {
  text-decoration: none; }

h1.featured-members {
  margin: 0 10px 16px 0px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d7d8df; }

h3.featured-member {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 1px; }

h3.featured-member a {
  text-decoration: none;
  color: #ff5a01; }

.featured-location {
  color: #898888;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  margin: 0; }

.featured-video {
  margin-bottom: 20px; }

#hr-landing {
  margin: 0;
  width: 100%; }

.caroufredsel_wrapper {
  margin-left: auto !important;
  margin-right: auto !important; }
  @media (max-width: 480px) {
    .caroufredsel_wrapper {
      width: 200px !important; } }

#home-page-carousel {
  position: relative;
  width: 100%;
  height: 150px;
  overflow: hidden;
  padding-left: 0; }
  #home-page-carousel li {
    width: 200px;
    height: 149px;
    float: left;
    margin-right: 20px;
    list-style: none;
    background-color: transparent;
    text-align: center; }
    #home-page-carousel li img {
      max-width: 100%; }

#carouselPrevious {
  position: absolute;
  display: block;
  left: 0px;
  top: 134px;
  font-size: 76px;
  text-decoration: none;
  color: #D8D8D8;
  cursor: pointer; }

#carouselNext {
  position: absolute;
  display: block;
  right: 0px;
  top: 134px;
  font-size: 76px;
  text-decoration: none;
  color: #D8D8D8;
  cursor: pointer; }

/* ------------------------------------------*/
/* ---------->>> MESSAGES SECTION <<<-----------*/
/* ------------------------------------------*/
g #messages-nav {
  list-style: none;
  clear: both;
  padding: 0;
  margin: 12px 0 8px 0;
  font-size: 20px;
  display: inline-block;
  float: left;
  font-weight: 600;
  *zoom: 1; }
  g #messages-nav:before, g #messages-nav:after {
    content: " ";
    display: table; }
  g #messages-nav:after {
    clear: both; }
  g #messages-nav li {
    float: left;
    margin: 0 50px 0 0; }
    g #messages-nav li a {
      color: #299BCF;
      text-decoration: none; }
      g #messages-nav li a .super {
        color: #ff5a01;
        vertical-align: super;
        font-size: 16px;
        line-height: 0; }
      g #messages-nav li a.active {
        color: #333; }
  g #messages-nav .count {
    font-size: 16px; }
  @media (max-width: 480px) {
    g #messages-nav li {
      margin-right: 16px; } }

#messages {
  /* Message Thread */
  /* Character limiter for the inbox messages */ }
  #messages #messages-page {
    width: 100%;
    min-height: 600px;
    *zoom: 1; }
    #messages #messages-page:before, #messages #messages-page:after {
      content: " ";
      display: table; }
    #messages #messages-page:after {
      clear: both; }
    #messages #messages-page .col-0 {
      width: 74.8%;
      height: 100%;
      float: left;
      box-sizing: border-box; }
    #messages #messages-page .col-2 {
      width: 80.5%;
      float: left;
      height: 100%;
      box-sizing: border-box; }
    #messages #messages-page .col-3 {
      margin-left: 4%;
      width: 21.2%;
      float: left;
      box-sizing: border-box; }
    #messages #messages-page #profile-header {
      height: 354px;
      width: 100%;
      margin-bottom: 22px;
      position: relative; }
    #messages #messages-page .messages-tabs a {
      color: #299BCF;
      font-family: "myriad-pro", Arial, sans-serif;
      font-size: 18px;
      font-weight: normal; }
      #messages #messages-page .messages-tabs a .fa-caret-right {
        font-size: 16px;
        margin-right: 3px;
        margin-left: -13px; }
    #messages #messages-page .messages-tabs a.active {
      color: #333; }
    #messages #messages-page form {
      clear: both; }
    #messages #messages-page .messages-header {
      width: 100%;
      padding-bottom: 25px;
      border-bottom: 1px solid #d7d8df; }
    #messages #messages-page h2 {
      font-size: 18px;
      font-weight: 500;
      margin: 0px; }
    #messages #messages-page a {
      text-decoration: none; }
    #messages #messages-page a:hover {
      text-decoration: underline; }
    #messages #messages-page .col-1 h2 {
      margin-bottom: 12px; }
    #messages #messages-page .pagination {
      text-align: center;
      font-size: 16px;
      padding: 50px 0 0 0;
      list-style: none; }
      #messages #messages-page .pagination li {
        display: inline-block; }
      #messages #messages-page .pagination a {
        padding: 0 5px;
        vertical-align: middle; }
        #messages #messages-page .pagination a:hover {
          color: #ff5a0f;
          text-decoration: none; }
        #messages #messages-page .pagination a.disabled, #messages #messages-page .pagination a.current {
          color: #333; }
      #messages #messages-page .pagination .prev,
      #messages #messages-page .pagination .next {
        font-size: 20px;
        position: relative;
        top: 1px; }
    @media (max-width: 767px) {
      #messages #messages-page .col-0,
      #messages #messages-page .col-1,
      #messages #messages-page .col-2,
      #messages #messages-page .thread-wrap,
      #messages #messages-page .frm-message-response {
        width: 100%;
        float: none;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        *zoom: 1; }
        #messages #messages-page .col-0:before, #messages #messages-page .col-0:after,
        #messages #messages-page .col-1:before,
        #messages #messages-page .col-1:after,
        #messages #messages-page .col-2:before,
        #messages #messages-page .col-2:after,
        #messages #messages-page .thread-wrap:before,
        #messages #messages-page .thread-wrap:after,
        #messages #messages-page .frm-message-response:before,
        #messages #messages-page .frm-message-response:after {
          content: " ";
          display: table; }
        #messages #messages-page .col-0:after,
        #messages #messages-page .col-1:after,
        #messages #messages-page .col-2:after,
        #messages #messages-page .thread-wrap:after,
        #messages #messages-page .frm-message-response:after {
          clear: both; }
      #messages #messages-page .col-1 h2 {
        float: left;
        margin-right: 20px; }
      #messages #messages-page .col-3 {
        display: none; } }
  #messages div.input-wrapper {
    width: 120px;
    position: relative; }
    #messages div.input-wrapper .query-input {
      border-radius: 4px;
      width: 110px;
      outline: 0px;
      border: 0px;
      padding: 5px;
      padding-left: 10px;
      font-size: 15px;
      font-family: museo-sans;
      font-weight: 300;
      border: 1px solid #ABABAB; }
      #messages div.input-wrapper .query-input ::-webkit-input-placeholder {
        color: #666; }
      #messages div.input-wrapper .query-input :-moz-placeholder {
        color: #666; }
      #messages div.input-wrapper .query-input ::-moz-placeholder {
        color: #666; }
      #messages div.input-wrapper .query-input :-ms-input-placeholder {
        color: #666; }
    #messages div.input-wrapper .magnifying-glass {
      cursor: hand;
      cursor: pointer; }
  #messages .messages-menu {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    color: #999;
    list-style: none;
    border-bottom: 1px solid #d7d8df; }
    #messages .messages-menu:after {
      clear: both;
      content: '.';
      display: block;
      height: 0;
      overflow: hidden;
      visibility: hidden; }
    #messages .messages-menu .msg-check {
      margin: 0;
      top: 5px; }
    #messages .messages-menu .menu-item {
      float: right;
      font-weight: 500;
      position: relative;
      margin-left: 40px;
      margin-right: 0px;
      font-size: 18px;
      padding: 10px 0px; }
      #messages .messages-menu .menu-item.active {
        cursor: pointer; }
      #messages .messages-menu .menu-item a {
        color: #299BCF; }
  #messages .msg-column {
    float: left;
    margin-left: 3.1%;
    width: 69%; }
  #messages .msg-info {
    float: left; }
    #messages .msg-info a:hover {
      text-decoration: none; }
  #messages .message {
    position: relative;
    margin: 0;
    padding: 30px 0 15px 0;
    border-bottom: 1px solid #d7d8df;
    font-family: 'Museo-sans', arial; }
    #messages .message .who {
      position: relative; }
      @media (max-width: 480px) {
        #messages .message .who {
          padding-top: 10px; } }
    #messages .message .msg-text {
      position: relative;
      font-size: 14px;
      margin: 16px 0 18px 0; }
      #messages .message .msg-text a {
        color: #299BCF; }
      #messages .message .msg-text .more-text {
        display: none; }
    #messages .message .msg-avatar {
      width: 72px;
      height: 72px;
      float: left;
      margin-right: 10px; }
    #messages .message .msg-name {
      cursor: hand;
      cursor: pointer;
      font-size: 16px;
      font-weight: 400; }
    #messages .message .msg-time {
      font-weight: 400;
      color: #666;
      font-size: 14px; }
    #messages .message .msg-location {
      font-weight: 400;
      color: #666;
      font-size: 14px;
      display: inline-block;
      margin-bottom: 10px; }
    #messages .message .msg-title {
      cursor: pointer;
      font-size: 18px;
      font-weight: 500;
      color: #333; }
    #messages .message .msg-time {
      float: right; }
    #messages .message .msg-check {
      float: right;
      position: relative;
      top: 2px;
      margin-left: 20px;
      font-size: 18px; }
    #messages .message:last-child {
      border-bottom: none; }
    #messages .message.single-message {
      border-bottom: none;
      margin-bottom: 0;
      padding: 17px 0 0 0;
      float: left;
      width: 100%; }
      #messages .message.single-message .msg-column {
        width: 78%; }
        @media (max-width: 767px) {
          #messages .message.single-message .msg-column {
            width: 69%; } }
      #messages .message.single-message .msg-text {
        font-size: 16px; }
      #messages .message.single-message .dots {
        display: none; }
      #messages .message.single-message .message {
        padding-top: 17px; }
    #messages .message.read .msg-title a {
      color: #333; }
    #messages .message.new .msg-title a {
      color: #299BCF; }
  #messages .msg-check-wrap {
    position: absolute;
    top: 0;
    right: 0; }
  #messages #message-response {
    margin-top: 30px; }
    #messages #message-response textarea {
      border: 1px solid #d7d8df;
      margin: 0 0 10px 0;
      border-radius: 2px;
      width: 100%;
      box-sizing: border-box;
      padding: 10px;
      height: 120px; }
      #messages #message-response textarea ::-webkit-input-placeholder {
        font-size: 15px;
        color: #666; }
      #messages #message-response textarea :-moz-placeholder {
        font-size: 15px;
        color: #666; }
      #messages #message-response textarea ::-moz-placeholder {
        font-size: 15px;
        color: #666; }
      #messages #message-response textarea :-ms-input-placeholder {
        font-size: 15px;
        color: #666; }
  #messages .inbox-message {
    font-size: 18px;
    border-bottom: none;
    padding: 10px 0; }
  #messages #message-wrap {
    position: relative;
    padding: 0 0 15px 0; }
    #messages #message-wrap .icon-trash {
      position: absolute;
      bottom: 5px;
      right: 0; }
  #messages .thread-wrap {
    margin: 0;
    clear: both; }
  #messages .thread-single {
    border-radius: 3px;
    margin: 0 0 12px 0;
    padding: 10px 0 0 0;
    font-size: 14px;
    color: #898888; }
    #messages .thread-single .time-sent {
      font-weight: 600; }
    #messages .thread-single .msg-name {
      font-size: 14px;
      font-weight: normal; }
      #messages .thread-single .msg-name:hover {
        text-decoration: none; }
    #messages .thread-single .thread-subject {
      font-weight: 800; }
    #messages .thread-single .highlight {
      color: #333; }
  #messages span.read-more {
    cursor: pointer;
    color: #299BCF; }
  #messages span.more {
    display: none; }
  @media (max-width: 480px) {
    #messages .message .who {
      padding-top: 10px; } }

/* ------------------------------------------*/
/* ---------->>> SETTINGS SECTION <<<-----------*/
/* ------------------------------------------*/
.show-on-edit {
  display: none; }

.container-settings {
  *zoom: 1;
  /*Photos Tab*/
  /* Subcription Cancellation pages */ }
  .container-settings:before, .container-settings:after {
    content: " ";
    display: table; }
  .container-settings:after {
    clear: both; }
  .container-settings .page-title {
    margin-bottom: 30px; }
  @media only screen and (min-width: 768px) {
    .container-settings {
      margin-left: 12.5%; } }
  .container-settings .tab {
    padding: 17px 0 0 0; }
  .container-settings #secondary {
    width: 100%;
    max-width: 100%;
    float: none; }
    .container-settings #secondary .secondary-title {
      font-size: 24px;
      color: #000;
      font-weight: normal;
      margin: 0 0 10px 0; }
    @media only screen and (min-width: 768px) {
      .container-settings #secondary {
        width: 29.5%;
        float: left; } }
    .container-settings #secondary .account-info {
      *zoom: 1;
      margin: 0 0 30px 0; }
      .container-settings #secondary .account-info:before, .container-settings #secondary .account-info:after {
        content: " ";
        display: table; }
      .container-settings #secondary .account-info:after {
        clear: both; }
      .container-settings #secondary .account-info .avatar {
        width: 50px;
        height: 50px;
        float: left;
        margin: 0 15px 0 0; }
      .container-settings #secondary .account-info .alias {
        font-size: 17px;
        color: #333;
        margin: -3px 0 0 0; }
      .container-settings #secondary .account-info .location {
        color: #898888;
        font-size: 16px;
        margin: 0; }
      .container-settings #secondary .account-info a {
        color: #299BCF;
        font-size: 14px; }
  .container-settings.notifications {
    font-family: 'Museo-sans', arial; }
    .container-settings.notifications .main-content {
      max-width: 500px; }
      .container-settings.notifications .main-content .header {
        color: #656565;
        font-size: 20px;
        margin-bottom: 40px; }
      .container-settings.notifications .main-content .category {
        text-transform: uppercase;
        font-size: 18px;
        margin-top: 30px; }
      .container-settings.notifications .main-content .field-wrap {
        margin-top: 15px; }
        .container-settings.notifications .main-content .field-wrap.unsubscribe-from-all {
          margin-top: 50px; }
        .container-settings.notifications .main-content .field-wrap.submit-container {
          margin: 42px 0;
          text-align: center; }
  @media only screen and (min-width: 768px) {
    .container-settings .main-content {
      float: left;
      width: 70.5%; } }
  .container-settings #account-form label {
    white-space: nowrap; }
  @media only screen and (min-width: 768px) {
    .container-settings #account-form {
      max-width: 325px; } }
  .container-settings #notifications-form {
    text-align: center;
    max-width: 300px; }
    .container-settings #notifications-form label {
      text-transform: none; }
    .container-settings #notifications-form .row-submit {
      padding: 10px 0 0 0; }
    .container-settings #notifications-form .common-submit {
      font-size: 18px; }
  .container-settings .profile-form .profile-name {
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin: 0 0 8px 0; }
  .container-settings .profile-form .profile-name-wrap p {
    font-size: 14px;
    margin: 0; }
  @media only screen and (min-width: 768px) {
    .container-settings .profile-form {
      max-width: 520px; } }
  .container-settings .profile-form .smallprint {
    color: #666; }
  .container-settings .profile-form .list-title {
    font-weight: normal;
    font-size: 17px;
    text-align: left; }
  .container-settings .profile-form .empty-section {
    color: #666;
    margin-bottom: 10px; }
  @media only screen and (min-width: 768px) {
    .container-settings .common-frm-alt .input-with-btn,
    .container-settings .common-frm-alt .chosen-with-btn .chosen-container {
      max-width: 84%; } }
  @media only screen and (min-width: 768px) {
    .container-settings .common-frm-alt input[name="video_link"] {
      max-width: 94%; } }
  .container-settings .common-frm-alt .list-tracks li {
    width: 100%; }
  .container-settings .common-frm-alt .uploadimage-dragndrop {
    margin: 0 2px 6px 0; }
  .container-settings .common-frm-alt .chosen-container.chosen-container-multi .chosen-choices li.search-field input[type="text"]:not(:focus):not(.default) {
    width: 3px !important; }
  .container-settings .section-nav .active .fa-caret-right {
    margin-right: 5px; }
  .container-settings #add-profile-ava {
    font-size: 17px;
    *zoom: 1;
    margin: 0 0 45px 0; }
    .container-settings #add-profile-ava:before, .container-settings #add-profile-ava:after {
      content: " ";
      display: table; }
    .container-settings #add-profile-ava:after {
      clear: both; }
    .container-settings #add-profile-ava img {
      border: 2px solid #9b9b9b;
      width: 100%;
      height: auto;
      width: 37.5%;
      margin: 0 8.6% 0 0;
      float: left; }
    .container-settings #add-profile-ava .fileupload-wrapper {
      color: #299BCF; }
    .container-settings #add-profile-ava input[type=file] {
      outline: 1px solid orange;
      width: 200px; }
    .container-settings #add-profile-ava .field-wrap {
      padding: 13.8% 0 0 0;
      width: 52.9%;
      float: left; }
  .container-settings .first-info-block {
    margin-top: 0px; }
  .container-settings .info-block .subtitle {
    font-size: 19px;
    width: 60%; }
  .container-settings .blue-link {
    color: #299BCF; }
  .container-settings .cancel-sub-link {
    width: 305px;
    text-align: center;
    display: block; }
  @media (max-width: 768px) {
    .container-settings .cancel-sub-link {
      margin: 30px auto; } }
  .container-settings .cc-grey {
    color: #666666;
    margin-left: 10px; }
  .container-settings .centered-button {
    margin-left: 35px; }
  .container-settings .successful-message {
    color: #2D882D; }
  .container-settings .cancel-sub-confirm {
    width: 50%;
    margin-bottom: 30px; }
    .container-settings .cancel-sub-confirm .black-title-caps {
      display: block;
      width: 100%;
      text-align: center;
      font-size: 20px;
      font-weight: bold; }
    .container-settings .cancel-sub-confirm .warning-container {
      margin-top: 20px; }
      .container-settings .cancel-sub-confirm .warning-container span {
        text-align: center;
        color: #666;
        font-size: 18px; }
    .container-settings .cancel-sub-confirm .description-container {
      text-align: center;
      margin-top: 10px;
      margin-bottom: 10px; }
      .container-settings .cancel-sub-confirm .description-container .plan-button {
        display: inline; }
      .container-settings .cancel-sub-confirm .description-container .plan-button-pressed {
        display: inline;
        margin-left: 20px; }
      .container-settings .cancel-sub-confirm .description-container span {
        display: inline;
        margin-left: 20px;
        color: #4d4d4d;
        font-size: 19px; }
      .container-settings .cancel-sub-confirm .description-container .cancel-switch {
        display: block; }
      .container-settings .cancel-sub-confirm .description-container .common-submit {
        padding: 10px 30px; }
      .container-settings .cancel-sub-confirm .description-container a.cancel {
        color: #299BCF; }
      @media (max-width: 480px) {
        .container-settings .cancel-sub-confirm .description-container .plan-button-pressed {
          display: block;
          margin: 20px auto auto auto; }
        .container-settings .cancel-sub-confirm .description-container span {
          display: block;
          margin: 20px auto auto auto; } }
    .container-settings .cancel-sub-confirm span {
      display: block; }
    .container-settings .cancel-sub-confirm input {
      margin: 20px; }
    .container-settings .cancel-sub-confirm form {
      display: inline; }
  .container-settings .form-errors ul {
    margin-left: auto;
    margin-right: auto;
    display: block; }
    .container-settings .form-errors ul li {
      list-style: none;
      color: red; }
      .container-settings .form-errors ul li:before {
        content: "●";
        color: red;
        margin-right: 5px;
        font-size: 11px;
        line-height: 24px;
        margin-bottom: 15px; }

/* ---------->>> FILE UPLOAD SECTION <<<-----------*/
#iu-progress {
  width: 200px; }

#su-progress {
  background-image: url("/public/images/chosen-loading.gif");
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  position: absolute;
  left: 150px;
  top: 6px;
  display: none; }

#iu-progress, #av-progress {
  height: 5px;
  background-color: #eee;
  margin-top: 5px;
  margin-bottom: 5px;
  display: none; }

#iu-progress .bar, #av-progress .bar, #su-progress .bar {
  width: 0%;
  background-color: #00f;
  height: 5px; }

/* ---------------------------------------*/
/* ---------->>> HOME SECTION <<<-----------*/
/* --------------------------------------*/
.news-summary {
  padding-right: 0px;
  *zoom: 1; }
  .news-summary:before, .news-summary:after {
    content: " ";
    display: table; }
  .news-summary:after {
    clear: both; }
  .news-summary .news-avatar {
    width: 60px;
    height: 60px;
    margin-right: 20px;
    float: left;
    margin-bottom: 4px;
    background-position: center;
    background-size: cover;
    display: block; }
  .news-summary .what {
    margin: -3px 0 -16px; }
  .news-summary .what,
  .news-summary .when,
  .news-summary .location,
  .news-summary .title {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1; }
  .news-summary .when {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px; }
  .news-summary .location {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px; }
  .news-summary .news-summary-left {
    width: 95%; }

.clickable-profile {
  font-weight: 600;
  color: #ff5a01;
  display: block; }

.news-media.video img {
  width: 460px;
  height: auto;
  float: right; }

.news-item.right-column .news-avatar {
  width: 50px;
  height: 50px;
  margin-right: 20px; }

.col-2 .clickable-profile {
  display: inline-block; }

.col-2 .news-item {
  border-bottom: 1px dashed #dadada; }
  .col-2 .news-item:last-of-type {
    border-bottom: none; }
  .col-2 .news-item .title-bar,
  .col-2 .news-item .video-title-bar {
    margin: 0px 0px 0px 80px; }

.col-2 .comment-copy {
  padding-left: 80px;
  display: block; }
  .col-2 .comment-copy a {
    color: #299BCF;
    word-wrap: break-word; }

.news-item {
  padding-bottom: 0;
  padding-top: 10px;
  margin-bottom: 15px;
  color: #666;
  position: relative;
  *zoom: 1; }
  .news-item:before, .news-item:after {
    content: " ";
    display: table; }
  .news-item:after {
    clear: both; }
  .news-item a:first-of-type + a .clickable-profile {
    display: inline-block; }
  .news-item .comment-thread {
    background: #f6f6f6;
    clear: both;
    padding: 10px;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .news-item .comment-thread {
        float: right;
        width: 96%; } }
    .news-item .comment-thread .comments {
      list-style: none;
      margin: 0 0 5px;
      padding: 0;
      float: left;
      display: block;
      font-size: 14px;
      width: 100%; }
      .news-item .comment-thread .comments li {
        border-bottom: 1px solid #dbdbdb;
        padding: 10px 15px 10px 0;
        position: relative;
        *zoom: 1; }
        .news-item .comment-thread .comments li:first-of-type {
          padding-top: 5px; }
          .news-item .comment-thread .comments li:first-of-type .icon-delete {
            padding: 0 5px;
            top: 3px; }
        .news-item .comment-thread .comments li:last-of-type {
          border-bottom: none;
          padding-bottom: 10px; }
        .news-item .comment-thread .comments li:before, .news-item .comment-thread .comments li:after {
          content: " ";
          display: table; }
        .news-item .comment-thread .comments li:after {
          clear: both; }
        .news-item .comment-thread .comments li .comment-ava {
          width: 35px;
          float: left; }
          .news-item .comment-thread .comments li .comment-ava img {
            max-width: 100%;
            height: auto; }
        .news-item .comment-thread .comments li .comment-text {
          width: 88%;
          float: left;
          box-sizing: border-box;
          margin-top: -4px;
          padding: 0 0 0 12px; }
          .news-item .comment-thread .comments li .comment-text .commenter {
            width: auto; }
        .news-item .comment-thread .comments li .icon-delete {
          background: none;
          border: none;
          color: #666;
          font-family: "museo-sans", Arial, sans-serif;
          font-weight: 200;
          padding: 5px;
          line-height: 1;
          position: absolute;
          text-decoration: none;
          top: 3px;
          right: 0; }
        .news-item .comment-thread .comments li .icon-delete-post {
          background: none !important;
          border: none !important;
          color: #ff5a01;
          font-weight: 600; }
        .news-item .comment-thread .comments li:hover .icon-delete {
          display: block; }
    .news-item .comment-thread .comment-input {
      border: 1px solid #ccc;
      width: 100%;
      padding: 6px 10px;
      box-sizing: border-box;
      border-radius: 3px;
      font-size: 14px;
      color: #666;
      margin-bottom: 5px; }
      .news-item .comment-thread .comment-input ::-webkit-input-placeholder {
        color: #666; }
      .news-item .comment-thread .comment-input :-moz-placeholder {
        color: #666; }
      .news-item .comment-thread .comment-input ::-moz-placeholder {
        color: #666; }
      .news-item .comment-thread .comment-input :-ms-input-placeholder {
        color: #666; }
  .news-item .emph {
    font-weight: 500; }
    .news-item .emph .non-emph {
      font-weight: normal; }
    .news-item .emph a {
      color: #666; }
      .news-item .emph a.blue {
        color: #299BCF; }
    .news-item .emph .color-themed {
      color: #ff5a0f; }
  .news-item .news-item-actions {
    clear: both;
    float: none;
    text-align: right;
    padding-top: 10px;
    font-size: 14px;
    margin: 0 0 20px 0; }
    .news-item .news-item-actions a {
      margin-left: 10px;
      font-size: 19px;
      color: #666; }
      .news-item .news-item-actions a:hover {
        color: #299BCF;
        text-decoration: none; }
      .news-item .news-item-actions a .count {
        font-size: 13px; }
    .news-item .news-item-actions .fa-share-square-o {
      position: relative;
      top: 2px; }
  .news-item .news-summary.mini {
    padding-right: 0; }
    .news-item .news-summary.mini .news-avatar {
      width: 50px;
      height: 50px;
      display: block;
      background-size: cover;
      background-position: center;
      margin: 0; }
    .news-item .news-summary.mini .what,
    .news-item .news-summary.mini .when {
      font-size: 16px;
      font-weight: 400;
      display: inline-block; }
    .news-item .news-summary.mini .col-left {
      width: auto;
      padding-right: 20px; }
    .news-item .news-summary.mini .col-right {
      width: 70%; }
    .news-item .news-summary.mini .clickable-profile {
      display: block; }
    .news-item .news-summary.mini .title-bar {
      margin: 0;
      padding: 0; }
      .news-item .news-summary.mini .title-bar .video-title {
        font-size: 16px; }
    .news-item .news-summary.mini .feed-video {
      margin: 0; }
    .news-item .news-summary.mini .feed-image {
      padding: 15px 0 0 0;
      margin: 0; }
  .news-item .col-left {
    float: left;
    width: 24%; }
  .news-item .col-right {
    float: left;
    width: 76%;
    line-height: 17px; }
    .news-item .col-right .delete-newsitem {
      float: right; }
  .news-item .title-bar {
    font-size: 14px;
    *zoom: 1;
    margin: -10px 0 0 71px; }
    .news-item .title-bar:before, .news-item .title-bar:after {
      content: " ";
      display: table; }
    .news-item .title-bar:after {
      clear: both; }
    .news-item .title-bar .title {
      font-size: 16px;
      font-weight: 700;
      display: block;
      padding: 10px 0; }
    .news-item .title-bar .video-title {
      display: block;
      float: left;
      font-size: 16px;
      margin: 10px 0;
      font-weight: 400; }
    .news-item .title-bar .views {
      display: block;
      float: right;
      font-size: 14px;
      margin-top: 10px; }
    .news-item .title-bar .news-item-show .title {
      margin: 0px; }
  .news-item .feed-video {
    margin: 0 0 0 80px; }
  .news-item .feed-image {
    margin: 11px 0 10px 81px;
    position: relative; }
  .news-item .news-item-show .show-info {
    margin-top: 0; }
  .news-item .comment-text {
    padding: 10px 0 0 0; }

#col-2 .comment-text {
  padding: 0 4px; }
  @media (min-width: 768px) {
    #col-2 .comment-text {
      padding: 0 4px; } }

#profile-page #col-2 .comment-text {
  padding: 0 4px; }

#col-2 .comment-text.feed {
  margin: 0 4px;
  padding: 0; }

#module-connections .news-item:first-of-type {
  margin-top: 0px; }

#module-connections .news-item:nth-last-of-type(1) {
  border-bottom: none; }

#module-connections .news-item a {
  font-weight: 600; }

#module-connections .news-item .song-item button {
  float: left;
  width: auto;
  height: auto;
  font-size: 12px;
  background: initial; }
  #module-connections .news-item .song-item button i {
    background: #F60;
    height: 27px;
    width: 27px;
    position: initial;
    border-radius: 50%;
    line-height: 26px; }
    #module-connections .news-item .song-item button i.play-btn {
      background: url(../images/icons/play-btn.png) no-repeat; }
    #module-connections .news-item .song-item button i.pause-btn {
      background: url(../images/icons/pause-btn.png) no-repeat; }

.comments .news-item {
  border-bottom: none;
  font-size: 16px;
  padding-bottom: 0; }
  .comments .news-item .comment-title {
    line-height: 1;
    color: #ff5a01;
    margin: 0 0 2px 0;
    font-size: 16px;
    font-weight: 600; }
  .comments .news-item .col-right {
    line-height: 1.2; }
  .comments .news-item .comment-date {
    display: block;
    font-size: 14px;
    color: #888;
    margin: 0 0 5px 0; }
  .comments .news-item .comment-text {
    padding-top: 6px; }

.comments .song-item {
  margin: 0; }

.song-item {
  *zoom: 1; }
  .song-item:before, .song-item:after {
    content: " ";
    display: table; }
  .song-item:after {
    clear: both; }
  .song-item button {
    top: 0;
    vertical-align: middle;
    float: none;
    margin-right: 10px;
    padding: 0;
    width: 27px;
    height: 27px;
    font-size: 12px; }
    .song-item button i.pause-btn, .song-item button i.play-btn {
      position: absolute;
      top: 7px; }
    .song-item button i.pause-btn {
      left: 8px; }
    .song-item button i.play-btn {
      left: 10px; }
  .song-item .title {
    margin: 0;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 400;
    color: #666;
    width: 63%; }
  .song-item.playing .pause-btn {
    display: inline-block; }
  .song-item.paused .play-btn {
    display: inline-block; }
  .song-item .news-item-actions {
    padding-top: 10px; }
  .song-item span.views {
    top: 4px; }

.common-tabs {
  border: 1px solid #666;
  list-style: none;
  padding: 0;
  *zoom: 1;
  font-family: "museo-sans", Arial, sans-serif;
  font-weight: 500;
  background: none;
  padding: 0;
  border-radius: 0; }
  .common-tabs:before, .common-tabs:after {
    content: " ";
    display: table; }
  .common-tabs:after {
    clear: both; }
  .ui-tabs .common-tabs {
    padding: 0; }
    .ui-tabs .common-tabs li {
      margin: 0;
      background: none;
      border: none;
      float: left;
      width: 50%;
      text-align: center;
      box-sizing: border-box;
      border: none;
      border-left: 1px solid #666; }
      .ui-tabs .common-tabs li:first-child {
        border-left: none; }
      .ui-tabs .common-tabs li a {
        color: #666;
        display: block;
        padding: 5px 0;
        float: none; }
        .ui-tabs .common-tabs li a:hover {
          box-shadow: inset 0 -4px 0 #299BCF; }
      .ui-tabs .common-tabs li.ui-state-active a {
        box-shadow: inset 0 -4px 0 #299BCF; }

.ui-tabs .common-tabs-panel {
  padding: 15px 0; }

.ui-widget {
  font-family: "myriad-pro", Arial, sans-serif; }
  .ui-widget .ui-widget-content {
    color: #666; }

#module-shows,
#module-my-jams {
  border: none;
  padding: 0; }
  #module-shows hr,
  #module-my-jams hr {
    margin-bottom: 0; }

.se-promo-container {
  width: 600px;
  margin: 0 auto;
  margin-bottom: 25px;
  border: 2px solid #ccc;
  *zoom: 1; }
  .se-promo-container:before, .se-promo-container:after {
    content: " ";
    display: table; }
  .se-promo-container:after {
    clear: both; }
  .se-promo-container .header {
    width: 440px;
    margin: 0 auto;
    text-align: center; }
    .se-promo-container .header img {
      float: left; }
  @media (max-width: 760px) {
    .se-promo-container {
      width: 100%;
      margin: 20px; }
      .se-promo-container .header {
        width: 100%;
        text-align: center; }
        .se-promo-container .header h2 {
          clear: both; }
        .se-promo-container .header img {
          float: none;
          margin-top: 10px; } }
  .se-promo-container .close-btn {
    float: right;
    margin-top: 0;
    margin-right: 18px;
    cursor: pointer; }
  .se-promo-container .se-left-content,
  .se-promo-container .se-right-content {
    float: left; }
  .se-promo-container .se-left-content {
    width: 100%; }
  .se-promo-container .se-right-content {
    width: 25%; }
  .se-promo-container .learn-more-btn {
    color: white;
    padding: 5px 10px;
    margin-top: 58px;
    display: inline-block;
    background: #016191; }
  .se-promo-container h2 {
    font-size: 24px;
    margin: 6px 0 20px 0;
    text-align: center;
    padding-left: 87px;
    padding-top: 10px; }
    @media (max-width: 1135px) {
      .se-promo-container h2 {
        padding-left: 0; } }
  .se-promo-container span {
    display: block; }
  .se-promo-container p {
    color: #666;
    margin-top: 0;
    line-height: 19px;
    font-size: 17px;
    text-align: center; }
    .se-promo-container p a {
      color: #299BCF; }

#home {
  /** Right column **/ }
  #home .user-content .location {
    color: #333; }
  @media (max-width: 1085px) {
    #home .se-promo-container .se-right-content {
      float: none;
      width: 100%; }
    #home .se-promo-container .learn-more-btn {
      margin-top: 0; } }
  #home #home-page {
    /** comments **/
    /** /comments **/ }
    #home #home-page #module-shows hr {
      margin-bottom: 0; }
    #home #home-page .comments-wrapper {
      margin-left: 80px; }
    #home #home-page .comment-field-wrapper {
      margin-top: 10px;
      display: none; }
    #home #home-page .comment-field-wrapper .update-input {
      border: 1px solid #ababab;
      width: 100%;
      border-radius: 4px;
      padding: 5px 10px;
      font-size: 14px;
      -webkit-appearance: none;
      box-sizing: border-box; }
    #home #home-page .chosen-container.error {
      border: 1px solid red; }
    #home #home-page .blue.liked, #home #home-page .blue.liked {
      color: grey !important; }
    #home #home-page .busy {
      color: transparent !important; }
    #home #home-page input[type=submit].busy-progress input {
      display: inline-block;
      height: 100%;
      border-radius: 3px;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
      -webkit-transition: width .4s ease-in-out;
      transition: width .4s ease-in-out; }
    #home #home-page .busy-progress input {
      background-size: 30px 30px;
      background-image: linear, 135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent;
      -webkit-animation: animate-busy-progress 3s linear infinite;
              animation: animate-busy-progress 3s linear infinite; }
    #home #home-page keyframes animate-busy-progress 0% {
      background-position: 0 0; }
    #home #home-page keyframes animate-busy-progress 100% {
      background-position: 60px 0; }
    #home #home-page .action-link.liked i, #home #home-page .news-item-actions .blue.liked i {
      color: #299BCF; }
    #home #home-page h1.username a {
      color: black; }
    #home #home-page #module-connections .news-item .song-item .title {
      font-size: 16px;
      font-weight: 600; }
    #home #home-page #module-connections .song-item {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
      margin: 0;
      width: auto;
      position: relative; }
      #home #home-page #module-connections .song-item span.views {
        top: 40px; }
    #home #home-page .feed-image .views {
      float: right;
      margin-right: 20px;
      top: -10px; }
    #home #home-page .viewer-data {
      color: #888;
      font-size: 14px;
      font-family: "myriad-pro",Arial,sans-serif;
      font-weight: 400; }
    #home #home-page .text-custom-link, #home #home-page .comment-text-link {
      color: #299BCF; }
    #home #home-page .comment-text .news-item-actions {
      float: right;
      padding-top: 0px;
      margin-bottom: 10px; }
    #home #home-page #col-1 {
      width: 29.7%;
      padding-right: 3.8%; }
      #home #home-page #col-1 .date {
        font-size: 16px; }
      #home #home-page #col-1 .more {
        padding-right: 2.5%; }
      #home #home-page #col-1 h2 {
        font-weight: 400; }
      #home #home-page #col-1 .create-jam {
        float: right;
        font-size: 16px;
        margin-top: -30px;
        color: #299BCF; }
    #home #home-page #col-2 {
      width: 45.3%; }
    #home #home-page #col-3 {
      padding-left: 4.2%;
      font-size: 16px;
      width: 25%; }
      #home #home-page #col-3 h2 {
        font-weight: 400; }
    #home #home-page hr {
      margin-bottom: 20px; }
    #home #home-page .feed-image ~ .comment-thread {
      display: none; }
  #home .col-2 .common-module {
    margin-bottom: 10px; }
  #home .home-summary {
    margin-bottom: 20px;
    position: relative; }
    #home .home-summary .home-avatar {
      max-width: 120px;
      margin-right: 20px;
      float: left;
      border: 2px solid #888; }
    #home .home-summary span.home-avatar {
      width: 120px;
      height: 120px;
      display: block;
      background-position: center;
      background-size: cover; }
    #home .home-summary .line-breaker {
      display: none; }
    #home .home-summary .user-info {
      float: left;
      width: 117px; }
      #home .home-summary .user-info .username {
        font-size: 28px;
        font-weight: 600;
        font-family: "myriad-pro",Arial,sans-serif;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 145px;
        line-height: 33px;
        margin: -2px 0 0 0;
        float: left; }
      #home .home-summary .user-info .gigscore {
        margin: 5px 0 0 0; }
        #home .home-summary .user-info .gigscore .scores .variation {
          color: black;
          margin-left: 10px; }
      #home .home-summary .user-info .edit-profile-btn,
      #home .home-summary .user-info .num-sticker,
      #home .home-summary .user-info .new-label {
        font-size: 16px; }
      #home .home-summary .user-info .num-sticker {
        display: inline-block;
        width: 15px; }
      #home .home-summary .user-info .edit-profile-btn {
        font-weight: 400;
        margin-bottom: 6px;
        display: block; }
      #home .home-summary .user-info .recently-viewed {
        padding-top: 6px; }
  #home #my-jams-tab-1 .empty-section {
    margin-bottom: 0; }
  #home img.new-match {
    max-width: 100%;
    display: block;
    height: auto;
    margin: 0 1px 1px 0;
    padding: 0px;
    float: left; }
  #home .thumb-wrap a:nth-child(3n) img {
    margin-right: 0; }
  #home div.new-match {
    margin: 0;
    box-sizing: border-box;
    padding: 2px;
    width: 33.3%;
    overflow: hidden;
    display: inline-block;
    float: left; }
    #home div.new-match a {
      display: block;
      width: 100%;
      height: 0;
      padding-bottom: 100%;
      float: left;
      position: relative;
      overflow: hidden; }
    #home div.new-match .profile-picture {
      position: absolute;
      width: 113%;
      margin-top: -50%;
      top: 50%;
      left: 50%;
      margin-left: -57%;
      text-align: center;
      display: inherit; }
    #home div.new-match a.remove {
      background: rgba(0, 0, 0, 0.5);
      color: #fff;
      display: none;
      font-family: "myriad-pro", Arial, sans-serif;
      font-size: 12px;
      font-weight: 300;
      line-height: 17px;
      padding: 0 0 0 10%;
      position: absolute;
      text-decoration: none;
      width: 90%; }
  #home .blue .fa-comment-o {
    cursor: pointer; }
  #home h2.fans, #home h2.shows {
    margin-top: 27px; }
  #home div.fans, #home div.following {
    margin-top: 20px; }
  #home div.fans img, #home div.following img {
    width: 60px;
    height: 60px;
    margin-right: 0px;
    margin-bottom: 2px; }
  #home .show-col-right .venue,
  #home .show-col-right .location {
    display: block; }
  #home .photos {
    margin-top: 25px; }
  #home .photos img {
    width: 132px;
    height: 132px;
    margin-bottom: 2px; }
  #home .about-stats {
    line-height: 22px; }
  #home .members-wrapper {
    *zoom: 1; }
    #home .members-wrapper:before, #home .members-wrapper:after {
      content: " ";
      display: table; }
    #home .members-wrapper:after {
      clear: both; }
  #home .private-col-2 .common-module {
    min-height: 0; }
  #home .complete-label {
    font-size: 18px;
    display: block;
    text-align: center;
    margin: 0 0 10px 0;
    clear: both; }
  #home #complete-options {
    margin: 0 15px 25px 15px;
    position: relative; }
    #home #complete-options a {
      background: #36373a;
      color: #fff;
      padding: 6px 15px;
      font-size: 16px;
      display: block;
      position: relative; }
      #home #complete-options a:hover {
        background: #474747;
        text-decoration: none; }
      #home #complete-options a .icon {
        font-style: normal;
        position: absolute;
        top: 9px;
        right: 10px;
        display: block;
        line-height: 1; }
        #home #complete-options a .icon.fa-caret-down {
          font-size: 14px;
          top: 9px;
          right: 10px; }
        #home #complete-options a .icon.icon-plus {
          top: 7px;
          font-weight: 500; }
        #home #complete-options a .icon.fa-pencil {
          font-size: 13px; }
    #home #complete-options #complete-options-trigger {
      background: #36373a;
      color: #fff;
      padding: 6px 15px;
      font-size: 16px;
      display: block;
      position: relative; }
      #home #complete-options #complete-options-trigger .icon {
        font-style: normal;
        position: absolute;
        top: 9px;
        right: 10px;
        display: block;
        line-height: 1; }
        #home #complete-options #complete-options-trigger .icon.fa-caret-down {
          font-size: 14px;
          top: 9px;
          right: 10px; }
    #home #complete-options #complete-options-dropdown {
      list-style: none;
      padding: 0;
      margin: 0;
      position: absolute;
      left: 0;
      width: 100%;
      z-index: 1;
      display: none; }
  #home #user-stats {
    *zoom: 1;
    border: 1px solid #ccc;
    padding: 5px 0;
    margin: 25px 15px;
    /* above ad block margin 0 15px 25px 15px */ }
    #home #user-stats:before, #home #user-stats:after {
      content: " ";
      display: table; }
    #home #user-stats:after {
      clear: both; }
    #home #user-stats .count {
      font-size: 22px;
      font-family: "museo-sans", Arial, sans-serif;
      color: #666;
      display: block;
      float: left;
      text-align: center;
      width: 33.33%;
      cursor: pointer;
      box-sizing: border-box;
      padding: 0 1%; }
      #home #user-stats .count a {
        color: #666; }
      #home #user-stats .count .type {
        font-family: "myriad-pro", Arial, sans-serif;
        font-size: 14px;
        display: block;
        color: #299BCF; }
      #home #user-stats .count.count-views, #home #user-stats .count.count-following {
        border-left: 1px solid #ccc; }
  @media (max-width: 1050px) {
    #home .home-summary .line-breaker {
      display: block; }
    #home .home-summary .user-info {
      margin: 12px 0;
      width: 100%; }
      #home .home-summary .user-info .username {
        max-width: 100%; }
    #home #user-stats,
    #home #complete-options {
      margin: 0 0 25px 0; } }
  @media (max-width: 991px) {
    #home #user-stats .count .type {
      font-size: 12px; } }
  @media (max-width: 767px) {
    #home #module-member-news .more {
      display: block; }
    #home .home-summary .line-breaker {
      display: none; }
    #home .home-summary .user-info {
      margin: 0;
      width: 60%; }
      #home .home-summary .user-info .username {
        width: 100%;
        max-width: none; }
    #home #home-page #col-1,
    #home #home-page #col-2,
    #home #home-page #col-3 {
      width: 100%;
      float: none;
      padding-left: 0;
      padding-right: 0;
      margin-left: 0;
      margin-right: 0; }
    #home #home-page #col-2 {
      margin-bottom: 25px; }
    #home #home-page #module-new-matches,
    #home #home-page #module-new-members,
    #home #home-page #module-shows,
    #home #home-page .complete-label,
    #home #home-page #complete-options,
    #home #home-page #user-stats,
    #home #home-page #module-ads,
    #home #home-page #module-my-jams {
      display: none; }
    #home #home-page hr {
      margin-bottom: 20px; }
    #home img.new-match {
      width: 30%; }
    #home .news-item .title-bar {
      margin: 10px 0; }
    #home .news-item .feed-video {
      margin-left: 0; } }
  @media (max-width: 480px) {
    #home .song-item {
      margin: 0;
      padding: 10px 0 0 0; } }

.fancybox-stats .fancybox-skin {
  background: #fff; }

.fancybox-stats .fancybox-close {
  background: url("/public/images/white-close-btn.png") no-repeat 0 0 transparent; }

.fancybox-stats .user-content {
  padding-bottom: 20px; }
  .fancybox-stats .user-content img {
    max-width: 88px;
    max-height: 88px; }
  .fancybox-stats .user-content .user-info-list {
    list-style: none;
    font-family: "museo-sans", Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    padding-left: 20px;
    margin: 0; }
    .fancybox-stats .user-content .user-info-list .location {
      font-size: 16px;
      color: #888;
      font-family: "myriad-pro", Arial, sans-serif; }
    @media (max-width: 327px) {
      .fancybox-stats .user-content .user-info-list {
        padding-left: 0; } }
  .fancybox-stats .user-content .username {
    color: #ff5a01;
    font-size: 20px;
    font-family: "myriad-pro", Arial, sans-serif; }
  .fancybox-stats .user-content .list-count {
    color: #333;
    font-weight: normal;
    font-weight: 600; }

.fancybox-stats .counter-loader {
  display: none; }

.fancybox-stats .thumbnail-list {
  list-style: none;
  padding: 0;
  position: relative; }
  .fancybox-stats .thumbnail-list .close-option {
    color: white;
    font-size: 9px;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 1px;
    padding: 0 2px;
    display: none; }
  .fancybox-stats .thumbnail-list li {
    margin: 1px;
    max-width: 88px;
    max-height: 88px;
    position: relative; }
    .fancybox-stats .thumbnail-list li:hover .close-option {
      display: inline-block; }
    .fancybox-stats .thumbnail-list li img {
      max-width: 100%; }

.fancybox-stats .user-content .location {
  color: #888;
  font-size: 16px;
  font-family: "myriad-pro", Arial, sans-serif;
  font-weight: 600; }

.fancybox-stats .fancybox-stats-content .thumbnails a {
  color: #888; }

#module-ads img {
  display: block;
  max-width: 100%;
  height: auto; }

#module-new-matches .empty-section {
  margin-bottom: 10px; }

#module-new-matches hr,
#module-new-members hr {
  width: 100%; }

#module-new-matches .more,
#module-new-members .more {
  padding-top: 18px; }

.popover.ui-tooltip {
  background: #fff;
  padding: 0;
  opacity: 1;
  border: 1px solid #cccccc;
  max-height: 100px;
  /* creates the smaller  triangle */ }
  .popover.ui-tooltip, .popover.ui-tooltip a {
    color: #ff5a01; }
  .popover.ui-tooltip .ui-tooltip-content {
    position: relative;
    padding: 7px; }
  .popover.ui-tooltip .ui-tooltip-content:before {
    content: "";
    position: absolute;
    top: -16px;
    left: 39%;
    border-width: 0 14px 14px;
    border-style: solid;
    border-color: #cccccc transparent;
    display: block;
    width: 0; }
  .popover.ui-tooltip .ui-tooltip-content:after {
    content: "";
    position: absolute;
    top: -13px;
    left: 39%;
    border-width: 0 14px 14px;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0; }

.hidescroll {
  overflow: hidden; }

.popover-content-list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 85px;
  width: 130px;
  overflow: auto; }
  .popover-content-list li {
    margin-bottom: .5rem;
    font-size: 12px; }
    .popover-content-list li img {
      max-width: 16px;
      vertical-align: bottom; }
  .popover-content-list li a:hover {
    text-decoration: underline; }
  .popover-content-list .jspVerticalBar {
    width: 8px; }
  .popover-content-list .jspTrack {
    background: #fff; }
  .popover-content-list .jspDrag {
    border-radius: 4px;
    background: #666; }
  .popover-content-list .news-item-wrap a {
    word-wrap: break-word; }

#modal-retrieval {
  font-size: 20px;
  font-family: "museo-sans",sans-serif;
  font-weight: 300;
  float: left;
  color: #fff;
  text-align: center; }
  #modal-retrieval p {
    margin: 0 0 15px 0; }
  #modal-retrieval .col-left {
    float: left;
    width: 20%;
    padding-left: 6%; }
  #modal-retrieval .col-right {
    float: right;
    width: 62%;
    padding-right: 6%;
    padding-left: 6%; }
    #modal-retrieval .col-right .sdw-container {
      float: none;
      padding: 0;
      width: 100%; }
  #modal-retrieval .sdw-container {
    float: right;
    width: 62%;
    padding-right: 6%;
    padding-left: 6%; }
  #modal-retrieval .clear {
    clear: both;
    margin-bottom: 0; }
  #modal-retrieval form {
    padding: 15px 0 0 0; }
    #modal-retrieval form .common-submit {
      font-family: "Myriad Pro";
      font-size: 20px;
      font-weight: 400;
      margin-top: 20px; }
  #modal-retrieval .img-avatar {
    margin-bottom: 60px; }

/* ------------------------------------------------*/
/* ---------->>> FORGOT PASSWORD SECTION <<<-----------*/
/* ------------------------------------------------*/
#page-forgot-password {
  text-align: center; }
  #page-forgot-password .page-title {
    color: #4f5356;
    font-size: 40px;
    font-weight: 300;
    font-family: "museo-sans", Arial, sans-serif;
    margin: 30px 0 20px 0; }
  #page-forgot-password .frm-wrap p {
    font-size: 24px;
    font-weight: 300;
    font-family: "museo-sans", Arial, sans-serif;
    color: #4f5356;
    margin: 0 0 20px 0; }
  #page-forgot-password .frm-wrap .error,
  #page-forgot-password .frm-wrap .success {
    font-size: 16px;
    color: #ff5a01;
    margin: 0 0 10px 0; }
  #page-forgot-password .frm-wrap input[type="text"],
  #page-forgot-password .frm-wrap input[type="password"] {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: 17px;
    color: #888;
    width: 335px;
    margin: 0 0 30px 0; }

/* --------------------------------------------*/
/* ---------->>> MY PROFILES SECTION <<<-----------*/
/* --------------------------------------------*/
#my-profiles-container h1,
#my-profiles-container h2,
#my-profiles-container h3 {
  font-family: "museo-sans";
  font-size: 28px;
  font-weight: 100; }

#my-profiles-container h2 {
  font-size: 23px;
  font-weight: 300;
  float: left; }

#my-profiles-container .my-profiles-section {
  width: 100%;
  max-width: 500px;
  position: relative;
  text-align: left;
  margin: 0 0 50px 0;
  box-sizing: border-box; }
  #my-profiles-container .my-profiles-section:last-of-type {
    margin-bottom: 40px; }
  #my-profiles-container .my-profiles-section .section-title {
    text-transform: uppercase; }
  #my-profiles-container .my-profiles-section a {
    color: #299BCF;
    text-decoration: none; }
    #my-profiles-container .my-profiles-section a:hover {
      text-decoration: underline; }
  #my-profiles-container .my-profiles-section .instruction {
    clear: both; }
  #my-profiles-container .my-profiles-section header {
    border-bottom: 1px solid #d4d4d6;
    *zoom: 1; }
    #my-profiles-container .my-profiles-section header:before, #my-profiles-container .my-profiles-section header:after {
      content: " ";
      display: table; }
    #my-profiles-container .my-profiles-section header:after {
      clear: both; }

#my-profiles-container .profile-info {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  clear: both; }
  #my-profiles-container .profile-info .content {
    display: inline-block;
    vertical-align: middle; }
  #my-profiles-container .profile-info .profile-name {
    font-size: 17px;
    line-height: 1;
    font-weight: normal;
    margin: 0; }
    #my-profiles-container .profile-info .profile-name a {
      color: #000; }
  #my-profiles-container .profile-info .profile-info-buttons {
    position: absolute;
    top: 18px;
    right: 0; }
  #my-profiles-container .profile-info p {
    margin: 0;
    font-size: 14px; }
  #my-profiles-container .profile-info li {
    padding: 20px 0px;
    border-top: 2px dotted #d4d4d6;
    *zoom: 1;
    position: relative; }
    #my-profiles-container .profile-info li:before, #my-profiles-container .profile-info li:after {
      content: " ";
      display: table; }
    #my-profiles-container .profile-info li:after {
      clear: both; }
    #my-profiles-container .profile-info li:nth-child(1) {
      border: none; }
    #my-profiles-container .profile-info li img {
      width: 52px;
      height: 52px;
      vertical-align: middle; }
      #my-profiles-container .profile-info li img.avatar {
        margin-right: 18px; }
    #my-profiles-container .profile-info li .button {
      float: right;
      color: #FFF;
      background-color: #1692CC;
      font-size: 16px;
      font-family: "myriad-pro";
      text-decoration: none;
      padding: 2px 9px 3px 9px;
      border-radius: 2px;
      margin-top: 14px;
      margin-left: 11px;
      font-weight: 300; }
      #my-profiles-container .profile-info li .button:hover {
        background: #44a9e0; }

#my-profiles-container .edit-account {
  color: #FFF;
  font-family: "myriad-pro";
  font-size: 18px;
  padding: 6px 40px 6px 40px;
  background-color: #383838;
  text-decoration: none;
  font-weight: 100; }
  #my-profiles-container .edit-account:hover {
    background-color: #424242; }

#my-profiles-container .add-new-profile {
  display: block;
  float: right;
  padding-top: 12px;
  text-decoration: none;
  font-size: 16px; }
  #my-profiles-container .add-new-profile:hover {
    color: #0099cc; }

/* ----------------------------------------*/
/* ---------->>> SEARCH SECTION <<<-----------*/
/* ----------------------------------------*/
#newsearch #search-results-header,
#search #search-results-header {
  padding: 0 20px;
  margin: 0 auto;
  max-width: 1200px;
  min-width: 320px;
  *zoom: 1;
  padding-top: 20px;
  padding-bottom: 20px; }
  #newsearch #search-results-header:before, #newsearch #search-results-header:after,
  #search #search-results-header:before,
  #search #search-results-header:after {
    content: " ";
    display: table; }
  #newsearch #search-results-header:after,
  #search #search-results-header:after {
    clear: both; }

#newsearch h1.page-title,
#search h1.page-title {
  font-size: 32px;
  float: left; }

ul.search-results {
  list-style-type: none;
  padding: 0px;
  margin-top: 24px; }
  ul.search-results li {
    position: relative;
    border: 2px solid #ccc;
    width: 100%;
    margin-bottom: 20px; }
    ul.search-results li .gigscore__list {
      float: right;
      position: relative;
      top: 13px;
      right: 2%; }
      ul.search-results li .gigscore__list li {
        border: none;
        margin: 0;
        float: left;
        list-style: none;
        width: auto;
        margin-left: 3px; }
        ul.search-results li .gigscore__list li:after {
          display: none; }
        ul.search-results li .gigscore__list li img {
          width: auto; }
    ul.search-results li:after {
      clear: both;
      content: '.';
      display: block;
      height: 0;
      overflow: hidden;
      visibility: hidden; }
    ul.search-results li img.thumb-image {
      cursor: hand;
      cursor: pointer;
      width: 30%;
      float: left;
      display: block; }
    ul.search-results li div.result-container {
      float: left;
      width: 65.5%;
      padding-left: 20px; }
  ul.search-results .play-icons {
    position: absolute;
    top: 7%;
    right: 3%; }
    ul.search-results .play-icons img:nth-of-type(1) {
      margin-bottom: -2px;
      margin-right: -7px; }
  ul.search-results .name {
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    padding-top: 5px;
    display: inline-block; }
  ul.search-results .city {
    font-weight: 400;
    color: #666;
    font-size: 14px; }
  ul.search-results .bio {
    font-size: 14px;
    padding-right: 20px;
    margin-top: 4px;
    margin-bottom: 4px;
    overflow: hidden;
    max-height: 90px; }
  ul.search-results .label {
    font-weight: 400;
    color: #000;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    text-align: left; }
    ul.search-results .label strong {
      font-size: 14px;
      padding-right: 6px; }
  ul.search-results .button {
    background: transparent;
    font-size: 16px;
    padding: 0px;
    font-weight: 500;
    cursor: hand;
    cursor: pointer; }
    ul.search-results .button.message {
      margin-left: 40px; }

ul.tab-links {
  padding: 0 20px;
  margin: 0 auto;
  max-width: 1200px;
  min-width: 320px;
  *zoom: 1;
  margin-bottom: 25px; }
  ul.tab-links:before, ul.tab-links:after {
    content: " ";
    display: table; }
  ul.tab-links:after {
    clear: both; }
  ul.tab-links li {
    color: #333;
    display: inline;
    font-family: "myriad-pro", Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    margin-right: 45px;
    float: left; }
    ul.tab-links li a {
      color: #299BCF;
      text-decoration: none; }
      ul.tab-links li a.common-btn {
        color: #fff; }
    ul.tab-links li.right {
      float: right;
      margin-right: 0; }

#search .page-contents {
  background: none;
  max-width: 100%;
  padding: 0; }

#search,
#newsearch {
  /* Tooltip */
  /** share popup **/ }
  #search .tooltip,
  #newsearch .tooltip {
    display: none;
    position: absolute;
    border-radius: 4px;
    padding: 8px;
    border: 1px solid #aaaaaa;
    background: #ffffff;
    color: #ff5901;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif;
    font-size: 14px;
    box-shadow: 0 0 5px #aaa; }
  #search section.search-results.sidebar-true,
  #newsearch section.search-results.sidebar-true {
    float: left;
    margin-right: 4.2%;
    width: 75%; }
  #search section.search-sidebar,
  #newsearch section.search-sidebar {
    float: left;
    width: 20.8%; }
    #search section.search-sidebar h1,
    #newsearch section.search-sidebar h1 {
      border-bottom: 1px solid #D7D8DF;
      color: #333;
      font-size: 20px;
      font-weight: 300px;
      font-family: "myriad-pro", Arial, sans-serif;
      padding-bottom: 20px;
      margin-bottom: 20px; }
    #search section.search-sidebar div.featured-video,
    #newsearch section.search-sidebar div.featured-video {
      margin-bottom: 20px; }
      #search section.search-sidebar div.featured-video h3.featured-member,
      #newsearch section.search-sidebar div.featured-video h3.featured-member {
        color: #ff5901;
        font-family: "myriad-pro", Arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase; }
        #search section.search-sidebar div.featured-video h3.featured-member + .featured-location,
        #newsearch section.search-sidebar div.featured-video h3.featured-member + .featured-location {
          margin-bottom: 10px; }
    #search section.search-sidebar #module-ads,
    #newsearch section.search-sidebar #module-ads {
      margin: 20px 0; }
      #search section.search-sidebar #module-ads img,
      #newsearch section.search-sidebar #module-ads img {
        max-width: 100%; }
  #search div.date-selector,
  #newsearch div.date-selector {
    border-bottom: 1px solid #d7d7df;
    clear: both;
    float: left;
    margin: 15 0;
    padding: 0 0 10px;
    width: 100%; }
    #search div.date-selector h2,
    #newsearch div.date-selector h2 {
      font-family: Helvetica, Arial, sans-serif;
      font-size: 20px;
      font-weight: normal; }
  #search .results-details,
  #newsearch .results-details {
    padding: 0 20px;
    margin: 0 auto;
    max-width: 1200px;
    min-width: 320px; }
  #search ul.results-container,
  #newsearch ul.results-container {
    *zoom: 1;
    list-style: none;
    padding: 0 20px;
    margin: 0 auto;
    max-width: 1200px;
    min-width: 320px;
    margin-bottom: 30px; }
    #search ul.results-container:before, #search ul.results-container:after,
    #newsearch ul.results-container:before,
    #newsearch ul.results-container:after {
      content: " ";
      display: table; }
    #search ul.results-container:after,
    #newsearch ul.results-container:after {
      clear: both; }
    #search ul.results-container li,
    #newsearch ul.results-container li {
      float: left;
      margin-right: 1px;
      margin-bottom: 1px;
      width: 299px;
      height: 299px;
      position: relative; }
      #search ul.results-container li:nth-child(4n),
      #newsearch ul.results-container li:nth-child(4n) {
        margin-right: 0; }
      #search ul.results-container li:hover .overlay,
      #newsearch ul.results-container li:hover .overlay {
        display: block; }
      #search ul.results-container li:hover .info,
      #newsearch ul.results-container li:hover .info {
        background: none; }
      #search ul.results-container li:hover .hidden,
      #newsearch ul.results-container li:hover .hidden {
        position: static;
        visibility: visible;
        margin: 0; }
      #search ul.results-container li .overlay,
      #newsearch ul.results-container li .overlay {
        width: 100%;
        height: 100%;
        background: orange;
        position: absolute;
        top: 0;
        right: 0;
        box-sizing: border-box;
        border: 1px solid #fff;
        background-color: rgba(0, 0, 0, 0.4);
        display: none; }
      #search ul.results-container li .mediaholder img,
      #newsearch ul.results-container li .mediaholder img {
        width: 299px;
        height: 299px;
        display: block;
        box-sizing: border-box; }
      #search ul.results-container li .info,
      #newsearch ul.results-container li .info {
        box-sizing: border-box;
        color: #fff;
        font-size: 14px;
        font-family: "myriad-pro", Arial, sans-serif;
        float: left;
        line-height: 18px;
        background-color: rgba(0, 0, 0, 0.6);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 299px;
        padding: 12px;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff; }
        #search ul.results-container li .info .icon-play,
        #newsearch ul.results-container li .info .icon-play {
          position: absolute;
          right: 10px;
          bottom: 10px;
          clip: rect(0, 33px, 25px, 0); }
        #search ul.results-container li .info .icon-video,
        #newsearch ul.results-container li .info .icon-video {
          position: absolute;
          right: 10px;
          bottom: 10px;
          clip: rect(0, 66px, 25px, 33px); }
      #search ul.results-container li .bio,
      #newsearch ul.results-container li .bio {
        font-size: 16px;
        font-style: italic;
        font-weight: 100;
        margin: 8px 0 15px;
        line-height: 1.3;
        max-height: 80px;
        overflow: hidden; }
      #search ul.results-container li .instrument,
      #newsearch ul.results-container li .instrument {
        font-size: 17px;
        margin: 0px 0px 3px; }
      #search ul.results-container li.clearfix, #search ul.results-container li.gigscore__list, #search ul.results-container .fancybox-stats li.user-content, .fancybox-stats #search ul.results-container li.user-content, #search ul.results-container .fancybox-stats li.thumbnails, .fancybox-stats #search ul.results-container li.thumbnails, #search ul.results-container .fancybox-stats li.thumbnail-list, .fancybox-stats #search ul.results-container li.thumbnail-list, #search ul.results-container #profile .profile-summary li#module-stats, #profile .profile-summary #search ul.results-container li#module-stats,
      #newsearch ul.results-container li.clearfix,
      #newsearch ul.results-container li.gigscore__list,
      #newsearch ul.results-container .fancybox-stats li.user-content, .fancybox-stats
      #newsearch ul.results-container li.user-content,
      #newsearch ul.results-container .fancybox-stats li.thumbnails, .fancybox-stats
      #newsearch ul.results-container li.thumbnails,
      #newsearch ul.results-container .fancybox-stats li.thumbnail-list, .fancybox-stats
      #newsearch ul.results-container li.thumbnail-list,
      #newsearch ul.results-container #profile .profile-summary li#module-stats, #profile .profile-summary
      #newsearch ul.results-container li#module-stats {
        clear: both;
        margin-bottom: 0px;
        width: 100%; }
      #search ul.results-container li .name,
      #newsearch ul.results-container li .name {
        display: block;
        font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 20px;
        font-weight: 200;
        text-decoration: none;
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        letter-spacing: 1px;
        font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        margin: 0; }
      #search ul.results-container li .location,
      #newsearch ul.results-container li .location {
        font-size: 16px;
        font-weight: 100;
        margin: 0;
        overflow: hidden; }
        #search ul.results-container li .location span,
        #newsearch ul.results-container li .location span {
          float: left; }
          #search ul.results-container li .location span:nth-of-type(2),
          #newsearch ul.results-container li .location span:nth-of-type(2) {
            float: right; }
          #search ul.results-container li .location span .gigscore__list li,
          #newsearch ul.results-container li .location span .gigscore__list li {
            height: auto;
            width: auto;
            list-style: none;
            margin-left: 3px; }
      #search ul.results-container li .hidden,
      #newsearch ul.results-container li .hidden {
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 10px;
        margin-right: 10px; }
      #search ul.results-container li dl,
      #newsearch ul.results-container li dl {
        margin: 4px 0; }
        #search ul.results-container li dl dd,
        #newsearch ul.results-container li dl dd {
          margin: 0; }
          #search ul.results-container li dl dd.map a,
          #newsearch ul.results-container li dl dd.map a {
            color: #299BCF;
            text-decoration: none; }
    #search ul.results-container.list,
    #newsearch ul.results-container.list {
      margin-top: 0;
      width: 100%; }
      #search ul.results-container.list li,
      #newsearch ul.results-container.list li {
        border-bottom: 1px solid #d7d7df;
        margin: 30px 0 0;
        padding-bottom: 30px;
        width: 100%; }
        #search ul.results-container.list li .mediaholder,
        #newsearch ul.results-container.list li .mediaholder {
          margin: 0 5% 0 0;
          width: 20%; }
          #search ul.results-container.list li .mediaholder img,
          #newsearch ul.results-container.list li .mediaholder img {
            max-width: 100%; }
        #search ul.results-container.list li .info,
        #newsearch ul.results-container.list li .info {
          float: left; }
          #search ul.results-container.list li .info p,
          #newsearch ul.results-container.list li .info p {
            margin: 4px 0; }
          #search ul.results-container.list li .info.col1,
          #newsearch ul.results-container.list li .info.col1 {
            width: 18%; }
          #search ul.results-container.list li .info.col2,
          #newsearch ul.results-container.list li .info.col2 {
            width: 22%; }
          #search ul.results-container.list li .info.col3,
          #newsearch ul.results-container.list li .info.col3 {
            width: 20%;
            float: right; }
        #search ul.results-container.list li .calendar-icon,
        #newsearch ul.results-container.list li .calendar-icon {
          float: left;
          height: 46px;
          width: 36px; }
        #search ul.results-container.list li .social-share,
        #newsearch ul.results-container.list li .social-share {
          float: right; }
          #search ul.results-container.list li .social-share .share-button,
          #newsearch ul.results-container.list li .social-share .share-button {
            float: right;
            background: #1692CC;
            border-radius: 4px;
            color: #fff;
            cursor: pointer;
            font-size: 17px;
            font-family: "myriad-pro", Arial, sans-serif;
            font-weight: 300;
            padding: 8px 10px 6px;
            text-decoration: none;
            width: 40px; }
          #search ul.results-container.list li .social-share .ss-popup,
          #newsearch ul.results-container.list li .social-share .ss-popup {
            right: -40px;
            position: relative;
            width: 135px; }
            #search ul.results-container.list li .social-share .ss-popup a.ss-button,
            #newsearch ul.results-container.list li .social-share .ss-popup a.ss-button {
              float: left;
              height: 29px;
              text-align: center;
              width: 29px; }
              #search ul.results-container.list li .social-share .ss-popup a.ss-button i,
              #newsearch ul.results-container.list li .social-share .ss-popup a.ss-button i {
                color: #fff;
                padding-top: 8px; }
              #search ul.results-container.list li .social-share .ss-popup a.ss-button.fb,
              #newsearch ul.results-container.list li .social-share .ss-popup a.ss-button.fb {
                background: #3f5a96; }
              #search ul.results-container.list li .social-share .ss-popup a.ss-button.twitter,
              #newsearch ul.results-container.list li .social-share .ss-popup a.ss-button.twitter {
                background: #30b6e6; }
              #search ul.results-container.list li .social-share .ss-popup a.ss-button.gp,
              #newsearch ul.results-container.list li .social-share .ss-popup a.ss-button.gp {
                background: #060606; }
            #search ul.results-container.list li .social-share .ss-popup ul,
            #newsearch ul.results-container.list li .social-share .ss-popup ul {
              border: 1px solid #299BCF;
              border-radius: 3px;
              float: left;
              list-style: none;
              margin-top: 10px;
              padding: 4px 8px;
              position: relative; }
              #search ul.results-container.list li .social-share .ss-popup ul li,
              #newsearch ul.results-container.list li .social-share .ss-popup ul li {
                border: none;
                display: inline;
                float: left;
                height: 29px;
                margin: 5px;
                padding: 0;
                width: 29px; }
              #search ul.results-container.list li .social-share .ss-popup ul:after,
              #newsearch ul.results-container.list li .social-share .ss-popup ul:after {
                content: "";
                float: left;
                position: absolute;
                z-index: 1;
                top: -13px;
                left: 60px;
                border-color: transparent transparent #299BCF transparent;
                border-style: solid;
                border-width: 6px; }
              #search ul.results-container.list li .social-share .ss-popup ul:before,
              #newsearch ul.results-container.list li .social-share .ss-popup ul:before {
                content: "";
                float: left;
                position: absolute;
                z-index: 2;
                top: -12px;
                left: 60px;
                border-color: transparent transparent #fff transparent;
                border-style: solid;
                border-width: 6px; }
  #search .results-container.gigs li,
  #newsearch .results-container.gigs li {
    height: 490px;
    margin: 0;
    padding: 0; }
  #search .results-container.gigs .tile,
  #newsearch .results-container.gigs .tile {
    background: #FFFFFF;
    border: 1px solid #909090;
    color: #333;
    box-sizing: border-box;
    width: 285px;
    margin-bottom: 20px;
    margin-right: 20px;
    float: left; }
    #search .results-container.gigs .tile:nth-of-type(4n),
    #newsearch .results-container.gigs .tile:nth-of-type(4n) {
      margin-right: 0; }
    #search .results-container.gigs .tile .featured-image img,
    #newsearch .results-container.gigs .tile .featured-image img {
      width: 100%;
      display: block; }
    #search .results-container.gigs .tile header,
    #newsearch .results-container.gigs .tile header {
      background: #535353;
      color: #fff;
      padding: 15px;
      height: 50px;
      *zoom: 1; }
      #search .results-container.gigs .tile header:before, #search .results-container.gigs .tile header:after,
      #newsearch .results-container.gigs .tile header:before,
      #newsearch .results-container.gigs .tile header:after {
        content: " ";
        display: table; }
      #search .results-container.gigs .tile header:after,
      #newsearch .results-container.gigs .tile header:after {
        clear: both; }
      #search .results-container.gigs .tile header .title,
      #newsearch .results-container.gigs .tile header .title {
        font-size: 20px;
        font-family: "myriad-pro", Arial, sans-serif;
        color: #fff; }
        #search .results-container.gigs .tile header .title a,
        #newsearch .results-container.gigs .tile header .title a {
          color: #fff;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 100%;
          display: inline-block; }
      #search .results-container.gigs .tile header .genre,
      #newsearch .results-container.gigs .tile header .genre {
        font-size: 16px;
        color: #ccc;
        margin: 0;
        max-height: 30px; }
      #search .results-container.gigs .tile header .common-btn,
      #newsearch .results-container.gigs .tile header .common-btn {
        float: right;
        background: #1692cc;
        font-size: 16px;
        font-weight: 400;
        padding: 0 10px 3px 10px;
        margin-bottom: 0;
        line-height: 1;
        text-transform: lowercase; }
    #search .results-container.gigs .tile .details,
    #newsearch .results-container.gigs .tile .details {
      padding: 10px 15px 0 15px;
      word-wrap: break-word; }
      #search .results-container.gigs .tile .details .date,
      #newsearch .results-container.gigs .tile .details .date {
        font-weight: 600;
        margin: 0px; }
      #search .results-container.gigs .tile .details .desc,
      #newsearch .results-container.gigs .tile .details .desc {
        font-size: 14px; }
      #search .results-container.gigs .tile .details .location,
      #newsearch .results-container.gigs .tile .details .location {
        font-size: 14px;
        color: #333; }
    #search .results-container.gigs .tile .member-card .info,
    #newsearch .results-container.gigs .tile .member-card .info {
      margin-left: 60px; }
    #search .results-container.gigs .tile .member-card .mediaholder,
    #newsearch .results-container.gigs .tile .member-card .mediaholder {
      margin-right: 0; }
    #search .results-container.gigs .tile .member-card .module-share,
    #newsearch .results-container.gigs .tile .member-card .module-share {
      position: absolute;
      bottom: 5px;
      right: 10px; }
      #search .results-container.gigs .tile .member-card .module-share a,
      #newsearch .results-container.gigs .tile .member-card .module-share a {
        color: #666;
        font-size: 18px;
        margin-left: 10px; }
        #search .results-container.gigs .tile .member-card .module-share a:hover,
        #newsearch .results-container.gigs .tile .member-card .module-share a:hover {
          color: #299BCF; }
        #search .results-container.gigs .tile .member-card .module-share a .count,
        #newsearch .results-container.gigs .tile .member-card .module-share a .count {
          font-size: 14px;
          position: relative;
          top: -2px; }
      #search .results-container.gigs .tile .member-card .module-share.map,
      #newsearch .results-container.gigs .tile .member-card .module-share.map {
        right: auto;
        left: 10px; }
  @media (max-width: 767px) {
    #search section.search-results.sidebar-true,
    #newsearch section.search-results.sidebar-true {
      margin-right: 0;
      width: 100%; }
    #search section.search-sidebar,
    #newsearch section.search-sidebar {
      display: none; }
    #search div.search-results.sidebar-true,
    #newsearch div.search-results.sidebar-true {
      width: 100%; }
    #search ul.tab-links li.right,
    #newsearch ul.tab-links li.right {
      margin-right: 0px; } }
  @media (max-width: 480px) {
    #search ul.tab-links,
    #newsearch ul.tab-links {
      text-align: center; }
      #search ul.tab-links li,
      #newsearch ul.tab-links li {
        font-size: 18px;
        text-align: center;
        margin-right: 10px; }
        #search ul.tab-links li.right,
        #newsearch ul.tab-links li.right {
          margin-right: 0; }
        #search ul.tab-links li #btn-hide-filters,
        #newsearch ul.tab-links li #btn-hide-filters {
          font-size: 18px; }
        #search ul.tab-links li #btn-advance-search,
        #newsearch ul.tab-links li #btn-advance-search {
          font-size: 18px; }
    #search #filter-wrap #filter #filter-list #filter-genre .dropdown:before, #search #filter-wrap #filter #filter-list #filter-genre .dropdown:after,
    #newsearch #filter-wrap #filter #filter-list #filter-genre .dropdown:before,
    #newsearch #filter-wrap #filter #filter-list #filter-genre .dropdown:after {
      left: 60px; }
    #search #filter-wrap #filter #filter-list #filter-instrument .dropdown:before, #search #filter-wrap #filter #filter-list #filter-instrument .dropdown:after,
    #newsearch #filter-wrap #filter #filter-list #filter-instrument .dropdown:before,
    #newsearch #filter-wrap #filter #filter-list #filter-instrument .dropdown:after {
      left: 127px; } }
  #search .selected-filter,
  #newsearch .selected-filter {
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    margin-left: 10px;
    padding: 7px;
    border-radius: 5px; }
  #search .selected-filter a,
  #newsearch .selected-filter a {
    color: white; }
  #search #filter-wrap,
  #newsearch #filter-wrap {
    display: block; }
  #search #filter-wrap #filter-list #filter-location .chosen-drop, #search #filter-wrap #filter-list #filter-sort .chosen-drop,
  #newsearch #filter-wrap #filter-list #filter-location .chosen-drop,
  #newsearch #filter-wrap #filter-list #filter-sort .chosen-drop {
    border-radius: 3px;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC; }
  #search #filter-location .chosen-container-single .chosen-search,
  #newsearch #filter-location .chosen-container-single .chosen-search {
    padding-left: 10px;
    padding-right: 10px; }
  #search #results-details,
  #newsearch #results-details {
    padding: 0px 20px 26px; }
  #search #results-details .facets span.facet,
  #newsearch #results-details .facets span.facet {
    border-radius: 4px;
    border: 1px solid #666;
    color: #FFF; }
  #search #results-details .facets span.facet .close,
  #newsearch #results-details .facets span.facet .close {
    font-family: myriad-pro;
    color: #FFF;
    -webkit-transform: scale(1.5, 1);
            transform: scale(1.5, 1);
    font-size: 16px; }
  #search #sort_by_chosen,
  #newsearch #sort_by_chosen {
    border: none;
    padding: 0; }
  #search #sort_by_chosen a,
  #newsearch #sort_by_chosen a {
    display: none; }
  #search #sort_by_chosen .chosen-drop,
  #newsearch #sort_by_chosen .chosen-drop {
    margin: -16px 0 0 -11px !important; }
  #search #sort_by_chosen .chosen-results,
  #newsearch #sort_by_chosen .chosen-results {
    margin: 0 0px 4px 0;
    padding: 0; }
  #search .facet a.direction,
  #newsearch .facet a.direction {
    font-size: 26px;
    padding: 0;
    margin: 0 5px 0 0;
    line-height: 0;
    color: white; }
  #search .selected-filter,
  #newsearch .selected-filter {
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    margin-left: 10px;
    padding: 7px;
    border-radius: 5px; }
  #search .selected-filter a,
  #newsearch .selected-filter a {
    color: white; }
  #search .results-container.gigs .tile .featured-image img,
  #newsearch .results-container.gigs .tile .featured-image img {
    height: 284px; }
  #search ul.tab-links #btn-create-jam,
  #newsearch ul.tab-links #btn-create-jam {
    vertical-align: middle;
    font-weight: normal;
    font-size: 20px;
    padding: 0px 20px;
    margin: 0px 0px 0px 30px;
    color: #FFF; }
  #search #filter-wrap,
  #newsearch #filter-wrap {
    display: block; }
  #search #filter-wrap #filter-list #filter-location .chosen-drop,
  #newsearch #filter-wrap #filter-list #filter-location .chosen-drop {
    border-radius: 3px;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC; }
  #search #filter-location .chosen-container-single .chosen-search,
  #newsearch #filter-location .chosen-container-single .chosen-search {
    padding-left: 10px;
    padding-right: 10px; }
  #search #search-results-data ul.results-container.list li,
  #newsearch #search-results-data ul.results-container.list li {
    margin-top: 0px; }
  #search #results-details,
  #newsearch #results-details {
    padding: 0px 20px 26px; }
  #search #results-details .facets span.facet,
  #newsearch #results-details .facets span.facet {
    border-radius: 4px;
    border: 1px solid #666;
    color: #FFF; }
  #search #results-details .facets span.facet .close,
  #newsearch #results-details .facets span.facet .close {
    font-family: myriad-pro;
    color: #FFF;
    -webkit-transform: scale(1.5, 1);
            transform: scale(1.5, 1);
    font-size: 16px; }
  #search #btn-create-show1,
  #newsearch #btn-create-show1 {
    margin-left: 45px;
    margin-right: 45px; }
  #search #sort_by_chosen a,
  #newsearch #sort_by_chosen a {
    display: none; }
  #search #sort_by_chosen .chosen-drop,
  #newsearch #sort_by_chosen .chosen-drop {
    margin: -16px 0 0 -11px !important; }
  #search #sort_by_chosen .chosen-results,
  #newsearch #sort_by_chosen .chosen-results {
    margin: 0 0px 4px 0;
    padding: 0; }
  #search .facet a.direction,
  #newsearch .facet a.direction {
    font-size: 26px;
    padding: 0;
    margin: 0 5px 0 0;
    line-height: 0;
    color: white; }

#newsearch {
  /* facets */ }
  #newsearch button {
    outline: 0px;
    border: 0px; }
  #newsearch .page-header {
    *zoom: 1;
    margin: 0 0 10px 0;
    position: relative; }
    #newsearch .page-header:before, #newsearch .page-header:after {
      content: " ";
      display: table; }
    #newsearch .page-header:after {
      clear: both; }
  #newsearch .sorting {
    margin: 0 0 18px 0; }
    #newsearch .sorting div.input-wrapper {
      position: relative; }
      #newsearch .sorting div.input-wrapper .query-input {
        border-radius: 4px;
        width: 100%;
        outline: 0px;
        border: 0px;
        padding: 10px;
        padding-left: 10px;
        padding-right: 20px;
        font-size: 17px;
        font-family: museo-sans;
        font-weight: 300;
        border: 1px solid #6a6a6a;
        box-sizing: border-box; }
      #newsearch .sorting div.input-wrapper .magnifying-glass {
        cursor: hand;
        cursor: pointer;
        right: 14px;
        bottom: 10px;
        position: absolute; }
    #newsearch .sorting .btn-filter {
      display: none;
      background: none;
      color: #299BCF;
      font-size: 16px;
      padding: 0; }
  #newsearch #search-page .sort-filter {
    position: absolute;
    bottom: 0;
    right: 0; }
  #newsearch #search-page .tags-container {
    margin: 7px 0 10px 0;
    max-height: 60px;
    overflow: hidden; }
  #newsearch div.result-container {
    box-sizing: border-box; }
  #newsearch .col-1 {
    width: 16.3%;
    background: #FFF;
    float: left;
    box-sizing: border-box; }
  #newsearch .col-2 {
    width: 62.9%;
    background: #FFF;
    float: left;
    padding: 0px 44px;
    box-sizing: border-box; }
  #newsearch .col-3 {
    width: 20.8%;
    background: #FFF;
    float: left;
    box-sizing: border-box; }
    #newsearch .col-3 img {
      padding-bottom: 12px; }
  #newsearch .col-1 h1 {
    font-size: 22px;
    font-weight: 500;
    font-family: "museo-sans",sans-serif; }
  #newsearch h2 {
    font-size: 16px;
    font-weight: 500;
    font-family: "museo-sans",sans-serif;
    margin: 0px; }
  #newsearch .spinner {
    display: none;
    text-align: center;
    padding-top: 20px; }
  #newsearch ul.search-filters {
    list-style-type: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
    margin-top: 14px; }
    #newsearch ul.search-filters li {
      position: relative;
      border-bottom: 1px solid #d7d8df;
      margin-top: 20px;
      margin-bottom: 18px;
      overflow: hidden;
      padding-bottom: 20px; }
      #newsearch ul.search-filters li .arrow {
        background: url("/images/search/down-arrow.png");
        background-repeat: no-repeat;
        width: 10px;
        height: 6px;
        position: absolute;
        right: 0px;
        top: 9px;
        -webkit-transition: -webkit-transform 0.4s;
        transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
        transition: transform 0.4s, -webkit-transform 0.4s; }
        #newsearch ul.search-filters li .arrow.collapsed {
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg); }
  #newsearch button.blue-down-arrow {
    background: url("/images/search/blue-down-arrow.png");
    background-repeat: no-repeat;
    width: 10px;
    height: 6px;
    position: absolute;
    right: -24px;
    top: 9px; }
  #newsearch div.results-header {
    border-bottom: 1px solid #d7d8df;
    margin-top: 34px;
    padding-bottom: 11px;
    font-size: 14px;
    position: relative;
    *zoom: 1; }
    #newsearch div.results-header:before, #newsearch div.results-header:after {
      content: " ";
      display: table; }
    #newsearch div.results-header:after {
      clear: both; }
    #newsearch div.results-header .label {
      font-size: 22px;
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  #newsearch #results-details {
    margin: 0;
    width: 100%;
    padding: 0; }
    #newsearch #results-details .results {
      font-size: 22px;
      font-weight: 400; }
    #newsearch #results-details .facet {
      color: #fff; }
      #newsearch #results-details .facet .close {
        font-family: myriad-pro;
        color: #FFF;
        top: 8px;
        -webkit-transform: scale(1.5, 1);
                transform: scale(1.5, 1);
        font-size: 16px; }
  #newsearch span.keyword-warning {
    color: #666;
    margin-left: 10px;
    margin-top: 10px;
    display: inline-block; }
  #newsearch span.result-summary {
    font-family: "museo-sans";
    font-size: 16px;
    display: none;
    float: left;
    width: 60%; }
  #newsearch span.facet-link {
    display: block;
    cursor: hand;
    cursor: pointer; }
  #newsearch div.facet-links {
    overflow: hidden;
    position: relative;
    max-height: 160px; }
  #newsearch div.facet-links.collapsed {
    max-height: 0px; }
  #newsearch .more, #newsearch .less {
    color: #0d86be;
    font-weight: 500;
    cursor: hand;
    cursor: pointer;
    display: none; }
  #newsearch .hasMore + .more {
    display: inline; }
  @media (max-width: 767px) {
    #newsearch .page-contents {
      overflow: hidden; }
    #newsearch section[role="main"],
    #newsearch section[role="navigation"] {
      -webkit-transition: 500ms transform ease, 500ms left ease;
      transition: 500ms transform ease, 500ms left ease; }
    #newsearch .col-1 {
      position: absolute;
      width: 200px;
      left: -200px; }
      #newsearch .col-1.expanded {
        left: 20px; }
    #newsearch .col-2 {
      width: 100%;
      background: #FFF;
      float: left;
      padding: 0; }
      #newsearch .col-2.expanded {
        -webkit-transform: translate3d(240px, 0, 0);
                transform: translate3d(240px, 0, 0); }
    #newsearch .col-3 {
      display: none; }
    #newsearch .sorting div.input-wrapper {
      width: 56%;
      margin: 0 0 0 20px; }
      #newsearch .sorting div.input-wrapper .query-input {
        width: 100%;
        box-sizing: border-box; }
      #newsearch .sorting div.input-wrapper .magnifying-glass {
        right: 12px; }
    #newsearch .sorting .btn-filter {
      display: inline-block; } }

/* -----------------------------------------*/
/* ---------->>> LANDING SECTION <<<-----------*/
/* -----------------------------------------*/
#login-search .header-search-wrapper,
#login-search #header-signup {
  display: none; }

#login-search #nav-wrapper {
  border-bottom: none; }

#login-search .video-frame {
  background: white; }

#login-search .video-wrapper {
  padding-bottom: 55.25%; }

#login-search #footer .social-links a {
  padding: 0 7px; }

#login-search #footer .social-links a img {
  vertical-align: middle; }

/* ----------------------------------------------*/
/* ---------->>> EVENT RESULTS SECTION <<<-----------*/
/* ----------------------------------------------*/
#event-results {
  min-height: 1050px;
  min-width: 0;
  *zoom: 1;
  color: #fff; }
  #event-results:before, #event-results:after {
    content: " ";
    display: table; }
  #event-results:after {
    clear: both; }
  #event-results .container {
    padding: 0 20px;
    margin: 0 auto;
    max-width: 1200px;
    min-width: 320px; }
  #event-results #event-results-header {
    *zoom: 1;
    padding: 0 20px;
    margin: 0 auto;
    max-width: 1200px;
    min-width: 320px;
    padding: 0 0 20px; }
    #event-results #event-results-header:before, #event-results #event-results-header:after {
      content: " ";
      display: table; }
    #event-results #event-results-header:after {
      clear: both; }
    #event-results #event-results-header #option-btns {
      float: right; }
    #event-results #event-results-header #btn-create-jam {
      vertical-align: middle;
      font-weight: normal;
      font-size: 20px;
      padding: 10px 20px;
      margin: 0 0 0 30px; }
    #event-results #event-results-header #btn-hide-filters {
      display: inline-block;
      vertical-align: middle;
      background: none;
      border: none;
      color: #299BCF;
      padding: 0;
      font-size: 20px; }
    #event-results #event-results-header .title {
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-weight: 300;
      font-size: 32px;
      display: inline-block;
      position: relative;
      color: #ff5a01; }
      #event-results #event-results-header .title .beta {
        font-size: 16px;
        position: absolute;
        right: -35px;
        top: -14px;
        letter-spacing: .5px; }
  #event-results .gutter-sizer {
    width: 3.3%; }
  #event-results .images-loading .tile {
    margin-right: 3.3%; }
  #event-results .tile {
    background: #ebebeb;
    border: 1px solid #666;
    color: #333;
    box-sizing: border-box;
    width: 22.5%;
    margin-bottom: 3.3%;
    float: left; }
    #event-results .tile:nth-of-type(4n) {
      margin-right: 0; }
    #event-results .tile .featured-image img {
      width: 100%;
      display: block; }
    #event-results .tile header {
      background: #4f5356;
      color: #fff;
      padding: 15px;
      *zoom: 1; }
      #event-results .tile header:before, #event-results .tile header:after {
        content: " ";
        display: table; }
      #event-results .tile header:after {
        clear: both; }
      #event-results .tile header .title {
        font-size: 20px;
        margin: 0 0 5px 0;
        font-family: "myriad-pro", Arial, sans-serif;
        color: #fff; }
        #event-results .tile header .title a {
          color: #fff; }
      #event-results .tile header .room-left {
        font-size: 18px;
        color: #ccc;
        margin: 0;
        float: left; }
      #event-results .tile header .common-btn {
        float: right;
        background: #1692cc;
        font-size: 16px;
        font-weight: 400;
        padding: 0 10px 3px 10px;
        margin-bottom: 0;
        line-height: 1;
        text-transform: lowercase; }
    #event-results .tile .details {
      padding: 10px 15px 30px 15px;
      word-wrap: break-word; }
      #event-results .tile .details .date {
        font-weight: 400;
        margin: 0 0 5px 0; }
      #event-results .tile .details .desc {
        font-size: 14px; }
      #event-results .tile .details .location {
        font-size: 14px;
        color: #333; }
    #event-results .tile .member-card .info {
      margin-left: 60px; }
    #event-results .tile .member-card .mediaholder {
      margin-right: 0; }
    #event-results .tile .member-card .module-share {
      position: absolute;
      bottom: 5px;
      right: 10px; }
      #event-results .tile .member-card .module-share a {
        color: #666;
        font-size: 18px;
        margin-left: 10px; }
        #event-results .tile .member-card .module-share a:hover {
          color: #299BCF; }
        #event-results .tile .member-card .module-share a .count {
          font-size: 14px;
          position: relative;
          top: -2px; }
  @media (max-width: 767px) {
    #event-results .tile {
      width: 48.35%; }
      #event-results .tile:nth-of-type(2n) {
        margin-right: 0; } }
  @media (max-width: 480px) {
    #event-results .tile {
      width: 100%; }
    #event-results .gutter-sizer {
      width: 0; }
    #event-results #event-results-header .results {
      margin: 4px 0 0 0;
      font-size: 16px;
      float: right;
      padding: 0; }
    #event-results #event-results-header .title {
      font-size: 24px; }
      #event-results #event-results-header .title .beta {
        right: 0;
        top: -17px;
        font-size: 14px; } }

/* -----------------------------------------*/
/* ---------->>> EVENTS SECTION <<<------------*/
/* -----------------------------------------*/
#event-section {
  /*CREATE A JAM*/
  /*PUBLIC EVENT*/
  /*JAM FAQS*/ }
  #event-section .page-contents {
    padding: 0;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    overflow: hidden; }
  #event-section .jam-faq .faq-title {
    font-size: 24px; }
  #event-section #primary {
    max-width: 650px;
    padding: 35px 20px;
    margin: 0 auto;
    font-size: 18px; }
    #event-section #primary.create-a-jam {
      color: #666; }
      #event-section #primary.create-a-jam h2 {
        color: #333; }
    #event-section #primary header {
      position: relative; }
      #event-section #primary header .header-link {
        color: #299BCF;
        text-decoration: none;
        position: absolute;
        top: 10px;
        right: 0; }
        #event-section #primary header .header-link:hover {
          text-decoration: underline; }
    #event-section #primary .section-title {
      color: #ff5a01;
      font-size: 30px;
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      margin: 0 0 10px 0;
      text-align: left;
      font-weight: 300; }
    #event-section #primary .intro {
      font-size: 20px;
      margin-top: 0;
      font-weight: 400; }
      #event-section #primary .intro strong {
        font-weight: 600; }
  #event-section #module-creator {
    margin-top: -160px;
    font-size: 18px; }
  #event-section #banner {
    border-bottom: 1px solid #25262a;
    min-height: 270px;
    background: url("../images/banner-events.jpg") no-repeat 0 bottom;
    background-size: cover;
    text-align: center;
    color: #fff;
    padding: 0 20px; }
    @media (min-width: 1400px) {
      #event-section #banner {
        background-position: 0 -63px; } }
    #event-section #banner .banner-title {
      font-size: 40px;
      font-weight: 100;
      padding: 25px 0 16px 0; }
    #event-section #banner p {
      margin: 0 0 45px 0;
      font-size: 24px;
      font-weight: 300; }
    #event-section #banner #create-event-steps {
      display: inline-block;
      padding: 0;
      font-size: 20px;
      border-top: 3px solid #ff5a01; }
      #event-section #banner #create-event-steps li {
        display: inline-block;
        margin-right: 220px;
        margin-top: -34px;
        vertical-align: middle; }
        #event-section #banner #create-event-steps li:first-child {
          margin-left: -30px; }
        #event-section #banner #create-event-steps li:last-child {
          margin-right: -20px; }
        #event-section #banner #create-event-steps li .num {
          display: inline-block;
          line-height: 47px;
          font-size: 24px;
          color: #666;
          background: #fff;
          font-family: "museo-sans", Arial, sans-serif;
          border-radius: 50%;
          width: 50px;
          height: 50px;
          border: 3px solid #ff5a01;
          box-sizing: border-box; }
        #event-section #banner #create-event-steps li .txt {
          display: block;
          padding-top: 5px;
          font-weight: 300; }
        #event-section #banner #create-event-steps li.active {
          margin-top: -33px; }
          #event-section #banner #create-event-steps li.active .num {
            color: #ff5a01;
            width: 63px;
            height: 63px;
            line-height: 59px;
            font-size: 30px; }
        #event-section #banner #create-event-steps li.complete .num {
          color: #ff5a01; }
  #event-section .common-frm-alt .common-ta,
  #event-section .common-frm-alt input[type="text"],
  #event-section .common-frm-alt .regular-checkbox + label,
  #event-section .common-frm-alt .smallprint {
    color: #666; }
  #event-section .common-frm-alt .regular-checkbox + label.label-approve {
    margin-right: 32px; }
  #event-section .common-frm-alt .chosen-container.chosen-container-single .chosen-single {
    color: #666 !important; }
  #event-section .common-frm-alt p {
    margin-top: 0; }
    #event-section .common-frm-alt p.instruction {
      font-size: 18px;
      color: #666; }
    #event-section .common-frm-alt p.txt-cancel {
      font-size: 18px;
      color: #666; }
  #event-section .common-frm-alt h2 {
    display: inline-block; }
  #event-section .common-frm-alt .field-wrap label.error {
    position: static;
    text-transform: none;
    font-size: 16px; }
  #event-section .common-frm-alt #events-phone {
    width: 48.5%;
    float: left;
    margin-right: 3%; }
  #event-section .common-frm-alt #events_country_chosen {
    width: 48.5% !important;
    float: left; }
  #event-section .common-frm-alt #events-song {
    width: 86%;
    float: left;
    margin: 0 8px 5px 0; }
  #event-section .common-frm-alt #events-address {
    height: 52px; }
  #event-section .common-frm-alt #events-song-list {
    height: 73px; }
  #event-section .common-frm-alt input[type=file] {
    opacity: 0;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
    border: none;
    width: 79px;
    position: absolute;
    left: 0; }
  #event-section .common-frm-alt #events_soundcloud_chosen {
    width: 86% !important;
    float: left;
    margin-right: 8px; }
  #event-section .common-frm-alt .button-upload,
  #event-section .common-frm-alt .button-upload-square {
    background: #0d86be;
    font-weight: normal;
    padding: 6px 0;
    margin: 3px 0 0 0;
    border-radius: 5px;
    cursor: pointer;
    height: 21px;
    width: 79px;
    font-size: 16px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    border: none;
    display: block;
    float: left; }
    .edit-mode #event-section .common-frm-alt .button-upload, .edit-mode
    #event-section .common-frm-alt .button-upload-square {
      margin-top: 10px; }
    #event-section .common-frm-alt .button-upload:hover,
    #event-section .common-frm-alt .button-upload-square:hover {
      text-decoration: none; }
  #event-section .common-frm-alt #events-video {
    width: 86%;
    float: left;
    margin-right: 8px; }
    @media (max-width: 768px) {
      #event-section .common-frm-alt #events-video {
        width: 100%; } }
  #event-section .common-frm-alt .form-group-h .button-upload-square {
    width: 27px;
    height: 27px;
    line-height: 27px;
    padding: 0;
    position: static; }
  #event-section .common-frm-alt .text-wrap {
    *zoom: 1;
    clear: both;
    padding: 20px 0 0 0; }
    #event-section .common-frm-alt .text-wrap:before, #event-section .common-frm-alt .text-wrap:after {
      content: " ";
      display: table; }
    #event-section .common-frm-alt .text-wrap:after {
      clear: both; }
    #event-section .common-frm-alt .text-wrap .uppercase {
      font-weight: 600;
      font-size: 15px; }
  #event-section .common-frm-alt .char-checkbox {
    display: none; }
    #event-section .common-frm-alt .char-checkbox + label {
      display: inline-block;
      cursor: pointer;
      position: relative;
      padding-left: 0;
      margin: 0 11px 15px 0;
      font-size: 16px;
      vertical-align: middle; }
      #event-section .common-frm-alt .char-checkbox + label .txt {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        color: #fff;
        font-size: 24px;
        font-weight: 300; }
    #event-section .common-frm-alt .char-checkbox + label:hover .txt {
      display: inline; }
    #event-section .common-frm-alt .char-checkbox + label:before {
      content: "";
      display: inline-block;
      width: 113px;
      height: 113px;
      margin: 0;
      position: static;
      left: 0;
      bottom: 0;
      border-radius: 6px;
      background: #666 url("../images/sprite-location-characteristics.png") no-repeat 0 0;
      vertical-align: middle;
      box-sizing: border-box; }
    #event-section .common-frm-alt .char-checkbox:checked + label:before {
      background-color: #fff;
      border: 2px solid #666; }
    #event-section .common-frm-alt .char-checkbox:checked + label:hover .txt {
      display: none; }
    #event-section .common-frm-alt .char-checkbox#char-pa + label .txt {
      left: 40px;
      top: 40px; }
    #event-section .common-frm-alt .char-checkbox#char-pa + label:before {
      background-position: 30px 25px; }
    #event-section .common-frm-alt .char-checkbox#char-pa + label:hover:before {
      background-position: 30px -75px; }
    #event-section .common-frm-alt .char-checkbox#char-pa:checked + label:before {
      background-position: 28px -177px; }
    #event-section .common-frm-alt .char-checkbox#char-guitar-amp + label .txt {
      left: 28px;
      top: 28px; }
    #event-section .common-frm-alt .char-checkbox#char-guitar-amp + label:before {
      background-position: 20px -275px; }
    #event-section .common-frm-alt .char-checkbox#char-guitar-amp + label:hover:before {
      background-position: 20px -375px; }
    #event-section .common-frm-alt .char-checkbox#char-guitar-amp:checked + label:before {
      background-position: 18px -477px; }
    #event-section .common-frm-alt .char-checkbox#char-bass-amp + label:before {
      background-position: 22px -582px; }
    #event-section .common-frm-alt .char-checkbox#char-bass-amp + label:hover:before {
      background-position: 22px -682px; }
    #event-section .common-frm-alt .char-checkbox#char-bass-amp:checked + label:before {
      background-position: 20px -784px; }
    #event-section .common-frm-alt .char-checkbox#char-bass-amp + label .txt {
      left: 34px;
      top: 25px; }
    #event-section .common-frm-alt .char-checkbox#char-drum-set + label:before {
      background-position: 19px -882px; }
    #event-section .common-frm-alt .char-checkbox#char-drum-set + label:hover:before {
      background-position: 19px -982px; }
    #event-section .common-frm-alt .char-checkbox#char-drum-set:checked + label:before {
      background-position: 16px -1084px; }
    #event-section .common-frm-alt .char-checkbox#char-drum-set + label .txt {
      left: 34px;
      top: 25px; }
    #event-section .common-frm-alt .char-checkbox#char-keyboard + label:before {
      background-position: 22px -1177px; }
    #event-section .common-frm-alt .char-checkbox#char-keyboard + label:hover:before {
      background-position: 22px -1277px; }
    #event-section .common-frm-alt .char-checkbox#char-keyboard:checked + label:before {
      background-position: 20px -1379px; }
    #event-section .common-frm-alt .char-checkbox#char-keyboard + label .txt {
      left: 9px;
      top: 40px; }
    #event-section .common-frm-alt .char-checkbox#char-parking + label:before {
      background-position: 31px -1473px; }
    #event-section .common-frm-alt .char-checkbox#char-parking + label:hover:before {
      background-position: 31px -1573px; }
    #event-section .common-frm-alt .char-checkbox#char-parking:checked + label:before {
      background-position: 29px -1675px; }
    #event-section .common-frm-alt .char-checkbox#char-parking + label .txt {
      left: 21px;
      top: 40px; }
    #event-section .common-frm-alt .char-checkbox#char-public-trans + label:before {
      background-position: 28px -1779px; }
    #event-section .common-frm-alt .char-checkbox#char-public-trans + label:hover:before {
      background-position: 28px -1879px; }
    #event-section .common-frm-alt .char-checkbox#char-public-trans:checked + label:before {
      background-position: 26px -1979px; }
    #event-section .common-frm-alt .char-checkbox#char-public-trans + label .txt {
      left: 28px;
      top: 28px; }
    #event-section .common-frm-alt .char-checkbox#char-smoke-free + label:before {
      background-position: 18px -2081px; }
    #event-section .common-frm-alt .char-checkbox#char-smoke-free + label:hover:before {
      background-position: 18px -2181px; }
    #event-section .common-frm-alt .char-checkbox#char-smoke-free:checked + label:before {
      background-position: 16px -2283px; }
    #event-section .common-frm-alt .char-checkbox#char-smoke-free + label .txt {
      left: 28px;
      top: 28px; }
    #event-section .common-frm-alt .char-checkbox#char-alcohol-free + label:before {
      background-position: 18px -2381px; }
    #event-section .common-frm-alt .char-checkbox#char-alcohol-free + label:hover:before {
      background-position: 18px -2481px; }
    #event-section .common-frm-alt .char-checkbox#char-alcohol-free:checked + label:before {
      background-position: 16px -2583px; }
    #event-section .common-frm-alt .char-checkbox#char-alcohol-free + label .txt {
      left: 18px;
      top: 28px; }
    #event-section .common-frm-alt .char-checkbox#char-drug-free + label:before {
      background-position: 18px -2681px; }
    #event-section .common-frm-alt .char-checkbox#char-drug-free + label:hover:before {
      background-position: 18px -2781px; }
    #event-section .common-frm-alt .char-checkbox#char-drug-free:checked + label:before {
      background-position: 16px -2883px; }
    #event-section .common-frm-alt .char-checkbox#char-drug-free + label .txt {
      left: 28px;
      top: 28px; }
  #event-section .common-frm-alt .module-location-cover .uploadimage-dragndrop {
    width: 196px;
    height: 196px;
    border: 1px solid #cecece;
    color: #fff; }
    #event-section .common-frm-alt .module-location-cover .uploadimage-dragndrop .fileupload-wrapper {
      color: #fff; }
    #event-section .common-frm-alt .module-location-cover .uploadimage-dragndrop .uploadimage-text {
      margin-top: 128px; }
    #event-section .common-frm-alt .module-location-cover .uploadimage-dragndrop .uploadedimage {
      left: 0;
      top: 0; }
  #event-section .common-frm-alt .module-location-cover .location-cover-wrap {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
  #event-section .common-frm-alt .module-location-cover .controls {
    background: #353535;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 10px 5px 10px;
    z-index: 102; }
    #event-section .common-frm-alt .module-location-cover .controls .common-icon {
      font-size: 18px; }
  #event-section .common-frm-alt #share_link_chosen, #event-section .common-frm-alt #registration-soundcloud {
    width: 86%;
    float: left;
    margin: 0 8px 5px 0; }
  #event-section .common-frm-alt ::-webkit-input-placeholder {
    color: #666; }
  #event-section .common-frm-alt :-moz-placeholder {
    color: #666; }
  #event-section .common-frm-alt ::-moz-placeholder {
    color: #666; }
  #event-section .common-frm-alt :-ms-input-placeholder {
    color: #666; }
  #event-section .common-frm-alt .chosen-container.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    font-family: "myriad-pro", Arial, sans-serif; }
  #event-section #events-step-2 label.error,
  #event-section #events-step-3 label.error {
    margin-left: 0; }
  #event-section .tabs {
    background: #3e3e3e;
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 22px;
    font-family: "museo-sans", Arial, sans-serif; }
    #event-section .tabs li {
      display: inline-block;
      position: relative;
      padding: 14px 80px; }
      #event-section .tabs li a {
        color: #299BCF;
        text-decoration: none; }
        #event-section .tabs li a:hover, #event-section .tabs li a.active {
          color: #fff; }
        #event-section .tabs li a .fa {
          position: absolute;
          bottom: -7px;
          left: 50%;
          margin-left: -11px; }
  #event-section #public-event-banner {
    min-height: 170px;
    padding: 40px 0;
    background: #3b3c41;
    box-sizing: border-box;
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
    .edit-mode #event-section #public-event-banner {
      padding-bottom: 20px; }
    #event-section #public-event-banner .title,
    #event-section #public-event-banner .location,
    #event-section #public-event-banner .date {
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-weight: 200;
      margin: 0 0 0 26.8%; }
    #event-section #public-event-banner .title {
      font-size: 36px;
      font-weight: 300; }
      #event-section #public-event-banner .title .jam-venue {
        font-size: 65%; }
    #event-section #public-event-banner .location {
      font-size: 24px;
      color: #ccc;
      margin-bottom: 5px; }
    #event-section #public-event-banner .date {
      font-size: 20px; }
    #event-section #public-event-banner .edit-fields {
      margin: 0 10% 0 26.8%; }
    #event-section #public-event-banner .field-wrap {
      margin: 0 0 15px 0;
      float: left;
      width: 100%; }
      #event-section #public-event-banner .field-wrap .common-input {
        width: 100%;
        font-size: 16px;
        padding: 5px 10px;
        box-sizing: border-box; }
      #event-section #public-event-banner .field-wrap.field-name {
        width: 50%;
        margin-right: 2%; }
        #event-section #public-event-banner .field-wrap.field-name .common-input {
          font-size: 24px; }
      #event-section #public-event-banner .field-wrap.field-location {
        width: 48%; }
        #event-section #public-event-banner .field-wrap.field-location .common-input {
          font-size: 24px; }
      #event-section #public-event-banner .field-wrap.field-address {
        width: 50%;
        margin-right: 2%; }
      #event-section #public-event-banner .field-wrap.field-city {
        width: 30%;
        margin-right: 2%; }
      #event-section #public-event-banner .field-wrap.field-zip {
        width: 16%; }
      #event-section #public-event-banner .field-wrap.field-state {
        width: 12%;
        margin-right: 2%; }
      #event-section #public-event-banner .field-wrap.field-country, #event-section #public-event-banner .field-wrap.field-date {
        width: 24%;
        margin-right: 2%; }
      #event-section #public-event-banner .field-wrap.field-start-time {
        width: 16%;
        margin-right: 2%; }
      #event-section #public-event-banner .field-wrap.field-end-time {
        width: 16%; }
    #event-section #public-event-banner .common-input,
    #event-section #public-event-banner .chosen-container {
      background: #999;
      border: 1px solid #ccc;
      border-radius: 4px;
      color: #fff; }
    #event-section #public-event-banner .common-input.hasDatepicker {
      background: #999 url(../images/icon-datepicker-white.png) no-repeat right 6px; }
    #event-section #public-event-banner .chosen-container {
      line-height: 1;
      padding: 2.5px 10px;
      font-size: 16px;
      box-sizing: border-box; }
      #event-section #public-event-banner .chosen-container .chosen-single {
        margin-right: 0; }
        #event-section #public-event-banner .chosen-container .chosen-single span {
          font-weight: normal; }
      #event-section #public-event-banner .chosen-container .chosen-drop {
        background: #999;
        border: 1px solid #ccc; }
    #event-section #public-event-banner .chosen-container-single .chosen-single div {
      width: 30px; }
      #event-section #public-event-banner .chosen-container-single .chosen-single div b:after {
        content: url("../images/images-original-app/down_arrow.png");
        top: -4px;
        left: 23px !important; }
    #event-section #public-event-banner .chosen-drop .chosen-results li.active-result:hover, #event-section #public-event-banner .chosen-drop .chosen-results li.highlighted {
      background: #299BCF; }
    #event-section #public-event-banner .chosen-drop .chosen-results li em {
      text-decoration: none; }
  #event-section #public-event {
    color: #666;
    padding: 0 20px;
    margin: 0 auto;
    max-width: 1200px;
    min-width: 320px;
    min-width: auto;
    min-height: 850px;
    *zoom: 1; }
    #event-section #public-event:before, #event-section #public-event:after {
      content: " ";
      display: table; }
    #event-section #public-event:after {
      clear: both; }
    #event-section #public-event .bio {
      margin: 30px 0; }
    #event-section #public-event .common-module {
      min-height: 0; }
      #event-section #public-event .common-module#songs-list {
        margin-bottom: 20px; }
      #event-section #public-event .common-module#video-list {
        margin-bottom: 30px; }
        #event-section #public-event .common-module#video-list .featured-embed {
          margin: 20px 0; }
        .edit-mode #event-section #public-event .common-module#video-list {
          margin-bottom: 25px; }
    #event-section #public-event .common-hr {
      background: #d7d8df; }
    #event-section #public-event .module-title {
      color: #333; }
    #event-section #public-event .common-frm-alt .alias a {
      color: #ff5a01; }
    #event-section #public-event .link-more {
      margin-bottom: 20px; }
    #event-section #public-event #col-1 {
      width: 26.8%;
      padding-right: 6.8%; }
    #event-section #public-event #col-2 {
      width: 55.3%;
      padding-right: 4.2%;
      padding-top: 20px; }
    #event-section #public-event #col-3 {
      float: right;
      width: 14.7%;
      padding-top: 100px; }
      #event-section #public-event #col-3 .link-cancel {
        font-size: 14px;
        font-family: "museo-sans", Arial, sans-serif;
        color: #299BCF; }
      #event-section #public-event #col-3 .list-stats {
        text-align: center;
        font-size: 18px;
        font-family: "museo-sans", Arial, sans-serif;
        padding: 0;
        margin: 0 0 10px 0;
        list-style: none; }
        #event-section #public-event #col-3 .list-stats li {
          border-top: 1px dotted #666;
          padding: 10px 0;
          position: relative; }
          #event-section #public-event #col-3 .list-stats li:first-child {
            border-top: none; }
          #event-section #public-event #col-3 .list-stats li em {
            font-style: italic;
            font-size: 14px;
            color: #ff5a01; }
          #event-section #public-event #col-3 .list-stats li strong {
            font-weight: 700; }
          #event-section #public-event #col-3 .list-stats li a {
            color: #299BCF;
            font-size: 18px;
            font-weight: 400; }
          #event-section #public-event #col-3 .list-stats li#what-happens-next {
            cursor: pointer;
            position: relative; }
          #event-section #public-event #col-3 .list-stats li p {
            text-align: left; }
        #event-section #public-event #col-3 .list-stats.list-stats-private li {
          border: none;
          padding: 5px 0; }
    #event-section #public-event .comment-thread {
      padding: 0;
      background: none; }
      #event-section #public-event .comment-thread .comments li {
        margin-bottom: 10px;
        border-bottom: none;
        background: #f6f6f6;
        padding: 10px; }
    #event-section #public-event .common-frm-alt #events-song,
    #event-section #public-event .common-frm-alt #share_link_chosen,
    #event-section #public-event .common-frm-alt #registration-soundcloud,
    #event-section #public-event .common-frm-alt #events-video {
      width: 100% !important;
      margin: 0 0 3px 0; }
  #event-section #module-more-jams a,
  #event-section #module-previous-jams a {
    color: #299BCF; }
  #event-section #module-share {
    *zoom: 1;
    margin-bottom: 40px; }
    #event-section #module-share:before, #event-section #module-share:after {
      content: " ";
      display: table; }
    #event-section #module-share:after {
      clear: both; }
    #event-section #module-share header {
      float: left; }
    #event-section #module-share .module-title {
      font-size: 20px;
      float: left;
      font-family: "myriad-pro", Arial, sans-serif;
      font-weight: 400;
      padding: 6px 0 0 0; }
    #event-section #module-share .icon-arrow {
      float: left;
      font-size: 28px;
      padding: 0 10px; }
  #event-section .module-players .member-card,
  #event-section #module-players .member-card {
    width: 50%;
    float: left;
    padding-right: 10px;
    position: relative;
    margin: 0 0 15px 0; }
    #event-section .module-players .member-card .alias,
    #event-section #module-players .member-card .alias {
      margin-bottom: 0; }
  #event-section .module-players h2,
  #event-section #module-players h2 {
    margin-bottom: 13px; }
  #event-section .module-players.module-players-pending .common-hr,
  #event-section #module-players.module-players-pending .common-hr {
    margin: -20px 0 15px 0; }
  #event-section .module-players.player-view .member-card,
  #event-section #module-players.player-view .member-card {
    width: 100%;
    padding-right: 0;
    float: none; }
    #event-section .module-players.player-view .member-card .action-btns,
    #event-section #module-players.player-view .member-card .action-btns {
      position: absolute;
      top: 17px;
      right: 0; }
  #event-section .module-players .btn-comment,
  #event-section .module-players .btn-text,
  #event-section #module-players .btn-comment,
  #event-section #module-players .btn-text {
    border: none;
    background: none;
    padding: 0;
    vertical-align: middle;
    margin-left: 20px;
    color: #898888;
    font-size: 14px; }
    #event-section .module-players .btn-comment:hover,
    #event-section .module-players .btn-text:hover,
    #event-section #module-players .btn-comment:hover,
    #event-section #module-players .btn-text:hover {
      color: #299BCF; }
      #event-section .module-players .btn-comment:hover .fa,
      #event-section .module-players .btn-text:hover .fa,
      #event-section #module-players .btn-comment:hover .fa,
      #event-section #module-players .btn-text:hover .fa {
        color: #299BCF; }
    #event-section .module-players .btn-comment .fa,
    #event-section .module-players .btn-text .fa,
    #event-section #module-players .btn-comment .fa,
    #event-section #module-players .btn-text .fa {
      font-size: 20px;
      margin-right: 5px;
      color: #666;
      position: relative;
      top: 3px; }
  #event-section .module-players .btn-message,
  #event-section #module-players .btn-message {
    float: right; }
  #event-section #module-jam-details {
    font-size: 18px; }
    #event-section #module-jam-details .list-details {
      padding: 0;
      list-style: none; }
      #event-section #module-jam-details .list-details li {
        margin: 0 0 5px 0; }
        #event-section #module-jam-details .list-details li strong {
          color: #333;
          font-weight: 600;
          float: left;
          margin: 0 10px 0 0; }
    #event-section #module-jam-details h3 {
      margin: 0;
      font-weight: 600;
      color: #333;
      font-size: 18px; }
    #event-section #module-jam-details .list-amenities {
      list-style: none;
      padding: 0; }
      #event-section #module-jam-details .list-amenities .common-icon.show-on-edit {
        color: #333;
        position: absolute;
        top: 0;
        right: 3px;
        z-index: 1;
        line-height: 1; }
      #event-section #module-jam-details .list-amenities li {
        content: "";
        display: block;
        float: left;
        width: 113px;
        height: 113px;
        margin: 0 8px 8px 0;
        position: relative;
        border-radius: 6px;
        background: #fff url("../images/sprite-location-characteristics.png") no-repeat 0 0;
        vertical-align: middle;
        box-sizing: border-box;
        color: #fff;
        text-align: center;
        border: 2px solid #666; }
        #event-section #module-jam-details .list-amenities li .txt {
          position: absolute;
          left: -999em;
          width: 100%;
          height: 100%;
          display: block;
          font-size: 24px;
          font-weight: 300; }
        #event-section #module-jam-details .list-amenities li.add .txt {
          left: -999em !important; }
        #event-section #module-jam-details .list-amenities li.add:hover .txt {
          left: auto !important; }
        #event-section #module-jam-details .list-amenities li.add {
          background-color: #666; }
          #event-section #module-jam-details .list-amenities li.add .common-icon.show-on-edit {
            color: #fff; }
        #event-section #module-jam-details .list-amenities li:hover {
          background-color: #666; }
          #event-section #module-jam-details .list-amenities li:hover .common-icon.show-on-edit {
            color: #fff; }
          #event-section #module-jam-details .list-amenities li:hover .txt {
            left: auto; }
        #event-section #module-jam-details .list-amenities li.char-pa {
          background-position: 28px -177px; }
          #event-section #module-jam-details .list-amenities li.char-pa.selected:hover {
            background-position: 30px -75px;
            background-color: #666; }
          #event-section #module-jam-details .list-amenities li.char-pa:hover, #event-section #module-jam-details .list-amenities li.char-pa.add {
            background-position: 30px -75px; }
          #event-section #module-jam-details .list-amenities li.char-pa .txt {
            top: 40px; }
        #event-section #module-jam-details .list-amenities li.char-guitar-amp {
          background-position: 18px -477px; }
          #event-section #module-jam-details .list-amenities li.char-guitar-amp.selected:hover {
            background-position: 20px -375px !important;
            background-color: #666; }
          #event-section #module-jam-details .list-amenities li.char-guitar-amp:hover, #event-section #module-jam-details .list-amenities li.char-guitar-amp.add {
            background-position: 20px -375px; }
          #event-section #module-jam-details .list-amenities li.char-guitar-amp .txt {
            top: 28px; }
        #event-section #module-jam-details .list-amenities li.char-bass-amp {
          background-position: 20px -784px; }
          #event-section #module-jam-details .list-amenities li.char-bass-amp.selected:hover {
            background-position: 22px -682px;
            background-color: #666; }
          #event-section #module-jam-details .list-amenities li.char-bass-amp:hover, #event-section #module-jam-details .list-amenities li.char-bass-amp.add {
            background-position: 22px -682px; }
          #event-section #module-jam-details .list-amenities li.char-bass-amp .txt {
            top: 25px; }
        #event-section #module-jam-details .list-amenities li.char-drum-set {
          background-position: 16px -1084px; }
          #event-section #module-jam-details .list-amenities li.char-drum-set.selected:hover {
            background-position: 19px -982px;
            background-color: #666; }
          #event-section #module-jam-details .list-amenities li.char-drum-set:hover, #event-section #module-jam-details .list-amenities li.char-drum-set.add {
            background-position: 19px -982px; }
          #event-section #module-jam-details .list-amenities li.char-drum-set .txt {
            top: 25px; }
        #event-section #module-jam-details .list-amenities li.char-keyboard {
          background-position: 20px -1379px; }
          #event-section #module-jam-details .list-amenities li.char-keyboard.selected:hover {
            background-position: 22px -1277px;
            background-color: #666; }
          #event-section #module-jam-details .list-amenities li.char-keyboard:hover, #event-section #module-jam-details .list-amenities li.char-keyboard.add {
            background-position: 22px -1277px; }
          #event-section #module-jam-details .list-amenities li.char-keyboard .txt {
            top: 40px; }
        #event-section #module-jam-details .list-amenities li.char-parking {
          background-position: 29px -1675px; }
          #event-section #module-jam-details .list-amenities li.char-parking.selected:hover {
            background-position: 31px -1573px;
            background-color: #666; }
          #event-section #module-jam-details .list-amenities li.char-parking:hover, #event-section #module-jam-details .list-amenities li.char-parking.add {
            background-position: 31px -1573px; }
          #event-section #module-jam-details .list-amenities li.char-parking .txt {
            top: 40px; }
        #event-section #module-jam-details .list-amenities li.char-public-trans {
          background-position: 26px -1979px; }
          #event-section #module-jam-details .list-amenities li.char-public-trans.selected:hover {
            background-position: 28px -1879px;
            background-color: #666; }
          #event-section #module-jam-details .list-amenities li.char-public-trans:hover, #event-section #module-jam-details .list-amenities li.char-public-trans.add {
            background-position: 28px -1879px; }
          #event-section #module-jam-details .list-amenities li.char-public-trans .txt {
            top: 28px; }
        #event-section #module-jam-details .list-amenities li.char-smoke-free {
          background-position: 16px -2283px; }
          #event-section #module-jam-details .list-amenities li.char-smoke-free.selected:hover {
            background-position: 18px -2181px;
            background-color: #666; }
          #event-section #module-jam-details .list-amenities li.char-smoke-free:hover, #event-section #module-jam-details .list-amenities li.char-smoke-free.add {
            background-position: 18px -2181px; }
          #event-section #module-jam-details .list-amenities li.char-smoke-free .txt {
            top: 28px; }
        #event-section #module-jam-details .list-amenities li.char-alcohol-free {
          background-position: 16px -2583px; }
          #event-section #module-jam-details .list-amenities li.char-alcohol-free.selected:hover {
            background-position: 18px -2481px;
            background-color: #666; }
          #event-section #module-jam-details .list-amenities li.char-alcohol-free:hover, #event-section #module-jam-details .list-amenities li.char-alcohol-free.add {
            background-position: 18px -2481px; }
          #event-section #module-jam-details .list-amenities li.char-alcohol-free .txt {
            top: 28px; }
        #event-section #module-jam-details .list-amenities li.char-drug-free {
          background-position: 16px -2883px; }
          #event-section #module-jam-details .list-amenities li.char-drug-free.selected:hover {
            background-position: 18px -2781px;
            background-color: #666; }
          #event-section #module-jam-details .list-amenities li.char-drug-free:hover, #event-section #module-jam-details .list-amenities li.char-drug-free.add {
            background-position: 18px -2781px; }
          #event-section #module-jam-details .list-amenities li.char-drug-free .txt {
            top: 28px; }
        #event-section #module-jam-details .list-amenities li.show-on-edit {
          display: none; }
  #event-section #btn-edit-jam,
  #event-section .join-event-btn {
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 400; }
  #event-section .info-bubble {
    border-radius: 4px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 15px;
    font-size: 14px;
    position: relative;
    background: #fff;
    position: relative;
    z-index: 1;
    /* Required for UP Triangle */
    /* Stroke */
    /* Fill */ }
    #event-section .info-bubble .arrow:before, #event-section .info-bubble .arrow:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-color: transparent;
      border-top: 0; }
    #event-section .info-bubble .arrow:before {
      top: -16px;
      right: 66px;
      /* If 1px darken stroke slightly */
      border-bottom-color: #ccc;
      border-width: 16px; }
    #event-section .info-bubble .arrow:after {
      top: -15px;
      right: 67px;
      border-bottom-color: #fff;
      border-width: 15px; }
    #event-section .info-bubble .module-title {
      font-size: 17px;
      font-weight: 600;
      text-transform: uppercase;
      font-family: "myriad-pro", Arial, sans-serif; }
    #event-section .info-bubble p.icon {
      position: relative;
      padding: 0 0 0 50px;
      min-height: 35px; }
      #event-section .info-bubble p.icon img {
        position: absolute;
        top: 3px;
        left: 0; }
    #event-section .info-bubble#module-rules {
      width: 248px;
      position: absolute;
      right: 0;
      top: 38px;
      display: none; }
    #event-section .info-bubble#module-faq {
      width: 248px;
      position: absolute;
      right: 0;
      top: 38px;
      display: none; }
      #event-section .info-bubble#module-faq dl {
        margin: 0 0 5px 0;
        line-height: 1.3; }
        #event-section .info-bubble#module-faq dl dt {
          font-weight: 600;
          font-size: 16px;
          border-top: 1px dotted #666;
          padding: 18px 0 0 0;
          margin: 0 0 5px 0; }
          #event-section .info-bubble#module-faq dl dt:first-child {
            padding-top: 0;
            border-top: none; }
        #event-section .info-bubble#module-faq dl dd {
          margin: 0;
          padding: 0 0 18px 0; }
  #event-section #module-jams-checklist {
    position: relative;
    margin: 0 0 8px 0;
    cursor: pointer; }
    #event-section #module-jams-checklist #module-faq {
      text-align: left; }
      #event-section #module-jams-checklist #module-faq a {
        color: #299BCF; }
  #event-section .module-collage {
    max-width: 538px;
    *zoom: 1;
    margin-bottom: 16px; }
    #event-section .module-collage:before, #event-section .module-collage:after {
      content: " ";
      display: table; }
    #event-section .module-collage:after {
      clear: both; }
    #event-section .module-collage img {
      display: none;
      max-width: 100%; }
      #event-section .module-collage img.uploaded,
      .edit-mode #event-section .module-collage img {
        display: block; }
    #event-section .module-collage .main {
      float: left;
      width: 268px;
      box-sizing: border-box;
      padding-right: 2px;
      position: relative;
      margin: 0 0 2px 0; }
      #event-section .module-collage .main img {
        display: block; }
    #event-section .module-collage .secondary {
      float: left;
      width: 268px; }
    #event-section .module-collage .additional {
      float: left;
      width: 133px;
      box-sizing: border-box;
      padding: 0 2px 2px 0;
      position: relative; }
      #event-section .module-collage .additional .uploadimage-dragndrop {
        width: 131px;
        height: 133px; }
    #event-section .module-collage .controls {
      background: #353535;
      color: #fff;
      position: absolute;
      top: 0;
      right: 2px;
      padding: 3px 10px 5px 10px;
      z-index: 1; }
      #event-section .module-collage .controls .common-icon {
        font-size: 18px; }
    #event-section .module-collage .uploadimage-dragndrop.show-on-edit {
      display: none; }
    #event-section .module-collage .uploadimage-dragndrop .uploadimage-text {
      margin-top: 26%; }
      #event-section .module-collage .uploadimage-dragndrop .uploadimage-text .plus {
        display: block;
        font-size: 30px; }
  #event-section .song-item {
    border-bottom: none;
    padding: 5px 0; }
    #event-section .song-item button {
      vertical-align: middle;
      float: none;
      margin-right: 10px;
      padding: 0;
      width: 27px;
      height: 27px;
      font-size: 12px; }
    #event-section .song-item .title {
      margin: 0;
      line-height: 1;
      display: inline-block;
      vertical-align: middle;
      font-size: 16px;
      font-weight: 600;
      color: #666;
      width: 82%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .edit-mode #event-section .song-item .title {
        width: 75%; }
    #event-section .song-item .common-icon:before {
      position: relative;
      top: 5px; }
  #event-section .video-item .video-thumb {
    width: 27px;
    height: 21px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px; }
  #event-section #new-videos-list li {
    width: 100%;
    word-wrap: break-word; }
  #event-section .song-item.paused .play-btn,
  #event-section .song-item.playing .pause-btn {
    display: inline-block; }
  #event-section .show-on-edit {
    display: none; }
  #event-section .msg-closed {
    font-size: 20px;
    margin: 0 0 50px 0;
    color: #333; }
  #event-section .common-icon:before {
    font-size: 18px;
    font-weight: 100; }
  #event-section #public-event #col-3 .list-stats li a#cancel-event-participation {
    font-size: 14px; }
  #event-section #primary.jam-faq {
    max-width: 1200px; }
    #event-section #primary.jam-faq a {
      color: #299BCF; }
  @media (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    #event-section #public-event .chosen-rtl .chosen-search input[type="text"],
    #event-section #public-event .chosen-container-single .chosen-single abbr,
    #event-section #public-event .chosen-container-single .chosen-single div b,
    #event-section #public-event .chosen-container-single .chosen-search input[type="text"],
    #event-section #public-event .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    #event-section #public-event .chosen-container .chosen-results-scroll-down span,
    #event-section #public-event .chosen-container .chosen-results-scroll-up span,
    #event-section #public-event-banner .chosen-rtl .chosen-search input[type="text"],
    #event-section #public-event-banner .chosen-container-single .chosen-single abbr,
    #event-section #public-event-banner .chosen-container-single .chosen-single div b,
    #event-section #public-event-banner .chosen-container-single .chosen-search input[type="text"],
    #event-section #public-event-banner .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    #event-section #public-event-banner .chosen-container .chosen-results-scroll-down span,
    #event-section #public-event-banner .chosen-container .chosen-results-scroll-up span {
      background-image: none !important; } }

/*ANY RESPONSIVE AND/OR SCREEN STYLES HERE*/
@media (max-width: 991px) {
  #banner #create-event-steps li {
    margin-right: 120px; }
  .module-players.player-view .member-card .action-btns,
  #module-players.player-view .member-card .action-btns {
    position: static; } }

@media (max-width: 767px) {
  #banner #create-event-steps li {
    margin-right: 50px; }
  .common-frm-alt #events-song {
    width: 100%;
    margin: 0 0 8px 0; }
  .common-frm-alt #events_soundcloud_chosen {
    width: 100% !important;
    margin-right: 0; }
  .common-frm-alt #registration-soundcloud {
    width: 100%; }
  .common-frm-alt .fileupload-wrapper {
    clear: both; }
  .common-frm-alt .button-upload {
    margin: 5px auto 0 auto; }
  .tabs li {
    padding: 14px 50px; }
  #public-event #col-1,
  #public-event #col-2,
  #public-event #col-3,
  #public-event #module-players .member-card {
    width: 100%;
    float: none;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0; }
  #public-event #col-3 {
    padding-top: 0; }
  #module-creator {
    margin-top: 20px; }
    .edit-mode #module-creator {
      margin-top: 0; }
  #public-event-banner {
    margin-bottom: 25px; }
    #public-event-banner .title,
    #public-event-banner .location,
    #public-event-banner .date,
    #public-event-banner .edit-fields {
      margin-left: 0;
      margin-right: 0; }
    #public-event-banner .field-wrap {
      width: 100% !important; }
      #public-event-banner .field-wrap .common-input {
        width: 100%; }
  .info-bubble p {
    text-align: left; }
  .info-bubble#module-faq, .info-bubble#module-rules {
    position: static;
    margin: 10px auto; }
    .info-bubble#module-faq .arrow, .info-bubble#module-rules .arrow {
      display: none; } }

@media (max-width: 767px) and (max-width: 480px) {
  #banner #create-event-steps li {
    margin-right: 10px;
    margin-top: -24px;
    font-size: 16px; }
    #banner #create-event-steps li .num {
      line-height: 31px;
      font-size: 16px;
      width: 35px;
      height: 35px; }
    #banner #create-event-steps li.active {
      margin-top: -24px; }
      #banner #create-event-steps li.active .num {
        width: 45px;
        height: 45px;
        line-height: 40px;
        font-size: 20px; }
  #module-user .module-title {
    clear: both;
    padding: 10px 0 0 0; }
  .tabs li {
    padding: 14px 15px; }
  .common-frm-alt .row-gender {
    width: 100%;
    clear: both;
    margin: 0 0 20px 0; }
  #module-share .module-title {
    font-size: 18px; }
  #module-share .icon-arrow {
    font-size: 24px;
    padding: 0 6px; }
  #module-share .icon-share {
    margin-left: 2px; } }

@media (max-width: 767px) and (max-width: 600px) {
  .row-dob #dob-month, .row-dob #dob_month_chosen,
  .row-dob #dob-day, .row-dob #dob_day_chosen,
  .row-dob #dob-year, .row-dob #dob_year_chosen {
    width: 100% !important;
    margin: 0 0 10px 0; }
  .common-frm-alt #events-video {
    width: 100% !important;
    margin: 0; }
  .tabs {
    font-size: 18px; }
    .tabs li {
      padding: 14px 20px; }
      .tabs li a .fa {
        bottom: -6px; }
  .module-players .btn-comment {
    margin-left: 0; }
  .module-collage .main {
    float: none;
    width: auto; } }

/* -----------------------------------------*/
/* ---------->>> PROFILE SECTION <<<-----------*/
/* -----------------------------------------*/
#profile {
  background: #fff url("../images/gigmor-coverpic-bg-repeat.png") repeat-x 0 0;
  /* temporary styles for demo until main css for this page is not done*/
  /*Responsive Behavior for Cover Photo Masks*/
  /** Header styles **/
  /** Edit cover photo menu **/
  /****************************************************
       ADJUSTS SPACING BETWEEN SECTIONS ON PROFILE PAGE
    *****************************************************/
  /***************************************************/
  /*Media items*/
  /** share popup **/
  /*ANY RESPONSIVE AND/OR SCREEN STYLES HERE*/ }
  #profile .page-contents {
    background: none; }
  #profile .cloudinary-fileupload {
    position: absolute;
    z-index: 10;
    color: white;
    opacity: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    cursor: pointer; }
  #profile .show-item .share,
  #profile .show-item .like,
  #profile .song-item .share,
  #profile .song-item .like {
    cursor: pointer;
    z-index: 1; }
  #profile .show-item .share.shared,
  #profile .show-item .like.liked,
  #profile .song-item .share.shared,
  #profile .song-item .like.liked {
    color: grey !important; }
  #profile .all-link .shared, #profile .all-link .liked {
    color: grey !important; }
  #profile h2 img {
    margin-top: -11px;
    margin-left: 1px; }
  #profile .show-item a {
    text-decoration: none; }
  #profile .action-link.liked i, #profile .news-item-actions .liked i {
    color: #299BCF; }
  #profile #module-connections .news-item .song-item .title {
    font-size: 16px;
    font-weight: 600; }
  #profile img.new-match {
    height: 100px; }
  #profile .viewer-data {
    color: #888;
    font-size: 14px;
    font-family: "myriad-pro",Arial,sans-serif;
    font-weight: 400; }
  #profile .profile-btn.shared {
    background-color: #1692CC; }
  #profile .text-custom-link, #profile .comment-text-link {
    color: #299BCF;
    word-break: break-word; }
  #profile h2 {
    font-weight: 500;
    text-transform: uppercase; }
  #profile #profile-page {
    margin-top: -25px; }
  #profile #profile-header {
    height: 350px;
    width: 100%;
    margin-bottom: 35px;
    position: relative;
    overflow: hidden;
    background: #6C6666; }
    #profile #profile-header #cover-image {
      position: relative; }
  #profile .mask {
    position: absolute;
    width: 35%;
    min-width: 400px;
    height: 350px;
    top: 60px;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover; }
    #profile .mask img {
      width: 100%;
      height: 350px; }
    #profile .mask.right-mask {
      right: 0;
      background-image: url("../images/gigmor-coverpic-right-mask.png");
      background-position: right 0; }
    #profile .mask.left-mask {
      left: 0;
      background-image: url("../images/gigmor-coverpic-left-mask.png");
      background-position: 0 0; }
  #profile a.create-jam {
    float: right;
    font-size: 16px;
    margin-top: -27px;
    color: #299BCF;
    font-family: "museo-sans", Arial, sans-serif;
    font-weight: 500; }
  @media screen and (max-width: 900px) {
    #profile .mask {
      display: none; }
    #profile .page-contents {
      padding-left: 0;
      padding-right: 0; }
      #profile .page-contents #col-1 {
        padding-left: 1.7%;
        width: 19.5%; }
      #profile .page-contents #col-2 {
        width: 43.1%; }
      #profile .page-contents #col-3 {
        padding-right: 1.7%; } }
  #profile .edit-tab, #profile div.edit-photo-btn span {
    display: block;
    padding: 8px 20px; }
    #profile .edit-tab:last-of-type, #profile div.edit-photo-btn span:last-of-type {
      border-top: 1px solid #0b0b0b;
      border-bottom: 1px solid #0b0b0b; }
      #profile .edit-tab:last-of-type:before, #profile div.edit-photo-btn span:last-of-type:before {
        content: url("/public/images/icons/upload-icon.png");
        padding-right: 13px;
        margin-top: 3px;
        display: inline-block;
        vertical-align: middle; }
  #profile ul.edit-photo {
    position: absolute;
    color: white;
    left: 0px;
    top: 35px; }
  #profile ul.edit-cover {
    left: 0px;
    top: 35px;
    width: 100%;
    padding: 0;
    margin: 0 0 12px 0;
    display: none; }
    #profile ul.edit-cover li {
      border-bottom: 1px solid #000; }
      #profile ul.edit-cover li:first-child {
        border-top: 1px solid #000; }
      #profile ul.edit-cover li:last-child {
        border-bottom: none; }
      #profile ul.edit-cover li i {
        position: relative;
        left: -5px; }
  #profile .edit-control-text {
    padding: 10px 50px 10px 20px;
    display: inline-block; }
  #profile .edit-icons {
    display: inline-block;
    margin-left: 7px; }
  #profile div.header-edit-btn {
    cursor: pointer;
    position: absolute;
    z-index: 3;
    color: white;
    font-family: "myriad-pro", Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    background: #393A3D; }
    #profile div.header-edit-btn > i {
      margin-left: 6px; }
    #profile div.header-edit-btn ul.drop-down .icon-image {
      width: 20px;
      height: 20px;
      vertical-align: bottom;
      margin-bottom: 0;
      padding-right: 13px;
      padding-top: 10px;
      display: inline-block; }
    #profile div.header-edit-btn ul.drop-down li {
      padding-left: 20px;
      list-style: none; }
  #profile div.edit-cover-menu {
    top: 150px;
    right: 80px; }
  #profile .header-edit-btn.thumbnail-container {
    background: transparent; }
  #profile div.edit-photo-btn {
    top: 240px;
    left: 35px;
    z-index: 3;
    padding: 0; }
    #profile div.edit-photo-btn .fa {
      font-size: 20px; }
    #profile div.edit-photo-btn i {
      margin-left: 6px; }
    #profile div.edit-photo-btn span {
      background: #393A3D; }
      #profile div.edit-photo-btn span:last-of-type {
        padding: 6px 20px 3px 20px;
        visibility: hidden; }
  #profile div.edit-photo-btn:hover span:last-of-type {
    visibility: visible; }
  #profile div.edit-reposition-btn {
    top: 150px;
    left: 630px;
    padding-right: 20px;
    padding-left: 40px;
    background: rgba(54, 54, 54, 0.54); }
  #profile div.edit-cover-menu:hover ul.edit-cover {
    display: block; }
  #profile #col-1 {
    width: 21.2%;
    margin-right: 3.8%; }
    #profile #col-1 h2 {
      font-family: "museo-sans", Arial, sans-serif;
      font-size: 18px;
      font-weight: 700; }
  #profile #col-2 {
    width: 44.8%; }
    #profile #col-2 .song-item button {
      float: left;
      width: auto;
      height: auto;
      font-size: 12px;
      background: initial; }
      #profile #col-2 .song-item button i {
        background: #F60;
        height: 27px;
        width: 27px;
        position: initial;
        border-radius: 50%;
        line-height: 26px; }
        #profile #col-2 .song-item button i.play-btn {
          background: url(../images/icons/play-btn.png) no-repeat; }
        #profile #col-2 .song-item button i.pause-btn {
          background: url(../images/icons/pause-btn.png) no-repeat; }
    #profile #col-2 h2 {
      font-family: "museo-sans", Arial, sans-serif;
      font-size: 18px;
      font-weight: 700; }
  #profile #col-3 {
    margin-left: 4%;
    font-size: 16px;
    width: 26.2%; }
    #profile #col-3 h2 {
      font-family: "museo-sans", Arial, sans-serif;
      font-size: 18px;
      font-weight: 700; }
  #profile .col-3 .common-module {
    margin-bottom: 10px; }
  #profile #cover-image {
    cursor: move; }
  #profile #cover-image.cover-default {
    cursor: initial; }
  #profile .profile-photo {
    position: absolute;
    left: 0px;
    top: 40px;
    z-index: 2;
    border: 3px solid #858585; }
  #profile span.avatar {
    width: 250px;
    height: 250px;
    display: inline-block;
    background-size: cover;
    background-position: center center; }
  #profile .profile-summary {
    position: absolute;
    z-index: 2;
    left: 270px;
    top: 41px;
    background: rgba(0, 0, 0, 0.64);
    border-radius: 2px;
    padding: 20px 30px; }
    #profile .profile-summary #module-stats {
      margin-top: 30px; }
    #profile .profile-summary .gigscore {
      margin-top: 15px;
      margin-bottom: 15px; }
      #profile .profile-summary .gigscore .scores {
        margin-left: 10px; }
        #profile .profile-summary .gigscore .scores .variation {
          margin-left: 10px; }
    #profile .profile-summary .gigscore + .clear + #module-stats {
      margin-top: 0; }
  #profile .summary-stat {
    width: auto;
    color: #FFF;
    text-align: center;
    float: left; }
    #profile .summary-stat:nth-of-type(2) {
      margin: 0 25px; }
    #profile .summary-stat span.num {
      font-size: 20px; }
  #profile .fans-stat {
    left: 14px; }
  #profile .following-stat {
    left: 62px; }
  #profile .views-stat {
    left: 138px; }
  #profile .summary-name {
    font-weight: 600;
    font-size: 28px;
    line-height: 1.1; }
  #profile .summary-location {
    margin: 0;
    font-size: 16px;
    color: #FFF;
    font-weight: 500; }
  #profile .all-link {
    font-size: 16px;
    float: right;
    padding: 25px 0px;
    cursor: hand;
    cursor: pointer; }
  #profile .share-btn-container {
    display: inline-block;
    position: relative;
    width: 30%; }
  #profile .share-link-container {
    position: absolute;
    right: 94px;
    top: 27px;
    float: left;
    width: auto; }
    #profile .share-link-container .share {
      right: initial;
      top: 0; }
    #profile .share-link-container #share-popup {
      z-index: 2; }
      #profile .share-link-container #share-popup span {
        width: 29px;
        padding: 0;
        position: relative; }
  #profile .shows-wrapper .share-link-container {
    padding-right: 15px;
    position: relative;
    top: initial;
    right: initial; }
    #profile .shows-wrapper .share-link-container span.show-actions {
      padding-right: 0; }
  #profile .profile-btn {
    background: #1692CC;
    color: #FFF;
    padding: 8px 0;
    font-size: 18px;
    border: 0px;
    outline: 0px;
    border-radius: 2px;
    width: auto;
    margin-top: 8px; }
    #profile .profile-btn.follow {
      box-sizing: border-box; }
    #profile .profile-btn.unfollow {
      font-size: 15px;
      padding: 10px 0 9px 0;
      position: relative;
      top: -1px; }
    #profile .profile-btn.shared {
      background-color: #666; }
    #profile .profile-btn.unfollow {
      background: #fff;
      color: #299BCF;
      border: 1px solid #299BCF; }
    #profile .profile-btn.unfollow:before {
      content: "✓"; }
    #profile .profile-btn.message {
      margin: 0 2%;
      box-sizing: border-box; }
    #profile .profile-btn.share {
      box-sizing: border-box;
      width: 100%; }
    #profile .profile-btn.message, #profile .profile-btn.follow {
      width: 30%; }
  #profile div.fans, #profile div.following {
    margin: 20px 0 0 0; }
  #profile div.fans img, #profile div.following img {
    width: 61px;
    height: 61px;
    margin: 0 2px 2px 0;
    float: left;
    display: block; }
  #profile div.show-item {
    /*margin:10px 0px;*/ }
  #profile span.date {
    font-size: 16px;
    font-weight: 600; }
  #profile span.venue {
    font-size: 16px;
    font-weight: 600; }
  #profile span.location {
    font-weight: 500;
    color: #898888;
    font-size: 14px; }
  #profile .show-item .location,
  #profile .show-item .venue {
    display: block; }
  #profile span.show-actions {
    line-height: 24px;
    font-size: 14px;
    padding-right: 15px; }
  #profile div.songs {
    /*margin-bottom:25px;*/
    *zoom: 1; }
    #profile div.songs:before, #profile div.songs:after {
      content: " ";
      display: table; }
    #profile div.songs:after {
      clear: both; }
  #profile .private-col-2 .video {
    padding-top: 0; }
  #profile .common-module {
    min-height: 0; }
    #profile .common-module.show {
      min-height: 0;
      margin-bottom: 0; }
    #profile .common-module .empty-section {
      margin: 0;
      padding-top: 7px; }
  #profile h2.fans,
  #profile h2.shows,
  #profile .about-stats,
  #profile .empty-section,
  #profile .social-links,
  #profile .common-module {
    margin: 0; }
  #profile #bio {
    width: 97%;
    line-height: 1.3;
    display: inline-block; }
  #profile #col-1.col-1 h2,
  #profile #col-1.col-1 h2.fans,
  #profile #col-1.col-1 h2.following {
    margin: 25px 0 0;
    padding-bottom: 5px; }
  #profile #col-1.col-1 h2.shows {
    margin-top: 15px; }
  #profile #col-1.col-1 .about-module .is-truncated .more-dots {
    color: #299BCF;
    cursor: pointer;
    display: inline; }
  #profile #col-1.col-1 .about-module .more-dots {
    display: none; }
  #profile #col-1.col-1 .about-module h2 {
    margin-top: 0;
    font-family: "museo-sans", Arial, sans-serif;
    font-size: 18px;
    font-weight: 700; }
  #profile #col-1.col-1 .fans,
  #profile #col-1.col-1 .following {
    margin-top: 0; }
  #profile #col-1.col-1 hr {
    margin: 0 0 10px; }
  #profile .col-2 .common-module {
    margin-bottom: 30px; }
  #profile div.video {
    padding-top: 15px;
    *zoom: 1;
    clear: both; }
    #profile div.video:before, #profile div.video:after {
      content: " ";
      display: table; }
    #profile div.video:after {
      clear: both; }
    #profile div.video .featured-embed {
      margin-bottom: 15px; }
    #profile div.video object {
      display: block; }
    #profile div.video .all-link {
      margin-top: -40px; }
  #profile .all-link {
    margin-top: -40px; }
  #profile div.photos {
    margin: 25px 0 20px 0;
    width: 100%; }
    #profile div.photos img {
      width: 132px;
      height: 132px;
      margin: 0 2px 2px 0;
      display: block;
      float: left; }
  #profile .modal-photo .fancybox-nav span {
    visibility: visible; }
  #profile p.about {
    word-wrap: break-word;
    overflow-wrap: break-word; }
  #profile div.about-stats {
    line-height: 22px;
    margin: 16px 0px; }
    #profile div.about-stats strong {
      margin-top: 15px;
      display: block;
      font-weight: 600;
      color: #333;
      padding: 0 5px 0 0; }
    #profile div.about-stats a {
      display: inline-table;
      border: 0; }
    #profile div.about-stats .grey-box {
      background-color: #757575;
      border-radius: 3px;
      color: white;
      display: inline-block;
      padding: 2px 10px 2px 10px;
      margin: 5px 2px 0 0;
      font-size: 14px; }
  #profile .send-message-wrapper .msg-name {
    text-transform: none; }
  #profile .header-edit-control:hover .edit-cover {
    display: block; }
  #profile #profile-header:hover .header-edit-control {
    /*display: block*/ }
  #profile .media-item {
    border-bottom: 1px dashed #DADADA;
    padding-bottom: 2px;
    margin-bottom: 10px;
    color: #666;
    position: relative; }
    #profile .media-item:nth-last-of-type(2) {
      border-bottom: none; }
    #profile .media-item .news-item-actions {
      clear: both;
      float: none;
      text-align: right;
      padding-top: 4px;
      font-size: 14px;
      margin: 0px; }
      #profile .media-item .news-item-actions a {
        padding-left: 10px;
        font-size: 19px;
        color: #666;
        cursor: pointer; }
        #profile .media-item .news-item-actions a:hover {
          color: #299BCF;
          text-decoration: none; }
        #profile .media-item .news-item-actions a .count {
          font-size: 13px; }
      #profile .media-item .news-item-actions .fa-share-square-o {
        position: relative;
        top: 2px; }
    #profile .media-item .title-bar {
      font-size: 18px;
      font-weight: 600;
      *zoom: 1;
      margin: 10px 0 0 0; }
      #profile .media-item .title-bar:before, #profile .media-item .title-bar:after {
        content: " ";
        display: table; }
      #profile .media-item .title-bar:after {
        clear: both; }
      #profile .media-item .title-bar .video-title {
        display: block;
        float: left;
        margin: 10px 0 10px 0; }
      #profile .media-item .title-bar .views {
        display: block;
        float: right;
        font-size: 14px;
        font-weight: normal; }
    #profile .media-item .comment-thread {
      *zoom: 1;
      background: #f6f6f6;
      clear: both;
      padding: 10px; }
      #profile .media-item .comment-thread:before, #profile .media-item .comment-thread:after {
        content: " ";
        display: table; }
      #profile .media-item .comment-thread:after {
        clear: both; }
      #profile .media-item .comment-thread .comments {
        list-style: none;
        margin: 0 0 5px;
        padding: 0;
        float: left;
        display: block;
        font-size: 14px;
        width: 100%; }
        #profile .media-item .comment-thread .comments li {
          border-top: 1px solid #dbdbdb;
          padding: 10px 15px 10px 0;
          position: relative;
          *zoom: 1; }
          #profile .media-item .comment-thread .comments li:before, #profile .media-item .comment-thread .comments li:after {
            content: " ";
            display: table; }
          #profile .media-item .comment-thread .comments li:after {
            clear: both; }
          #profile .media-item .comment-thread .comments li:first-of-type {
            padding-top: 5px;
            border-top: none; }
            #profile .media-item .comment-thread .comments li:first-of-type .icon-delete {
              padding: 0 5px;
              top: 3px; }
          #profile .media-item .comment-thread .comments li .comment-ava {
            width: 7%;
            float: left; }
            #profile .media-item .comment-thread .comments li .comment-ava img {
              max-width: 100%;
              height: auto; }
          #profile .media-item .comment-thread .comments li .comment-text {
            width: 93%;
            float: left;
            box-sizing: border-box;
            padding: 0 0 0 2%; }
          #profile .media-item .comment-thread .comments li .icon-delete {
            background: none;
            border: none;
            color: #666;
            font-family: "museo-sans", Arial, sans-serif;
            font-weight: 200;
            padding: 5px;
            line-height: 1;
            position: absolute;
            text-decoration: none;
            top: 3px;
            right: 0; }
          #profile .media-item .comment-thread .comments li:hover .icon-delete {
            display: block; }
      #profile .media-item .comment-thread .comment-input {
        border: 1px solid #ccc;
        width: 100%;
        padding: 6px 10px;
        box-sizing: border-box;
        border-radius: 3px;
        font-size: 14px;
        color: #666;
        margin-bottom: 5px;
        display: block; }
        #profile .media-item .comment-thread .comment-input ::-webkit-input-placeholder {
          color: #666; }
        #profile .media-item .comment-thread .comment-input :-moz-placeholder {
          color: #666; }
        #profile .media-item .comment-thread .comment-input ::-moz-placeholder {
          color: #666; }
        #profile .media-item .comment-thread .comment-input :-ms-input-placeholder {
          color: #666; }
  #profile #share-popup {
    display: none;
    width: 120px;
    position: absolute;
    padding: 8px;
    background-color: white;
    border: 1px solid #0d86be;
    border-radius: 2px;
    z-index: 1; }
    #profile #share-popup span {
      margin: 3px;
      margin-left: 7px;
      background-color: #ccf;
      float: left;
      cursor: pointer; }
    #profile #share-popup .tail1 {
      clear: both;
      position: absolute;
      top: -8px;
      left: 63px;
      width: 0;
      height: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 8px solid #3e7083; }
    #profile #share-popup .tail2 {
      position: absolute;
      width: 153px;
      top: -7px;
      left: 65px;
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-bottom: 7px solid white; }
  #profile h2 .icon-edit img {
    margin: -4px 0 0 4px; }
  #profile #module-follow {
    margin-bottom: 20px; }
  @media (max-width: 991px) {
    #profile .profile-btn {
      font-size: 16px; } }
  @media (max-width: 767px) {
    #profile .page-contents #col-1,
    #profile .page-contents #col-2,
    #profile .page-contents #col-3 {
      width: 100%;
      float: none;
      padding-left: 0;
      padding-right: 0;
      margin-left: 0;
      margin-right: 0;
      box-sizing: border-box;
      padding-left: 20px;
      padding-right: 20px; }
    #profile .profile-btn.share, #profile .profile-btn.follow, #profile .profile-btn.message {
      width: auto;
      padding-left: 14px;
      padding-right: 14px; }
    #profile .profile-summary .summary-name {
      font-size: 22px; } }
  @media (max-width: 530px) {
    #profile span.avatar {
      width: 133px;
      height: 133px;
      left: 3%;
      top: 85px; }
    #profile .profile-summary {
      box-sizing: border-box;
      left: initial;
      right: 3%;
      top: 85px;
      padding: 7px 15px;
      width: calc(100% - 6% - 150px); }
      #profile .profile-summary .summary-name {
        font-size: 18px; }
      #profile .profile-summary .summary-location {
        font-size: 14px; }
      #profile .profile-summary .summary-stat:nth-of-type(2) {
        margin: 0 15px; }
      #profile .profile-summary .summary-stat span.num {
        font-size: 18px; } }

#share-popup {
  display: none;
  width: 120px;
  position: absolute;
  padding: 8px;
  background-color: white;
  border: 1px solid #0d86be;
  border-radius: 2px;
  z-index: 1; }
  #share-popup span {
    margin: 3px;
    margin-left: 7px;
    background-color: #ccf;
    float: left;
    cursor: pointer; }
  #share-popup:before, #share-popup:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent; }
  #share-popup:before {
    top: -8px;
    left: 63px;
    border-width: 0 8px 8px 8px;
    border-bottom-color: #0d86be; }
  #share-popup:after {
    top: -7px;
    left: 64px;
    border-width: 0 7px 7px 7px;
    border-bottom-color: #fff; }

.switch-plans .radios {
  margin-top: 30px; }
  .switch-plans .radios label {
    font-size: 24px;
    font-weight: 300; }
  .switch-plans .radios input[type=radio] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute; }
    .switch-plans .radios input[type=radio] + label {
      font-family: "myriad-pro", Arial, sans-serif;
      font-size: 19px;
      width: 160px;
      font-weight: 400;
      border: 1px solid #d7dada;
      border-radius: 3px;
      text-decoration: none;
      display: inline-block;
      color: #2293ca;
      background-color: #f4f5f5;
      margin: 0 10px;
      padding: 10px; }
    .switch-plans .radios input[type=radio]:checked + label {
      background-color: #2293ca;
      color: #ffffff;
      border: none; }

/*# sourceMappingURL=gigmor.css.map */