/*===================================
  ** GENERAL **
===============================*/
 .topcorner {
   position:absolute;
   top:50px;
   left:0;
   height:50px;
   z-index: 1; 
   width:100%;
   background-color: black  
 }


@media (min-width: 768px) and (max-width: 954px) {
 .topcorner > h3 {
    font-size: 1.8rem;
  }
}

@media (min-width: 956px) and (max-width: 1165px) {
  .topcorner > h3 {
    font-size: 2rem;
  }
}

@media (min-width: 1165px) {
  .topcorner > h3 {
    font-size: 2rem;
  }
}

@media (min-width: 600px) and (max-width: 767px) {
   .topcorner > h3 {
    font-size: 2.2rem;
  }
}

@media (max-width:600px) {
  .topcorner > h3 {
    font-size: 1.8rem;
  }
}


  .pitch-rules-container {
    color: #FFF;
  }

  .rules-col {
    text-align: left;
  }

  .pitch-rules-header {
    text-align: center;
  }

  .pitch-rules-header h1 {
    margin: 40px 0;
  }

  .rule-each {
   
    vertical-align: middle;
    padding-bottom: 10px;
  }

  .rule-each > i {
    color: #ffc917;
    float:left;
  }

  .rule-each h3 {
  
    position: relative;
    margin-left: 10%;

  }


@media (min-width: 768px) and (max-width: 954px) {
  .rule-each h3 {
    font-size: 2.2rem;
  }
}

@media (min-width: 956px) and (max-width: 1165px) {
  .rule-each h3 {
    font-size: 2.5rem;
  }
}

@media (max-width: 768px) {
  .rule-each h3 {
    font-size: 1.8rem;
  }
}

  #gearModal ul {
    margin: 20px 0;
    text-align: left;
  }

  .content-body {
    transition: transition: -webkit-transform 220ms ease-out; 
    -webkit-transition: -webkit-transform 220ms ease-out; 
    -webkit-transform: translateX(0px) translateY(0px);
    background-color: #1c1d20;
    padding-top: 1rem;
  }

  body {
    -webkit-font-smoothing: antialiased;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    color: #686868;
    background-color: #1c1d20;
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: "proxima-nova", sans-serif;
  }

  sup {
    font: 1.75rem "proxima-nova", sans-serif; 
    top: -0.5rem;
  }

  sub {
    font: 1.5rem "proxima-nova", sans-serif; 
    bottom: 0rem;
  }

  a {
    text-decoration: none;
  }

  input {
    font-family: 'proxima-nova', sans-serif;
  }

  .bold {
    font-weight: 700;
  }

  .white {
    color: white;
  }

  .bg-black {
    background-color: #000000;
  }

  .bg-yellow {
    background-color:yellow;
  }

  .bg-placeholder { 
    width:400px;
    height:300px;
    background-color: grey;
    background-image: url('./imgs/background-placeholder.png')
  }

  .form-control {
    border-radius: 0 !important;
  }

  .simplebox {
    outline: none;
    line-height: 2.4rem !important;
    padding-left: 0.5rem;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }

  .letter-spaced {
    letter-spacing: 0.25rem;
  }

  .list-unstyled {
    margin-top: 1rem;
  }

  .list-bar li {
    display: inline-block;
  }

  .list-bar li button {
    color: white;
    font-family: "proxima-nova",sans-serif;
    font-size: 1.8rem;
    padding: 0 1rem;
    margin: 0 10%;
    text-decoration: none;
    font-weight: 200;
  }

  .top-border-light {
      border-top: 0.1rem solid #424242;
    }

  .all-cap {
    text-transform: uppercase;
  }

  .capitalize {
    text-transform: capitalize;
  }

  .img-responsive {
    width: 100% !important;
  }

  .fivefive-header-spacer {
    height: 5.5rem;
  }

  .ninety-header-spacer {
    height: 9rem;
  }

  /* Ellipsis for text-overflow */
  .dotdot,
  .dotdot h1,
  .dotdot h2,
  .dotdot h3,
  .dotdot h4,
  .dotdot h5,
  .dotdot h6,
  .dotdot p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .promo-banner {
    border: 1px solid #ffc917;
    text-align: center;
  }

  .inline-content h1,
  .inline-content h2,
  .inline-content h3,
  .inline-content h4,
  .inline-content h5,
  .inline-content h6,
  .inline-content p,
  .inline-content form {
    display: inline-block;
  }

  .inset-yellow {
    color: #C68D00;
  }

  @media (max-width: 767px) {
    .content-body {
      padding-top: 0;
    }
  }

  /* -- Bootstrap Override -- */
  .alert {
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;
    background-color: transparent;
    border: 0; 
  }

  .alert-dismissable .close {
    color: white;
    right: 0;
    top: 0.6rem;
  }

/*===================================
  END GENERAL 
===============================*/

/*===================================
  FIELDS
===============================*/

.input-error {
  border:medium;
  border-color: red;
  border-style: solid;
  background-color: red;
}

/*===================================
  END FIELDS 
===============================*/
/*===================================
  ** POPUP ALERTS **
===============================*/

  .error-alert {
    margin-bottom: 0;
  }

/*===================================
  END POPUP ALERTS 
===============================*/


/*===================================
  ** BOOKING INQUIRY STATUS **
===============================*/

  .green {
    color: #3fb34f;
  }

  .grey {
    color: #9e9e9e;
  }

  .yellow {
    color: #ffc917;
  }

  .red {
    color: #ff5a5f;
  }


/*===================================
  END BOOKING INQUIRY STATUS 
===============================*/


/*===================================
  ** BUTTONS ** 
===============================*/

  .obnox-btn {
    height: 4rem;
    width: 16.5rem;
  }

  .transparent-btn {
    min-width: 10rem;
    padding: 0.3rem 1rem; 
    font-family: "proxima-nova", sans-serif;
    color: white;
    background-color: transparent;
    outline: 0;
    border: 1px solid white;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  }

  .transparent-btn-yellow a,
  .transparent-btn a {
    text-decoration: none;
  } 

  .transparent-btn-fill {
    color: #1c1d20;
    background-color: white;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
  }

  .transparent-btn-yellow {
    min-width: 10rem;
    padding: 0.3rem 1rem; 
    font-family: "proxima-nova", sans-serif;
    color: white;
    background-color: transparent;
    outline: 0;
    border: 1px solid #ffc917;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  }

  .filled-btn-yellow {
    min-width: 10rem;
    padding: 0.3rem 1rem; 
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
    color: #1c1d20;
    background-color: #ffc917;
    outline: 0;
    border: 1px solid #ffc917;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  }

  .availability-button-row .green {
    color: #3fb34f;
  }

  .availability-button-row .red {
    color: #ff5a5f;
  }

  .green-btn-border {
    background-color: #1c1d20;
    border-color: #3fb34f;
  }

  .red-btn-border {
    background-color: #1c1d20;
    border-color: #ff5a5f;
  }

  .yellow-btn-fill {
    color: #1c1d20; 
    background-color: #ffc917;
    border-color: #ffc917;
    font-weight: 700;
  }

  .green-btn-fill {
    color: #1c1d20 !important; 
    background-color: #3fb34f;
    border-color: #3fb34f;
    font-weight: 700;
  }

  .red-btn-fill {
    color: #1c1d20 !important; 
    background-color: #ff5a5f;
    border-color: #ff5a5f;
    font-weight: 700;
  }

  .yellow-btn-fill h5 {
    font-weight: 700;
  }

  .yellow-btn-fill i {
    color: #1c1d20 !important;
  }

  .dashboard-avatar-header .list-gear-naked,
  .top-navbar .list-gear-naked {
    border-color: #ffc917;
  }

  .dashboard-avatar-header .list-gear-naked a {
    color: white;
  }

  .invite-friends-btn {
    height: 3.4rem;
    border: none !important;
    background-color: #ffc917 !important;
    color: #1c1d20 !important;
    position: relative;
    bottom: 0.1rem;
  }

  .following {
    background-color: #ffc917 !important;
    border: none !important; 
    color: #1c1d20;
    height: 2.8rem;
  }

  .unfollow {
    background-color: #4f4f4f !important;
    border: none !important; 
    color: white;
  }

  .fatty-btn {
    width: 100%;
    height: 8rem;
    background-color: #333;
    border: 1px solid #ffc917;
  }

  .fatty-btn h3 {
    margin: 0;
  }

/*===================================
  END BUTTONS 
===============================*/


/*===================================
  ** PILLS ** 
===============================*/

  .verified-pill {
    height: 3.4rem;
    min-width: 10rem;
    border: none !important;
    background-color: #3fb34f !important;
    color: #1c1d20 !important;
    position: relative;
    cursor: default;
  }

/*===================================
  END PILLS 
===============================*/



/*===================================
  ** LANDING PAGES ** 
===============================*/

  .landing-content-body {
    color: white;
  }

  .landing-header-content-row {
    position: relative;
    width: 100%;
    margin: 0;
    color: white;
  }

  .landing-head {
    display: block;
    background: url(../assets/landing/film-crew-big1.png) no-repeat;
    background-size: cover;
  }

  .landing-content-body .call-to-action,
  .header-text {
    text-align: center;
  }

  .head-one {
    padding: 3rem 0 0 3rem;
  }

  .head-one h1 {
    font-weight: 900;
    margin: -1.5rem 0;
    font-size: 4rem;
  }

  .head-one .rotate {
    font: 900 4rem 'proxima-nova', sans-serif;
    text-transform: uppercase;
  }

  .landing-head .header-video {
    margin-left: auto;
    margin-right: auto;
    margin-top: 7.5rem;
    margin-bottom: 3.5rem;
    width: 90%;
  }

  .landing-head .header-video > img {
    width: 50%;
  }

  .landing-content-body .call-to-action {
    margin: 4rem 0;

  }

  .landing-content-body .call-to-action button {
    margin: 0 4rem;
  }

  .explainer-one {
    background-color: #333;
    background: url(../assets/landing/landing_section_1.jpg) no-repeat;
    background-size: cover;
  }

  .explainer-two {
    background-image: radial-gradient(#4c4c4c, #1c1d20);
  }

  .section-demo {
    overflow: hidden;
  }

  @media (max-width: 454px) {
    .head-two > h3 {
      font-size: 2rem;
    }
  }

  @media (max-width: 524px) {
    .landing-content-body .call-to-action button {
      margin-bottom: 2rem;
    }
  }

  @media (max-width: 767px) {
    .head-one > img {
      width: 90%;
    }
    .header-video {
      margin-top: 2.5rem;
    }
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .head-one > img {
      width: 35rem;
    }
    .head-two > h3 {
      font-size: 2rem;
    }
  } 

  @media (min-width:992px) and (max-width: 1100px) {
    .head-one > img {
      width: 45rem;
    }
  }

  /* -------- SECTION TABS -------- */

  .explainer .explainer-head {
    text-align: center;
    padding: 2.5rem 0; 
  }

  .explainer-two .explainer-head {
    padding-top: 5rem;
    padding-bottom: 1rem;
  }

  .explainer .explainer-head h2 {
    margin: 0;
  }

  .landing-section-tabs {
    border-bottom: none;
    background-color: #ffc917;
    padding-left: 5rem;
    text-align: center;
  }

  /*Overriding Bootstrap*/
  .explainer-main-tabs > .nav-tabs > li.active > a,
  .explainer-main-tabs > .nav-tabs > li.active > a:hover,
  .explainer-main-tabs > .nav-tabs > li.active > a:focus,
  .explainer-main-tabs > .nav-tabs > li > a {
    background-color: transparent;
    border: none;
  }

  .explainer-main-tabs > .nav-tabs > li.active > a:hover,
  .explainer-main-tabs > .nav-tabs > li.active > a:focus {
    text-shadow: none;
  }

  .explainer-main-tabs > .nav-tabs > li > a:hover h2 {
    color: #9e7000;
  }

  .explainer-main-tabs > .nav-tabs > li.active > a > h2,
  .explainer-main-tabs > .nav-tabs > li.active > a:hover > h2,
  .explainer-main-tabs > .nav-tabs > li.active > a:focus > h2 {
    color: #333;
  }

  .landing-section-subtabs > li,
  .landing-section-tabs > li {
    margin-right: 2rem;
    float: none;
    display: inline-block;
    border: none;
  }

  .landing-section-tabs > li > a {
    border-radius: 0;
    text-decoration: none;
    color: #1c1d20;
    margin-bottom: 1rem;
  }

  .landing-section-tabs > li.active > a {
    background-color: transparent;
    color: #1c1d20;
  }

  .landing-section-tabs > li.active {
    background-color: transparent;
  }

  /* -------- SUBTABS -------- */

  .explainer-two .landing-section-subtabs {
    margin-bottom: 3rem;
  }

  /*Overriding Bootstrap*/
  .explainer-subtabs-container .nav-tabs > li.active > a,
  .explainer-subtabs-container .nav-tabs > li.active > a:hover,
  .explainer-subtabs-container .nav-tabs > li.active > a:focus {
    background-color: transparent;
    border: none;
    color: white;
  }

  /*Overriding Bootstrap*/
  .explainer-subtabs-container .nav-tabs > li > a:hover,
  .explainer-subtabs-container .nav-tabs > li > a:focus {
    background-color: transparent;
    color: white;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
  }

  .landing-section-subtabs {
    border-bottom: none;
    text-align: center;
    margin: 1.5rem 0;
  }

  .landing-section-subtabs > li.active > a > h4 {
    font-weight: 700;
  }

  .landing-section-subtabs > li > a {
    border-radius: 0;
    text-decoration: none;
    border: none;
    padding: 0 1rem;
    color: #828282;
  }

  /* -------- SECTION TAB CONTENT -------- */

  .landing-section-tab-content .row,
  .landing-section-subtab-content .row {
    margin: 0;
  }

  .demo-col {
    padding-right: 0;
  }

  .value-prop {
    text-align: center;
    padding: 1rem;
    margin: 2rem 0;
    min-height: 17rem;
  }

  .value-copy {
    padding: 1rem 2rem; 
  }

  .landing-section-tabs li a h2,
  .value-prop h3,
  .value-prop h4 {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  }

  .demo-col {
    overflow-x: hidden;
  }

  .section-demo {
    width: 145%;
  }

  @media (max-width: 424px) {
    .landing-section-tabs {
      padding-left: 0;
    }
    .landing-section-tabs > li {
      margin-right: 0;
    }
  }

  @media (max-width: 601px) {
    .landing-section-tabs > li > a > h2 {
      font-size: 1.8rem;
    }
    .value-prop h3 {
      font-size: 1.8rem;
    }
    .value-prop h4 {
      font-size: 1.4rem;
    }
  }

  @media (max-width: 767px) {
    .landing-section-tab-content {
      padding-top: 0; 
    }
    .value-prop {
      min-height: 0.1rem;
    }
    .section-demo {
      width: 110%;
    }
  }

  @media (min-width: 768px) and (max-width: 992px) {
    .value-prop {
      min-height: 15rem;
    }
    .value-prop h3 {
      font-size: 1.8rem;
    }
    .value-copy h2 {
      font-size: 2rem;
    }
    .value-copy h4,
    .value-prop h4 {
      font-size: 1.4rem;
    }
    .section-demo {
      width: 160%;
    }
  }

  /* ------------------------ KICKSTARTER LANDING ----------------------*/

  .ks-landing-body {
    background-image: radial-gradient(#4c4c4c, #1c1d20);
  }

  .ks-hero {
    padding-top: 5rem;
  }

  .ks-hero .logo-hero {
    text-align: center;
  }

  .ks-logo img {
    height: 7rem;
  }

  .ks-hero .explainer-head {
    padding-top: 2rem;
  }

  .ks-hero .call-out {
    padding: 1.5rem 6rem;
  }

  .ks-call-to-action {
    margin: 0;
    padding: 2rem 0;
  }

  .ks-call-to-action div {
    text-align: center;
  }

  .ks-call-to-action h3 {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  }

  .ks-call-to-action .share-brief {
    min-height: 7rem;
  }

  .fatty-share-btn {
    background-color: transparent;
    padding: 1rem 1.5rem;
    margin-top: 1.5rem;
    font: 700 2.4rem 'proxima-nova', sans-serif;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  }

  .fatty-share-btn > i {
    margin-right: 0.5rem;
  }

  .ks-call-to-action #fatty-fb {
    border: 0.2rem solid #3b5998;
  }

  .ks-call-to-action #fatty-twitter {
    border: 0.2rem solid #4099ff;
  }

  .ks-call-to-action #fatty-video {
    border: 0.2rem solid #ffc917;
  }

  .fatty-fb-fill {
    background-color: #3b5998;
  }

  .fatty-twitter-fill {
    background-color: #4099ff;
  }

  .fatty-video-fill {
    background-color: #ffc917;
    color: #1c1d20;
  }

  @media (max-width: 767px) {
    .ks-call-to-action > div {
      margin-bottom: 3rem;
    }

    .ks-call-to-action .fatty-share-btn {
      margin-top: 0;
      margin-left: 5rem;
    }

    .ks-call-to-action .share-brief {
      display: inline-block;
    }
  }

  @media (min-width: 768px) and (max-width: 921px) {
    .ks-call-to-action h3 {
      font-size: 2rem;
    }
  }

  /* ------------------------ COUNTDOWN CLOCK ----------------------*/
  .landing-content-body .countdown-lg {
    padding: 0;
  }

  .landing-content-body .countdown-timer #clock .clocknumbers {
    font: bold 4rem 'proxima-nova', sans-serif;
    transition: all 0.3s;
  }

  .landing-content-body .countdown-timer #clock {
    font: bold 2rem 'proxima-nova', sans-serif;
    transition: all 0.3s;
  }

  @media (max-width: 454px) {
    .landing-content-body .countdown-timer #clock .clocknumbers {
      font: bold 3rem 'proxima-nova', sans-serif;
      margin-left: 1rem;
    }

    .landing-content-body .countdown-timer #clock {
      font: bold 1.4rem 'proxima-nova', sans-serif;
    }
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .landing-content-body .countdown-timer #clock .clocknumbers {
      font: bold 3rem 'proxima-nova', sans-serif;
      margin-left: 1rem;
    }

    .landing-content-body .countdown-timer #clock {
      font: bold 1.4rem 'proxima-nova', sans-serif;
    }
  }


/*===================================
  END LANDING PAGES 
===============================*/


/*===================================
  ** UNLOCK YOUR CITY ** 
===============================*/

  .unlock-content-body {
    color: white;
    text-align: center;
  }

  .unlock-header {
    height: 50rem;
    background: url(../assets/landing/bg_map.png);
    background-position: center center;
    background-size: cover;
    padding-top: 5rem;
  }

  .unlock-leaderboard {
    padding-top: 3rem;
  }

  .city-col {
    padding: 2rem 0;
  }

  .progress-col {
    padding: 2.25rem 0;
    text-align: left;
  }

  .progress-col progress {
    width: 100%;
  }

  .progress-col progress[value] {
    /*Reset default appearance*/
    -webkit-appearance: none;
      appearance: none;

    height: 0.2rem;
  }

  .progress-col progress[value]::-webkit-progress-bar {
    background-color: #828282;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
  }

  .progress-col progress[value]::-webkit-progress-value {
    background-color: #ffc917;
  }

  .progress-col progress[value]::-webkit-progress-bar::after {
    content: '';
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 2.25rem;
    right: 0;
    background-image: url(../assets/landing/hh_bee_progress.png);
  }

/*===================================
  END UNLOCK YOUR CITY 
===============================*/



/*===================================
  ** HOW IT WORKS ** 
===============================*/

  .howitworks-content-body {
    color: white;
  }

  .howitworks-header {
    background: url(../assets/fell/fell_press4_overlay.jpg) no-repeat center center;
    background-size: cover;
    padding: 8rem 0;
    text-align: center;
    height: 65vh;
  }

  .howitworks-header .header-video {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  }

  .howitworks-content .section-heading {
    text-align: center;
    padding: 3rem 0 1.5rem 0;
  }

  .howitworks-header .section-heading h1 {
    font-size: 4.8rem;
    margin-top: 0;
    margin-bottom: 2rem;
  }

  .howitworks-content .landing-section-subtabs {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3rem;
  }

  .howitworks-content .landing-section-subtabs > li {
    margin: 0 13rem;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  }

  .howitworks-content .landing-section-subtabs > li > a > h3 {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  }

  .howitworks-content .landing-section-subtabs > li.active > a > h3 {
    font-weight: 700;
  }

  .howitworks-content .landing-section-subtab-content {
    border-top: 1px solid #9e9e9e;
  }

  .explainer-row {
    padding: 4rem 0;
  }

  .explainer-icon-col {
    text-align: right;
  }

  .explainer-row .explainer-header {
    margin-bottom: 2rem;
  }

  .explainer-icon-col .explainer-icon-container {
    margin-left: auto;
    margin-right: auto;
    width: 12rem;
    height: 12rem;
  }

  #hireGear .explainer-icon-col .explainer-icon-container {
    background: url(../assets/explainer/explainer_host_sprite.png);
  }

  #hireGear .explainer-icon-col #list-it {
    background-position: 0 0;
  }

  #hireGear .explainer-icon-col #communicate {
    background-position: -12rem 0;
  }

  #hireGear .explainer-icon-col #control {
    background-position: -24rem 0;
  }

  #hireGear .explainer-icon-col #exchange {
    background-position: -36rem 0;
  }

  #hireGear .explainer-icon-col #earn {
    background-position: -48rem 0;
  }

  #hireGear .explainer-icon-col #rate {
    background-position: -60rem 0;
  }

  #list-gear .explainer-icon-col .explainer-icon-container {
    background: url(../assets/explainer/explainer_hiver_sprite.png);
  }

  #list-gear .explainer-icon-col #find-gear {
    background-position: 0 0;
  }

  #list-gear .explainer-icon-col #communicate {
    background-position: -12rem 0;
  }

  #list-gear .explainer-icon-col #book {
    background-position: -24rem 0;
  }

  #list-gear .explainer-icon-col #exchange {
    background-position: -36rem 0;
  }

  #list-gear .explainer-icon-col #shoot {
    background-position: -48rem 0;
  }

  #list-gear .explainer-icon-col #rate {
    background-position: -60rem 0;
  }

  .explainer-header {
    margin: 1rem 0;
  }

  .explainer-icon > img {
    width: 12rem;
    height: 12rem;
  }

  @media (max-width: 400px) {
    .howitworks-header .header-video {
      width: 80%;
    }
    .howitworks-content .landing-section-subtabs > li {
      margin: 0 1rem;
    }
  }

  @media (max-width: 767px) {
    .howitworks-content .landing-section-subtabs > li > a > h3 {
      font-size: 1.8rem;
    }
    .howitworks-content .landing-section-subtab-content .explainer-row {
      text-align: center;
    }
  }

  @media (min-width: 401px) and (max-width: 900px) {
    .howitworks-content .landing-section-subtabs > li {
      margin: 0 3rem;
    }
  }



/*===================================
  END HOW IT WORKS 
===============================*/



/*===================================
  ** WHY HOST **
===============================*/

  .whyhost-head {
    background-color: #333;
    background: url(../assets/landing/landing_section_1.jpg) center center no-repeat;
    background-size: cover;
    padding: 8rem 0;
  }

  .whyhost-head .whyhost-header-row {
    margin: 0;
  }

  .whyhost-head .host-head-one {
    padding: 6rem;
  }

  .whyhost-head .host-head-one h1 {
    margin-bottom: 2rem;
  }

  .whyhost-head .host-head-two {
    padding: 6rem;
  }

  .whyhost-head .obnox-btn {
    font-size: 2rem;
    margin-top: 3rem;
  }

  .whyhost-head .obnox-btn:hover {
    background-color: #DBAD14;
  }

  .explainer-subtabs {
    min-height: 6.7rem;
    margin: 0;
    padding: 1.45rem 0;
  }

  .explainer-subtabs-content {
    padding: 4rem 0;
  }

  .explainer-subtabs-content .obnox-btn {
    font-size: 2rem;
    margin: 3rem 2rem;
  }

  .whyhost-content-section {
    padding: 4rem 0 0 0;
  }

  .whyhost-content .row {
    margin: 0;
  } 

  @media (max-width: 400px) {
    .whyhost-head .host-head-one {
      padding: 2rem 3rem;
    }

    .whyhost-head .host-head-two {
      padding: 0 3rem;
    }
  }

  @media (min-width: 401px) and (max-width: 767px) {
    .whyhost-head .host-head-one {
      padding: 2rem 6rem;
    }

    .whyhost-head .host-head-two {
      padding: 0 6rem;
    }
  }

  @media (max-width: 767px) {
    .explainer-divider {
      margin-bottom: 0;
    }
    .whyhost-head .host-head-two {
      margin-bottom: 2rem;
    }
  }

  @media (min-width:768px) and (max-width: 991px) {
    .whyhost-head .host-head-two {
      padding: 8rem 4rem;
    }
  }


/*===================================
  END WHY HOST 
===============================*/



/*===================================
  ** TRUST & SAFETY **
===============================*/

  .trust-head {
    background-color: #333;
    background: url(../assets/fell/fell_press2_overlay.jpg) center center no-repeat;
    background-size: cover;
    padding: 8rem 0;
    text-align: center;
    /* vh = viewport height */
    height: 100vh;
  }

  .fullscreen-head-one {
    
    padding-right: 12rem;
    padding-left:12rem;
    float: left;
  }

  .fullscreen-head-one h1 {
    font-size: 4.8rem;
  }

  .fullscreen-head-one .obnox-btn {
    margin-top: 2.5rem;
    border: 1px solid white;
  }

  .trust-content-section {
    padding: 5rem 0;
  }

  .trust-content-section .row {
    margin: 0;
  }

  .trust-content-section .section-demo {
    width: 100%;
    padding: 1rem;
  }

  .trust-content-section .explainer-big {
    padding: 6rem;
  }

  .explainer-divider {
    height: 9rem;
    border-top: 1px solid #ffc917;
    border-bottom: 1px solid #ffc917;
    text-align: center;
    background-color: black;
    color: white;
    padding: 2.85rem 0;
  }

  .explainer-divider h2 {
    margin: 0;
  }

  .explainer-centered {
    text-align: center;
    padding: 4rem 0;
  }

  .trust-content-section .value-prop {
    text-align: left;
  }

  .trust-content-section .explainer-icon-col .explainer-icon-container {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
    background: url(../assets/explainer/explainer_trust_sprite_one.png);
  }

  .trust-content-section .explainer-icon-col #verifications {
    background-position: 0 0;
  }

  .trust-content-section .explainer-icon-col #verified-id {
    background-position: -12rem 0;
  }

  .trust-content-section .explainer-icon-col #rate {
    background-position: -24rem 0;
  }

  .trust-content-section .explainer-icon-col #communicate {
    background-position: -36rem 0;
  }

/*===================================
  END TRUST & SAFETY
===============================*/

  .competition-background {
    background: url(../img/empoweringfilmmakers.jpg) no-repeat center center;
    background-size: cover;
    padding: 8rem 0;
    text-align: center;
    height: 100vh;
  }


  @media (max-width: 954px) {
    .competition-background  {
     height: 100%;
    }
  }


/*===================================
  ** ABOUT US ** 
===============================*/

  .aboutus-header {
    background: url(../assets/background/filmset3_overlay.png) no-repeat center center;
    background-size: cover;
    padding: 8rem 0;
    text-align: center;
    height: 100vh;
  }

  .style-quote-container {
    padding: 4rem 6rem;
    text-align: center;
  }

  .style-quote-container h1,
  .style-quote-container h2,
  .style-quote-container h3,
  .style-quote-container h4,
  .style-quote-container h5,
  .style-quote-container h6,
  .style-quote-container p {
    font-family: "ff-meta-serif-web-pro",serif;
  }

  .team-container {
    padding: 4rem 0;
    text-align: center;
  }

  .founder-col {
    text-align: center;
    margin-top: 4rem;
    margin-bottom: 4rem;  
  }

  .founder-col .profile-avatar-container {
    margin-left: auto;
    margin-right: auto;
  }

  /* Overrides default profile-avatar settings */
  @media (min-width: 200px) {
    .founder-col .profile-avatar-container {
      left: 0;
    }
  }

/*===================================
  END ABOUT US 
===============================*/




/*===================================
  ** DROPDOWN ** 
===============================*/

  .edit-references-content .dropdown, 
  .account-transaction-content-main .dropdown,
  .edit-exp-content .dropdown,
  .manage-section .dropdown {
    display: inline-block;
    margin: 1rem 1rem 1rem 0 ;
  }
  .edit-references-content .dropdown h5,
  .account-transaction-content-main .dropdown h5,
  .edit-exp-content .dropdown h5,
  .manage-section .dropdown h5 {
    display: inline-block;
    margin: 0;
  }

  .edit-references-content .dropdown .dropdown-menu,
  .account-transaction-content-main .dropdown .dropdown-menu,
  .edit-exp-content .dropdown .dropdown-menu,
  .manage-section .dropdown .dropdown-menu {
    background-color: #333;
    text-align: center;
  }

  .edit-references-content .dropdown .dropdown-menu a,
  .account-transaction-content-main .dropdown .dropdown-menu a,
  .edit-exp-content .dropdown .dropdown-menu a,
  .manage-section .dropdown .dropdown-menu a {
    color: white;
  }

  .edit-references-content .dropdown .dropdown-menu a:hover,
  .edit-references-content .dropdown .dropdown-menu a:focus,
  .manage-content-main .dropdown .dropdown-menu a:hover,
  .manage-content-main .dropdown .dropdown-menu a:focus,
  .account-transaction-content-main .dropdown .dropdown-menu a:hover,
  .account-transaction-content-main .dropdown .dropdown-menu a:focus,
  .edit-exp-content .dropdown .dropdown-menu a:hover,
  .edit-exp-content .dropdown .dropdown-menu a:focus,
  .edit-exp-content .dropdown .dropdown-menu a:hover,
  .manage-section .dropdown .dropdown-menu a:focus {
    color: #1c1d20;
  }

/*===================================
  END DROPDOWN 
===============================*/



/*===================================
  ** BROWSE **
===============================*/

  .browse-container {
    margin: 5% 0 0 2%;
    width: 98%;
    color: white;
    position: relative;
  }

  .browsegear-input-row {
    margin-bottom: 2rem;
  }

  .browsegear-input-row > h5 {
    vertical-align: middle;
  }

  .browse-content-main .isotope .element-item {
    width: 47%;
  }

  .browse-content-main .category-each .dropdown-menu {
    background-color: #1c1d20;
    color: white;
    border-radius: 0;
  }

  .browse-content-main .category-each .dropdown-menu li {
    text-align: center;
  }

  .browse-content-main .category-each .dropdown-menu li a {
    color: white;
  }

  .browse-content-main .category-each .dropdown-menu li a:hover {
    color: #1c1d20;
  }

  .browsegear-map {
    position: fixed;
    left: auto;
    width: 43%;
    right: 0;
    top: 9rem;
    bottom: auto;
  
  }

  @media (max-width: 576px) {
    .browse-content-main .isotope .element-item {
      width: 100%;
    }
  }

  @media (max-width: 991px) {
    .browsegear-map {
      display: none;
    }
  }

  /* -------- BROWSE PEOPLE -------- */

  .people-actions {
    display: block;
    margin-top: 1rem;
  }

  .browsepeople-content .people-actions button {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }

  .browsepeople-content .widget-project-hero-small {
    margin-top: 1rem;
  }

  @media (max-width: 400px) {
    .browsepeople-content .widget-project-hero-small img {
      width: 14rem;
      height: 7.87rem;
    }

  }

/*===================================
  END BROWSE  
===============================*/



/*===================================
  ** TOP NAVBAR **
===============================*/

  .top-navbar {
    background-color: #000000;
    color: white;
    height: 5.5rem;
    width: 100%;
    position: fixed;
    z-index: 1031; /*Changed from 9999 as it may be interfering with modals*/
    padding: 0.4rem 2rem;
    top:0;
  }

  .top-navbar .logo-container {
    display: inline-block;
  }

  .top-navbar .searchbar-container {
    height: 100%;
    padding-top: 0.6rem;
    position: relative;
  }

  .top-navbar .searchbar-container-sm {
    height: 100%;
    padding: 1.4rem 2rem;
    position: relative;
  }

  .top-navbar .searchbar-container-sm a:hover {
    color: white;
  }

  .top-navbar .searchbar-container i {
    position: absolute;
    color: #1c1d20;
    top: 1.7rem;
    left: 2.5rem;
  }

  .top-navbar .searchbar-container input {
    padding-left: 3.5rem;
  }

  #search-modal-sm #location-search-label {
    margin: 2rem 0;
  }

  .top-navbar .navbar-option {
    padding: 0.9rem 0;
    text-align: center;
  }

  .top-navbar .navbar-option a {
    text-decoration: none;
    color: white;
  }

  .top-navbar .navbar-option .new-msg-counter {
    padding-top: 0rem;
  }

  .top-navbar #listGear h5 {
    margin: 0; 
  }

  .top-navbar .navbar-option h5 {
    margin: 0.5rem 0;
    display: inline-block;
  }

  .top-navbar .navbar-option .profile-avatar-mini,
  .top-navbar .navbar-option .profile-avatar-mini img {
    height: 3rem;
    width: 3rem;
  } 

  .top-navbar .navbar-option #profileDrop,
  .top-navbar .navbar-option #profileCaret {
    position: relative;

  }

  .top-navbar .navbar-option #profileDrop h5,
  .top-navbar .navbar-option #profileDrop .caret {
    display: inline-block;
    position: relative;
    bottom: 0.9rem;
  }

  .dashboard-header-navbar .dropdown .dropdown-menu,
  .top-navbar .dropdown .dropdown-menu {
    background-color: rgba(0,0,0,0.85);
    border-radius: 0;
  }

  .dashboard-header-navbar .dropdown .dropdown-menu li,
  .top-navbar .dropdown .dropdown-menu li {
    padding: 0.5rem;
  }

  .top-navbar .dropdown .dropdown-menu li .fa-exclamation-circle {
    margin-left: 0.3rem;
    color: #ffc917;
  }

  .dropdown .dropdown-menu li a {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  }

  .top-navbar .cl-effect-4 > a::after {
    position: absolute;
    top: 135%;
    left: 0;
    width: 100%;
    height: 0.2rem;
    background-color: white;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
  }

  .top-navbar .cl-effect-4 > a:hover::after,
  .top-navbar .cl-effect-4 > a:focus::after {
    height: 0.2rem;
    opacity: 1;
    -webkit-transform: translateY(-1rem);
    -moz-transform: translateY(-1rem);
    transform: translateY(-1rem);
  }

  @media (max-width: 476px) {
    /*.top-navbar .navbar-option {
      width: 33%;
    }*/
    .top-navbar .navbar-option #profileDrop h5,
    .top-navbar .navbar-option .new-msg-counter {
      display: none;
    }
  }

  @media (min-width: 768px) {
    .top-navbar #nav-howItWorks {
      width: 11.333333%;
      margin-left: 1rem;
    }
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .top-navbar .col-sm-1 {
      width: 10.333333%;
    }
    .top-navbar #nav-browse {
      margin-left: 1rem;
    }
  }

/*===================================
  END TOP NAVBAR
===============================*/



/*===================================
  ** DASHBOARD NAVBAR **
===============================*/

  .dashboard-nav-container {
    position: fixed;
    top: 5.5rem;
    width: 100%;
    background-color: #4f4f4f;
    height: 3.5rem;
    z-index: 99;
  }

  .dashboard-header-navbar {
    margin: 0;
    border: none;
    position: relative;
    padding-left: 4%;
    min-height: 0.1rem;
    border-radius: 0;
  }

  .profile-header-navbar-fluid {
    padding: 0 !important;
  }

  .new-msg-counter {
    background-color: #ff5a5f;
    color: white;
    display: inline-block;
    height: 2rem;
    width: 2rem;
    border-radius: 100%;
    position: relative;
    right: 0.8rem;
    bottom: 0.6rem;
    padding-top: 0.35rem;
    padding-right: 0.1rem;

  }

  .new-msg-counter > h5 {
    margin: 0 !important;
    position: relative;
    font-size: 1.2rem;
  }

  .dashboard-header-navbar,
  .dashboard-navbar-nav,
  .dashboard-navbar-nav > li,
  .dashboard-navbar-nav > li > a {
    height: 3.5rem !important;
  }

  .dashboard-header-navbar > .profile-navbar-nav > li {
    width: 12rem;
    text-align: center;
  }

  .dashboard-header-navbar > .profile-navbar-nav > li > a {
    text-decoration: none;
    color: #9e9e9e;
    letter-spacing: 0.1rem;
    padding: 1rem 0.5rem;
    display: inline-block;
  }

  .dashboard-header-navbar > .profile-navbar-nav > li > a > h5 {
    margin: 0;
    font-family :'proxima-nova', sans-serif;
    -webkit-transition: font-size 0.3s;
    -moz-transition: font-size 0.3s;
    -o-transition: font-size 0.3s;
    transition: font-size 0.3s;
  }

  .dashboard-header-navbar .profile-navbar-nav > .active > a,
  .dashboard-header-navbar .profile-navbar-nav > .active > a:hover,
  .dashboard-header-navbar .profile-navbar-nav > .active > a:focus {
    color: #9e9e9e; 
    background-color: transparent;
  }

  .dashboard-header-navbar .profile-navbar-nav > .active > a::after {
    position: absolute;
    top: 93%;
    left: 0;
    width: 100%;
    height: 0.2rem;
    background-color: #ffc917;
    content: '';
  }

  .dashboard-header-navbar > .profile-navbar-nav > .dropdown > a {
    background-color: transparent;
  }

  .dashboard-header-navbar > .profile-navbar-nav > .dropdown > a:hover, 
  .dashboard-header-navbar > .profile-navbar-nav > .dropdown > a:focus,
  .profile-navbar-nav > li > a:hover,
  .profile-navbar-nav > li > a:focus {
    color: #9e9e9e;
    background-color: rgba(34, 34, 34, 0.1);
  }

  .dashboard-header-navbar > .profile-navbar-nav > .dropdown > ul > li > a {
    color: white;
    transition: all 0.3s;
  }

  .dashboard-header-navbar > .profile-navbar-nav > .dropdown > ul > li > a:hover {
    color: #1c1d20;
  }

  .dashboard-header-navbar .cl-effect-4 > a::after {
    position: absolute;
    top: 108%;
    left: 0;
    width: 100%;
    height: 0.2rem;
    background-color: #ffc917;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
  }

  .dashboard-header-navbar .cl-effect-4 > a:hover::after,
  .dashboard-header-navbar .cl-effect-4 > a:focus::after {
    height: 0.2rem;
    opacity: 1;
    -webkit-transform: translateY(-0.5rem);
    -moz-transform: translateY(-0.5rem);
    transform: translateY(-0.5rem);
  }



/*===================================
  END DASHBOARD NAVBAR 
===============================*/




/*===================================
  ** DASHBOARD SIDENAV **
===============================*/

  .sidenav-trigger-container {
    position: relative;
    top: 6.5rem;
    left: 3rem;
  }

  .sidenav-trigger-container a {
    color: white;
  }

  #jPanelMenu-menu {
    background-color: #333;
    margin-top: 5.5rem;
    width: 20rem;
    overflow-y: hidden!important;

  }

  #jPanelMenu-menu .jpanel-title {
    color: white;
    padding: 0 1rem;
  }

  #jPanelMenu-menu > ul > li {
    width: 100%;
  }

  #jPanelMenu-menu > ul > li > a {
    padding: 1rem 0.5rem;
    display: inline-block;
    width: 100%;
  }

  #jPanelMenu-menu > ul > li > a > h5 {
    margin: 0;
    display: inline-block;
  }

  #jPanelMenu-menu .new-msg-counter {
    bottom: 0.1rem;
    right: 0;
  }

  #jPanelMenu-menu .profile-navbar-nav > .active,
  #jPanelMenu-menu .profile-navbar-nav > .active:hover,
  #jPanelMenu-menu .profile-navbar-nav > .active:focus {
    color: white;
    background-color: #ffc917;
  }

  #jPanelMenu-menu .profile-navbar-nav > .active > a,
  #jPanelMenu-menu .profile-navbar-nav > .active > a:hover,
  #jPanelMenu-menu .profile-navbar-nav > .active > a:focus {
    color: #1c1d20;
    background-color: transparent;
    font-weight: 700;
  }

  #jPanelMenu-menu .nav .open > a:hover,
  #jPanelMenu-menu .nav .open > a:focus {
    background-color: #ffc917;
    color: #1c1d20;
  }

  #jPanelMenu-menu .dropdown .dropdown-menu {
    padding: 0;
    background-color: #1c1d20;
  }

  #jPanelMenu-menu .dropdown .dropdown-menu a h5 {
    color: white;
  }

  #jPanelMenu-menu .dropdown .dropdown-menu a:hover h5,
  #jPanelMenu-menu .dropdown .dropdown-menu a:focus h5 {
    color: #1c1d20;
  }

  #jPanelMenu-menu .cl-effect-1 > a::before,
  #jPanelMenu-menu .cl-effect-1 > a::after {
    display: inline-block;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s;
  }

  #jPanelMenu-menu .cl-effect-1 > a::before {
    margin-right: 10px;
    content: '[';
    color: #ffc917;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px);
  }

  #jPanelMenu-menu .cl-effect-1 > a::after {
    margin-left: 10px;
    content: ']';
    color: #ffc917;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  #jPanelMenu-menu .cl-effect-1 > a:hover::before,
  #jPanelMenu-menu .cl-effect-1 > a:hover::after,
  #jPanelMenu-menu .cl-effect-1 > a:focus::before,
  #jPanelMenu-menu .cl-effect-1 > a:focus::after {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
  }

  @media (min-width: 611px) and (max-width: 767px) {

    #jPanelMenu-menu .profile-navbar-nav li {
      width: 100%;
    }

  }


/*===================================
  END DASHBOARD SIDENAV 
===============================*/




/*===================================
  ** DASHBOARD MAIN **
===============================*/
  
  .dashboard-widget-header,
  .dashboard-content-main .widget-dashboard h2,
  .dashboard-content-main .widget-dashboard h4 {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  }


  .dashboard-header-spacer {
    height: 13rem;
  }

  .dashboard-avatar-header {
    border-bottom: none !important;
    text-align: center;
    margin-bottom: 5rem;
  }

  .dashboard-avatar-header > figure,
  .dashboard-avatar-header > figure img {
    height: 14rem;
    width: 14rem;
    margin-right: auto;
    margin-left: auto;
  }

  .dashboard-content-main .call-to-action-content {
    margin-bottom: 3rem;
  }

  @media (max-width: 767px) {
    .dashboard-content-main .dashboard-widget-header {
      padding-left: 0;
    }
    .dashboard-content-main .widget-dashboard .dashboard-widget-header,
    .dashboard-content-main .widget-dashboard .verification-content {
      display: none !important;
    }
    .dashboard-content-main .widget-dashboard {
      width: 100%;
    }
    .dashboard-content-main .widget-main {
      margin-left: 0% !important;
    }
    .dashboard-avatar-header {
      margin-bottom: 0;
    }
  }
 
  @media (max-width: 991px) {
    /*.widget-dashboard {
      width: 100% !important;
    }*/
    .dashboard-content-main .widget-dashboard h2 {
      font-size: 2.5rem;
    }
    .dashboard-content-main .widget-dashboard h4 {
      font-size: 1.6rem;
    }
    .dashboard-widget-header {
      display: inline-block !important;
      width: 100%;
    }
    .dashboard-content-main .profile-avatar,
    .dashboard-content-main .profile-avatar img {
      height: 10rem !important;
      width: 10rem !important;
    }
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .dashboard-content-main .widget-main {
      margin-left: 3.5% !important;
    }
  }

  /* -- Dashboard Alerts -- */

    .alert-section {
      margin-bottom: 6rem !important;
      margin-top: 0 !important;
    }

    .alert-section .dashboard-alert {
      width: 100%;
      display: inline-block;
      border-bottom: 1px solid #9e9e9e;
      padding: 0.5rem 0;
    }

    .alert-section .dashboard-alert a {
      color: #ff5a5f;
    }

    .alert-section .dashboard-alert > h5 {
      display: inline-block;
    }

    .alert-section .dashboard-alert > h5::after {
      content: "";
      position: absolute;
      margin-left: 1rem; 
      margin-top: 0.45rem;
      display: inline-block;
      width: 0;
      height: 0;
      border-top: 3px solid transparent;
      border-left: 6px solid #ff5a5f;
      border-bottom: 3px solid transparent;
    }

  /* -- END Dashboard Alerts -- */


  /* -- Dashboard Activity -- */

    .activity-section,
    .activity-section > ul {
      margin-top: 0 !important;
    }

  /* -- END Dashboard Activity -- */


/*===================================
  END DASHBOARD 
===============================*/



/*===================================
  ** INBOX **
===============================*/

  .inbox-content .review-listing-title {
    float: none;
  }

  .inbox-content .widget-section {
    margin-top: 0;
  }

  .inbox-content .exp-title-container {
    margin-right: 6%;
  }

  .inbox-content .inbox-row {
    border-bottom: 1px solid #9e9e9e;
    width: 100%;
  }

  .inbox-content .inbox-row h6 {
    margin-bottom: 2.5rem;
  }

  .inbox-content .booking-convo-link p {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  }

  .inbox-content .status-container {
    text-align: right;
  }

  .status-div > h5 {
    display: inline-block;
  }

  .status-div .fa-question-circle {
    color: white;
  }

  .status-div > .status-unlisted {
    display: none;
  }

  .status-div .fa-toggle-on,
  .status-div .fa-toggle-off {
    cursor: pointer;
  }

  .inbox-content .inbox-row .exp-descrip > .booking-convo-link {
    color: white;
    text-decoration: none;
  }

  @media (max-width: 476px) {
    .dashboard-content-main .inbox-content .inbox-row .profile-avatar-mini,
    .dashboard-content-main .inbox-content .inbox-row .profile-avatar-mini img {
      height: 3.8rem;
      width: 3.8rem;
    }
    .dashboard-content-main .inbox-content .inbox-row .exp-descrip {
      margin: 0;
    }
    .dashboard-content-main .inbox-content .status-container {
      width: 100%;
      text-align: left;
    }
    .dashboard-content-main .inbox-content .status-container h5 {
      display: inline-block;
    }
    .dashboard-content-main .inbox-content .booking-convo-link p {
      font-size: 1.2rem;
    }
    .dashboard-content-main .inbox-content .exp-title-container {
      width: 28.666667%;
    }
  }

  @media (max-width: 767px) {
    .dashboard-content-main .inbox-content .status-container > .status-span > i {
      display: none;
    }
  }

/*===================================
  END INBOX 
===============================*/



/*===================================
  ** MANAGE **
===============================*/

  .manage-add-btn {
    margin-top: 0.5rem;
    border: 1px solid #ffc917 !important;
  }

  .manage-add-btn i {
    margin-left: 0 !important;
  }

  .manage-content a {
    text-decoration: none;
  }

  .manage-content a .active {
    color: white;
  }

  .manage-content a:hover h4,
  .manage-content a:focus h4 {
    color: white;
  }

  .manage-section .project-title-container img {
    height: 10.67rem;
    width: 16rem;
  }

  .manage-content-main .manage-section,
  .manage-content-main .manage-section .list-unstyled,
  .manage-content-main .manage-section .project-row {
    margin-top: 0;
  }

  .manage-content-main .manage-section .project-row {
    margin-bottom: 1rem;
    padding-top: 1rem;
  }

  .manage-section .exp-descrip {
    padding-right: 1.5rem;
  }

  /* -- Manage Gear -- */

    .manage-content-main .gear .gearlist-widget-details h5 {
      display: inline-block;
    }

    @media (max-width: 400px) {
      .manage-content-main .gear .gearlist-widget-details h5 {
        display: block;
        float: none !important;
      }
    }

    
  /* -- END Manage Gear -- */

  /* -- Manage Shoots -- */

    .manage-content-main .bookings .project-view-row h4,
    .manage-content-main .shoots .project-view-row h4 {
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
    }

    .manage-content-main .bookings .manage-descrip-right,
    .manage-content-main .shoots .manage-descrip-right {
      text-align: right;
    }
    
    .manage-content-main .shoots .manage-details-right {
      display: block;
    }

    .manage-content-main .bookings .manage-details-right h4,
    .manage-content-main .shoots .manage-details-right h4 {
      display: inline-block;
      margin-bottom: 0;
    }

    @media (max-width: 400px) {
      .account-transaction-section .project-view-row .exp-descrip,
      .manage-content-main .bookings .project-view-row .exp-title-container, 
      .manage-content-main .bookings .project-view-row .exp-descrip,
      .manage-content-main .shoots .project-view-row .exp-title-container, 
      .manage-content-main .shoots .project-view-row .exp-descrip {
        text-align: left;
      }
      .manage-content-main .bookings .project-view-row h4,
      .manage-content-main .shoots .project-view-row h4 {
        font-size: 1.4rem;
      }
    }

  /* -- END Manage Shoots -- */

  /* -- Manage Projects -- */



  /* -- END Manage Projects -- */

/*===================================
  END MANAGE 
===============================*/



/*===================================
  ** ADD LISTING MAIN **
===============================*/

  .add-listing-header-wrapper {
    text-align: center;
    color: white;
    margin-bottom: 1.5rem;
  }

  .add-listing-header-wrapper h1 {
    font-size: 5rem;
  }

  .add-listing-header-wrapper i {
    color: white;
  }

  .add-listing-header-wrapper .inline-content,
  .category-row {
    width: 100%;
  }

  .add-listing-content {
    padding: 4rem 2rem;
  }

  .add-listing-content .category-row {
    margin-bottom: 2rem;
  }

  .add-listing-content .category-header,
  .add-listing-content .category-header-centered {
    text-align: right;
  }

  .add-listing-content .category-header h3 {
    display: inline-block;
  }

  .add-listing-content .category-header i {
    position: relative;
    bottom: 0.3rem;
    left: 1rem;
  }

  .add-listing-content .category-each .fatty-btn {
    width: 20.9rem;
  }

  .add-listing-content .category-each .form-control {
    height: 4rem;
    margin: 1.3rem 0;
    font: 2rem 'proxima-nova', sans-serif;
  }

  .add-listing-content .category-each .fa-chevron-down {
    margin-left: 1rem;
    position: relative;
    bottom: 0.3rem;
  }

  .add-listing-content .category-row #createListing {
    height: 4.8rem;
  }

  .add-listing-content .category-row #creatingListingLoader {
    display: none;
  }

  .fa-circle-o-notch {
    margin-left: 1.5rem;
  }

  @media (max-width: 767px) {
    .add-listing-content .category-header-centered {
      text-align: left;
    }
  }

  @media (max-width: 991px) {
    .add-listing-content .category-header {
      text-align: left;
    }
  }

  /* -- Category Dropdown Menu -- */

  .add-listing-content .dropdown-menu {
    background-color: #333;
    width: 90%;
    float: none;
    left: 1.4rem;
    border-radius: 0;
    border: 1px solid #ffc917;
    border-top: none;
    border-bottom: none;
    text-align: center;
    padding: 0;
  }

  .add-listing-content .dropdown-menu li {
    height: 8rem;
    border-bottom: 1px solid #ffc917;
    padding: 0;
  }

  .add-listing-content .dropdown-menu li a {
    height: 100%;
    color: white;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  }
 
  .add-listing-content .dropdown .dropdown-menu a:hover,
  .add-listing-content .dropdown .dropdown-menu a:focus {
    color: #1c1d20;
    font-weight: 700;
    background-color: #ffc917;
  }

  /* -- END Category Dropdown Menu -- */


  /* -- Add Listing Photos Input -- */

  .add-listing-photos-wrapper {
    width: 37rem;
    min-height: 8.35rem;
    border: 1px solid white;
    margin-bottom: 1rem;
    margin-top: 2rem
    overflow: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  }

  .add-listing-photos-wrapper .add-listing-photos-each {
    width: 12rem;
    height: 8rem;
    display: inline-block;
    overflow: hidden;
    position: relative;
  }

  .add-listing-photos-wrapper .add-listing-photos-each img {
    width: 100%;
    height: auto;
    z-index: 100;
  }

  .add-listing-photos-wrapper .add-listing-photos-each i {
    color: white;
    position: absolute;
    z-index: 101;
    bottom: 1.8rem;
    left: 4.5rem;
    display: none;
  }

  @media (max-width: 401px) {
    .edit-photos-section .add-listing-photos-wrapper {
      margin-left: auto;
      margin-right: auto;
    }
  }

  @media (max-width: 476px) {
    .add-listing-photos-wrapper {
      width: 24.6rem;
    }
  }

  @media (max-width: 991px) {
    .category-row .col-sm-12 {
      text-align: center;
    }
  }

  /* -- END Add Listing Photos Input -- */


  /* -- Add Listing Navbar -- */

    .add-listing-navbar {
      padding-left: 0;
    }

    .add-listing-navbar > .profile-navbar-nav {
      padding: 0 2rem;
    }

    .add-listing-navbar > .profile-navbar-nav > .add-listing-navbar-preview {
      width: 16rem;
    }

    .add-listing-navbar > .profile-navbar-nav > .back-arrow-wrapper {
      width: 5rem;
      padding: 0.7rem 0;
    }

    .add-listing-navbar > .profile-navbar-nav > .add-listing-navbar-preview i,
    .add-listing-navbar > .profile-navbar-nav > .back-arrow-wrapper i {
      color: white;
    }

    .add-listing-navbar > .profile-navbar-nav > li {
      padding: 0.65rem 0;
    }

    .add-listing-navbar > .profile-navbar-nav > .add-listing-navbar-title {
      width: 25rem;
      text-align: left;
    }

    .add-listing-navbar > .profile-navbar-nav > .add-listing-status {
      text-align: left;
    }

    .add-listing-navbar > .profile-navbar-nav > li > a {
      padding: 0;
    }

    .add-listing-navbar > .profile-navbar-nav > li h5 {
      margin: 0;
      color: white;
      display: inline-block;
      font-family :'proxima-nova', sans-serif;
      -webkit-transition: font-size 0.3s;
      -moz-transition: font-size 0.3s;
      -o-transition: font-size 0.3s;
      transition: font-size 0.3s;
    }

  /* -- END Add Listing Navbar -- */  

/*===================================
  END ADD LISTING MAIN
===============================*/


.modal-register { 
  margin-bottom: 15px;
  text-align: center;
  margin: auto;
}
/*===================================
  ** ADD / EDIT LISTING **
===============================*/

  .add-listing-content .leftnav-link-wrapper i {
    margin-left: 0.5rem;
  }

  .add-listing-content .transparent-btn-yellow {
    height: 3.4rem;
  }

  .add-listing-content .transparent-btn-yellow h5 {
    margin: 0;
  }

  .add-listing-content .added-items-list .project-row {
    padding-bottom: 2px;
    border-bottom: 0.1rem solid #424242;
  }

  .add-listing-content .added-items-list .sub-item-row {
    border-bottom: none;
  }

  .add-listing-content .added-item-col i {
    margin-top: 1rem;
    cursor: pointer;
  }

  /* Fix Bootstrap tooltip inner width */
  .add-listing-content .tooltip-inner {
    min-width: 11rem;
    z-index: 1000;
  }

  .add-listing-content .added-items-list .added-sub-item {
    padding-left: 3.5rem;
  }

  .add-listing-content .added-items-list .form-control {
    height: 2.5rem !important;
    position: relative;
    top: 0.24rem;
    font: 1.4rem 'proxima-nova', sans-serif;
  }

  .add-listing-content .added-items-list #subItemQty {
    padding: 0 0.2rem;
  }

  .add-listing-sidenav .call-to-action {
    margin-top: 3rem;
  }

  @media (max-width: 446px) {
    .add-listing-content .added-items-list .add-sub-col {
      visibility: hidden;
    }
    .add-listing-section .added-items-list #added-item-make,
    .add-listing-content .added-items-list #added-make {
      display: none;
    }
  }

  @media (max-width: 991px) {
    .add-listing-content .added-items-list .sub-qty-col {
      padding: 0;
    }
  }

  /* -- Availability -- */

    .add-availability-section .widget-row {
      width: 100%;
      margin-top: 1rem;
    }

    .availability-select-wrapper {
      border: 1px solid white;
      text-align: center;
      padding: 0 4rem;
      height: 21.2rem;
      width: 25rem;
      display: inline-block;
      position: relative;
      top: 0.5rem;
      vertical-align: middle;
      cursor: pointer;
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      
    }

    .availability-select-wrapper h3 {
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
    }

    .availability-select-wrapper h4 {
      margin-bottom: 2rem;
    }

    .select-wrapper-active {
      border: 2px solid #ffc917;
      width: 26rem;
      height: 22.2rem;
    }

    .select-wrapper-active h3 {
      font-size: 3rem;
      margin-top: 1.2rem;
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
    }

    .select-wrapper-clicked {
      width: 26rem;
      height: 22.2rem;
      background-color: #ffc917;
      border-color: #ffc917;
      color: #1c1d20;
    }

    .select-wrapper-clicked h3 {
      font-size: 3rem;
      margin-top: 1.2rem;
    } 

    .select-wrapper-clicked h3,
    .select-wrapper-clicked h4 {
      font-weight: 700;
    }

    .availability-select-wrapper .calendar-icon-lg-wrapper {
      padding: 1.5rem 0;
      text-align: center;
    }

    /* -- Full Calendar -- */

    #calendar {
      margin-top: 2rem;
      font-family: 'proxima-nova',sans-serif;
    }

    #calendar button {
      border-radius: 0;
    }

    #calendar .fc-prev-button,
    #calendar .fc-next-button,
    #calendar .fc-state-hover {
      background-color: #1c1d20 !important;
      background-image: none;
      border: 1px solid white;
      box-shadow: none;
      color: white;
      outline: none;
    }

    #calendar .fc-state-hover {
      border-color: #ffc917;
    }

    #calendar .fc-today {
      background-color: transparent;
    }

    #calendar .unavailable-day {
      background-color: rgba(51,51,51,1);
    }

    #calendar .booked-day {
      background-color: #ffc917;
      color: #1c1d20;
    }

    .availability-button-row {
      margin-top: 1rem;
    }

    /* -- END Full Calendar -- */

    @media (max-width: 548px) {
      .availability-select-wrapper {
        display: block;
        margin: auto;
      }
    }

    @media (max-width: 991px) {
      .availability-select-wrapper {
        height: 18.2rem;
        width: 22rem;
      }
      .availability-select-wrapper h3 {
        margin-top: 0.4rem;
      }
      .select-wrapper-clicked,
      .select-wrapper-active {
        width: 24rem;
        height: 20.2rem;
      }
      .select-wrapper-active h3 {
        margin-top: 0.75rem;
      }
      .select-wrapper-clicked h3 {
        margin-top: 1rem;
      }
    }

  /* -- END Availability -- */

  /* -- Price -- */

    .add-pricing-section .field-pricing {
      padding-left: 6rem;
      width: 14rem;
      font: bold 1.8rem 'proxima-nova', sans-serif;
    }

    .add-pricing-section .input-addon {
      position: absolute;
      color: #1c1d20;
      bottom: 5rem;
      left: 1rem;
    }

    .add-pricing-section .promo-banner {
      margin-top: 2.5rem;
    }

    @media (max-width: 396px) {
      .add-pricing-section .input-addon {
        bottom: 6.5rem;
      }
    }

  /* -- END Price -- */




/*===================================
  END ADD / EDIT LISTING **
===============================*/

  

/*===================================
  ** WISHLIST **
===============================*/

 .wishlist-content-main .element-item {
  width: 23%;
 }


.wishlist-content-main .hearts .fa-heart-o,
.wishlist-content-main .hearts:hover .fa-heart {
  display: none;
}

.wishlist-content-main .hearts .fa-heart,
.wishlist-content-main .hearts:hover .fa-heart-o {
  display: inline-block;
}

@media (max-width: 476px) {
  .wishlist-content-main .element-item {
    width: 90%;
    margin-left: 6.5%;
  }
}

@media (min-width: 477px) and (max-width: 610px) {
  .wishlist-content-main .element-item {
    width: 75%;
    margin-left: 13%;
  }
}

@media (min-width: 611px) and (max-width: 991px) {
  .wishlist-content-main .element-item {
    width: 45%;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .wishlist-content-main .element-item {
    width: 30%;
  }
}

/*===================================
  END WISHLIST
===============================*/


/*===================================
  ** COUNTDOWN TIMER **
===============================*/

  .countdown-lg {
    padding: 2rem 0;
  }

  .countdown-timer #clock .clocknumbers {
    font: bold 6rem 'proxima-nova', sans-serif;
    margin-left: 1rem;
    transition: all 0.3s;
  }

  .countdown-timer #clock {
    font: bold 2rem 'proxima-nova', sans-serif;
    transition: all 0.3s;
  }

  @media (max-width: 476px) {
    .countdown-timer #clock .clocknumbers {
      font: bold 2.4rem 'proxima-nova', sans-serif;
      margin-left: 0.5rem;
    }

    .countdown-timer #clock {
      font: bold 1.4rem 'proxima-nova', sans-serif;
    }
  }

  @media (min-width: 477px) and (max-width: 610px) {
    .countdown-timer #clock .clocknumbers {
      font: bold 4rem 'proxima-nova', sans-serif;
      margin-left: 1rem;
    }

    .countdown-timer #clock {
      font: bold 2.2rem 'proxima-nova', sans-serif;
    }
  }

/*===================================
  END COUNTDOWN TIMER 
===============================*/



/*===================================
  ** INVITE FRIENDS **
===============================*/

  .invite-header {
    background: url(../assets/invitefriends.jpg) center center;;
    background-size: cover;
    background-repeat: no-repeat;
    height: 55rem;
    padding-top: 12rem;
    text-align: center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  }

  .invite-header-content {
    color: white;
  }

  .invite-header-content h1 {
    font-size: 5rem;
  }

  .gmail-invite-btn {
    color: #1c1d20;
    margin-top: 2rem;
  }

  .gmail-invite-btn .gmail-invite-icon,
  .gmail-invite-btn h5,
  .invite-content-main .widget-row h5 {
    display: inline-block;
  }

  .gmail-invite-btn .gmail-invite-icon {
    margin-right: 0.3rem;
  }

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

  .edit-photos-content-main .widget-row,
  .invite-content-main .widget-row {
    width: 100%;
  }

  .invite-content .invitees-left-wrapper,
  .invite-content .invitees-right {
    text-align: left;
  }

  .referral-span {
    height: 3.4rem;
    display: inline-block;
    background-color: white;
    color: #1c1d20;
    padding: 0.6rem 1.2rem;
  }

  .referral-span h5 {
    margin: 0;
  }

  .invite-content-main .widget-row .widget-project-social {
    margin-top: 0.6rem;
    display: block;
    width: 100%;
    text-align: left;
  }

  .invite-content-main .widget-row .widget-project-social i {
    margin: 0 1.5rem 0 0;
  }

  .invite-content-main .widget-row .invitees-left {
    display: table;
  }

  .invite-content-main .widget-row .invitees-left form,
  .invite-content-main .widget-row .invitees-right .referral-span {
    width: 100%;
  }

  .invite-content-main .widget-row .invitees-left form,
  .invite-content-main .widget-row .invitees-left button {
    display: table-cell;
  }

  .invite-content .invite-friends-progress-row .invite-progress-title {
    text-align: left;
    padding-left: 0;
  }

  .invite-content .invite-friends-progress-row .invite-progress-count-first,
  .invite-content .invite-friends-progress-row .invite-progress-count {
    text-align: right;
    padding-right: 0;
  }

  .invite-content .invite-friends-progress-row .invite-progress-bottom i {
    color: white;
    margin-top: 1rem;
  }

  .invite-content .invite-friends-progress-row .progress {
    padding: 0;
    margin-bottom: 0;
    height: 0.5rem;
    border-radius: 0;
  }

  .progress-bar-yellow {
    background-color: #ffc917;
  }


  @media (max-width: 476px) {
    .invite-header-content h1 {
      font-size: 2.8rem;
    }
    .invite-header-content h2 {
      font-size: 1.8rem;
    }
    .invite-header { 
      height: 35rem;
      padding-top: 2.5rem;
    }
  }

  @media (min-width: 477px) and (max-width:610px) {
    .invite-header-content h1 {
      font-size: 3.2rem;
    }
    .invite-header-content h2 {
      font-size: 2.2rem;
    }
    .invite-header { 
      height: 35rem;
      padding-top: 2rem;
    }
  }

  @media (min-width: 611px) and (max-width: 767px) {
    .invite-header-content h1 {
      font-size: 4rem;
    }
    .invite-header-content h2 {
      font-size: 2rem;
    }
  }

  @media (max-width: 991px) {
    .invite-content .invite-friends-progress-row .invite-progress-count-first {
      margin-left: 7.333%;
    }
    .invite-content .invite-friends-progress-row .invite-progress-count {
      margin-left: 11.333%;
    }
    .ninety-header-spacer {
      height: 7.5rem;
    }
    .invite-content-main .widget-row .invitees-left,
    .invite-content-main .widget-row .invitees-right {
      text-align: left;
    }
    .invite-content-main .widget-row .invitees-right {
      margin-top: 2rem;
    }
  }


/*===================================
  END INVITE FRIENDS
===============================*/




/*===================================
  ** EDIT PROFILE **
===============================*/

  .edit-profile-content .edit-profile-section .exp-title-container,
  .modal .exp-title-container {
    text-align: right;
    margin: 1.2rem 1rem 1.2rem 0;
  }

  .edit-profile-content .edit-profile-section .project-view-row,
  .edit-profile-content .edit-profile-section .project-row,
  .modal .project-row,
  .edit-exp-section .project-row {
    margin-top: 0;
    margin-bottom: 0;
  }

  .edit-profile-content .edit-profile-section .exp-title-container h4,
  .edit-exp-content .edit-exp-section .exp-title-container h4 {
    display: inline-block;
  }

  .edit-profile-content .edit-profile-section .exp-title-container i {
    margin-left: 0.5rem;
  }

  .edit-profile-content .edit-profile-section .exp-header textarea {
    max-width: 100%;
  }

  .edit-profile-content .edit-profile-section .exp-descrip h5 {
    margin-bottom: 0;
  }

  .edit-profile-content .edit-profile-section .exp-descrip .form-dropdown,
  .modal .exp-descrip .form-dropdown {
    display: inline-block;
  }

  .table-view {
    display: table;
  }

  .table-view form,
  .table-view form > input,
  .table-view button,
  .table-view .referral-span {
    display: table-cell;
  }

  .table-view form,
  .table-view .referral-span {
    width: 100%;
  }

  .edit-profile-content .edit-profile-section .exp-descrip .table-view button,
  .edit-photos-content-main .edit-photos-section .profile-info-container .table-view button,
  .edit-exp-content-main .edit-photos-section .profile-info-container .table-view button {
    position: relative;
    bottom: 0px;

  }

  @media (max-width: 991px) {
    .edit-profile-content .edit-profile-section .exp-title-container {
      text-align: left;
    }
  }



/*===================================
  END EDIT PROFILE 
===============================*/



/*===================================
  ** EDIT PHOTOS **
===============================*/

  .edit-photos-section .profile-header-row {
    padding-top: 2rem;
  }

  .edit-photos-section .edit-photos-left {
    padding: 0; 
  }

  .edit-photos-section .edit-photos-left .widget-project-hero-small img {
    height: 12rem;
    width: 18rem;
  }

  .edit-photos-section .profile-avatar-container {
    margin: 0 5% 0 0; 
    height: auto;
  }

  .edit-photos-section .profile-info-container {
    margin-left: 0;
    min-height: 0.1rem;
  }

  .edit-photos-section .profile-info-container button {
    margin-top: 1.5rem;
  }

  @media (max-width: 767px) {
    .edit-photos-section .edit-photos-left,
    .edit-photos-section .profile-info-container {
      text-align: center;
    }
    .edit-photos-section .edit-photos-left .profile-avatar {
      margin-left: auto;
      margin-right: auto;
    }
  }

/*===================================
  END EDIT PHOTOS
===============================*/


/*===================================
  ** EDIT WORK **
===============================*/

  .edit-exp-content-main .edit-exp-section .widget-subheader h4 {
    display: inline-block;
  }

  .edit-exp-content-main .edit-exp-section .widget-subheader i {
    color: white;
    margin-left: 0.5rem;
  }

  .edit-exp-content-main .edit-exp-section .edit-exp-details h5 {
    display: inline-block;
    margin-right: 2rem;
  }

  .edit-exp-content-main .edit-exp-section .edit-exp-notes h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .edit-exp-content-main .edit-exp-section .edit-exp-widget-right .exp-header {
    padding-top: 0.4rem;
    text-align: right;
  }

  @media (max-width: 400px) {
    .edit-exp-section .widget-subheader-left {
      display: block;
    }
    .edit-exp-section .widget-subheader button {
      float: none !important;
    }
    .edit-exp-section .project-row .exp-title-container,
    .edit-exp-section .project-row .exp-descrip {
      text-align: left;
      width: 100%;
    }
    .edit-exp-section .project-row .edit-exp-widget-left {
      margin-bottom: 0;
    }
    .edit-exp-section .project-row .edit-exp-widget-right {
      margin-top: 0;
    }
    .edit-exp-section .project-row .edit-exp-widget-right .exp-header {
      text-align: left;
    }
  }


/*===================================
  ** EDIT WORK **
===============================*/



/*===================================
  ** EDIT VERIFICATIONS **
===============================*/

  .edit-verifications-section .referral-span {
    height: auto;
  }

  .edit-verifications-section .widget-row {
    width: 100%;
  }

/*===================================
  END EDIT VERIFICATIONS 
===============================*/



/*===================================
  ** EDIT REVIEWS **
===============================*/

  .edit-reviews-content-main .dashboard-widget-header,
  .edit-reviews-content-main .dashboard-header-navbar {
    padding-left: 0;
  }

  .edit-reviews-content-main .profile-header-navbar {
    background-color: transparent;
  }

  .edit-reviews-content-main .dashboard-header-navbar > .profile-navbar-nav > li {
    width: auto;
    text-align: left;
    margin-right: 2rem;
  }

  .edit-reviews-content-main .dashboard-header-navbar > .profile-navbar-nav > .active a h4 {
    color: white;
  }

  .edit-reviews-content-main .dashboard-header-navbar > .profile-navbar-nav > li > a {
    padding: 0;
  } 

  @media (max-width: 446px) {
    .edit-reviews-content-main .dashboard-widget-header {
      border-bottom: none;
    }
    .edit-reviews-content-main .dashboard-header-navbar > .profile-navbar-nav > li {
      display: block;
    }
  }

/*===================================
  END EDIT REVIEWS
===============================*/




/*===================================
  ** EDIT REFERENCES **
===============================*/


  .edit-references-content .widget-subheader-first {
    padding-top: 1rem;
  }

  .edit-reviews-content-main .references-header-navbar li a h4 {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  }

  @media (max-width: 610px) {
    .edit-reviews-content-main .references-widget-header {
      border-bottom: none;
    }
    .edit-reviews-content-main .references-header-navbar > .profile-navbar-nav > li {
      display: block;
    }
  }

  @media (max-width: 991px) {
    .edit-reviews-content-main .references-header-navbar li a h4 {
      font-size: 1.2rem;
    }
  }

  @media (min-width: 992px) and (max-width: 1199px) {
    .edit-reviews-content-main .references-header-navbar li a h4 {
      font-size: 1.4rem;
    }
  }


/*===================================
  END EDIT REFERENCES 
===============================*/


/*===================================
  ** ACCOUNT TRANSACTION HISTORY **
===============================*/

  .account-transaction-section .transaction-widget-pricebreakdown {
    display: block;
  }

  .account-transaction-section .transaction-widget-pricebreakdown i {
    color: white;
  }

  .account-transaction-section .transaction-widget-pricebreakdown h5 {
    display: inline-block;
  }

  .account-transaction-section .edit-exp-widget-right {
    text-align: right;
  }

/*===================================
  END ACCOUNT TRANSACTION HISTORY 
===============================*/


/*===================================
  ** ACCOUNT SECURITY **
===============================*/

  .account-security-content .account-security-section button {
    margin-top: 2rem;
  }

/*===================================
  END ACCOUNT SECURITY
===============================*/



/*===================================
  ** FOLLOW USER FIXED **
===============================*/

  .follow-user-fixed {
    position: fixed;
    top: 5rem;
    background-color: rgba(0,0,0,0.4);
    width: 12rem;
    padding: 1rem;
    transition: all 0.3s; 
    -webkit-transition: all 0.3s; 
    -moz-transition: all 0.3s; 
    -o-transition: all 0.3s;
  }

  @media (max-width: 767px) {
    .follow-user-fixed {
      top: 0;
      width: 100%;
      background-color: transparent;
    }
    .follow-user-fixed > button {
      float: right;
      margin: 1rem 1rem;
    }
  }



/*===================================
  END FOLLOW USER FIXED 
===============================*/




/*===================================
  ** USER PROFILE HERO **
===============================*/
 
  /* -- Static Header Bg -- */
    .profile-header-wrap {
        width: 100%;
        height: 60rem;
       
        z-index: -1;
    }

    .profile-header-bg {
      
      background-color: #000;
      -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
         position: fixed;
        width: 100%;
        height: 100%;
    }
  /* -- END Static Header Bg -- */

  /* -- Profile header containers -- */
    .profile-header-spacer {
      width: 100%;
      height: 28rem;
      -webkit-transition: height 0.3s;
      -moz-transition: height 0.3s;
      -o-transition: height 0.3s;
      transition: height 0.3s;
    }

    .profile-header-hero {
      transition: height 0.5s; 
      -webkit-transition: height 0.5s;
      -moz-transition: height 0.5s;
      -o-transition: height 0.5s;
      height: 32rem;
      background-color: transparent;
    }

    .profile-info-hero {
      position: relative;
      min-height: 25rem;
      /*border-bottom: 0.1rem solid #111111;*/
      background-image: linear-gradient(to top, rgba(0, 0, 0, 0.90), rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0));
    }

    .profile-header-row {
      padding-top: 4rem;
      width: 100%;
    }


    @media (max-width: 447px) {
      .header-content {
        min-height: 36rem;
      }
      .profile-header-hero {
        height: auto;
      }
    }
    

    @media (min-width: 250px) and (max-width: 610px) {
      .profile-header-spacer {
        height: 7rem;
      }
      
      .profile-header-row {
        padding-top: 3rem;
        margin: 0;
      }
    }

    @media (min-width: 447px) and (max-width: 610px) {
      .profile-header-hero {
        height: 37.2rem;
      }
    }

    /*
    @media (min-width: 481px) and (max-width: 510px) {
      .profile-header-hero {
        height: 30.3rem;
      }

    }*/

    @media (min-width: 611px) and (max-width: 771px) {
      .profile-header-spacer {
        height: 17rem;
      }

      .profile-header-hero {
        height: 33.6rem;
      }
    }

    @media (min-width: 772px) and (max-width: 991px) {
      .profile-header-spacer {
        height: 25.7rem;
      }

      .profile-header-hero {
        height: 34.3rem;
      }
    }

  /* -- END Profile header containers -- */

  /* -- Profile-avatar -- */
    .profile-avatar-container,
    .profile-avatar,
    .profile-avatar img {
      height: 18rem;
      width: 18rem;
    }

    .profile-avatar-container {
      margin: 0 5% 0 5%;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      z-index: 1;
    }

    .profile-avatar {
      overflow: hidden;
      border: 0.2rem solid white;
      border-radius: 50%;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      z-index: 1;
    }

    @media (min-width: 250px) and (max-width: 399px) {
      .profile-avatar-container {
        height: 10rem !important;
        width: 10rem !important;
        position: relative;
        margin: 0;
        left: 30%;  
      }
      .profile-avatar,
      .profile-avatar img {
        height: 10rem !important;
        width: 10rem !important;
      }
    }

    @media (min-width: 400px) and (max-width: 610px) {
      .profile-avatar-container {
        height: 10rem !important;
        width: 10rem !important;
        position: relative;
        margin: 0;
        left: 35%;
      } 

      .profile-avatar,
      .profile-avatar img {
        height: 10rem !important;
        width: 10rem !important;
      }
    }

    /*
    @media (min-width: 571px) and (max-width: 610px) {
      .profile-avatar-container {
        height: 10rem !important;
        width: 10rem !important;
        margin-left: 4%;
      } 

      .profile-avatar,
      .profile-avatar img {
        height: 10rem !important;
        width: 10rem !important;
      }
    }*/

    @media (min-width: 611px) and (max-width: 771px) {
      .profile-avatar-container {
        height: 10rem !important;
        width: 10rem !important;
        margin-left: 4%;
      } 
      .profile-avatar,
      .profile-avatar img {
        height: 10rem !important;
        width: 10rem !important;
      }
    }

    @media (min-width: 772px) and (max-width: 991px) {
      .profile-avatar-container {
        height: 14rem !important;
        width: 14rem !important;
        margin-left: 4%;
      } 
      .profile-avatar,
      .profile-avatar img {
        height: 14rem !important;
        width: 14rem !important;
      }
    }
  /* -- END Profile-avatar -- */

  /* -- Hero Badges Micro -- */
    /* Big Badge Prototype 
    .hero-badges-container {
      position: relative;
      top: 12rem;
      height: 12rem;
      width: 20rem;
      background-color: rgba(255,255,255,0.5);
      padding: 1rem 1rem 1rem 8.5%;
    } */

    .profile-avatar-hero-badge {
      position: absolute;
      bottom: 13rem;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    }

    @media (max-width: 771px) {
      .profile-avatar-hero-badge {
        bottom: 6.5rem;
        left: 0rem;
      }
    }

    @media (min-width: 772px) and (max-width:991px) {
      .profile-avatar-hero-badge {
        bottom: 10rem;
      }
    }
  /* -- END Hero Badges Micro -- */

  /* -- Profile hero user info -- */
    .profile-info-container {
      margin-left: 3rem;
      min-height: 16.5rem; 
      -webkit-transition: height 0.3s;
      -moz-transition: height 0.3s;
      -o-transition: height 0.3s;
      transition: height 0.3s;
    }

    .profile-user-name {
      font-family: "ff-meta-serif-web-pro",serif;
        font-size: 6rem;
        color: white;
        margin-bottom: 1.5rem;
        margin-top: 2rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-transition: font-size 0.3s;
      -moz-transition: font-size 0.3s;
      -o-transition: font-size 0.3s;
      transition: font-size 0.3s;
    }

    .profile-user-roles {
      color: white;
      margin-bottom: 0.8rem;
      -webkit-transition: font-size 0.3s;
      -moz-transition: font-size 0.3s;
      -o-transition: font-size 0.3s;
      transition: font-size 0.3s;
    }

    .profile-user-roles > h4 {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .fa-map-marker {
      color: white;
      margin-right: 2rem;
    }

    #fa-map-reg {
      display: inline-block !important;
    }

    .profile-user-location {
      font-family: "proxima-nova",sans-serif;
      color: white;
      font-size: 1.8rem;
      font-weight: 300;
      letter-spacing: 0.2rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-transition: font-size 0.3s;
      -moz-transition: font-size 0.3s;
      -o-transition: font-size 0.3s;
      transition: font-size 0.3s;
    }

    @media (min-width: 250px) and (max-width:610px) {
      .profile-info-container {
        min-height: 10rem;
        margin-left: 0;
        width: 100%;
        text-align: center;
      }
      .profile-user-name {
        font-size: 3rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 0;
      }
      .profile-user-roles {
        margin-bottom: 0.5rem;
      }
      .profile-user-roles > h4 {
        font-size: 1.2rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 0;
      }
      #fa-map-reg {
        display: none !important;
      }
      #fa-map-xxs {
        display: inline-block !important;
        margin-right: 1rem;
      }
      .profile-user-location {
        font-size: 1.5rem;
        padding-left: 1%;
      }
    }

    @media (min-width: 610px) {
      #fa-map-xxs {
        display: none !important;
      }
    }

    @media (min-width: 611px) and (max-width: 767px) {
      .profile-info-container {
        margin-left: 0;
      }

      .profile-user-name {
          font-size: 4rem !important;
          margin-bottom: 1.5rem;
          margin-top: 2rem;
      }

      .profile-user-roles {
        font-size: 1.4rem !important;
        color: white;
        margin-bottom: 0.8rem;
      }

      .profile-user-location {
        font-size: 1.4rem;
        font-weight: 300;
        letter-spacing: 0.2rem;
      }
    }

    @media (min-width: 768px) and (max-width: 991px) {
      .profile-info-container {
        margin-left: 1rem !important;
      }

      .profile-user-name {
          font-size: 4rem;
      }
    }
    

    
  /* -- END Profile hero user info -- */

  /* -- Profile header navbar -- */
    .profile-header-nav-menu {
      position: relative;
      padding: 0 5% 0 5%;
      background-color: #000;
    }

    .profile-header-navbar {
      background-color: rgba(34, 34, 34, 0.6);
      margin-left: 0;
      margin-right: 0;
    }

    .profile-header-navbar-fluid {
      padding: 0 !important;
    }

    .profile-header-navbar,
    .profile-navbar-nav,
    .profile-navbar-nav > li,
    .profile-navbar-nav > li > a {
      height: 7rem;
    }

    .profile-navbar-nav {
      width: 100%;
    }

    .profile-navbar-nav > li {
      width: 21%;
      text-align: center;
    }

    .profile-navbar-nav > li > a {
      text-decoration: none;
      color: #9e9e9e;
      letter-spacing: 0.1rem;
      padding-top: 2.4rem;
      padding-bottom: 1rem;
    }

    .profile-navbar-nav li a h3 {
      margin: 0;
      font-family :'proxima-nova', sans-serif;
      font-weight: 700;
      -webkit-transition: font-size 0.3s;
      -moz-transition: font-size 0.3s;
      -o-transition: font-size 0.3s;
      transition: font-size 0.3s;
    }

    .profile-header-nav-menu .profile-navbar-nav > .active > a,
    .profile-header-nav-menu .profile-navbar-nav > .active > a:hover,
    .profile-header-nav-menu .profile-navbar-nav > .active > a:focus {
      color: #424040;
      background-color: #ffc917;
    }

    .profile-navbar-nav > li > a:hover,
    .profile-navbar-nav > li > a:focus {
      color: #9e9e9e;
      background-color: rgba(34, 34, 34, 0.1);
    }

    .profile-header-nav-menu .profile-navbar-nav .cl-effect-4 > a::after {
      position: absolute;
      top: 108%;
      left: 0;
      width: 100%;
      height: 0.2rem;
      background-color: #ffc917;
      content: '';
      opacity: 0;
      -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
      -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
      transition: height 0.3s, opacity 0.3s, transform 0.3s;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      transform: translateY(0);
    }

    .profile-header-nav-menu .profile-navbar-nav .cl-effect-4 > a:hover::after,
    .profile-header-nav-menu .profile-navbar-nav .cl-effect-4 > a:focus::after {
      height: 0.5rem;
      opacity: 1;
      -webkit-transform: translateY(-1rem);
      -moz-transform: translateY(-1rem);
      transform: translateY(-1rem);
    }

    .edit-profile-btn {
      position: absolute;
      right: 1rem;
      top: 2.3rem;
    }
    /* PROFILE BACKGROUND HEADER*/

    .profile-bg {
      width:400px;
      height:100px;
      margin-bottom: 25px;
    }
    
    .msg-overlay {
      z-index:2;  
      color:#ffc917;
      float:left;
      left:45px;
      text-align: center;
      background-color: transparent;
      margin:0;
      background-image:url("../img/uploadnewimage.png");
      background-repeat: no-repeat;
      background-size: contain;

    }
    @media (max-width: 446px) {
      .profile-header-nav-menu {
        padding: 0 1rem 0 1rem;
      }
      .profile-header-navbar {
        margin-bottom: 0;
        border: none;
        min-height: 0 !important;
        height: 4.4rem;
      }
    }

    @media (min-width: 447px) and (max-width: 610px) {
      .profile-header-nav-menu {
        padding: 0 1rem 1rem 1rem;
      }
      .profile-header-navbar {
        height: 5.4rem;
      }
    }
    /*
    @media (min-width: 481px) and (max-width: 510px) {
      .profile-header-nav-menu {
        padding: 1rem;
      }
    }*/

    @media (min-width: 250px) and (max-width: 610px) {
      .profile-navbar-nav,
      .profile-navbar-nav li,
      .profile-navbar-nav li a {
        height: 4.5rem;
      }
      .profile-navbar-nav {
        height: 4.5rem;
        margin: 0; 
      }
      .profile-navbar-nav > li {
        display: inline-block;
        width: 24%;
      }
      .profile-navbar-nav li a {
        padding: 1.5rem 0 0 0;
      }
      .profile-navbar-nav li a h3 {
        font-size: 1.1rem !important;
      }
      .cl-effect-4 > a::after {
        position: absolute;
        top: 118%;
        left: 0;
        width: 100%;
        height: 0.2rem;
        background-color: #ffc917;
        content: '';
        opacity: 0;
        -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
        -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
        transition: height 0.3s, opacity 0.3s, transform 0.3s;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
      }
      .cl-effect-4 > a:hover::after,
      .cl-effect-4 > a:focus::after {
        height: 0.2rem;
        opacity: 1;
        -webkit-transform: translateY(-1rem);
        -moz-transform: translateY(-1rem);
        transform: translateY(-1rem);
      }
    }

    /*
    @media (min-width: 571px) and (max-width: 610px) {
      .profile-navbar-nav {
        margin: 0 !important;
      }
      .profile-navbar-nav li {
        display: inline-block;
        width: 24%;
      }
      .profile-navbar-nav li a h3 {
        font-size: 1.5rem !important;
        padding-top: 0.3rem;
      }
      .profile-navbar-nav > .cl-effect-4 {
        position: relative;
        right: 0.5rem;
      }
    }
    */

    @media (min-width: 611px) and (max-width: 767px) {
      .profile-navbar-nav {
        margin: 0 !important;
      }
      .profile-navbar-nav li {
        display: inline-block;
        width: 24%;
      }
      .profile-navbar-nav > .cl-effect-4 {
        position: relative;
        right: 0.5rem;
      }
    }

    @media (max-width: 767px) {
      .profile-navbar-nav li a h3 {
        font-size: 2rem;
        padding-top: 0.3rem;
      }
      .edit-profile-btn {
        display: none;
      }
    }

    @media (min-width: 768px) and (max-width: 991px) {
      .profile-navbar-nav li a h3 {
        font-size: 2rem;
        padding-top: 0.3rem;
      }
    }
  /* -- END Profile header navbar -- */

/*===================================
  END USER PROFILE HERO
===============================*/



/*===================================
  ** APP MAIN BODY GENERAL **
===============================*/

  .app-container {
    margin: 0 5% 0 5%;
    padding: 0;
    width: 90%; /*Changed from 90% to 100% to fix the gear items*/
    color: white;
    position: relative;
  }

  @media (min-width: 300px) and (max-width: 445px) {
    .app-container {
      margin-left: 3.5%;
    }
  }

  /* -- General Widget -- */
    .widget {
      padding: 0;
     /* background-color: #1c1d20;*/
      /*border: 0.1rem solid #e1e8ed;*/
    }

    .dashboard-widget-header h4 {
      display: inline-block;
    }

    .dashboard-widget-header i {
      color: white;
      margin-left: 0.5rem;
    }

    .dashboard-widget-header,
    .widget-header {
      padding: 0 1.5rem 0 1.5rem;
      border-bottom: 0.1rem solid #e1e8ed;
    }

    .widget-content {
      padding: 0 1.5rem;
      overflow-x: hidden; 
    }

    .widget-row {
      margin: 0;
     display:inline-block;
    }

    .widget-section {
      margin: 2rem 0 3rem 0;
    }
  /* -- END General Widget -- */

/*===================================
  END APP MAIN BODY GENERAL 
===============================*/



/*===================================
  ** WIDGET VERIFICATION **
===============================*/

  /* -- Widget verification -- */
    .widget-verificaton {
      width: 20%;
    }

    .widget-verify-row {
      margin: 0;
    }

    .widget-element-container {
      padding: 0;
    }

    .widget-element {
      margin-bottom: 5px;
    }

    .verified {
      /*margin-top: 0;*/
    }

    .unverified {
      color: #828282;
    }

    .verify-check {
      padding-top: 1.6rem;
    }

    .verify-check .fa-check {
      color: #3fb34f;
      display: block;
    }

  /* -- END Widget verification -- */

  /* -- Widget Verification Bar -- */
    .widget-verification-bar {
      margin: 1.5rem 0;
    }

    .widget-bar {
      margin: 0;
      color: white;
      background-color: transparent;
    }

    .widget-verification-bar-spacer {
      margin-left: 4%;
    }

    .widget-verification-bar-icon-container {
      padding-left: 0;
    }

    .verify-check-bar {
      padding-top: 0.8rem;
      padding-left: 0;
      width: 4.4rem;
    }

    .listing-vcb {
      padding-left: 3rem;
    }

    @media (max-width: 400px) {
      .widget-bar {
        display: none !important;
      }
    }

  /* -- END Widget Verification Bar -- */

/*===================================
  END WIDGET VERIFICATION 
===============================*/



/*===================================
  ** WIDGET MAIN GENERAL **
===============================*/

    .widget-main {
      margin-left: 3.5%;
      min-height: 90rem;
      -webkit-transition: width 0.3s;
      -moz-transition: width 0.3s;
      -o-transition: width 0.3s;
      transition: width 0.3s;
    }

    .top-border {
      border-top: 0.1rem solid #9e9e9e;
    }

    .widget-subheader {
      margin-top: 3rem;
    }

    @media (max-width: 768px) {
      .top-border {
        border-top: 0.1rem solid rgba(158,158,158,0.2);
      }
    }

    @media (max-width: 991px) {
      .widget-main {
        margin-left: 0;
      }
      .widget-header {
        display: none;
      }
    }

/*===================================
  END WIDGET MAIN GENERAL
===============================*/

/*===================================
  ** USER PROFILE - MY WORK **
===============================*/

  .exp-title-container {
    margin-right: 8%;
  }

  .exp-descrip {
    margin: 1.6rem 0;
  }

  .exp-header {
    margin-top: 1.8rem;
  }

/*===================================
  END USER PROFILE - MY WORK
===============================*/


/*===================================
  ** USER PROFILE - PROJECTS **
===============================*/

  .project-section {
    margin-bottom: 0;
    margin-top: 0;
  }

  .project-row {
    width: 100%;
    margin-top: 1rem;
  }

  .project-header {
    margin-bottom: 1.8rem;
  }

  .project-header > h4 {
    display: inline-block;
  }

  .project-subheader {
    margin-bottom: 1.8rem;
  }

  .project-section .exp-title-container {
    margin-top: 1rem;
  }

  .project-subheader .project-social-breakdown {
    padding-top: 1rem;
  }

  .project-section .project-social {
    text-align: left;
  }

/*===================================
  END USER PROFILE - PROJECTS
===============================*/



/*===================================
  ** USER PROFILE - LISTINGS **
===============================*/

  /* -- Iso-Accordion for Collapse Filter / Sort -- */

    .iso-collapse {
      margin-top: 1.5rem;
      text-align: center;
    }

    .iso-collapse .accordion-group .accordion-heading {
      padding: 0.5rem;
      border: 1px solid;
      width: 50%;
      display: inline-block;
    }

    .iso-collapse-button-container {
      width: 12rem;
      margin: auto;
    }

    .iso-collapse-button-container .accordion-toggle h4 {
      border: 1px solid;
      padding: 0.5rem;
    }

    .iso-collapse a {
      text-decoration: none;
      color: white;
    }

    .iso-collapse-body {
      margin-top: 1.5rem;
    }

    .iso-collapse h4 {
      margin: 0;
      font-size: 1.4rem;
    }

    .iso-filters-collapse > ul,
    .iso-sorts-collapse > ul {
      margin-top: 0;
    }  

    .iso-filters-collapse > h4,
    .iso-sorts-collapse > h4 {
      font-size: 1.6rem;
    }

    .iso-filters-collapse li button,
    .iso-sorts-collapse li button {
      font-size: 1.4rem;
    }

    .iso-sorts-collapse {
      margin-top: 1rem;
    }

    @media (min-width: 772px) {
      .iso-collapse {
        display: none;
      }
    }

    @media (max-width: 771px) {
      .widget-content {
        padding: 0;
      }
    }

  /* -- END Iso-Accordion for Collapse Filter / Sort -- */

  @media (max-width: 771px) {
    .iso-filters,
    .iso-sorts {
      display: none !important;
    }
  }

  /* -- Border Fade for Listing Filters-- */
    .border-fade {
      display: inline-block;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-property: box-shadow;
      transition-property: box-shadow;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      /*box-shadow: inset 0 0 0 1px rgba(0,0,0,0), 0 0 1px rgba(0, 0, 0, 0);*/
      box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
      /* Hack to improve aliasing on mobile/tablet devices */
    }
    .border-fade:hover, .border-fade:focus, .border-fade:active {
      /*box-shadow: inset 0 0 0 1px #fed136, 0 0 1px rgba(0, 0, 0, 0);*/
      box-shadow: inset 0 -0.1rem 0 0 #fed136;
      /* Hack to improve aliasing on mobile/tablet devices */
    }
  /* -- END Border Fade for Listing Filters-- */

  /* ---- button ---- */
    button.btn-naked {
      background-color: transparent;
      border: 0.1rem solid transparent;
      outline: 0;
      z-index: -1;
    }

    .btn-naked:active,
    .btn-naked.is-checked {
      border: 0.1rem solid #fed136;
    }
  /* ---- END button ---- */

  /* ---- button-group ---- */
    .button-group:after {
      content: '';
      display: block;
      clear: both;
    }
  /* ---- END button-group ---- */

  /* ---- isotope ---- */
    .isotope {
      margin-top: 1.5rem;
    }

    /* clear fix */
    .isotope:after {
      content: '';
      display: block;
      clear: both;
    }
  /* ---- END isotope ---- */

  /* ---- .element-item ---- */
    .element-item {
        position: relative;
        float: left;
        width: 32%;
        margin: 0.5rem;
        background: #F5F7FA;
        color: #262524;
        white-space: nowrap;
        overflow: hidden;
      text-overflow: ellipsis;
    }

    .element-item > * {
      margin: 0;
      padding: 0;
    }

    @media (min-width: 250px) and (max-width: 445px) {
      .element-item {
        width: 100%;
        margin-bottom: 2.5rem;
      }
    }

    /*
    @media (min-width: 611px) and (max-width: 767px) {
      .element-item {
        width: 47.5%;
        margin-bottom: 1.5rem;
      }
    }*/

    @media (min-width: 446px) and (max-width: 992px) {
      .element-item {
        width: 47.5%;
        margin-bottom: 1.5rem;
      }
    }

    @media (min-width: 993px) and (max-width: 1247px) {
      .element-item {
        width: 42%;
      }
    }

    /* Hero half of element item */
      .element-item-top {
        height: auto;
        position: relative;
        overflow: hidden;
      }

      .element-item-hero {
        position: relative;
        height: auto;
        width: 100%;
        overflow: hidden;
      }

      /*.element-control {
        position: absolute;
        height: 100%;
        width: 25%;

        z-index: 100;
      }

      .element-control .icon {
        color: white;
        position: relative;
        top: 35%;
      }

      .element-prev .icon {
        left: 15%;
      }

      .element-link {
        position: absolute;
        left:25%;
        width: 50%;
        height: 100%;

        z-index: 100;
      }

      .element-next {
        right: 0;
      }

      .element-next .icon {
        float: right;
        right: 15%;
      }*/

      .element-overlay {
        height: 4.5rem;
        width: 13.8rem;
        background: rgba(28,29,32, 0.75);
        position: absolute;
        top: 68%;
        z-index: 100;
        padding: 1rem; 
        cursor: default;
        /* prevents text highlight */
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      .element-overlay sup,
      .element-overlay sub,
      .element-overlay h3 {
        display: inline-block;
        margin: 0;
        color: white; 
      }

      .element-wishlist {
        position: absolute;
        left: 80%;
        top: 5%;        
        z-index: 10;
      }

      .element-wishlist input {
        position: absolute;
        margin-left: -999.9rem;
      }

      .element-wishlist .icon {
        color: white;
        cursor: pointer;
      }

    /* END Hero half of element item */

    /* Bottom half of element item */
      .element-item-bottom {
        position: relative;
        height: 7.5rem;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      /* Profile avatar mini -- can be better optimized to merge with .profile-avatar */ 
        .element-avatar-container,
        .profile-avatar-mini,
        .profile-avatar-mini img {
          height: 6.5rem;
          width: 6.5rem;
          display: inline-block;
        }

        .element-avatar-container {
          margin: 0.5rem 2% 0 2%;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s;
          z-index: 1;
        }

        .profile-avatar-mini {
          overflow: hidden;
          border: 0.1rem solid white;
          border-radius: 50%;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s;
          z-index: 1;
        }
      /* END Profile avatar mini */ 

      /* Listing details */
        .element-listing-details {
          width: 79.92%;
          height: 100%;
          display: inline-block;
          position: absolute;
          padding: 0.8rem 1rem;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }

        .element-listing-title,
        .element-listing-title:link,
        .element-listing-title:visited,
        .element-listing-title:hover {
          color: #1c1d20;
        }

        .element-listing-details h4 {
          margin: 0 0 0.4rem 0;
        }

        .element-listing-nittygritty {
          width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }

        .element-listing-details h4,
        .element-listing-nittygritty h5 {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }

        .element-listing-nittygritty h5 {
          display: inline-block;
          margin: 0;
        }

        /* Requires Media Query */
        .element-listing-nittygritty > .location {
          width: 63%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }

      /* ENDListing details */

    /* END Bottom half of element item */

    .element-item .symbol {
      position: absolute;
      left: 1rem;
      top: 0px;
      font-size: 4.2rem;
      font-weight: bold;
      color: white;
    }

    .element-item .number {
      position: absolute;
      right: 8px;
      top: 5px;
    }

    .element-item .weight {
      position: absolute;
      left: 10px;
      top: 76px;
      font-size: 12px;
    }

    .element-item.alkali          { background: #F00; background: hsl(   0, 100%, 50%); }
    .element-item.alkaline-earth  { background: #F80; background: hsl(  36, 100%, 50%); }
    .element-item.lanthanoid      { background: #FF0; background: hsl(  72, 100%, 50%); }
    .element-item.actinoid        { background: #0F0; background: hsl( 108, 100%, 50%); }
    .element-item.transition      { background: #0F8; background: hsl( 144, 100%, 50%); }
    .element-item.post-transition { background: #0FF; background: hsl( 180, 100%, 50%); }
    .element-item.metalloid       { background: #08F; background: hsl( 216, 100%, 50%); }
    .element-item.diatomic        { background: #00F; background: hsl( 252, 100%, 50%); }
    .element-item.halogen         { background: #F0F; background: hsl( 288, 100%, 50%); }
    .element-item.noble-gas       { background: #F08; background: hsl( 324, 100%, 50%); }

    .iso-subheader {
      padding-top: 0.5rem;
    }

    /* -- Element-Item for Similar-Listings Slider -- */

      .slick-slider {
        padding: 0 4%;
      }

      .slider-item-container {
        padding: 0.5rem;
        position: relative;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
      }

      .slider-item {
        height: auto;
        margin-right: 1rem;
      }

      .slider-item-top {
        height: auto;
      }

      .slider-item-hero {
        height: auto;
      }

      /*
      @media (max-width: 446px) {
        .slider-item {
          width: 100%;
          margin: auto;
          float: none;
        }
      }

      @media (min-width: 447px) and (max-width: 610px) {
        .slider-item {
          width: 80%;
          margin: auto;
          float: none;
        }
      }*/



    /* -- END Element-Item for Similar-Listings Slider -- */

/*===================================
  END USER PROFILE - LISTINGS
===============================*/



/*===================================
  ** USER PROFILE - REVIEWS **
===============================*/
  .reviewer-avatar-container {
    text-align: center;
    padding-top: 2rem;
  }

  .review-header-info-container {
    margin: 0; 
  }

  .review-header-info-container .review-date {
    float: left;
  }

  .review-header-info-container .review-info-details {
    display: inline-block;
  }

  .review-listing-title {
    float: right;
  }

  .review-listing-title > a:hover {
    color: #428bca;
  }

  .review-comments {
    min-height: 7rem;
  }

/*===================================
  END USER PROFILE - REVIEWS
===============================*/



/*===================================
  ** LISTING PROFILE **
===============================*/

  .listing-header-spacer {
    height: 5rem;
  }

  .listing-header-content {
    padding: 0;
    width: 92%;
    margin: 0 4%; 
    border-bottom: 1px solid white;
  }

  .listing-header-wrap,
  .listing-header-content {
    background-color: #1c1d20;
  }

  .listing-header-wrap {
    min-height: 62rem;
  }

  .listing-header-row {
    padding-top: 2rem;
    margin: 0; 
  }

  
  @media (min-width: 300px) and (max-width: 767px) {
    .listing-header-row {
      max-height: 66.5rem;
    }
  }

  @media (max-width: 767px) {
    .listing-header-content {
      border-bottom: none;
    }
  }

  @media (min-width: 768px) {
    .listing-header-hero {
      min-height: 55rem;
    }
    .listing-header-row {
      min-height: 60.4rem;
      max-height: 63rem;
    }
  }

  /* -- Booking Modal -- */

    .booking-modal {
      z-index: 9999999;
    }

    .booking-modal .modal-content{
      background-color: #1c1d20;
      color: white;
    }

    .booking-modal .modal-header {
      border-bottom: none;
    }

    .booking-modal .modal-body {
      padding-top: 0;
    }

    .booking-modal .close {
      color: white;
    }

    .booking-modal .modal-title {
      display: inline-block;
    }

    .booking-modal textarea {
      max-width: 100%;
    }

    .booking-modal-details {
      margin-top: 2rem;
    }

    .booking-modal .modal-pickup,
    .booking-modal .modal-dropoff {
      display: block;
    }

    .booking-modal .modal-pickup h5,
    .booking-modal .modal-dropoff h5 {
      display: inline-block;
    }

    .modal-pickup input {
      margin-left: 1.5rem;
    }

    .modal-dropoff input {
      margin-left: 1rem;
    }

    .modal-pickup input,
    .modal-dropoff input {
      color: #1c1d20;
    }

    .booking-modal .booking-modal-payment-breakdown h5 {
      display: inline-block;
    }

    .booking-modal .booking-modal-payment-breakdown i {
      color: white;
    }

    .booking-modal-payment-breakdown span {
      display: inline-block;
    }

    .modal-send-btn {
      background-color: #ffc917 !important;
      color: #1c1d20 !important;
    }

    .modal-send-btn:hover {
      background-color: #ffd50a !important;
      border: 1px solid #ffc917;
    }

    .modal-send-btn a {
      text-decoration: none;
      color: #1c1d20 !important;
    }

    .booking-modal .modal-footer {
      margin-top: 0;
    }

    @media (max-width: 476px) {
      .booking-modal-payment-breakdown .cash{
        font-weight: 700;
        margin-top: 0;
      }
    }

    @media (max-width: 610px) {
      .modal-pickup input,
      .modal-dropoff input {
        display: block;
        margin-left: 0;
      }
    }

  /* -- END Booking Modal -- */

  /* -- Listing Carousel -- */ 

    .listing-hero-image-container {
      max-width: 74rem;
      /*max-height: 53rem;*/
      position: relative;
      overflow: hidden;
    }

    @media (max-width:991px) {
      .listing-hero-image-container {
        max-width: none;
      }
    }

    .listing-hero-slider-container,
    .listing-hero-bounds,
    .carousel-inner,
    .carousel-inner .item {
      max-height: 47.1rem;
    }

    .carousel-inner .item > img {
      width: 100%;
      height: auto;
    }

    .carousel-control > i {
      position: absolute;
      top: 40%;
    }

    .carousel-control .fa-angle-left {
      right: 55%;
    }

    @media (max-width: 476px) {
      .carousel-icon-xs {
        display: none;
      }
    }

    @media (min-width: 477px) {
      .carousel-icon-xxs {
        display: none;
      }
    }

    /* -- Listing Overlay (from .element-overlay) -- */

      .listing-hero-element-overlay {
        height: 6rem;
        width: 20rem;
        background: rgba(28,29,32, 0.75);
        position: absolute;
        top: 4%;
        z-index: 100;
        padding: 1.5rem 3rem; 
        cursor: default;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        /* prevents text highlight */
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      .listing-hero-element-overlay sup,
      .listing-hero-element-overlay sub,
      .listing-hero-element-overlay h2 {
        display: inline-block;
        margin: 0;
        color: white; 
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
      }

      #append-alert-wishlist-hero {
        position: relative;
        color: white;
        font-weight: 700;
        right: 7rem;
        width: 14rem;
        line-height: 2rem;
        padding: 0 1rem;
        background-color: black;
      }

      #append-alert-wishlist-removed-hero {
        position: relative;
        color: white;
        font-weight: 700;
        right: 14rem;
        width: 17.5rem;
        line-height: 2rem;
        padding: 0 1rem;
        background-color: black;
      }

      @media (max-width: 476px) {
        .listing-hero-element-overlay {
          height: 4rem;
          width: 14rem;
          padding: 1.2rem 2rem;
        }
        .listing-hero-element-overlay sup {
          font-size: 1.2rem;
        }
        .listing-hero-element-overlay h2 {
          font-size: 1.8rem;
        }
        #append-alert-wishlist-hero {
          right: 10rem;
        }
      }

      

      /* -- Listing Wishlist-XXS -- */
      .listing-hero-element-wishlist-xxs {
        position: absolute;
        left: 86%;
        top: 5.5%;        
        z-index: 10;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
      }

      .listing-hero-element-wishlist-xxs input {
        position: absolute;
        margin-left: -999.9rem;
      }

      .listing-hero-element-wishlist-xxs .icon {
        color: white;
        cursor: pointer;
      }

      @media (max-width: 400px) {
        .listing-hero-element-wishlist-xxs {
          left: 83%;
        }
      }

      @media (min-width: 477px) {
        .listing-hero-element-wishlist-xxs {
          display: none;
        }
      }

      /* -- END Listing Wishlist-XXS -- */


      /* -- Listing Wishlist-XS -- */
      .listing-hero-element-wishlist-xs {
        position: absolute;
        left: 90%;
        top: 6%;        
        z-index: 10;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
      }

      .listing-hero-element-wishlist-xs input {
        position: absolute;
        margin-left: -999.9rem;
      }

      .listing-hero-element-wishlist-xs .icon {
        color: white;
        cursor: pointer;
      }

      @media (max-width: 476px) {
        .listing-hero-element-wishlist-xs {
          display: none;
        }
      }

      @media (max-width: 768px) {
        .listing-hero-element-wishlist-xs {
          left: 84%;
        }
      }

      @media (min-width: 992px) {
        .listing-hero-element-wishlist-xs {
          left: 85%;
        }
      }
      /* -- END Listing Wishlist-XS -- */

    /* -- END Listing Overlay (from .element-overlay) -- */

    /* -- Carousel thumbnail -- */
      .carousel-thumbnails > li {
        padding-right: 0;
        overflow: hidden;
      }

      .carousel-thumbnails > li > a > img {
        width: 8rem;
        height: 6rem;
      }

      .selected img {
        opacity:0.5;
      }
    /* -- END Carousel thumbnail -- */

  /* -- END Listing Carousel -- */ 

  /* -- Host-profile-widget -- */
    .host-profile-widget-small {
      border-top: 1px solid #828282;
      padding-top: 2rem;
      height: 13.5rem;
    }

    .small-avatar-container {
      color: white;
      display: inline-block;
    }

    .host-widget-verification-bar-micro {
      display: inline-block;
      position: relative;
      width: 80%;
      bottom: 2.3rem;
      left: 2rem;
    }

    @media (max-width: 304px) {
      .widget-bar-mini {
        width: 90%;
        margin: auto !important;
      }
    }

    @media (min-width: 305px) and (max-width: 400px) {
      .widget-bar-mini {
        width: 80%;
        margin: auto !important;
      }
    }

    @media (max-width: 400px) {
      .host-widget-verification-bar-micro {
        width: 100%;
        text-align: center;
        margin-top: 5rem;
        left: 0;
      }
    }

    @media (max-width: 476px) {
      .small-avatar-container {
        width: 100%;
        text-align: center;
      }
    }

    @media (min-width: 401px) and (max-width: 476px) {
      .host-widget-verification-bar-micro {
        width: 100%;
        text-align: center;
        margin-top: 2rem;
        left: 3%;
      }
    }

    @media (max-width: 767px) {
      .host-profile-widget-small {
        display: none;
      }
    }

    @media (min-width: 478px) and (max-width: 767px) {
      .host-widget-verification-bar-micro {
        width: 80%;
      }
    }

    @media (min-width: 768px) and (max-width: 991px) {
      .host-widget-verification-bar-micro {
        width: 50%;
      }
    }

    @media (max-width: 991px) {
      .host-profile-widget-small {
        border-top: none;
      }
    }

    .widget-verification-bar-micro {
      margin: 1rem 0;
      padding: 0 0 0 5%;
    }

    .badge-pill-container-micro {
      text-align: center;
      display: inline-block;
      margin-right: 1.5rem;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      position: relative;
    }

    /*
    @media (max-width: 400px) {
      .bottom-pill {
        margin-left: 6%;
      }
    }
    */

    .badge-pill-container-micro .badge-pill-subhead h5 {
      font-size: 1rem;
    }

    .badge-pill-container-micro .badge-pill-subhead {
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    }

    .listing-veri-badge-pill-micro {
      margin: auto;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    }

    .badge-pill-01-micro {
      moz-border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      border-radius: 0.7rem;
      background-color: #ffc917;
      color: #444;
      font-weight: bold;
      margin: auto;
      padding: 0.7rem 0.2rem;
      width: 3rem;
      position: relative;
      overflow: hidden;
      height: 3rem;
    }

    .badge-pill-01-micro:before {
      content: ' ';
      position: absolute;
      top: 0;
      right: -1.2rem;
      border-style: solid;
      border-width: 10rem 15rem 10rem 0;
      border-color: #ffd50a transparent transparent transparent;
    }

    .badge-pill-subhead-micro > h5 {
      font-size: 1rem;
    }


    .badge-pill-subhead-placeholder h5 {
      font-size: 1rem;
    }

    @media (min-width:899px) {
      .badge-pill-subhead-placeholder,
      .badge-pill-subhead-placeholder > h5 {
        display: none;
      }
    }

    @media (max-width:900px) {
      .badge-pill-container-micro .badge-pill-subhead {
        display: none;
      }
      .listing-veri-badge-pill-micro {
        left: 1rem;
        bottom: 2.5rem;
      }
    }

  /* -- END Host-profile-widget -- */

  /* -- Listing Profile Single Column -- */

  .listing-heading-info-container {
    padding: 0 2%;
  }

  .listing-profile-name-sm {
    margin-top: 3rem;
  }

  .listing-profile-name-sm > h1 {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .listing-profile-nittygritty-sm {
    width: 100%;
    display: inline-block;
  }

  .listing-profile-nittygritty-sm h4 {
    display: inline-block;
    margin: 0;
    white-space: nowrap;
  }

  .book-button-container-sm-top {
    margin: 2rem auto 0 auto;
    width: 30rem;
    transition: all 0.3s;
  }

  .booking-request-btn-sm-top {
    margin: auto;
    display: block;
    width: 30rem;
    background-color: #ffc917;
    border: none;
    color: #1c1d20;
    z-index: 5000;
    transition: all 0.3s;
  }

  .book-button-container-sm {
    padding: 0;
    display: inline-block !important;
    position: relative;
    float: right;
    margin-top: 2.1rem;
    width: 39%;
  }

  .booking-request-btn-sm {
    z-index: 5000;
    width: 30rem;
    background-color: #ffc917;
    border: none;
    color: #1c1d20;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  }

  @media (max-width: 401px) {
    .nittygritty-sm-left {
      /* override .pull-left */
      float: none !important;
    }
    .nittygritty-sm-right {
      /* override .pull-right */
      float: none !important;
    }
    .book-button-container-sm {
      margin: 0;
    }
  }

  @media (max-width: 476px) {
    .booking-request-btn-sm-top {
      width: 30rem;
    }
    .listing-profile-name-sm > h1 {
      font-size: 2.2rem;
    }
  }

  @media (min-width: 477px) and (max-width: 767px) {
    .listing-profile-name-sm > h1 {
      font-size: 2.6rem;
    }
  }

  @media (max-width: 767px) {
    .book-button-container-sm,
    .booking-request-btn-sm {
      display: none;
    }
  }


  @media (min-width: 768px) and (max-width: 992px) {
    .listing-profile-name-sm > h1 {
      font-size: 3rem;
    }
  }

  /* -- Listing Profile Single Column -- */

  .listing-profile-name {
    max-height: 16rem;
    overflow: hidden;
    text-overflow: ellipsis; 
  }

  .listing-profile-name > h2 {
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis; 
  }

  .listing-profile-nittygritty {
    margin: 1.5rem 0;
    width: 40%;
    display: inline-block;
  }

  .listing-profile-nittygritty > h4 {
    display: inline-block;
    margin: 0;
    white-space: nowrap;
  }

  @media (max-width: 991px) {
    .listing-profile-name {
      display: none;
    }
    .listing-profile-nittygritty {
      display: none;
    }
  }

  .star-rating {
    position: relative;
    bottom: 0.1rem;
    margin-top: 1.5rem;
    color: white;
  }

  .star-rating .fa-star {
    color: #ffc917;
  }

  .rating {
    color: #ffc917;
  }

  .star-rating > h5 {
    display: inline-block;
    margin: 0;
  }

  /* -- Listing-app-container -- */
    .listing-app-container {
      margin: 0 4%; 
    }

    .listing-widget-main {
      margin-left: 0;
    }

    .listing-widget-first-header {
      border-bottom: 0;
      padding-top: 0;
      margin-top: 3rem;
    }

    .listing-widget-header {
      border-bottom: 0;
      padding-top: 1rem 1.5rem 0 1.5rem;
      margin-top: 3rem;
    }

    .listing-widget-content {
      padding: 0 0;
    }

    .listing-widget-section {
      margin-top: 0;
    }

    .listing-widget-inventory-list-container > ul {
      display: inline-block;
    }

    .listing-widget-host-p-container > p {
      padding-left: 1.5rem;
    }

    .listing-widget-reviewer-avatar-container {
      text-align: left;
      padding-left: 2rem;
    }

    @media (min-width: 992px) {
      .listing-widget-section {
        max-width: 74.5rem;
      }
    }


  /* -- END Listing-app-container -- */

  /* -- Listing-bottom -- */
    .listing-bottom-container {
      padding: 0;
      margin: 0;
      width: 100%;
      color: white;
      background-color: #4f4f4f;
    }

    .listing-bottom-section {
      padding-left: 5%; 
    }

    .icon-row {
      margin: 0; 
    }

    .map {
      height: 100%;
      width: 43%;
      position: fixed!important;
      overflow: hidden;
      transform: translateZ(1px);
      background-color: rgb(229, 227, 223);
    }

    .map-placeholder {
      height: 60rem;
    }

    /* Bottom of view listing */
    .host-widget-verification-bar-micro-bottom {
      display: inline-block;
      position: relative;
      width: 100%;
      bottom: 1.7rem;

      margin: 2rem 0 0 0;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    }

    .host-widget-verification-bar-micro-bottom .listing-veri-badge-pill-micro {
      top: -2.5rem;
      margin-right: 0.5rem;
    }

    @media (max-width: 400px) {
      .host-widget-verification-bar-micro-bottom {
        /* override widget-verification-bar */  
        margin-top: 5.5rem !important;
      }
      .host-widget-verification-bar-micro-bottom 
      .badge-pill-01-micro {

      }
    }

    @media (min-width: 401px) and (max-width: 571px) {
      .host-widget-verification-bar-micro-bottom {
        padding-left: 9%;
        /* override widget-verification-bar */  
        margin-top: 2.5rem !important;
      }
    }

    @media (max-width: 571px) {
      .listing-bottom-avatar-wrapper {
        width: 100%;
      }
      .listing-widget-host-avatar-container {
        margin: auto;
      }
      .listing-bottom-host-descrip {
        width: 100%;
        text-align: center;
      }
    }

  /* -- END Listing bottom -- */

/*===================================
  END LISTING PROFILE
===============================*/



/*===================================
  ** BOOKING WIDGET **
===============================*/

  .booking-widget {
    width: 32.4rem;
    z-index: 5000;
  }

  @media (max-width: 991px) {
    .booking-widget { 
      display: none;
    }
  }

  .booking-widget-price {
    padding: 0.5rem 1.8rem 0.5rem 1.5rem; 
    background-color: #4f4f4f;
  }

  .booking-widget-price > h2,
  .booking-widget-price > h4 {
    margin: 0; 
    display: inline-block;
  }

  .booking-price-perday {
    position: relative;
    top: 0.65rem;
  }

  .booking-widget-datepicker {
    padding: 0.5rem 1.5rem; 
    background-color: white;
    color: #1c1d20; 
  }

  .gear-pickup,
  .gear-dropoff {
    display: inline-block;
  }

  .gear-dropoff {
    margin-left: 5rem;
  }

  .datepick-box {
    width: 12rem;
    margin-bottom: 1.5rem;
  }

  /* -- Booking Breakdown -- */
    .booking-widget-breakdown {
      background-color: white;
      color: #1c1d20;
    }

    .table-breakdown {
      background-color: white;
      width: 100%;
      margin: 0;
    }

    .table-breakdown > tbody > tr >td {
      padding-left: 1.5rem;
    }

    .table-breakdown .table-cell-left {
      width: 60%;
    }

    .table-breakdown .table-cell-right {
      text-align: right;
    }

    .fa-question-circle {
      color: #1c1d20;
    }


  /* -- END Booking Breakdown -- */

  .book-button-container {
    background-color: transparent;
    padding: 1.5rem 0;
    text-align: center; 
  }

  .booking-request-btn {
    width: 100%;
    background-color: transparent;
    border: 1px solid #ffc917;
    color: white;
    transition: all 0.3s;
  }

  .booking-request-btn-hover {
    background-color: #ffc917;
    color: #1c1d20;
  }

  @media (max-width: 1424px) {
    .booking-widget {
      float: left;
    }
  }
/*===================================
  END BOOKING WIDGET 
===============================*/



/*===================================
  ** VERI-COLLAPSE **
===============================*/

  .veri-collapse {
    margin-top: 1.5rem;
    text-align: center;
  }

  .veri-collapse .accordion-group .accordion-heading {
    padding: 0.5rem;
    border: 1px solid;
    width: 50%;
    display: inline-block;
  }

  .veri-collapse a {
    text-decoration: none;
    color: white;
  }


  .veri-collapse h4 {
    margin: 0;
    font-size: 1.4rem;
  }

  @media (min-width: 447px) {
    .veri-collapse {
      display: none !important;
    }
  }

  /* -- Widget Verification Bar Mini -- */
    .widget-verification-bar-mini {
      margin: 1rem 0;
      padding: 1rem 0 0 5%;
    }

    .widget-bar-mini {
      margin: 0;
      color: white;
      background-color: transparent;
    }

    .widget-verification-bar-mini-icon-container {
      padding-left: 0;
    }

    .verify-check-bar {
      padding-top: 0.8rem;
      padding-left: 0;
      width: 4.4rem;
    }

    .listing-vcb {
      padding-left: 3rem;
    }

    @media (max-width: 446px) {
      .widget-bar {
        display: none !important;
      }
    }

    @media (max-width: 610px) {
      .widget-verification-bar {
        width: 100%;
        padding-left: 5%;
        margin-top: 1.5rem;
        display: inline-block !important;
      }

    }

  /* -- END Widget Verification Bar -- */


/*===================================
  END VERI-COLLAPSE 
===============================*/



/*===================================
  ** VERI-BADGE PILLS **
===============================*/

  .badge-pill-container {
    text-align: center;
    display: inline-block;
    margin-right: 1.5rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .badge-pill-01 {
    moz-border-radius: 0.7rem;
    -webkit-border-radius: 0.7rem;
    border-radius: 0.7rem;
    background-color: #ffc917;
    color: #444;
    font-weight: bold;
    display: inline-block;
    padding: 0.9rem 0.5rem;
    width: 3.5rem;
    position: relative;
    overflow: hidden;
    height: 3.5rem;
  }

  .badge-pill-01:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: -1.2rem;
    border-style: solid;
    border-width: 10rem 15rem 10rem 0;
    border-color: #ffd50a transparent transparent transparent;
  }

  .badge-pill-count {
    position: relative;
  }

  .badge-pill-count > a,
  .badge-pill-count > a:link,
  .badge-pill-count > a:active {
    color: #444;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .badge-pill-count > a:hover {
    color: #000000;
  }

  .badge-pill-count > a > h4 {
    margin-top: 0rem; 
  }

  .badge-pill-container 
  .badge-pill-subhead > h5 {
    /*margin: 0;*/
  }

  .veri-badge-pill {
    width: 50rem;
    position: relative;
    bottom: 0.4rem;
    margin: auto;
  }

  .veri-badge-pill-micro {
    width: 50rem;
    position: relative;
    bottom: 1.6rem;
    margin-right: 2rem;
  }

  .email-pill {
    width: 3.7rem;
    height: 3.7rem;
    background: url(../assets/veri_icons_blue.png) 0 0;
  }

  .email-negative-pill {
    width: 3.7rem;
    height: 3.7rem;
    background: url(../assets/veri_icons_blue.png) 0 -3.7rem;
    opacity: 0.5;
  }

  .phone-pill {
    width: 3.7rem;
    height: 3.7rem;
    background: url(../assets/veri_icons_blue.png) -3.7rem 0;
  }

  .phone-negative-pill {
    width: 3.7rem;
    height: 3.7rem;
    background: url(../assets/veri_icons_blue.png) -3.7rem -3.7rem;
    opacity: 0.5;
  }

  .fb-pill {
    width: 3.7rem;
    height: 3.7rem;
    background: url(../assets/veri_icons_blue.png) -7.4rem 0;
  }

  .fb-negative-pill {
    width: 3.7rem;
    height: 3.7rem;
    background: url(../assets/veri_icons_blue.png) -7.4rem -3.7rem;
    opacity: 0.5;
  }

  .id-pill {
    width: 3.7rem;
    height: 3.7rem;
    background: url(../assets/veri_icons_blue.png) -11.1rem 0;
  }

  .id--negative-pill {
    width: 3.7rem;
    height: 3.7rem;
    background: url(../assets/veri_icons_blue.png) -11.1rem -3.7rem;
  }

  /* -- Micro Badge Pills -- */

  .email-pill-micro {
    width: 3.2rem;
    height: 3.2rem;
    background: url(../assets/veri_icons_blue_micro.png) 0 0;
  }

  .email-negative-pill-micro {
    width: 3.2rem;
    height: 3.2rem;
    background: url(../assets/veri_icons_blue_micro.png) 0 -3.2rem;
    opacity: 0.5;
  }

  .phone-pill-micro {
    width: 3.2rem;
    height: 3.2rem;
    background: url(../assets/veri_icons_blue_micro.png) -3.2rem 0;
  }

  .phone-negative-pill-micro {
    width: 3.2rem;
    height: 3.2rem;
    background: url(../assets/veri_icons_blue_micro.png) -3.2rem -3.2rem;
    opacity: 0.5;
  }

  .fb-pill-micro {
    width: 3.2rem;
    height: 3.2rem;
    background: url(../assets/veri_icons_blue_micro.png) -6.4rem 0;
  }

  .fb-negative-pill-micro {
    width: 3.2rem;
    height: 3.2rem;
    background: url(../assets/veri_icons_blue_micro.png) -6.4rem -3.2rem;
    opacity: 0.5;
  }

  .id-pill-micro {
    width: 3.2rem;
    height: 3.2rem;
    background: url(../assets/veri_icons_blue_micro.png) -9.6rem 0;
  }

  .id-negative-pill-micro {
    width: 3.2rem;
    height: 3.2rem;
    background: url(../assets/veri_icons_blue_micro.png) -9.6rem -3.2rem;
  }

  /*
  @media (max-width: 375px) {
    .badge-pill-container {
      margin-right: 0.3rem;
    }
    .badge-pill-subhead > h5 {
      font-size: 1rem;
    }
    .veri-badge-pill {
      bottom: 1.2rem;
    }
  }*/

  @media (max-width: 446px) {
    .badge-pill-container {
      margin: 0 1rem 0 0;
      text-align: center;
    }
    .badge-pill-subhead > h5 {
      font-size: 1rem;
    }
    .badge-pill-01 {
      moz-border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      border-radius: 0.7rem;
      background-color: #e5b000;
      color: #444;
      font-weight: bold;
      display: inline-block;
      padding: 0.7rem 0.2rem;
      width: 3rem;
      position: relative;
      overflow: hidden;
      height: 3rem;
    }

    .badge-pill-01:before {
      content: ' ';
      position: absolute;
      top: 0;
      right: -1.2rem;
      border-style: solid;
      border-width: 10rem 15rem 10rem 0;
      border-color: #ffd50a transparent transparent transparent;
    }

    .badge-pill-count {
      position: relative;
    }

    .badge-pill-count > a,
    .badge-pill-count > a:link,
    .badge-pill-count > a:active {
      color: #444;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    }

    .badge-pill-count > a:hover {
      color: #000000;
    }

    .badge-pill-count > a > h4 {
      margin-top: 0.1rem; 
      font-size: 1.6rem;
    }
    .veri-badge-pill {
      width: 3.2rem;
      position: relative;
      top: -0.5rem;
    }
  }

  @media (min-width:401px) and (max-width: 610px) {
    .badge-pill-container {
      margin-right: 0.7rem;
    }
  }

  @media (min-width: 401px) and (max-width: 771px) {
    .badge-pill-subhead > h5 {
      font-size: 1.2rem;
    }
  }

  @media (min-width: 611px) and (max-width: 771px) {
    .badge-pill-container {
      margin-right: 0.6rem;
    }
  }

/*===================================
  END VERI-BADGE PILLS 
===============================*/



/*===================================
  ** LISTING BOTTOM SIMILAR LISTINGS **
===============================*/

  .similar-listings-container {
    background-color: #1c1d20;
    padding-right: 5% !important;
  }

  @media (max-width: 771px) {
    .slick-prev,
    .slick-next {
      display: none !important;
    }
  }


/*===================================
  END LISTING BOTTOM SIMILAR LISTINGS
===============================*/



/*===================================
  ** VIEW PROJECT **
===============================*/

  .project-header-wrap {
    height: 77rem;
    padding: 0!important;
  }

  .project-header-bg {
    background-image: url(../assets/fell/fell_hero2.jpg);
  }

  .project-header-spacer {
    height: 41rem;
  }

  .project-header-hero {
    height: 39rem;
  }

  .project-info-hero {
    min-height: 32rem;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.90), rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0));
  }

  .project-info-container {
    margin-left: 0;
    text-align: center;
  }

  .project-details {
    margin-bottom: 3rem;
  }

  .project-type > h3 {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  }

  .project-title {
    font-family: "proxima-nova",serif;
  }

  .follow-project {
    margin-top: 3rem;
  }

  @media (min-width: 300px) and (max-width: 447px) {
    .project-type > h3 {
      font-size: 1.8rem;
    }
    .project-title {
      font-size: 2.4rem;
    }
  }

  @media (max-width: 447px) {
    .project-header-wrap {
      height:59rem;
    }
    .project-header-spacer {
      height: 30rem;
    }
    .project-header-content {
      min-height: 25rem;
    }
    .project-info-hero {
      min-height: 25rem;
    }
    .project-header-hero {
      height: auto;
    }
    .project-title {
      white-space: normal;
      overflow: visible;
      text-overflow: initial;
    }
  }

  @media (min-width: 448px) and (max-width: 610px) {
    .project-header-hero {
      height: 36.7rem;
    }
  }

  @media (min-width: 250px) and (max-width: 610px) {
    .project-title {
      margin-bottom: 1.5rem;
    }
  }

  /* -- PROJECT MAIN -- */

    .project-main {
      margin-left: 0;
    }

    .project-main .project-header {
      text-align: center;
      border-bottom: none;
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
    }

    .project-main .project-trailer-container {
      margin-top: 1rem;
    }

    .project-social {
      text-align: right;
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;      
    }

    .project-social i {
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;    
    }

    .project-social > h5 {
      display: inline-block;
      margin-bottom: 0;
    }

    .hearts .fa-heart,
    .hearts:hover .fa-heart-o {
      display: none;
    }

    .hearts:hover .fa-heart {
      display: inline;
    }

    .project-social-fb-hover {
      color: #3b5998;
    }

    .project-social-twitter-hover {
      color: #4099ff;
    }

    .project-social-linkedin-hover {
      color: #4875B4;
    }

    .project-widget-content {
      display: inline-block;
    }

    @media (max-width: 767px) {
      .project-header > h4 {
        margin-top: 2rem;
      }
    }

    @media (max-width: 992px) {
      .project-header {
        display: block;
      }
    }

  /* -- END PROJECT MAIN -- */

  /* -- PROJECT COLLABORATORS -- */

    .project-subheader-first {
      display: inline-block;
      width: 100%;
    }

    .project-subheader-first > h4,
    .project-subheader-first > h5 {
      display: inline-block;
    }

    .project-subheader-first > h5 {
      margin-top: 1.1rem;
    }

    .project-collab-row {
      height: 12rem;
      margin: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      transition: all 0.3s;
    }

    .collab-avatar {
      width: 11%;
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
    }

    .collab-avatar-container {
      float: left;
    }

    @media (max-width: 447px) {
      .project-subheader-first > h4 {
        width: 100%;
      }
      .project-subheader-first > h5 {
        float: left !important;
        display: inline-block;
      }
    }

    @media (max-width: 767px) {
      .project-collab-row {
        height: 13rem;
      }
      .collab-avatar .profile-avatar-mini,
      .collab-avatar img {
        height: 3.8rem;
        width: 3.8rem; 
      }
      .collab-avatar {
        width: 5rem;
      }
      .collab-avatar-container > h5 {
        display: none;
      }
    }

    @media (min-width:768px) and (max-width: 900px) {
      .collab-avatar {
        width: 15%;
      }
    }

  /* -- END PROJECT COLLABORATORS -- */

  /* -- PROJECT WIDGETS -- */

    .project-view-row {
      margin-bottom: 2.5rem;
    }

    .widget-project-header {
      padding-left: 0; 
    }

    .widget-project-header figure {
      margin-right: 2rem;
    }

    .widget-project-published {
      position: relative;
      top: 3.8rem;
    }

    .project-title-container {
      margin-right: 0;
    }

    .widget-project-activity-title {
      display: inline-block;
      position: relative;
      bottom: 2.5rem;
    }

    .widget-project-activity-title > h5 {
      display: inline-block;
    }

    .widget-project-hero-small {
      margin-top: 2rem;
    }
    
    .widget-project-hero-small img {
      width: 16rem;
      height: 9rem;
      transition: all 0.3s;
    }

    .project-row .exp-header {
      margin-top: 0;
    }

    .widget-project-social {
      text-align: right;
    }

    .widget-project-social i {
      margin: 0 0 0 1.5rem;
      transition: all 0.3s;
    }

    .shares .fa-share-square,
    .shares:hover .fa-share-square-o {
      display: none;
    }

    .shares:hover .fa-share-square {
      display: inline;
    }

    @media (max-width: 400px) {
      .collab-avatar-container {
        width: 100%;
        padding-left: 1rem;
      }
      .widget-project-activity-title {
        width: 100%;
        bottom: 0;
      }
      .project-view-row .exp-title-container,
      .project-view-row .exp-descrip {
        text-align: center;
      }
      .widget-project-hero-small img {
        width: 28rem;
        height: 15.749rem;
      }
      .project-stills-uploaded {
        margin-right: 0;
      }
    }

    @media (max-width: 446px) {
      .widget-project-published {
        display: none;
      }
    }

    /* -- Project Stills Uploaded -- */

      .project-stills-uploaded {
        display: inline-block;
        margin-right: 1rem;
      }

    /* -- END Project Stills Uploaded -- */

  /* -- END PROJECT WIDGETS -- */


  /* -- PROJECT CREDITS -- */

    .project-credits-subheader-first,
    .project-credits-subheader {
      display: inline-block;
    }

    .project-credits-subheader > h4 {
      display: inline-block;
    }

    .edit-project-add-collaborator {
      position: relative;
      display: inline-block;
      margin-left: 3rem;
      bottom: 0.2rem;
      
    }

    .project-credits-social {
      position: relative;
      top: 4.1rem;
    }

    .follow-person {
      display: inline-block;
    }

    .project-credits-social i {
      margin-left: 0.5rem;
    }

    .follows .fa-plus-square,
    .follows:hover .fa-plus-square-o {
      display: none;
    }

    .follows:hover .fa-plus-square {
      display: inline;
    }

    .plus-following {
      color: #ffc917;
    }

    #prepend-alert {
      position: absolute;
    }

    /*
    .project-social .fa-heart,
    .widget-project-social .fa-heart,
    .widget-project-social .fa-share-square,
    .project-credits-social .fa-heart,
    .project-credits-social .fa-plus-square {
      display: none;
    }*/

    @media (max-width: 476px) {
      .project-credits-social {
        display: none;
      }
    }

  /* -- END PROJECT CREDITS -- */

/*===================================
  END VIEW PROJECT
===============================*/

  

/*===================================
  ** WISHLIST / LIKE BUTTON STATES **
===============================*/

  .liked {
    color: #c26565 !important;
  }

/*===================================
  END WISHLIST / LIKE BUTTON STATES 
===============================*/




/*===================================
  ** BOOKING CONVERSATION PAGE **
===============================*/

  .inquiry-sm-spacer {
    height: 8rem;
  }

  .booking-inquiry-header-sm {
    color: white;
    padding: 0 2%;
    position: fixed;
    display: inline-block;
    background-color: #1c1d20;
    width: 100%;
    z-index: 1000;
  }

  .booking-heading-info-container .transparent-btn {
    margin-top: 1rem;
  }

  .inquiry-header-content .booking-request-btn a {
    color: white;
    text-decoration: none;
  }

  .inquiry-header-content .booking-request-btn:hover a {
    color: #1c1d20;
    font-weight: 700;
  }


  .booking-inquiry-header-sm > h3 {
    display: inline-block;
    margin-bottom: 2rem;
  }

  /* -- Listing Includes Modal Sm -- */

    .modal-body .modal-list-each div {
      display: inline-block;
    }

    .modal-body .modal-list-each .modal-list-left {
      width: 75%;
    }

    .modal-body .modal-list-each .modal-list-right {
      width: 20%;
      text-align: center;
    }

    .modal-body .modal-list-each .minor-list-item {
      padding-left: 3rem;
    }

    @media (max-width: 446px) {
      .modal-body .modal-list-each .minor-list-item {
        padding-left: 0;
      }
    }

    #listingIncludes-modal-sm {
      overflow: scroll;
    }

  /* -- END Listing Includes Modal Sm -- */

  /* -- Booking Enquiry Tabs -- */

    .booking-inquiry-tabs {
      top: 5.5rem;
      width: 100%;
      padding: 1rem 3%;
      background-color: #4f4f4f;
      border-bottom: none;
      position: fixed;
      display: inline-block;
      z-index: 1000;
    }

    .booking-inquiry-tabs >li {
      margin-right: 1rem;
    }

    .booking-inquiry-tabs >li > a {
      height: 5rem;
      width: 5rem;
      border-radius: 50%;
      padding: 1.3rem 1.5rem;
      color: white;
      background-color: #1c1d20;
      border: 1px solid white;
      transition: all 0.3s;
    }

    .booking-inquiry-tabs >li > a:hover {
      color: #1c1d20;
    }

    .booking-inquiry-tabs li #inquiry-nav-profile {
      padding: 1.3rem 1.7rem;
    }

    .booking-inquiry-tabs .tab-username {
      color: white;
      margin-right: 3rem;
      margin-top: 0.5rem;
    }


  /* -- END Booking Enquiry Tabs -- */

  /* -- Booking Inquiry Tab-Contant -- */

    .booking-inquiry-container {
      padding: 0;
      width: 92%;
      margin: 0 4%; 
    }

    /* -- Booking Details -- */

      #home .listing-profile-name-sm {
        overflow: hidden;
        margin-top: 0;
      }

      #home .inquiry-listing-hero {
        margin-top: 1rem;
      }

      #home .inquiry-details-container {
        margin: 0 4%;
      }

      .inquiry-details-row {
        padding: 1rem 0;
        color: white;
        transition: all 0.3s;
        width: 100%;
      }

      #home .inquiry-details-container .inquiry-details-row h4 {
        transition: all 0.3s;
      }

      #home .inquiry-details-row .small-avatar-container {
        margin: auto;
      }


      @media (max-width: 476px) {
        /*#home .inquiry-details-container .inquiry-details-row h4,
        #messages .inquiry-details-container .inquiry-details-row h4 {
          font-size: 1.4rem;
        }*/
        #home .inquiry-details-container .inquiry-details-row > .col-xs-6,
        #messages .inquiry-details-container .inquiry-details-row > .col-xs-6{
          width: 100%;
        }
      }

    /* -- END Booking Details -- */

    /* -- Host Details -- */

      .booking-inquiry-container #profile .profile-header-row {
        padding-bottom: 2rem;
      }

      #profile .dynamic-subheader {
        display: block;
      }

      #profile .dynamic-subheader h4 {
        display: inline-block;
      }

      #profile .widget-row {
        width: 100%;
      }

      #profile .widget-row .review-comments {
        min-height: 1rem;
      }

      .booking-inquiry-container .tab-pane .reviewer-avatar-container {
        text-align: left;
      }

      .booking-inquiry-container .tab-pane .exp-title-container {
        margin-right: 0; 
      }

      @media (max-width: 610px) {
        #profile .exp-title-container,
        #profile .exp-descrip {
          width: 100%;
          text-align: center;
        }
        #profile .reviewer-avatar-container,
        #profile .widget-project-hero-small {
          text-align: center;
        }
        #profile .review-header-info-container .review-date {
          float: none;
        }
      }

    /* -- END Host Details -- */

    /* -- Messages -- */

      .special-offer-btn {
        border: 1px solid #ffc917;
      }

      .special-offer-btn a {
        color: white;
      }

      .special-offer-btn:hover a {
        color: #1c1d20;
      }

      .special-offer-btn:hover {
        border: 1px solid white;
        background-color: #ffc917;
      }

      .inquiry-hero-container .inbox-messages,
      #messages .inbox-messages {
        margin: 2rem 0;
      }
      
      .inquiry-hero-container .widget-row,
      #messages .widget-row {
        width: 100%;
      }

      .inquiry-hero-container > .system .msg-descrip,
      #messages > .system .msg-descrip {
        background-color: transparent;
        border: 1px solid #ffc917;
        border-radius: 3px; 
        padding: 1rem;
        color: white;
      }

      .inquiry-hero-container > .system .review-comments,
      #messages > .system .review-comments {
        padding-top: 1rem;
        min-height: 0.1rem;
      }

      .inquiry-hero-container > .system .inbox-booking-details,
      #messages > .system .inbox-booking-details {
        padding: 1rem 0;
        width: 100%;
        display: inline-block;
      }

      .inquiry-hero-container > .system .inbox-booking-details h4,
      #messages > .system .inbox-booking-details h4,
      .inquiry-hero-container > .system .inbox-booking-decisions h5,
      #messages > .system .inbox-booking-decisions h5 {
        display: inline-block;
      }

      .inquiry-hero-container #specialOfferAccordion .panel,
      #messages #specialOfferAccordion .panel {
        background-color: transparent !important;
        border: none !important;
        margin-bottom: 0;
      }

      .inquiry-hero-container #specialOfferAccordion .panel-body,
      #messages #specialOfferAccordion .panel-body {
        padding-bottom: 0;
      }

      .inquiry-hero-container > .owner .msg-descrip::before,
      #messages > .owner .msg-descrip::before {
        content: "";
        position: absolute;
        left: -1.5rem;
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-right: 20px solid #4f4f4f;
        border-bottom: 10px solid transparent;
      }

      .inquiry-hero-container > .owner .msg-descrip,
      #messages > .owner .msg-descrip {
        background-color: #4f4f4f;
        color: white;
        padding: 1rem;
        border-radius: 3px;
      }

      .inquiry-hero-container > .other .msg-descrip::after,
      #messages > .other .msg-descrip::after {
        content: "";
        position: absolute;
        left: 98.5%;
        bottom: 77%;
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-left: 20px solid white;
        border-bottom: 10px solid transparent;
      }

      .inquiry-hero-container > .other .msg-descrip,
      #messages > .other .msg-descrip {
        background-color: white;
        color: #1c1d20;
        padding: 1rem;
        border-radius: 3px;
      }

      .inquiry-hero-container .other .reviewer-avatar-container,
      #messages .other .reviewer-avatar-container {
        text-align: center;
      }

      .inquiry-hero-container .input textarea,
      #messages .input textarea {
        max-width: 100%;
      }

      .inquiry-hero-container .input button,
      #messages .input button {
        margin-top: 0.5rem;
      }

      @media (max-width: 476px) {
        #messages .profile-avatar-mini,
        #messages .reviewer-avatar-container img {
          height: 4.5rem;
          width: 4.5rem;
        }
      }

      @media (max-width: 991px) {
        .inquiry-hero-container .other .reviewer-avatar-container,
        #messages #messages-lg .other .reviewer-avatar-container {
          text-align: right;
        }
      }

    /* -- END Messages -- */

  /* -- END Booking Inquiry Tab-Contant -- */

  /* -- Booking Inquiry Lg -- */

    .booking-inquiry-header-lg {
      color: white;
      padding: 0 2rem;
      border-bottom: 1px solid #828282;
    }

    .booking-inquiry-header-lg h2 {
      margin-top: 0;
    }

    .inquiry-header-content .host-profile-widget-small {
      border-top: none;
      border-bottom: 1px solid #828282;
    }

    .inquiry-header-content .listing-hero-image-container,
    .inquiry-header-content .listing-header-row {
      max-height: none;
    }

    .inquiry-header-content .listing-info-container {
      padding: 2rem 0 0 6rem;
    }

    .inquiry-hero-container .exp-title-container {
      margin-right: 0;
    }


  /* -- END Booking Inquiry Lg -- */

/*===================================
  END BOOKING CONVERSATION PAGE 
===============================*/



/*===================================
  ** PAYMENT PAGE **
===============================*/

  .payment-hero-container {
    padding: 0 0 2rem 3rem; 
  }

  .payment-hero-container .payment-details-row {
    margin: 2rem 0 0 0;
    color: white;
  }

  .payment-hero-container .creditcards span {
    display: inline-block;
  }

  .payment-hero-container .payment-details-row h4 {
    display: inline-block;
  }

  .payment-hero-container .payment-details-row i {
    margin-left: 0.5rem;
    color: white;
  }

  .payment-hero-container .creditcard-01 {
    background: url(../assets/creditcards_sprite.png) 0 0;
    width: 3rem;
    height: 3rem;
  }

  .payment-hero-container .creditcard-02 {
    background: url(../assets/creditcards_sprite.png) -3rem 0;
    width: 3rem;
    height: 3rem;
  }

  .payment-hero-container .creditcard-03 {
    background: url(../assets/creditcards_sprite.png) -6rem 0;
    width: 3rem;
    height: 3rem;
  }

  .stripe {
    background: url(../assets/stripe.png);
    width: 11.9rem;
    height: 3rem;
    display: inline-block;
  }

  .payment-listing-hero-container {
    width: 16.2rem;
    margin-bottom: 1rem;
  }

  .payment-header-content .listing-profile-nittygritty {
    margin-top: 0;
    padding: 0 1rem;
  }

  .payment-header-content .booking-widget {
    background-color: #4f4f4f;
    color: white;
  }

  .payment-header-content .listing-profile-name {
    padding: 1rem 1rem 0 1rem;
  }

  .payment-header-content .book-now-btn {
    width: 20rem;
  }

  .payment-header-content .payment-breakdown-widget-sm .listing-profile-name,
  .payment-header-content .payment-breakdown-widget-sm .listing-profile-nittygritty {
    display: inline;
  }

  .payment-header-content .payment-breakdown-widget-sm .listing-profile-name h2 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .payment-header-content .payment-breakdown-widget-sm .booking-widget-breakdown {
    margin-top: 2.5rem;
  }

  .payment-header-content .payment-breakdown-widget-sm {
    border-bottom: 1px solid #828282;
    padding: 0 1rem 2rem 1rem;
  }

  .payment-header-content .payment-breakdown-widget-sm .col-xs-12 {
    color: white;
    text-align: center;
  }

  .payment-header-content .payment-breakdown-widget-sm .col-xs-12 .payment-listing-hero-container {
    margin-left: auto;
    margin-right: auto;
  }



/*===================================
  END PAYMENT PAGE 
===============================*/
/**/
/*===================================
 ADDITIONAL STYLES ADDED BY BRENT
===============================*/
/**/

.infoi {
    position: relative;
    top: 0;
    left: 0;
    background-color:red;
     z-index: 10;
}



/**/
/* ----------- LANDING NEW (FEB 2015) ---------- */

#splashCarousel .carousel-inner,
#splashCarousel .carousel-inner .item {
  height: 92vh;
  max-height: none;
}

.byline-container {
  margin-left: 20px;
}

.byline-container > h3 {
  margin-top: 13.5px;
}

@media (max-width: 529px) {
  .byline-container {
    display: none;
  }
}

@media (min-width: 530px) and (max-width: 767px) {
  .byline-container > h3 {
    font-size: 1.8rem;
  }
}

.splash-btn {
  padding: 1rem 1rem;
  background-color: #FFF;
  border: 3px solid #FFF;
  font-size: 1.5rem;
  font-weight: 600;
  font-family: 'proxima-nova', sans-serif;
  outline: none;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.splash-btn:hover {
  background-color: transparent;
  color: #FFF;
}

.splash-btn-green {
  color: #3fb34f;
}

.splash-btn-orange {
  color: #FF8500;
}

.splash-btn-blue {
  color: #4A90E2;
}

.learn-btn {
  padding: 1rem 1.5rem;
  background-color: transparent;
  border: 3px solid #FFF;
  font-size: 1.5rem;
  font-weight: 600;
  font-family: 'proxima-nova', sans-serif;
  color: #FFF;
  outline: none;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.learn-btn > a {
  text-decoration: none;
  color: #FFF;
}

.splash-one .learn-btn:hover {
  background-color: #2e843a;
}

.splash-two .learn-btn:hover {
  background-color: #cc6a00;
}

.splash-three .learn-btn:hover {
  background-color: #2275d7;
}

.splash {

  width: 100%;
  position: relative;
}

.splash-one {
  background-color: #369a44;
    height: 610px;
}

.splash-two {
  height:770px;
  background-color: #4A90E2;
}

.splash-brands {
  width: 100%;
  height: 160px;
  position: absolute;
  bottom: 0;
  background-color: #1c1d20;
}

.splash-assets,
.splash-hook > h3,
.splash-email {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.splash-header > h1 {
  margin-top: 0;
  margin-bottom: 0.2rem;
  font-weight: 800;
  font-size: 5rem;
  color: #FFF;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.splash-hook {
  margin: 2em 0;
  color: #FFF;
}

.splash-hook > h3 {
  margin: 0.1em 0;
}

.splash-copy > button:first-of-type {
  margin-bottom: 1rem;
}

.splash-form {
  display: table;
  width: 100%;
  color: #FFF;
}

.splash-email,
.splash-btn {
  display: table-cell;
}

.splash-email {
  width: 55%;
  padding: 1rem 1.5rem;
  border: 3px solid #FFF;
  background-color: transparent;
  font-size: 1.5rem;
  color: #FFF;
  outline: none;
}

.splash-email::-webkit-input-placeholder {
  color: #FFF;
}

.splash-email::-moz-input-placeholder {
  color: #FFF;
  opacity: 1;
}

.splash-email:-ms-input-placeholder {
  color: #FFF;
}

.splash-img {
  text-align: center;
  height: 50%;
  right: 0;
}

.splash-img > img,
.splash-writing,
.splash-writing > img {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.splash-img > #iphone {
  height: 100%;
}

.splash-img > #ipad {
  width: 100%;
}

.splash-writing {
  max-width: 1200px;
  width: 900px;
  text-align: center;
  z-index: 20;
}

.splash-writing > img {
  width: 70%;
}

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


.splash-logo {
  width: 100%;
}

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

#canon {
  margin-top: 15.2%;
}

#red {
  width: 40%;
  margin-top: 8%;
}

#atomos {
  margin-top: 13%;
}

#zeiss {
  width: 40%;
  margin-top: 8%;
}

#sony {
  margin-top: 17%;
}

#arri {
  margin-top: 12%;
}

@media (max-width: 333px) {
  .splash-email {
    width: 100%;
  }
}

@media (min-width: 320px) and (max-width: 599px) {
  .splash-assets:first-child {
    padding-top: 5%;
  }
  .splash-header > h1 {
    font-size: 3.2rem;
  }
  .splash-copy .middle-txt {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
  }
  .splash-hook > h3 {
    font-size: 1.6rem;
  }
  .splash-btn {
    margin-top: 1rem;
  }
  .learn-btn {
    margin-bottom: 1rem;
  }
  .splash-img {
    padding-top: 5%;
  }
  .splash-img > #iphone {
    height: 80%;
  }
  .splash-img > #ipad {
    position: absolute;
    top: 20%;
    right: 0;
  }
  .splash-img > #imac {
    width: 94%;
    margin-top: 2rem;
  }
}

@media (max-width: 767px) {
  .splash-writing,
  .splash-brands {
    display: none;
  }
}

@media (min-width: 600px) and (max-width: 767px) {
  .splash-assets {
    padding-top: 2%;
  }
  .splash-header > h1 {
    font-size: 3.5rem;
  }
  .splash-hook > h3 {
    font-size: 2rem;
  }
  .splash-copy .middle-txt {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .splash-img > #imac {
    width: 70%;
  }

}

@media (max-width: 767px) {
  .splash-assets {
    position: relative;
  }
  .splash-img {
    height: 50%;
  }
  .splash-copy{
    text-align: center;
  }
  .splash-copy > h1 {
    display: inline-block;
  }
}

@media (min-width: 768px) {
  .splash-assets {
    position: absolute;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .splash-copy {
    top: 25%;
    left: 10%;
  }
  .splash-img {
    top: 21%;
  }
  .splash-img > #iphone {
    height: 100%;
  }
  .splash-img > #ipad {
    position: absolute;
    top: 9%;
    right: 5%;
    width: 80%;
  }
  .splash-img > #imac {
    width: 70%;
    position: absolute;
    top: 23%;
    right: 15%;
  }

}

@media (min-width: 768px) and (max-width: 837px) {
  .splash-img > #ipad {
    width: 70%;
  }
}

@media (min-width: 768px) and (max-width: 954px) {
  .splash-header > h1 {
    font-size: 3.4rem;
  }
  .splash-hook > h3 {
    font-size: 1.8rem;
  }
}

@media (min-width: 956px) and (max-width: 1165px) {
  .splash-header > h1 {
    font-size: 4rem;
  }
}

@media (max-width: 951px) {
  .splash-email,
  .splash-btn {
    font-size: 1.2rem;
  }
}

@media (min-width: 992px) {
  .splash-copy {
    top: 20%;
    left: 10%;
  }
  .splash-two .splash-copy {
    top:12%;

    }
  .splash-two .splash-img {
    top:5%;
  }

  .splash-img {
    top: 20%;
  }
  .splash-img > #ipad {
    position: absolute;
    top: 10%;
    right: 6%;
    width: 80%;
  }
  .splash-img > #imac {
    width: 70%;
    position: absolute;
    top: 23%;
    right: 15%;
  }
}
 
@media (min-width: 955px) and (max-width: 1080px) {
  .splash-hook > h3 {
    font-size: 2rem;
  }
}

/* ----------- END LANDING NEW (FEB 2015) ---------- */


/* ----------- SPLASH MODAL (FEB 2015) ---------- */

.modal-dark .modal-content {
  border: 1px solid #b28800;
  border-radius: 3px;
  background-color: #1c1d20;
  color: #FFF;
  font-family: 'proxima-nova', sans-serif;
  text-align: center;
}

.modal-dark .modal-body {
  padding: 40px 20px;
}

.modal-dark .modal-footer {
  border-top: 1px solid #9e9e9e;
  text-align: center;
}

.modal-wide-btn {
  width: 100%;
  padding: 8px 5px;
  border: none;
  border-radius: 2px;
  font-size: 18px;
  outline: none;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.fb-signup-btn {
  background-color: #3b5998;
}

.fb-signup-btn:hover {
  background-color: #2f4679;
}

.fb-signup-btn .fa-facebook {
  margin-right: 10px;
}

.or-separator {
  margin: 15px 0;
}

.modal-right {
  text-align: right;
}

.log-in-group {
  width: 100%;
}

.log-in-group .form-control {
  margin-bottom: 10px;
}

.log-in-btn {
  background-color: #ffc917;
  color: #1c1d20;
}

.log-in-btn:hover {
  background-color: #e5b000;
}

/* ----------- END SPLASH MODAL (FEB 2015) ---------- */


/* ----------- SPLASH SHARE (FEB 2015) ---------- */

.splash-vid-wrapper {
  margin-left:auto;
  margin-top:5%;
  margin-right: auto;
  width: 50%;
}

/* ----------- SPLASH VID  (FEB 2015) ---------- */

/* ----------- SPLASH VID (FEB 2015) ---------- */

.splash-cta-container {
  margin-top: 6rem;
  color: #FFF;
  text-align: center;
}

.sharing-container {
  margin: 4rem auto;
  color: #FFF;
}

.splash-share-col {
  text-align: center;
}

.splash-share-btn {
  padding: 15px 20px;
  border: none;
  border-radius: 2px;
  outline: 0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.splash-share-btn > h3 {
  margin-top: 0;
}

#splash-twitter {
  background-color: #00aced;
}

#splash-twitter:hover {
  background-color: #4099ff;
}

#splash-facebook {
  background-color: #3b5998;
}

#splash-facebook:hover {
  background-color: #2f4679;
}

.splash-success-container {
  margin-top: 5rem;
  color: #FFF;
  text-align: center;
}

.success-signup {
  margin-top: 5rem;
}

.splash-signup-container .fb-signup-btn {
  margin-top: 20px;
  border: none;
  outline: none;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.splash-signup-group {
  text-align: center;
}

.splash-signup-group .form-control {
  margin-bottom: 10px;
}

.splash-signup-group .transparent-btn-yellow {
  margin: 20px 0;
}


/* ----------- END SPLASH SHARE (FEB 2015) ---------- */

/*===================================
  ** GRAVEYARD **
===============================*/

/* stickem.js 
.stickem-container {
  position: relative;
}

.stickit {
    position: fixed;
    top: 33rem;
}

.stickit-end {
    bottom: 9rem;
    position: absolute;
    right: 0;
 }
 */

/*
 @media (max-width: 991px) {
  #undefined-sticky-wrapper {
    display: none;
  }
 }
 */

 /*===================================
  END GRAVEYARD 
===============================*/