.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
    color: #553016;
}

.navbar-default {
    margin-bottom: 0;
    border-color: transparent;
}

.navbar {
  min-height: 65px;
  position: relative;
  z-index: 1031;
}

/* constants S */

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

.text-left {
  text-align: left !important;
}

.text-jus {
  text-align: justify !important;
}

.tran-03s {
  transition: 0.3s all linear;
  -moz-transition:0.3s all linear;
  -webkit-transition:0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition:0.3s all linear;
}

.center-img {
  display: block;
  margin: 0 auto !important;
}

.visible-only-xx {
  display: none;
}
.error-mob-img {
  width: 180px;
  margin: 0 auto;
}
@media(max-width:590px) {
  .flex-b-xxs {
    display: block !important;
  }
}

@media(max-width:480px) {
  .xx-flex {
    display: block !important;
  }
  .xx-center {
    text-align: center;
  }
  .xx-center-img {
    display: block;
    margin: 0 auto !important;
  }
  .xx-center-image {
    display: block !important;
    margin: 0 auto !important;
    margin-right: 0 !important;
  }
  .xx-block {
    display: block !important;
  }
  .visible-only-xx {
    display: block !important;
  }
  .xx-m-t-20 {
    margin-top: 20px !important;
  }
  .xx-m-t-50 {
    margin-top: 50px !important;
  }
  .hidden-xx {
    display: none !important;
  }
  .xx-float-l {
    float: left;
  }
  .xx-float-r {
    float: right;
  }
  .xs-w-l {
    width: 100% !important;
    left: 0 !important;
  }
  .xs-w-r {
    width: 100% !important;
    right: 0 !important;
  }
  .xx-float-n {
    float: none !important;
  }
  .xx-m-l-0 {
    margin-left: 0 !important;
  }
  .xx-m-r-0 {
    margin-right: 0 !important;
  }
  .xx-hidden {
    display: none;
  }
  .error-mob-img {
    width: 170px;
    margin: 0 auto;
  }
}
.xs-flex {
  display: none;
}
@media(max-width:767px) {
  .x-flex {
    display: block !important;
  }
  .xs-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .xs-flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .xs-center-img {
    display: block;
    margin: 0 auto !important;
  }
  .xs-float-l {
    float: left;
  }
  .xs-row {
    margin-left: 0;
    margin-right: 0;
  }
  .xs-m-0 {
    margin-top: 20px !important;
  }
  .xs-m-b-0 {
    margin-bottom: 0 !important;
  }
  .xs-m-l-0 {
    margin-left: 0 !important;
  }
  .xs-m-l-10 {
    margin-left: 10px !important;
  }
  .xs-m-r-0 {
    margin-right: 0 !important;
  }
  .xs-m-l-20 {
    margin-left: 20px !important;
  }
  .xs-m-t-dash {
    margin-top: 127px;
  }
  .xs-m-t-140 {
    margin-top: 140px !important;
  }
  .xs-m-t-0 {
    margin-top: 0 !important;
  }
  .xs-m-b-50 {
    margin-bottom: 50px !important;
  }
  .xs-m-t-50 {
    margin-top: 50px !important;
  }
  .m-t-100-xs-50 {
    margin-top: 50px;
  }
  .m-t-200-xs-100 {
    margin-top: 100px;
  }
  .xs-m-t-100 {
    margin-top: 100px !important;
  }
  .m-t-40-x-20 {
    margin-top: 20px;
  }
}

.lg-flex {
  display: block;
}

@media(min-width:1200px) {
  .lg-flex {
    display: flex !important;
  }
}

.flex, .x-flex, .xx-flex, .flex-b-xxs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-imp {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex !important;
}
.flex-jus-center {
  justify-content: center;
}
.inline-b {
  display: inline-block;
}
.flex-l {
  margin-right: auto;
}
.flex-r {
  margin-left: auto;
}

@media(max-width:767px) {
  .i-flex {
    display: block !important;
  }
  .xs-n-flex {
    display: block;
  }
}

.i-flex {
  display: inline-flex;
  width:100%;
}

@media (max-width:480px) {
  .avail-svg {
    bottom: 9px !important;
    right: 0 !important;
  }
  .sp-in-flex {
    display: block;
  }
}
@media(min-width: 481px) {
  .sp-in-flex {
    display: inline-flex;
  }
}
@media (max-width:629px) and (min-width:481px) {
  /* .avail-svg {
    bottom: 15px !important;
    right: 130px !important;
  }*/
}

@media(max-width:630px) {
  /* .sp-in-flex {
    display: block;
  } */
  .choose-link {
    margin: 0 auto;
  }
  .avail-svg {
    /* width: 25px !important;
    height: 25px !important; */
    /* bottom:7px;
    right:50px; */
    }
  .bmc-home {
    padding-top: 0 !important;
  }
}
@media(min-width:631px) {
  /* .sp-in-flex {
    display: inline-flex;
  } */
  .choose-link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
  }
  .avail-svg {
    /* right: -50px;
    bottom: 11px; */
  }
}

.choose-link {
  position: relative;
}

.flex-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-v-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex !important;
  -webkit-box-align : center;
  -ms-flex-align : center;
  align-items : center;
}
.f-v-center {
  -webkit-box-align : center;
  -ms-flex-align : center;
  align-items : center;
}

.float-r {
  float: right;
}

.float-l {
  float: left;
}

.align-margin {
  margin: 0 auto;
}

.p-relative {
  position: relative;
}
.vert-middle {
  vertical-align: middle;
}
.o-hidden {
  overflow: hidden;
}

.w-100, .w-updates {
  width:100% !important;
}
.w-auto {
  width: auto !important;
}
.update-msg .bar {
  width: 100% !important;
  margin-top: -1px;
}

.nborder {
  border: none !important;
}
.w-75 {
  width: 75%;
}
.w-65 {
  width: 65%;
}
.w-50 {
  width: 50%;
}
.w-25 {
  width: 25%;
}
.w-60 {
  width: 60%;
}

.m-t-50 {
  margin-top: 50px !important;
}

@media(max-width: 767px) {
  .m-r-icons {
    margin-right: 15px;
  }
  .reply-container {
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
  }
  .reply-user {
    margin-right: 10px;
  }
  .c-apply-btn {
    margin-left: 0 !important;
  }
}

@media(min-width:768px) {
  .sm-flex-v-center {
    display: -webkit-box;
      display: -ms-flexbox;
      display: flex !important;
      -webkit-box-align : center;
          -ms-flex-align : center;
              align-items : center;
  }
  .m-t-200-xs-100 {
    margin-top: 200px;
  }
  .m-r-icons {
    margin-right: 20px;
  }
  .m-t-100-xs-50 {
      margin-top: 100px;
  }
  .sm-m-t-50 {
    margin-top: 50px;
  }
  .sm-edit {
    margin-right: 10px;
    float: left;
    margin-left: 110px;
  }
  .sm-m-r-20 {
    margin-right: 20px !important;
  }
  .reply-user {
    margin-left: 30px;
  }
  .reply-container {
    position:absolute;
    right:-103px;
    top: 0;
  }
}

@media(min-width:992px) {
  .bmc-warning.creator-warning{
    margin-top: 0 !important;
    margin-bottom: 50px!important;
    width: 94%!important;
  }
  .sm-m-t-50 {
    margin-top: 0 !important;
  }
  .sm-edit {
    float: right;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .reply-user {
    margin-left: 20px !important;
    margin-right: 10px;
  }
  .reply-container {
    right: -125px !important;
  }
}


@media(min-width: 768px) {
  .m-t-40-x-20 {
    margin-top: 40px;
  }
  .cat-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

.m-t-40 {
  margin-top: 40px !important;
}
.m-t-35 {
  margin-top: 35px !important;
}
.m-t-45 {
  margin-top: 45px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-tb {
  margin-top: 7px;
  margin-bottom: 14px;
}

.vert-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
@media(min-width:768px) {
  .vert-center-sm {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media(min-width:992px) {
  .vert-center-md {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media(max-width:767px) {
  .m-tb {
    margin-top: 0 !important;
  }
}
.m-t-60 {
  margin-top: 60px;
}
.m-t-70 {
  margin-top: 70px;
}

.m-t-85 {
  margin-top: 85px !important;
}

.m-t-90 {
  margin-top: 90px !important;
}

.m-t-100 {
  margin-top: 100px !important;
}

.m-t-180 {
  margin-top: 180px;
}
.m-t-200 {
  margin-top: 200px;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-t-123 {
  margin-top: 123px;
}

.m-t-150 {
  margin-top: 150px;
}

.m-b-100 {
  margin-bottom: 100px;
}
.m-b-50 {
  margin-bottom: 50px;
}
.m-b-25 {
  margin-bottom: 25px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}
.m-b-5 {
  margin-bottom: 5px !important;
}
@media(min-width:992px) {
  .lg-m-l {
    padding-left: 15px;
  }
  .cat-wrapper {
    padding-left: 15px !important;
  }
}

.m-l-10-ui {
    margin-left: 10px;
}

.m-l-10 {
    margin-left: 10px !important;
}
.m-l-15 {
  margin-left: 15px;
}
.m-l-20-ui {
    margin-left: 20px;
}
.m-l-20 {
    margin-left: 20px !important;
}
.m-l-30 {
    margin-left: 30px !important;
}
.m-l-40 {
  margin-left: 40px;
}
.m-l-5 {
  margin-left: 5px;
}

.m-l-50 {
  margin-left: 7%;
}
.m-l-p-50 {
  margin-left: 4.5%;
}
@media(min-width:768px) {
  .m-l-header {
    margin-left: 150px;
  }
  .payout-tab .m-l-50 {
    margin-left: 50px !important;
  }
}

.m-l {
  margin-left: 42px;
}

@media(max-width:767px) {
  .m-l {
    margin-left:0 !important;
  }
  .ctr-occ {
    line-height: 20px !important;
    font-size: 16px !important;
  }
}

.m-l-0 {
  margin-left: 0 !important;
}

.m-r-0 {
  margin-right: 0 !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-b-40 {
  margin-bottom: 40px;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-r-40 {
  margin-right: 40px;
}

.m-r-30 {
  margin-right: 30px;
}

.m-r-20 {
  margin-right: 20px !important;
}

.m-r-10 {
  margin-right: 10px;
}

.m-r-10-imp {
  margin-right: 10px !important;
}

.m-r-50 {
  margin-right: 50px;
}

.m-nr-20 {
  margin-right: -20px;
}
.p-t-0 {
  padding-top: 0 !important;
}
.p-t-5 {
  padding-top: 5px;
}
.p-10 {
    padding: 10px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-lr {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.p-lr-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
}
.p-lr-15 {
  padding-left: 15px;
  padding-right: 15px;
}
.p-lt-20 {
  padding-left: 20px;
  padding-top: 20px;
}

.p-l-0 {
    padding-left: 0 !important;
}

.p-l-10 {
    padding-left: 10px;
}

.p-l-20 {
    padding-left: 20px;
}
.p-r-20 {
    padding-right: 20px;
}
.p-r-40 {
    padding-right: 40px;
}
@media(max-width:1199px) and (min-width:768px) {
  .p-l-20-sm {
    padding-left: 20px !important;
  }
  .home-hint {
    padding-left: 30px !important;
  }
  .home-pg-welcome {
    line-height: 50px !important;
    font-size: 38px !important;
  }
}

.home-ill {
  width:390px;
}

.p-l-30 {
    padding-left: 30px;
}

.p-l-50 {
    padding-left: 50px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-r-0 {
  padding-right: 0 !important;
}

.p-r-50 {
    padding-right: 50px;
}
.p-tb-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.p-b-0 {
  padding-bottom: 0 !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

.p-b-70 {
  padding-bottom: 70px !important;
}

.m-b-70 {
  margin-bottom: 70px;
}

.chosen {
      border: 1px solid transparent;
      -webkit-box-shadow: none;
      box-shadow: none;
      height: 30px !important;
      margin-left: -8px;
      padding-bottom: 3px;
}

.chosen:active, .chosen:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bmc-custom-btn {
      /* padding: 4px 43px 16px 11px; */
    /* padding: 1px 14px 12px 13px; */
    padding:2px 15px 0px 10px;
    color: #ffffff;
    background-color: #FF813F;
    border-radius: 5px;
    border: 1px solid transparent;
    font-size: 28px;
    -webkit-box-shadow: 0 1px 2px 2px #bebebe;
    -webkit-box-shadow: 0 1px 2px 2px rgba(190, 190, 190, 0.5);
    box-shadow: 0 1px 2px #bebebe;
    box-shadow: 3px 4px 4px rgba(190, 190, 190, 0.5);
    -o-transition: background-color 0.3s, color 0.3s linear;
    -webkit-transition: background-color 0.3s, color 0.3s linear;
    -moz-transition: background-color 0.3s, color 0.3s linear;
    -ms-transition: background-color 0.3s, color 0.3s linear;
    transition: background-color 0.3s, color 0.3s linear;
    margin: 0 auto;
    font-family: 'Cookie', cursive;
    display: inline-block;
    letter-spacing: 0.6px;
    line-height: 46px;
    height: 51px !important;
    /* min-width:217px; */
}

.bmc-custom-btn:hover, .bmc-custom-btn:active, .bmc-custom-btn:focus {
  opacity: 0.85;
  color: #FFFFFF;
}

.black-font, .black-font:hover, .black-font:active, .black-font:focus {
  color: #000000;
}
/*
.custom-btn .bmc-btn{
  position: relative;
  padding: 0px 9px 0px 45px!important;
  text-align: left;
}
.custom-btn #new-logo{
  position:absolute;
  left: 18px;
  top: calc(50% - 18px);
} */

.story-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  max-height: 300px;
}

.story-wrapper h1:first-child {
  margin-top: 0;
}

.story-wrapper h1 {
  color: #000000;
}

.show-read-more .more-text{
  display: none;
}

/* buttons S */

.btn {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(50, 50, 93, 0.11);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(50, 50, 93, 0.11);
    border-radius: 4px;
    font-size: 15px !important;
    -o-transition: 0.1s all linear;
    -webkit-transition: 0.1s all linear;
    -moz-transition: 0.1s all linear;
    -ms-transition: 0.1s all linear;
    transition: 0.1s all linear;
}

.btn:hover, .btn:active, .btn:focus {
    -webkit-box-shadow: 1px 6px 4px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 6px 4px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
    outline: 0;
    text-decoration: none;
}

.btn-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.btn-xs {
    padding: 1px 5px !important;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-sm {
    padding: 0 6px !important;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-lg {
    padding: 10px 16px !important;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 5px;
}

/* buttons E */

.tag {
  border-radius: 15px;
  padding: 5px 10px;
  transition: 0.3s all linear;
}

.tag:hover, .tag:active, .tag:focus {
  text-decoration: none;
}

/* constants E */

.title-wrapper {
    width: 50%;
}

.title-wrapper h3 {
    padding-left: 13px;
}

.no-margin {
    margin: 0;
}

/* progress bar S */

.progress {
  height: 35px;
}

.progress .val {
    float: right;
    font-size: 15px;
    font-style: normal;
    margin: 7px 10px 0 0;
}

.progress-bar {
  text-align: left;
  transition-duration: 3s;
}

.progress-bar-goals {
  background-color: #be392a;
}

.goal-value {
    color: #be392a;
    font-size: 30px;
    font-weight: 600;
}

.goal-text {
  font-size: 25px;
}

/* explore progress */
.ex-pro {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.explore-progress {
  height: 5px;
  background: transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.explore-progress .progress-bar {
  background-color: #FF813F;
}
.ex-width {
  max-width:91%;
  min-width:20%;
  position:relative;
}
.ex-abs {
  position: absolute;
  top: -38px;
  right: -4%;
}

/* progress bar E */

/* widget E */

.hide-input {
    position: absolute;
    z-index: 1000;
    opacity: 0;
    cursor: pointer;
    /* right: 14px; */
    top: -7px;
    font-size: 24px;
    width: 110px;
    border-radius: 50%;
    height: 110px;
    left: 22px;
}

@media(max-width:767px) {
  .hide-input {
    right: 0 !important;
    top: 5px !important;
  }
  .home-ill {
    width: 208px !important;
    margin: 0 auto;
  }
}

#uploaded-img:hover, .toggle_off:hover, .toggle_on:hover {
  cursor: pointer;
}

.choose-text {
    padding: 5px 10px;
    border-radius: 4px;
    text-align: center;
    margin: 0 auto;
    width: 115px;
    cursor: pointer;
    margin-top: 10px;
    -o-transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -ms-transition: 0.3s all linear;
    transition: 0.3s all linear;
}

.choose-text:hover, .choose-text:active, .choose-text:focus {
    background-color: #be392a;
    color: #ffffff;
    -webkit-box-shadow: 1px 6px 4px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 6px 4px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
    outline: 0;
    text-decoration: none;
}

html {
    position: relative;
    min-height: 100%;
/*     height:auto; */
}

#footer {
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    min-height: 110px;
    padding-top: 30px;
    background-color: transparent;
}


/* Slider S */

.switch {
  position: relative;
  display: inline-block;
  width: 65px;
  height: 28px;
  margin-top: -5px;
}

.switch input {
  display:none;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition:0.5s;
  -ms-transition:0.5s;
  transition:0.5s;
  box-sizing: border-box;
  background: #D9DEE3;
  border: 1px solid #E9E9E9;
  border-radius: 100px;
}
.slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 1px;
  bottom: 1.5px;
  -o-transition: 0.01s;
  -webkit-transition: 0.01s;
  -moz-transition: 0.01s;
  -ms-transition: 0.01s;
  transition: 0.01s;
  background: #FF813F;
}
.slider:before{
  background: #fff;
  height: 12px;
  width: 12px;
  border-radius:1000px;
  bottom:2px;
}
.slider_toggle_on:before {
  background: #ffffff !important;
  left: 7px;
}
.slider_toggle_on {
  background: #ff813f !important;
}
.toggle-btn:checked + .slider {
  background-color: #FF813F;
}

input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #d93c33;
  box-shadow: 0 0 1px #d93c33;
}

input:checked + .slider:before {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}

.slider.round {
  border-radius: 50px;
}

.slider.round:before {
  border-radius: 50%;
}


@media(max-width:480px) {
  .banner {
    margin-left: -35px !important;
    margin-right: -35px !important;
  }
}

@media(min-width: 768px) {
  .non-dashboard {
    margin-left: -250px;
  }
}

@media(min-width:992px) {
  .card-first {
    margin-top:0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .card {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media(min-width:768px) {
  .card {
    background: #f3f3f3;
    border-radius: 3px;
    font-size: 16px;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
    color: #000000;
    padding :15px 30px;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media(max-width:767px) {
  .card {
    background: #f3f3f3;
    border-radius: 3px;
    font-size: 16px;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
    color: #000000;
    padding :15px 30px;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .xs-w-85 {
    width: 85%;
    margin: 0 auto;
  }
}



@media(min-width:992px) {
  .card-l {
    padding-left: 50px;
  }
  .card-r {
    padding-right: 50px;
  }
  .hidden-medium {
    display: none;
  }
}

.about {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 7px;
    margin-top: 5px;
}
.banner {
    margin-left: -50px;
    margin-right: -50px;
    margin-top: -45px;
    -webkit-box-shadow: 0 1px 2px rgba(190, 190, 190, 0.5);
    box-shadow: 0 1px 2px rgba(190, 190, 190, 0.5);
}
.m-banner.banner {
  margin-left: -50.6px !important;
  margin-right: -50.6px !important;
  margin-top: -45.6px !important;
}
.banner img {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.user-msg {
    background-color: #ffffff;
    border: none;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    margin: 12px 0;
    overflow-wrap: break-word;
    padding: 7px 14px;
    position: relative;
}

.user-msg::after {
  border: 15px solid transparent;
    border-bottom-color: white;
    content: "";
    display: block;
    left: 35px;
    position: absolute;
    top: -27px;
    width: 0;
}

.user-msg-wrapper {
  border-bottom: 1px solid #ccc;
  margin-left: 50px !important;
}

.user-site {
  padding-left: 10px;
}

.user-site:hover, .user-site:active, .user-site:focus {
  text-decoration: none;
}

.msg-container {
  padding-left: 10px;
  padding-right: 20px;
  padding-top: 10px;
}

.character-count {
    color: #ccc;
    float: right;
    font-size: 10px;
}

.adjust-img {
  margin-left: 5px;
  margin-right:5px;
}

.radio-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline input {
  margin-top: 7px;
}

.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
  margin-left: 25px !important;
}

@media(max-width:767px) {
  .lg-view {
    display: none !important;
  }
  .sm-view {
    display: block;
  }
}

@media(min-width:768px) {
  .sm-view {
    display: none !important;
  }
}

@media(min-width:431px) {
  .not-lg-date {
    display: none;
  }
}
@media(max-width:430px) {
  .not-date {
    display: none;
  }
  .logedin-upd-details .not-lg-date {
    position: absolute;
    left: 100px;
    top: 63px;
  }
}

.sm-dropdown {
    /*float: right;*/
    /*margin-top: 25px;*/
    margin-top: 13px;
    margin-right: 10px;
    padding-bottom: 17px;
}

.header-dropdown .caret {
  color: #000000;
  margin-left: 5px !important;
  margin-top: 16px !important;
}

.sm-dropdown.open {
  border-bottom: 2px solid rgb(246, 134, 33);
}

.sm-dropdown .dropdown-menu {
    right: 0;
    top: 52px;
    left: auto;
}

.dropdown-menu.header-menu li a {
  line-height: 33px;
}

.supporter-type {
    color: #a1a1a1;
    font-size: 12px;
}

textarea.form-control {
  height: auto !important;
}

.l-height {
  height: 34px !important;
}

.l-h-22 {
  line-height: 22px;
}

.l-h-55 {
  line-height: 55px;
}

.l-h-28 {
  line-height: 28px;
}
.l-h-n {
  line-height: normal !important;
}
.login-wrapper {
  border: 1px solid #bbb;
  background-color: #ffffff;
  padding: 25px;
}

@media(max-width:767px) {
  .login-wrapper {
    margin-left: 8%;
  }
}

.link-login {
  color: #728b76;
  font-size:16px;

  -o-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

.link-login:hover, .link-login:active, .link-login:focus {
  color: #5b6f5e;
  text-decoration: none;
}

.h-line {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}

.modal-body {
  padding: 20px !important;
}
.modal-footer {
  border: none;
  text-align: center;
}
#button-case input {
  width:15%;
}

#image-case {
  display: none;
}

#text-case {
  display: none;
}

.buy-text:hover {
  text-decoration: none;
  color: #be392a;
}

.buttonType {
  font-size: 17px;
  padding-left: 10px;
}

.coffee-amt {
  width:40px;
}

/* Accordian S */

.accordion {
  background-color: transparent;
    color: #444;
    cursor: pointer;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;

    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;

    padding: 0;
}

.accordion.active, .accordion:hover {
    background-color: transparent;
}

@media(max-width:480px) {
  .faq-wrapper {
    padding: 45px 35px 50px !important;
  }
}

.faq-wrapper {
    padding: 45px 50px 50px;
    margin: 0 auto;
    margin-top: 50px;
}

@media(max-width:1199px) and (min-width:992px) {
  .faq-wrapper {
    width: 850px;
  }
}

@media(min-width:1200px) {
  .faq-wrapper {
    width: 957px;
  }
}

/* Style the accordion panel. Note: hidden by default */
.acc-panel .panel, .acc-wrapper .panel {
  padding: 0;
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  -o-transition: max-height 0.5s ease-out;
  -webkit-transition:max-height 0.5s ease-out;
  -moz-transition: max-height 0.5s ease-out;
  -ms-transition: max-height 0.5s ease-out;
  transition: max-height 0.5s ease-out;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Accordian e */


.body-color {
  background: #F9FBFD;
  /*background: rgba(124, 220, 57, 0.27);*/
  margin-top: 80px;
  width: 100%;
}

@media(min-width:768px) {
  .logo-text {
    margin-top: 17px;
  }
}

.logo-text:focus {
  outline: 0 !important;
}

@media(max-width:767px) {
  .logo-text {
    margin-left: 20px;
    margin-top: 18px;
  }
  .navbar-toggle {
    margin-top: 20px;
  }
}

.logo-text svg {
  width:54px;
  height: 40px;
  margin-top: 3px;
}

@media(max-width:767px) {
  .logo-text svg {
    /*width:210px;*/
    width: 50px;
  }
}

@media(max-width:380px) {
  .logo-text svg {
    /* width: 154px !important; */
    width: 50px !important;
    margin-top: 7px;
    height: 35px;
  }
  .logo-text {
    margin-top: 17px !important;
  }
}

.dash-navbar {
  z-index: 999;
  /* height:80px; */
  background: #FFFFFF;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 2px rgba(190, 190, 190, 0.5);
  box-shadow: 0 1px 2px rgba(190, 190, 190, 0.5)!important;

  -webkit-transition: height 0.3s linear;
  -o-transition: height 0.3s linear;
  transition: height 0.3s linear;

  /*height:70px;*/
  /*border-bottom: 1px solid #eeeeee;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.03);*/

  /* to make header fixed */
  position: fixed;
  top: 0;
  width: 100%;

  transition: box-shadow 0.5s ease-out, background-color 0.5s ease-out, border-color 0.5s ease-out, border 0.5s ease-out;
}

.dash-navbar .navbar-nav {
  /*margin-top: 17px;*/
  /*margin-left: 30px;*/
}

.dash-header {
  border-color:transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.bg-white {
  background-color: #ffffff;
}

.bg-trans {
  background-color: transparent !important;
}

.header-link {
  margin-right: 20px;
  margin-top: 13px;
}

.tabs-wrapper {
  border-bottom:1px solid #e7e7e7;
  padding-top: 43px;
  padding-bottom: 5px;
}

.tabs-wrapper .dash-tabs:last-child {
  margin-right: 0 !important;
}

@media(max-width:480px) and (min-width:381px) {
  .lg-hdr {
    font-size: 26px !important;
  }
}

@media(min-width:768px) and (max-width: 991px)  {
  .dash-tabs, .dash-tabs:active, .dash-tabs:focus {
    margin-right: 26px !important;
  }
}

.dash-tabs, .dash-tabs:active, .dash-tabs:focus {
    font-family: 'Avenir Heavy', sans-serif;
    font-size: 13px;
    color: rgb(176, 176, 176);
    margin-right: 48px;
    line-height: 30px;
    letter-spacing: 0.4px;
    padding: 0;
    /* -o-transition:  0.1s all linear;
    -webkit-transition: 0.1s all linear;
    -moz-transition:  0.1s all linear;
    -ms-transition:  0.1s all linear;
    transition: 0.1s all linear; */
    border-bottom: 3px solid transparent;
    text-decoration: none;
    padding-bottom: 12px;
}

.dash-tabs:hover {
  color: rgb(41, 42, 42);
  border-bottom: 3px solid rgb(246, 134, 33);
  text-decoration: none;
  padding-bottom: 12px;
}

.dash-tabs.tab-active {
  /*border-bottom: 3px solid #be392a;*/
  /*color: #be392a;*/
  color: rgb(41, 42, 42);
  border-bottom: 3px solid rgb(246, 134, 33);
  padding-bottom: 10px;
}

.section-wrapper {
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
  box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
  padding: 30px 28px 28px;
  background-color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -o-transition:  0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -moz-transition:  0.3s all linear;
  -ms-transition:  0.3s all linear;
  transition: 0.3s all linear;

  /*margin-bottom: 150px !important;*/
}

.a-disabled .dash-wrapper, .a-disabled .dash-wrapper:hover, .a-disabled .dash-wrapper:active, .a-disabled .dash-wrapper:focus,
.a-disabled .border-e1 {
  opacity: 0.7;
  /*background-color: #fff;*/
  cursor: not-allowed;
}
/*
.a-disabled .pay-wrapper:hover h3 {
color: #262626;
}

.a-disabled .pay-wrapper:hover p {
color: #807e9c;
}*/

.pay-wrapper:hover {
  background-color: #FF813F;
}

.pay-wrapper:hover h3, .pay-wrapper:hover p {
  color: #ffffff;
}

@media(max-width:480px) {
  .connect-wrapper {
      width: 330px !important;
  }
}

@media(max-width:767px) {
  .connect-wrapper {
      width: 440px;
      margin: 0 auto;
      margin-top: 50px;
      padding: 30px 40px 28px !important;
  }
}

@media(min-width:768px) {
  .connect-wrapper {
      width: 550px;
      margin: 0 auto;
      margin-top: 50px;
      padding: 30px 48px 28px !important;
  }
}

.dash-wrapper {
  background: #FFFFFF;
  border: 1px solid rgba(225, 225, 225, 0.5);
  box-sizing: border-box;
  border-radius: 3px;
  padding-bottom: 30px;
}

.dash-wrapper .form-group {
  margin-bottom: 20px;
}

.nav-list {
  list-style:none;
  padding: 20px;
  margin-top:30px
}

.nav-list li a {
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  color:#000000;
  display: inline-block;
  width: 85%;
}

.nav-list li a:hover, .nav-list li a:focus, .nav-list li a:active {
  text-decoration: none;
}

.nav-list li {
  font-size: 15px;
  padding-top: 15px;
  padding-bottom: 15px;

  -o-transition:  0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -moz-transition:  0.3s all linear;
  -ms-transition:  0.3s all linear;
  transition: 0.3s all linear;
}

.choose-btn {
  margin-left: 50px;
  margin-top: 35px;
}

.angle-right-icon {
    float: right;
    margin-top: 4px;
    font-size: 20px;
    margin-right: 10px;
    opacity: 0;
}

.display {
  display: block;
}

.display-op {
  opacity:1;
}

.norm-text {
  color: rgba(0, 0, 0, 0.3);
  font-size: 16px;
  font-family: 'Avenir Roman',sans-serif;
}

.p-link {
  color: rgba(0, 0, 0, 0.3);
  font-size: 16px;
}

.p-link:hover, .p-link:active, .p-link:focus {
  color: rgb(41, 42, 42);
  text-decoration: none;
}

.facebook-p-s {
  margin-top: 35px;
}

.settings-title {
  font-family: 'Avenir Heavy',sans-serif;
  font-weight: 700;
  line-height: 44px;
  font-size: 32px;
  color: #000000;
  margin-top: 50px;
}

@media(max-width:480px) {
  .settings-title {
    font-size: 28px !important;
  }
  #loading_goal_gif {
    right: -10px;
    top: 37px;
    width: 45px;
    height: 45px;
  }
}
@media(min-width:481px) and (max-width:767px) {
  #loading_goal_gif {
    right: -28px;
    top: -7px;
    width: 35px;
    height: 35px;
  }
}
@media(min-width:768px) and (max-width:1199px) {
  #loading_goal_gif {
    right: -38px;
    top: -9px;
    width: 40px;
    height: 40px;
  }
}
@media(min-width:1200px) {
  #loading_goal_gif {
    right: -60px;
    top: -20px;
    height: 60px;
    width: 60px;
  }
}
#loading_goal_gif {
    position: absolute;
}

#loading {
    position: absolute;
    right: 32px;
    top: 36px;
    width: 70px;
    height: 70px;
    display: none;
}

#loading-posts {
  width: 70px;
  height: 70px;
}

@media(max-width:767px) {
#loading {
position: absolute;
    right: 18px;
    top: 50px;
    width: 70px;
    height: 70px;
}
}

#loading-gif {
    width: 50px;
    height: 50px;
    display: none;
}

@media(max-width:480px) {
  .btn-orange {
    font-size: 13px !important;
  }
}
.btn-orange-bod {
  background-color: #ffffff;
  color: #ff813f;
  border: 1px solid #ff813f;
  -webkit-box-shadow: 0 2px 8px 0 rgba(225,129,63,.35);
  box-shadow: 0 2px 8px 0 rgba(225,129,63,.35);
  font-family: 'Avenir Light', sans-serif;
  border-radius: 3px;
  font-size: 17px;
  letter-spacing: 0.9px;
  /* -ms-transition: box-shadow .4s ease,background-color .4s ease,color .4s ease;
  -moz-transition: box-shadow .4s ease,background-color .4s ease,color .4s ease;
  -o-transition: box-shadow .4s ease,background-color .4s ease,color .4s ease;
  -webkit-transition: box-shadow .4s ease,background-color .4s ease,color .4s ease; */
  /* transition: box-shadow .4s ease,background-color .4s ease,color .4s ease; */
}
.btn-orange {
    color: #fff !important;
    background-color: #FF813F !important;
    /*padding: 10px 25px !important;*/
    padding: 19px 23px !important;
    -webkit-box-shadow: 0 2px 8px 0 rgba(225,129,63,.35);
    box-shadow: 0 2px 8px 0 rgba(225,129,63,.35);
    font-family: 'Avenir Light', sans-serif;
    /*font-weight: 300;*/
    border-radius: 3px;
    border: 1px solid transparent;
    font-size: 17px;
    /*transition: 0.5s;*/
    letter-spacing: 0.9px;

    /* -ms-transition: box-shadow .4s ease,background-color .4s ease,color .4s ease;
    -moz-transition: box-shadow .4s ease,background-color .4s ease,color .4s ease;
    -o-transition: box-shadow .4s ease,background-color .4s ease,color .4s ease;
    -webkit-transition: box-shadow .4s ease,background-color .4s ease,color .4s ease;
    transition: box-shadow .4s ease,background-color .4s ease,color .4s ease; */
}

.btn-orange:hover, .btn-orange:active, .btn-orange:focus, .stripe-button-el:hover, .edit-link:hover,
.btn-orange-bod:hover, .btn-orange-bod:active, .btn-orange-bod:focus {
  -webkit-box-shadow: 0 4px 16px 0 rgba(255,129,63,.45) !important;
  box-shadow: 0 4px 16px 0 rgba(255,129,63,.45) !important;
  text-decoration: none;
}

.btn-orange:hover, .btn-orange:active, .btn-orange:focus, .stripe-button-el:hover, .edit-link:hover {
  background-color: rgba(255, 128, 62, 0.87) !important;
}
.btn-orange-bod:hover, .btn-orange-bod:active, .btn-orange-bod:focus {
  color: #ff813f !important;
}

.btn-white {
  background-color: #F9FBFD !important;
  border: 1px solid rgba(128,126,156,0.17);
  border-radius: 3px;
  color: #010101 !important;
  box-shadow: none !important;
}
.btn-white:hover, .btn-white:active, .btn-white:focus {
  background-color: #F9FBFD !important;
  -webkit-box-shadow: 0 4px 16px 0 rgba(184,184,184,.45) !important;
  box-shadow: 0 4px 16px 0 rgba(184,184,184,.45) !important;
  text-decoration: none;
}
.moz-header-btn {
  /*padding-block-start: 6px !important;
  padding-block-end: 6px !important;*/
  padding-top: 8px;
}

.moz-btn {
  /*padding-block-start: 17px !important;
  padding-block-end: 20px !important;*/
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

@media(max-width:767px) {
.icon-fb-form {
  padding-top: 20px;
  font-size: 20px !important;
}
}

@media(min-width:768px) {
.icon-fb-form {
  padding-top: 31px;
  font-size: 20px !important;
}
}

@media(max-width:480px) {
  .hr-line {
    width: 275px !important;
  }
}

@media(max-width:767px) {
  .hr-line {
    width:366px;
    background-color: #D8D8D8;
    height:1px;
    margin: 0 auto;
    margin-top: 40px;
  }
}

@media(min-width:768px) {
.hr-line {
  background-color: #D8D8D8;
  height:1px;
  width:466px;
  margin: 0 auto;
  margin-top: 40px;
}
}

.hr-line-terms {
    background-color: #D8D8D8;
    height: 1px;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.hr-line-faq {
    background-color: #E1E1E1;
    height: 1px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.open-btn {
  width: 36px;
  height: 36px;
  background-color: #ff813f;
  position: relative;
  border-radius: 3px;
  margin-right: 15px;
}

.o-tab {
  width: 29px !important;
  height: 29px !important;
  margin-left: 75px;
  /*margin-left: auto;*/
  margin-right: 0 !important;
}

@media(max-width:480px) {
.o-tab {
  margin-left: 20px !important;
}
}

.open-btn:before, .open-btn:after {
        content: "";
        position: absolute;
        background-color: white;
        transition: transform 0.25s ease-out;
        -ms-transition: transform 0.25s ease-out;
        -moz-transition: transform 0.25s ease-out;
        -o-transition: transform 0.25s ease-out;
        -webkit-transition: transform 0.25s ease-out;
    }

.open-btn:before {
      top: 0;
      width: 2.4px;
      height: 12px;
      margin-left: 17px;
      transform: rotate(0deg);
      margin-top: 11px;
    }

.o-tab:before {
  margin-left: 13px !important;
  margin-top: 8px !important;
}

.open-btn:after {
      left: 12px;
      width: 12px;
      height: 2px;
      margin-top: 16px;
      transform: rotate(0deg);
    }

.o-tab:after {
  left: 8.2px !important;
  margin-top: 13px !important;
}

.open-btn.close-btn:before {
  transform: rotate(90deg);
}

.open-btn.close-btn:after {
  transform: rotate(180deg);
}

@media(max-width:480px) {
  .bttn-facebook {
    /*width:286px !important;*/
    width: 275px !important;
  }
  .login-fb {
    padding: 8px 45px !important;
  }
}

@media(max-width:767px) {
  .signup-fb {
    padding: 8px 45px !important;
  }
  .bttn-facebook {
    padding: 20px 0;
    width: 366px;
    height: 60px;
    line-height: normal;
  }
}

@media(min-width:768px) {
.bttn-facebook {
    padding: 28px 0;
    width: 466px;
    height: 80px;
}
}

.bttn-facebook {
  /* transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -o-transition:0.3s all linear;
  -webkit-transition:0.3s all linear; */
  color: #fff;
  background-color: rgb(59, 89, 152);
  -webkit-box-shadow: 0 2px 8px 0 rgba(59, 89, 152,0.35);
  box-shadow: 0 2px 8px 0 rgba(59, 89, 152,0.35);
  font-family: 'Avenir Roman', sans-serif;
  border-radius: 3px;
  position: relative;
  font-size: 17px;
  display: block;
  margin: 0 auto;
  letter-spacing: 0.9px;
}

.bttn-facebook:hover, .bttn-facebook:active, .bttn-facebook:focus {
  color:#ffffff !important;
  -webkit-box-shadow: 0 4px 16px 0 rgba(59, 89, 152,.45);
  box-shadow: 0 4px 16px 0 rgba(59, 89, 152,.45);
  background-color: rgba(59,89,152,0.9);
}

@media(min-width:768px) {
  .icon-section {
    position: absolute;
    background-color: #4C70BB;
    width: 40px;
    height: 80px;
    top: 0;
    left: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
  }
}

@media(max-width:767px) {
  .icon-section {
      position: absolute;
      background-color: #4C70BB;
      width: 40px;
      height: 60px;
      top: 0;
      left: 0;
      border-bottom-left-radius: 3px;
      border-top-left-radius: 3px;
  }
  .chart-wrapper .tab-head, .w-coffee-div .tab-head {
    font-size: 17px !important;
  }
  .count-ht .fund-val {
    font-size: 22px !important;
  }
}

.tab-head {
    font-size: 24px;
    text-align: left;
    font-family: 'Avenir Heavy', sans-serif !important;
    color: #262626;
    line-height: 28px;
}
.thankyou-head {
  font-size: 19px;
  text-align: left;
  font-family: 'Avenir Light', sans-serif !important;
  color: #262626;
}
.profile-img-header {
  width: 35px;
    height: 35px;
    border-radius: 25px;
}

.pay-button-style {
/* .pay-button { */
    width: 173px;
    height: 47px;
    padding: 13px 0 !important;
    /*padding-block-start: 10px !important;*/
}

@media(max-width:480px) {
  .pay-button-style {
/* .pay-button { */
  /* width: 146px !important; */
    width: 100% !important;
  }
}

.coffee-price {
  color: #ffffff;
  opacity: 0.6;
}

/* @media(min-width:992px) {
.navbar-nav.nav-link li a {
  padding-right: 40px;
}
} */

.navbar-nav.nav-link li a {
  letter-spacing: 0.5px;
  /* text-transform: none;
  font-family: 'Avenir Roman', sans-serif;
  padding: 0;
  color: #333333; */
}

/* @media(min-width:768px) {
.navbar-nav.nav-link li a {
  font-size: 15px;
  line-height: 33px;
  margin-top: 24px;
  margin-right: 40px;
}
} */

@media(max-width:767px) {
.navbar-nav.nav-link li a {
  font-size: 13px;
  line-height: 33px;
  letter-spacing: 1px !important;
  padding-top: 24px;
  padding-right: 40px;
}
.home-pg-welcome {
  line-height: 40px !important;
  font-size: 34px !important;
}
}

.navbar-nav.nav-link li a:hover, .navbar-nav.nav-link li a:active, .navbar-nav.nav-link li a:focus {
  color: #bbb0b0;
  /*color: rgb(41,42,42);*/
  outline: 0;
}
.navbar-nav.nav-link li:last-of-type a {
  margin-right: 0;
}

/* hightlight input */

.disabled-field, .disabled-input {
  background-color: #e7e7e7 !important;
}

.disabled-field:focus, .disabled-field:hover {
  cursor: not-allowed;
}

.dash-input, .dash-input span {
  font-size: 16px !important;
  padding:10px 10px 10px 5px;
  display:block;
  border:none;
  font-family: 'Avenir Light', sans-serif !important;
  color: rgb(41, 42, 42) !important;
  font-weight: 300;
  padding-left: 0 !important;
}

.dash-input {
  border-bottom:1px solid rgb(218, 218, 218);
}

@media(min-width:768px) {
  .dash-input {
    width:310px;
  }
  .modal-head {
    /*margin-left: 48px;*/
    margin-left: 17px;
  }
}

@media(max-width:767px) and (min-width:481px)  {
  .m-t-home {
      margin-top: 200px;
  }
  .dash-input {
    width:250px;
  }
  .lg-hdr {
    font-size: 29px !important;
  }
  .modal-head {
    /*margin-left: 32px !important;*/
    margin-left: 17px !important;
  }
  .search-w .form-group {
    margin: 0 auto !important;
    width: 385px !important;
    float: none !important;
  }
}

@media(max-width:480px) {
  .dash-input {
    width:200px;
  }
}

.dash-input:focus {
   outline:none;
 }

.updates-w .bar {
  width:100%;
}

.bar 	{
  position:relative;
  display:block;
  width:310px;
}

@media(max-width:767px) {
  .bar 	{
    position:relative;
    display:block;
    width:250px;
  }
}

.bar:before, .bar:after 	{
  content:'';
  height:2px;
  width:0;
  /*bottom:1px;*/
  position:absolute;
  background:rgb(246, 134, 33);

  transition:0.5s ease all;
  -moz-transition:0.5s ease all;
  -webkit-transition:0.5s ease all;
  -ms-transition:0.5s ease all;
  -o-transition:0.5s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%;
}


/* active state */
.dash-input:focus ~ .bar:before, .dash-input:focus ~ .bar:after,
.show-anim:focus ~ .bar:before, .show-anim:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%;
  width:100px;
  top:25%;
  left:0;
  pointer-events:none;
  opacity:0;
  /*opacity:0.5;*/
}

/* active state */
.dash-input:focus ~ .highlight,
.show-anim:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}

/**/

.dashboard-label {
  font-family: 'Avenir Light',sans-serif;
  font-style: normal;
  font-weight: normal;
  height: 19px;
  font-size: 14px;
  color: rgba(128, 126, 156, 0.5);
  margin-top: 14px;
  padding-left: 10px;
  margin-bottom: 0;
  line-height: 19px;
}

.link-label {
  font-weight: 300;
  /*line-height: 33px;*/
  letter-spacing: 0.2px;
  text-transform: none;
  font-family: 'Avenir Light', sans-serif;

  transition:0.3s all linear;
  -moz-transition:0.3s all linear;
  -webkit-transition:0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition:0.3s all linear;

  margin-top: 5px;
  margin-bottom: 0;
  font-size: 17px;
  color: #7F7D99;
}

@media(min-width:768px) {
  .link-input {
      width: 120px;
      /*margin-left: 10px;*/
  }
}

@media(min-width:1200px) {
  .link-input {
      width: 161px;
      /*margin-left: 10px;*/
  }
}

@media(max-width:767px) {
  .link-input {
      width: 161px;
      margin-left: 0 !important;
  }
}

@media(max-width:480px) {
  .link-input {
      width: auto !important;
  }
}

textarea {
  resize: none;
}

@media(min-width:1200px) {
  .coffee_wall_plan-err, .dash-form-btn {
      width:466px !important;
      /* margin-bottom: 150px !important; */
  }
}

@media(min-width:992px) {
  .input-holder {
    width:90%;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    transition:0.3s all linear;
    -moz-transition:0.3s all linear;
    -webkit-transition:0.3s all linear;
    -ms-transition:0.3s all linear;
    -o-transition:0.3s all linear;

    border: 1px solid #E1E1E1;
    box-sizing: border-box;
    padding-bottom: 16px;
  }
  .dash-form-btn {
    width:370px;
    height:80px;
  }
  .coffee_wall_plan-err {
    width:370px;
  }
}

@media (max-width:991px) and (min-width:768px) {
  .w-ex-70 {
    width: 65%;
  }
  .cat-card {
    padding-left: 0 !important;
  }
  .top-websites {
    padding: 0 !important;
  }
  .top-websites img {
    width: 10% !important;
    margin-right: 8%;
  }
  .top-websites a:last-child img {
    margin-right: 0 !important;
  }
  .input-holder {
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    transition:0.3s all linear;
    -moz-transition:0.3s all linear;
    -webkit-transition:0.3s all linear;
    -ms-transition:0.3s all linear;
    -o-transition:0.3s all linear;

    width:100%;
    border: 1px solid #E1E1E1;
    box-sizing: border-box;
    padding-bottom: 16px;
  }
  .dash-form-btn {
    width:280px;
    height:80px;
  }
  .coffee_wall_plan-err {
    width: 280px;
  }
  .prof-img-select {
      position: absolute;
      top: 27px;
      left: 10px;
      width: 100%!important;
  }
  .change-image-wrapper {
      margin-left: 21px!important;
  }
  .transactions tbody tr td:first-child {
    padding-left: 20px !important;
  }
}

@media(max-width:767px) {
  .input-holder {
    padding-bottom: 16px;
    background-color: #fff;
    border: 1px solid rgb(214, 211, 211);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    transition:0.3s all linear;
    -moz-transition:0.3s all linear;
    -webkit-transition:0.3s all linear;
    -ms-transition:0.3s all linear;
    -o-transition:0.3s all linear;
    /*width:465px;*/
  }
  .dash-form-btn {
    width: 100%;
    height: 80px;
  }
}

label {
  margin-bottom: 0;
}

.edit-img {
  width: 110px;
  height: 110px;
  border-radius: 50%;
}

.span-pencil, .span-pencil:hover, .span-pencil:focus, .span-pencil:active {
  background-color: rgb(246, 134, 33);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  margin-left: -7px;
  margin-top: 15px;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
}

.edit-img-btn {
  margin-top: -7px;
  margin-left: -3px;
  width: 12px;
  height: 12px;
}

.change-image-wrapper {
  margin: -7px 10px 20px -15px;
  /*margin: 15px 25px 20px -15px;*/
}

@media(max-width:767px) {
.change-image-wrapper {
  margin: 0 auto;
  margin-top: 5px !important;
  /*margin-top: 30px !important;*/
}
}

/* General stuff - radio button. */
.account-type {
  position: relative;
  width: 110px;
  height: 40px;
  vertical-align: bottom;
  cursor: pointer;
}

/* The "background" - white background with gray border. */
.account-type:before {
  position: absolute;
  top: -2px;
  left: -2px;
  content: "";
  display: block;
  width: 110px;
  height: 40px;
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
  box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
  border-radius: 3px;
  background-color: #fff;
}

.checked {
  color: #ffffff;
}

.selected:before {
  background-color: rgb(246, 134, 33);
  border: 1px solid transparent;
}

.trans-border {
  border: 1px solid transparent !important;
}

input:checked + .coffee-counter {
  background-color: rgb(246, 134, 33);
}

.coffee-counter {
  background-color: rgb(176, 176, 176);
}

.navbar-link a {
    color: #333333 !important;
    /*color: #bbb0b0 !important;*/
    font-size: 15px !important;
    /*font-weight: 600;*/
    line-height: 33px;
    letter-spacing: 0.5px;
    text-transform: none;
    font-family: 'Avenir Roman', sans-serif;
    /*padding-top: 24px !important;*/
    cursor: pointer;
    transition: 0.3s all linear;
}

.navbar-link a:hover, .navbar-link a:focus, .navbar-link a:active {
  /*color: rgb(41,42,42) !important;*/
  color:#bbb0b0 !important;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87);
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  box-shadow: 0 0 0 1000px #fff inset;
  /*transition:background-color 5000s ease-in-out 0s;*/
  transition: 0.3s all linear;
  -moz-transition:0.3s all linear;
  -webkit-transition:0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition:0.3s all linear;
    background-color: #ffffff !important;
}

.link-to {
  color: #505050;
  font-family: 'Avenir Light', sans-serif;
  font-size: 14px;
  font-weight: 200;
}

.cred-sub-note {
  color: #6D6A8A;
  font-family: 'Avenir Light', sans-serif;
  font-size: 17px;
}

.instruction-center {
  width: 64%;
  margin: 0 auto;
  text-align: center;
}

.de-instruction-center {
  width: 88%;
  margin: 0 auto;
  text-align: center;
}

.done-btn {
  margin-top: 40px;
  /*margin-top: 130px;*/
  margin-bottom: 30px;
}

a:hover, a:focus, a:active {
  text-decoration: none;
  outline: 0;
  color:#222222
}

.modal-open .modal {
  background-color: rgba(0, 0, 0, 0.25);
}

#loginModal .modal-dialog {
  width:450px;
  margin: calc((100vh - 537px)/2) auto;
}
#loginModal .modal-header {
    padding: 20px 95px;
}

#loginModal .bar {
  width:250px;
}

#loginModal .modal-content {
  border-radius:3px;
}

#loginModal button.close {
  margin-right: -80px;
  margin-top: -10px;
}

.bmc-modal .modal-header {
  border-bottom: 1px solid transparent;
  /* padding: 0; */
}
#ScriptModal .modal-content {
  padding: 40px 9%;
}
#ScriptModal .modal-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.bmc-modal .close {
    right: 30px;
    top: 24px;
    position: absolute;
    font-size: 35px;
    font-weight: 400;
}
@media(max-width:767px) {
  .bmc-modal .close {
    right: 20px !important;
    top: 10px !important;
  }
  .edit-post-close {
    right: 10px !important;
  }
}
.close:focus {
  outline: 0;
}
.edit-post-close {
  font-size: 30px;
  position:  absolute;
  right:  0;
  top: 5px;
  font-family: 'Avenir Light',sans-serif;
  z-index: 2;
}
#forgot .modal-body, #video-modal .modal-body, #intg-modal .modal-body, #resetCode .modal-body,
#deactivateAcc .modal-body {
  padding: 0;
}
#intg-modal .modal-body {
  padding: 20px 35px !important;
}
.bmc-modal .modal-content {
  /* border-radius: 0; */
}
#chooseButton .modal-header a {
  padding-bottom: 6px;
}

#chooseButton .modal-header a:hover, #chooseButton .modal-header a:focus, #chooseButton .modal-header a:active, .chosen-type {
  color: #333333 !important;
  border-bottom:3px solid #FF813F !important;
  padding-bottom: 6px;
}
.modal-select {
    border: none;
    padding: 0 0 0 25px;
    width: 100%;
    height: 100%;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url("../img/dropdown_icon.svg") no-repeat;
    background-position: 96% 52%;
    /*padding-inline-start: 29px !important;*/
}
.modal-select:focus {
  outline: 0;
}
.facebook-p-l {
  margin-top: 27px;
}

.login-input {
  width: 250px !important;
  padding: 0;
}

.link-to-wrapper {
  margin-top: 65px;
  margin-bottom: 50px;
}

.join-link {
  font-family: 'Avenir Roman', sans-serif;
  font-size: 14px;
  cursor: pointer;
  margin: 0 !important;
}

.join-link1 {
  font-family: 'Avenir Roman', sans-serif;
  font-size: 17px;
  cursor: pointer;
  margin: 0 !important;
  color:#FF813F;
}

.signup-wrapper {
  width:600px;
  margin: 0 auto;
  margin-top: 20px;
}

.signup-label {
  width: 300px;
    text-align: left;
    margin: 0 auto;
}

.signup-btn {
  width:300px;
}

.btn-orange:focus {
  outline: 0;
}

@media(max-width:480px) {
  .cat-card {
    width: 290px !important;
    padding: 0 !important;
    float: none;
    margin: 0 auto;
  }
  .ex-second {
    margin-left: 0;
    margin-right: 0;
  }
  .cat-wrapper {
    padding: 0;
  }
  .script-wrapper {
    width:286px !important;
  }
  .cred-form .input-click, .cred-form-btn, .cred-sub-note {
    width: 100% !important;
  }
}

.cat-wrapper .placeholder-img,
.home-pg-ex-cat .placeholder-img {
  border-radius: 50%;
}

@media(max-width:767px) {
  .cred-form-btn {
    width:366px;
    height:60px;
  }
  .cred-form-btn .circle-loader {
    margin-top: -5px;
  }
  .script-wrapper {
    width:366px;
  }
}

@media(min-width:768px) {
  .cred-form-btn {
    width:466px;
    height:80px;
  }
  .script-wrapper {
    width:466px;
  }
}

.header-dropdown {
  background-color: transparent;
  border-color: transparent;
  /*border-color: #fff;*/
  border-style: solid;
  border-top: none;
  border-right: none;
  border-left: none;
  /*padding-right: 0 !important;*/
  margin-right: 0 !important;
  padding-bottom: 16px !important;
}

.header-menu {
  -webkit-box-shadow: rgba(0, 0, 0, 0.02) 0 2px 16px 0;
  box-shadow: rgba(0, 0, 0, 0.02) 0 2px 16px 0;
  border: 1px solid rgb(231, 231, 231);
  transition:opacity 0.2s ease;
  -moz-transition:opacity 0.2s ease;
  -webkit-transition:opacity 0.2s ease;
  -ms-transition:opacity 0.2s ease;
  -o-transition:opacity 0.2s ease;
  background-color: rgb(254, 255, 255);
  border-radius: 4px;
  padding: 0;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  border-color: #FF813F;
}

.signup-alert {
    width: 300px;
    padding-top: 5px;
    margin: 0 auto;
}

.btn-m {
  margin-top: 15px !important;
}

.header-menu>li>a:focus, .header-menu>li>a:hover {
  background-color: rgb(255, 129, 63);
  color:#ffffff !important;
}

.header-menu li a {
    font-family: 'Avenir Roman', sans-serif;
    font-size: 14px;
    color: rgb(80, 80, 80);
    height:40px;
    /*padding: 10px 20px;*/
    padding: 5px 25px !important;
    padding-right: 0 !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance:textfield;
    appearance: none;
    margin: 0;
}

input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button {
  display: none;
}

input[type=file] {
  cursor: pointer;
}
::-webkit-file-upload-button {
    cursor:pointer;
}

@media(max-width:767px) {
  .xs-f-n {
    float: none;
  }
  .xs-p-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .xs-p-b-10 {
    padding-bottom: 10px;
  }
  .xs-p-l-0 {
    padding-left: 0 !important;
  }
  .xs-p-l-10 {
    padding-left: 10px !important;
  }
  .xs-float-n {
      float: none !important;
      margin: 0 auto;
      padding-left: 0;
  }
  .xs-float-n li {
    margin: 0 auto;
  }
  .jus-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
      float: none !important;
      margin: 0 auto;
      padding-left: 0;
  }
  .xs-p-lr-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .xs-p-lr-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .xs-block {
    display: block !important;
  }
}

@media(max-width:480px) {
  .xs-p-lr-50 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

.tab-head .head {
  padding-left: 10px;
}


.transactions>tbody>tr>td,
.transactions>tbody>tr>th,
.transactions>tfoot>tr>td,
.transactions>tfoot>tr>th,
.transactions>thead>tr>td {
  border-bottom: 2px solid transparent;
}

.transactions thead {
  border-top: 1px solid rgba(128, 126, 156,0.1);
}
.transactions>thead>tr>th {
  font-family: 'Avenir Roman', sans-serif;
  font-size: 12px;
  color: rgb(176, 176, 176);
  margin-right: 48px;
  line-height: 30px;
  letter-spacing: 0.4px;
  padding: 0;
  transition:0.3s all linear;
  -moz-transition:0.3s all linear;
  -webkit-transition:0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition:0.3s all linear;
  border-bottom: 1px solid rgba(128, 126, 156,0.1);
  text-decoration: none;
  text-transform: uppercase;
  padding-left: 20px;
  /*padding-left: 50px;*/
  padding-right: 20px;
  /*padding-right: 40px;*/
}

.transactions>tbody>tr>td {
  word-break: break-word;
  color: #807E9C;
  font-family: 'Avenir Light', sans-serif;
  position: relative;
  vertical-align: middle;
  margin: 0;
}

@media(min-width:768px) and (max-width:1199px) {
  .transactions>tbody>tr>td {
    width: 10px;
    padding: 15px !important;
    font-size: 14px !important;
  }
  .transactions>thead>tr>th {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .date-wid {
    width: 80px;
  }
  .limit-table-line {
      max-height: 82px;
  }
}
@media(min-width:1200px) {
  .limit-name {
    width: 135px !important;
  }
  .date-wid {
    width: 195px !important;
  }
  .table-email {
    width: 200px !important;
  }
  .transactions>tbody>tr>td {
      font-size: 16px;
      padding: 20px !important;
      width: auto;
  }
  .limit-table-line {
      max-height: 65px;
  }
}
.transactions>tbody>tr>td>.highlights {
  /*font-weight: 600;*/
  font-family: 'Avenir Heavy', sans-serif;
}

.limit-table-line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* number of lines to show */
  /*line-height: X;        /* fallback */
}

.transactions {
  margin-bottom: -23px;
}

.p-transactions {
  padding: 20px 15px 22px 13px;
}

@media(min-width:992px) {
  .p-graph {
    margin-top: 0 !important;
  }
  .transactions thead tr th:first-child,
  .transactions tbody tr td:first-child {
    padding-left: 50px !important;
  }
  .payout-tab {
    padding-left: 50px !important;
  }
}

@media(min-width:768px) {
  .p-graph {
    padding: 19px 20px 45px;
    margin-top: 20px;
  }
  .responsive-div .alert {
    padding-left: 50px;
  }
  .payout-tab {
    padding-left: 20px;
  }
}

.responsive-div .alert {
  color: #807E9C;
  font-family: 'Avenir Light', sans-serif;
  font-size: 14px;
}

@media(max-width:767px) {
  .p-graph {
    padding: 19px 20px 45px;
    margin: 0 auto;
  }
  .p-transactions {
    padding: 20px 15px 22px 13px;
    margin: 0 auto;
  }
}

.responsive-div {
    overflow-x: auto;
    overflow-y: hidden;
}

.created-date {
  font-size: 22px;
  line-height: 24px;
  margin-top: -10px;
}

.supporter-name {
    font-size: 15px;
    font-family: 'Avenir Light', sans-serif;
    color: #505050;
    margin-bottom: 0;
}

.welcome-note {
  font-family: 'Avenir Heavy', sans-serif;
  color:#000000;
}

@media(min-width:1200px) {
.welcome-note {
  font-size: 45px !important;
}
}

@media(min-width:992px) {
  .main-gif img {
    width: 490px !important;
  }
}

@media(min-width:768px) {
  .welcome-note {
    font-size: 40px;
    line-height: 64px;
  }
  .sub-text {
    font-family: 'Avenir Roman',sans-serif;
      line-height: 32px;
      color: #807E9C;
      letter-spacing: 0.7px;
      font-size: 22px;
  }
  .main-gif img {
    width: 450px;
  }
  .m-t-home {
    margin-top: 200px;
    /*margin-top: 230px;*/
  }
}

@media(max-width:767px) {
  .welcome-note {
    text-align: center;
  }
  .sub-text {
    font-family: 'Avenir Roman',sans-serif;
      line-height: 23px;
      color: #807E9C;
      letter-spacing: 0.7px;
      font-size: 17px;
  }
  .main-gif img {
    width: 450px;
  }
}

@media(max-width:480px) {
  .welcome-note {
    font-size: 30px;
  }
  .main-gif {
    margin-top: -90px !important;
  }
  .sub-text {
    margin-top: 25px !important;
  }
}

@media(min-width:481px) and (max-width:767px) {
  .welcome-note {
    font-size: 45px;
  }
}

@media(min-width:1200px) {
.m-goal {
  margin-left: 50px !important;
}
}

@media(min-width:992px) {
.m-goal {
  margin-left: 23px;
}
}

.orange-text {
  font-family: 'Avenir Light',sans-serif;
}

.orange-text, .link-form .select-link, .story a, .reply-wrapper p a, .ex-text a {
  color: #FF813F !important;
}

.dropdown-menu-light {
  background: #FFFFFF;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,0.10);
  box-shadow: 0 1px 10px 0 rgba(0,0,0,0.10);
  border-radius: 3px;
  border-color: transparent;
  padding: 0 !important;
  margin-top: 10px;
}
.dropdown-menu-light li a {
  font-family: 'Avenir Light',sans-serif;
  font-size: 14px;
  color: #807E9C !important;
  letter-spacing: 0.38px;
  padding: 10px 15px !important;
}
.dropdown-menu-light li a:hover, .dropdown-menu-light li a:active, .dropdown-menu-light li a:focus {
  background-color: #ff813f;
  color: #ffffff !important;
}
.dropdown-menu-light li a:hover svg #update-options-icon, .dropdown-menu-light li a:active svg #update-options-icon, .dropdown-menu-light li a:focus svg #update-options-icon,
.update-share .dropdown-menu li a:hover svg #share-fill, .update-share .dropdown-menu li a:active svg #share-fill, .update-share .dropdown-menu li a:focus svg #share-fill {
  fill: #ffffff;
}

.transactions>tbody>tr>td a {
  color: #ff813f;
}
.story a:hover, .story a:active, .story a:focus,
.reply-wrapper p a:hover, .reply-wrapper p a:active, .reply-wrapper p a:focus,
.feature-text a:hover, .feature-text a:active, .feature-text a:focus,
.ex-text a:hover, .ex-text a:active, .ex-text a:focus {
  color: #807E9C !important;
}
.transactions>tbody>tr>td a:hover, .transactions>tbody>tr>td a:focus, .transactions>tbody>tr>td a:active {
  color: #807E9C;
}
/*.transactions>tbody>tr>td a {
  color: #807E9C;
}*/
@media(max-width:480px) {
  .m-t-home {
    margin-top: 175px;
  }
}

.m-t-btn {
  margin-top: 17px !important;
}

.join-home, .join-home:hover, .join-home:active, .join-home:focus {
    padding: 13px 160px !important;
    border-radius: 30px;
    font-size: 22px;
    font-weight: 600;
    cursor: pointer;
}

.border-div-l {
    margin-left: 150px;
    margin-right: 150px;
    margin-top: 100px;
    border-left: 3px solid rgb(246, 134, 33);
}

@media(max-width:767px) {
.border-div-l, .border-div-b {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
}
.border-div-b {
    margin-left: 170px;
    margin-right: 170px;
    margin-top: 100px;
    border-bottom: 3px solid rgb(246, 134, 33);
}

@media(max-width:480px) {
.general-note {
    font-size: 18px !important;
  }
  .new-home-title {
    font-size: 29px !important;
  }
}

.general-note {
    font-family: 'Avenir Light', sans-serif;
    color: #788594;
    /*font-weight: 400;*/
    font-size: 21px;
    padding-left: 20px;
    line-height: 30px;
  }

  .m-b-footer {
    /*margin-bottom: 393px;*/
    margin-bottom: 250px;
  }
  /*.cl-landing.m-b-footer {
    margin-bottom: 250px !important;
  }*/
  @media(max-width:767px) {
    .xs-m-lt {
      margin-top: 50px;
      margin-left: 0 !important;
    }
    .xs-w-100 {
      width: 100% !important;
    }
    .xs-text-center {
      text-align: center !important;
    }
    .xs-align-margin {
      margin: 0 auto !important;
    }
    .xs-text-left {
      text-align: left;
    }
    .xs-text-right {
      text-align: right;
    }
    .xs-m-r-10 {
      margin-right: 10px;
    }
    .xs-m-r-20 {
      margin-right: 20px !important;
    }
    .int-m-t-10 {
      margin-top: 10px;
    }
    .xs-m-b-10 {
      margin-bottom: 10px !important;
    }
    .xs-m-t-20 {
      margin-top: 20px !important;
    }
    .xs-m-t-30 {
      margin-top: 30px !important;
    }
    .xs-show {
      display: block;
    }
  }

@media(min-width:768px) {
  .xs-show {
    display: none;
  }
}

.ctr-pg-img-round {
  width: 96px;
  height: 96px;
  border-radius: 50%;
}

@media(max-width:767px) {
  .ctr-pg-img-round {
    width: 130px;
    height: 130px;
  }
  .ctr-update-img {
    width:90px !important;
    height: 90px !important;
  }
}

.ctr-buy-btn, .ctr-buy-btn:hover, .ctr-buy-btn:active, .ctr-buy-btn:focus {
  padding: 10px 75px !important;
  font-size: 19px !important;
  border-radius: 30px !important;
  cursor: pointer;
}

@media(min-width:992px) {
.tip-wrapper {
  width:450px !important;
  margin-top: 0 !important;
}
}

@media(min-width:768px) {
  .tip-wrapper {
    width:100%;
    margin-top: 20px;
    border-left:3px solid rgb(246, 134, 33);
  }
}
@media(max-width:767px) {
  .tip-wrapper {
    width:100%;
    margin-top: 20px;
    border-left:3px solid rgb(246, 134, 33);
  }
}

.tab-open {
  color: #39393A !important;
}

.tabs li a {
  font-family: 'Nunito', sans-serif;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  font-size: 20px;
  color: #9B9B9B;
  transition:0.3s all linear;
  -moz-transition:0.3s all linear;
  -webkit-transition:0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition:0.3s all linear;
}

.tabs {
  list-style: none;
}

@media(max-width:767px) {
  .tabs {
    padding-left: 20px;
    padding-right: 20px;
  }
  .tabs li {
    text-align: center;
  }
}

.tab {
  border-bottom: 3px solid #f1b783;
  padding-left: 25px;
  padding-right: 25px;
  transition:0.3s all linear;
  -moz-transition:0.3s all linear;
  -webkit-transition:0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition:0.3s all linear;
  padding-bottom: 15px;
}

.tab-active {
  border-bottom: 3px solid #FF813F !important;
}

@media(min-width:768px) {
.entry-content {
  padding-top: 50px;
  /*padding-top: 70px;*/
  width: auto;
  text-align: center;
  margin: 0 auto;
}
}

@media(max-width:767px) {
.entry-content {
  /*padding-top: 70px;*/
  padding-top: 50px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  margin: 0 auto;
}
}

@media(max-width:767px) {
#coffee span {
  display: block;
}
}

.m-t-creator {
  margin-top: 160px;
}

.m-t-header {
  margin-top: 80px;
}

.ctr-pg-img {
  /*width: 100%;
  padding-right: 30px;*/
  width: 100%;
  /*height: 100%;*/
}

@media(min-width:768px) {
  .message-wrapper {
    background-color: rgb(246, 134, 33);
    color:#ffffff;
    font-family: 'Nunito', sans-serif;
    font-style: normal;
    font-weight: bold;
    line-height: 26px;
    font-size: 18px;
    padding: 20px;
    border-radius: 40px;
  }
}

@media(max-width:767px) {
  .message-wrapper {
    background-color: rgb(246, 134, 33);
    color:#ffffff;
    font-family: 'Nunito', sans-serif;
    font-style: normal;
    font-weight: bold;
    line-height: 26px;
    font-size: 18px;
    padding: 20px;
    border-radius: 40px;
    margin-top: 20px;
  }
}

.msg-date {
  font-family: 'Nunito', sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 14px;
  color: #858585;
  float: right;
  padding-right: 30px;
  padding-top: 10px;
}

.updates {
  border: 1px solid rgb(238, 238, 238);
}

.updates>tbody>tr:last-child>td {
  border-bottom: 1px solid rgb(238, 238, 238);
}

.limit-reward-head {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* number of lines to show */
  /*line-height: X;        /* fallback */
  max-height: 70px;
}
.supp-name {
 width: 35%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.limit-line {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3; /* number of lines to show */
   /*line-height: X;        /* fallback */
   max-height: 66px;
}

.limit-line-1 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1; /* number of lines to show */
   /*line-height: X;        /* fallback */
   max-height: 33px;
}

.limit-line-1-20 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1; /* number of lines to show */
   /*line-height: X;        /* fallback */
   max-height:20px;
}

.limit-text-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 56px;
}

.limit-desp-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 43px;
  line-height: 23px !important;
}
.limit-cl-des-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 44px;
}
.limit-desp-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 66px;
  line-height: 23px !important;
}

.ex-limit-line {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3; /* number of lines to show */
   /*line-height: X;        /* fallback */
   max-height: 56px;
   margin-right: 30px;
}
.limit-to-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 48px;
}
@media(max-width:767px) {
  .exp-img {
    width:96px !important;
    height:96px !important;
  }
}

.confetti img {
  position: absolute;
  display: block;
  width: 13px;
}

.confetti img:nth-of-type(1) {
  top: -35px;
  left: 70px;
}

.confetti img:nth-of-type(2) {
  bottom: 8px;
  right: -24px;
}

.confetti img:nth-of-type(3) {
  top: -11px;
  right: 101px;
}

.confetti img:nth-of-type(4) {
  top: 73px;
  left: -28px;
}

.confetti img:nth-of-type(5) {
  top: 30px;
  left: 108px;
}

.abs-link {
  position: absolute;
  bottom: 30px;
}

@media(min-width:768px) {
.m-t-features {
  padding-top: 150px;
}
.adj-name {
  padding-top: 2px;
}
.new-home-title {
    font-size: 43px;
    margin-top: 200px;
}
}

.new-home-title {
    font-family: 'Avenir Heavy', sans-serif;
    /*font-weight: 600;*/
    color: #000000;
    line-height: 45px;
}

@media(max-width:767px) {
.m-t-features {
  padding-top: 60px;
}
.new-home-title {
    font-size: 32px;
    margin-top: 100px;
}
.home-hint {
  font-size: 11px !important;
}
.adj-name {
  padding-top: 3px;
}
}

.feature-head {
  line-height: 27px;
  font-size: 17px;
  font-family: 'Avenir Heavy', sans-serif;
  color: #010101;
}

.feature-text {
  font-style: normal;
  /*font-weight: 500;*/
  line-height: 26px;
  font-size: 17px;
  text-align: center;
  font-family: 'Avenir Light', sans-serif;
  color: #807E9C;
}

.home-hint {
    font-weight: 500;
    line-height: 26px;
    text-align: left;
    font-family: 'Avenir Light', sans-serif;
    padding-left: 8px;
    opacity: 0.62;
    font-size: 13px;
    color: #807E9C;
}

.normal-btn, .normal-btn:hover, .normal-btn:active, .normal-btn:focus {
  padding: 6px 18px !important;
  margin-top: 17px;
  /*padding-block-start: 2px !important;
  padding-block-end: 11px !important;*/
}

.pub-btn {
    width: 92px;
    height: 35px;
    padding: 6px 10px !important;
    /*padding-block-start: 0 !important;*/
}

.create-btn, .create-btn:hover, .create-btn:active, .create-btn:focus {
  /*padding-block-start: 2px !important;
  padding-block-end: 11px !important;*/
}
/**/
.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 40px;
  margin: auto;
  position: relative;
  z-index: 7;
}
.menu li {
  float: left;
  width: 50%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.menu a {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  text-decoration: none;
  position: relative;
  font-size: 18px;
  z-index: 9;
}
.right-pagelink, #coupon-link, #coupon-link svg #Coffee-Links-Coupon {
  transition:0.3s all linear;
  -moz-transition:0.3s all linear;
  -webkit-transition:0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition:0.3s all linear;
}
/*#signup, #signup:hover, #signup:active, #signup:focus {
  color:#ffffff;
}*/
.hovered {
  color: #ffffff !important;
}

/**/

.f-links {
  list-style: none;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  padding-left: 0;
}

.f-links li a img {
  width: 30px;
}

.f-links li a {
  font-family: 'Avenir Heavy', sans-serif;
  font-style: normal;
  /*font-weight: 800;*/
  line-height: normal;
  font-size: 12px;
  margin-left: 15px;
  color: #FF813F;
}

.f-links li:first-child a {
  margin-left: 0;
}

.dropup:hover a {
  cursor: pointer;
}
.dropup .dropdown-menu {
  border: 1px solid #E1E1E1;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 5px 0 0;
}
.dropup .dropdown-menu li.disabled {
  opacity: 0.32;
  font-size: 12px;
  color: #000000;
  letter-spacing: 0;
  font-family: 'Avenir Roman',sans-serif;
  padding: 0 0 0 25px;
  line-height: 20px;
  text-align: left;
}
.dropup .dropdown-menu li {
  text-align: left;
}
.dropup .dropdown-menu li a {
  /* padding-left: 25px; */
  margin: 0;
  color: #262626;
  font-weight: 600;
  line-height: 26px;
}
.abs-beta {
  position: absolute;
  right: 10px;
  top: 8px;
}
.fs-8 {
  font-size: 8px;
}
.dropup .dropdown-menu .tumblr-link a img {
  width: 23px !important;
  margin-left: -1px;
}
.dropup .dropdown-menu .deviantart-link a img {
  width: 17px !important;
  margin: 0 11px 0 2px !important;
}
.dropup .dropdown-menu li a:hover {
  background-color: #FF813F;
  color: #ffffff !important;
  padding-left: 25px;
  margin: 0;
  color: #262626;
}
.dropup .dropdown-menu li a img {
  width: 20px;
  margin: 0 7px 0 0;
}
.dropup .dropdown-menu li a span {
  vertical-align: middle;
}
.copyright {
font-family: 'Avenir Light', sans-serif;
font-style: normal;
/*font-weight: 500;*/
line-height: normal;
font-size: 14px;

color: #807E9C;
}

@media(max-width:767px) {
  .coffee-cup {
    width:100%;
  }
  .coffee-mob {
    width: 80px;
    display: block;
    margin: 0 auto;
  }
  .dropup .dropdown-menu {
    right: -36px;
    left: auto !important;
  }
  .visible-xs-flex {
    display: flex;
  }
  .update-share {
    /* z-index: 9; */
    z-index: 1;
  }
  .support-share-top {
    top: 62px !important;
  }
  .dropdown-menu-light {
    left: auto;
    right: 0;
  }
  .general-box .dropdown-menu-light{
    left: -9999px;
    right: -9999px;
    margin: 10px auto 0;
    width: 230px;
  }
}

@media(min-width:768px) {
  .visible-xs-flex {
    display: none;
  }
  .coffee-cup {
    width:35%;
    margin-right: 130px;
    margin-top: 42.34px;
  }
}

@media(min-width:992px) {
  .coffee-cup {
    width:210px !important;
  }
}

.update-wrapper {
  padding: 20px;
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
  box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
  border-radius: 25px;
  margin-top: 25px;
}

#updates .update-wrapper:first-child {
  margin-top: 0;
}

.update-share {
  position: absolute;
  right: 27px;
}
.update-share svg #Share-post {
  -webkit-transition: 0.2s all linear;
  -o-transition: 0.2s all linear;
  transition: 0.2s all linear;
}
.update-share:hover svg #Share-post, .update-share.open svg #Share-post {
  fill: #ff813f;
}
.update-locked-share {
  right: 0 !important;
  bottom: 0;
}
.update-nlocked-share-top {
  top: 90px !important;
}
.update-share-top {
  top: 62px;
}
.update-share-bottom, .support-share-bottom {
  bottom: 10px;
}
.support-share-top {
  top: 45px;
}
.update-actions {
  top: 20px;
  right: 9px;
  position: absolute;
}
.update-share .btn, .update-share .btn:hover,
.update-share .btn:active, .update-share .btn:focus,
.update-share.open .dropdown-toggle.btn-primary:focus, .update-share.open .dropdown-toggle.btn-primary:hover {
  border: none;
  background-color: transparent !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}
.dropdown-menu-light li a svg {
  margin-right: 10px;
}
.update-trash {
    position: absolute;
    right: 20px;
    top: 61px;
}

.update-trash-b {
    position: absolute;
    right: 20px;
    /*right: 25px;*/
    top: 20px;
}

.update-trash .fa-trash-o, .update-trash-b .fa-trash-o {
  /*color: #ffffff;*/
  color: #939495;
  transition:0.3s all linear;
  -moz-transition:0.3s all linear;
  -webkit-transition:0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition:0.3s all linear;
  font-size: 18px;
}

.update-trash .fa-trash-o:hover, .update-trash .fa-trash-o:active, .update-trash .fa-trash-o:focus,
.update-trash-b .fa-trash-o:hover, .update-trash-b .fa-trash-o:active, .update-trash-b .fa-trash-o:focus {
  color: #FF813F;
}

.card-btn {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    /*width: 106px;*/
}

.advice-content {
  font-family: 'Avenir Light', sans-serif;
  text-align: center;
  font-size: 17px;
  color: #807E9C;
  margin-bottom: 0;
}
.advice-content b {
  font-family: 'Avenir Heavy', sans-serif !important;
}
.normal-link {
    background-color: #ffffff;
    border: 1px solid rgba(225, 225, 225, 0.5);
    border-radius: 11px;
    color: #bbb0b0;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: none;
    font-family: 'Avenir Roman', sans-serif;
    display: inline-block;
    margin: 0;
    padding: 5px 15px;

    transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    -ms-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
}

.normal-link:hover, .normal-link:active, .normal-link:focus {
  color: #262626;
  -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.1), 0 1px 1px 0 rgba(0,0,0,0.15);
  box-shadow: 0 0 1px 0 rgba(0,0,0,0.1), 0 1px 1px 0 rgba(0,0,0,0.15);
}

.no-hover:hover, .no-hover:focus, .no-hover:active {
  color: #bbb0b0 !important;
}

@media(min-width:1200px) {
  .about-div {
    width:465px;
  }
}

.about-div {
  transition:0.3s all linear;
  -moz-transition:0.3s all linear;
  -webkit-transition:0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition:0.3s all linear;
}

.about-div:hover {
  -webkit-box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
  box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
}
.common-head {
  font-family: 'Avenir Heavy', sans-serif;
  color: #000000;
}
@media(max-width:767px) {
  .about-div {
    width:400px;
  }
  .about-btn {
    width: 180px;
    height: 60px;
    padding: 15px 0 !important;
  }
  .common-head {
    font-size: 30px;
  }
  .continue-btn {
    display: block;
    margin: 0 auto;
  }
  .bo-rad {
    margin-bottom: 20px;
  }
  /*.reply-open {
    float: left !important;
  }*/
  .update-share-bottom, .support-share-bottom {
    top: 62px !important;
    bottom: auto !important;
  }
  .update-locked-share {
    top: 38px !important;
    /*top: 18px !important;*/
  }
}

.top-websites {
  margin-bottom: 25px;
}
/*.top-websites a:last-child img {
  margin-right: 0 !important;
}*/

@media(max-width:480px) {
  .about-div {
    width:auto !important;
  }
  .about-btn {
    width: 170px !important;
    height: 50px !important;
  }
  .top-websites img {
    width: 25px !important;
    margin-right: 20px !important;
  }
}

@media(min-width:992px) {
  .about-wrapper {
    margin-left: 97px !important;
    margin-right: 97px !important;
  }
  .top-websites img {
      width: 25px;
      height: 25px;
      margin-right: 19px;
      margin-top: 20px;
  }
  .top-websites a:last-child img {
    margin-right: 0 !important;
  }
}

.about-wrapper {
  margin-left: 10px;
  margin-right: 10px;
}

.about-pg-head {
  font-family: 'Avenir Roman', sans-serif;
  line-height: normal;
  font-size: 36px;
  color: #000000;
}

@media(min-width:768px) {
  .common-head {
    font-size: 35px;
  }
  .continue-btn {
    height: 80px;
    width: 186px;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
  .bo-rad {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    padding-right: 0 !important;
  }
}

@media(min-width:1200px) {
  .common-head {
    font-size: 42px !important;
  }
  .top-websites img {
    width: 30px !important;
    height: 30px !important;
    margin-right: 28px !important;
  }
}

.type-head {
  font-family: 'Avenir Heavy',sans-serif;
  font-size: 20px;
  color: #010101;
  letter-spacing: 0.2px;
}

.common-sub {
    font-family: 'Avenir Light',sans-serif;
    line-height: 32px;
    color: #807E9C;
    letter-spacing: 0.7px;
    font-size: 22px;
}

@media(min-width:992px) {
  .w-about {
    width: 800px !important;
  }
}

@media(min-width:768px) {
.w-about {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 auto;
}
}

@media(max-width:767px) {
  .w-about {
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-family: 'Avenir Light',sans-serif;
      line-height: 32px;
      text-align: center;
      color: #807E9C;
      margin: 0 auto;
      letter-spacing: 0.7px;
      font-size: 22px;
  }
  .top-websites img {
    width: 31px;
    margin-right: 40px;
  }
  .top-websites {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
  .top-websites a:nth-child(5) img,
  .top-websites a:nth-child(10) img {
    margin-right: 0 !important;
  }
}

@media(min-width:1200px) {
  .about-text {
      padding-left: 22px !important;
      padding-right: 20px !important;
      font-size: 17px !important;
  }
}

@media(max-width:1199px) and (min-width:992px) {
  .about-text {
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-size: 17px !important;
  }
}

@media(min-width:992px) {
  .connect-text {
    font-size: 18px !important;
  }
}
.about-text, .connect-text {
  font-family: 'Avenir Light',sans-serif;
  color: #807E9C;
  letter-spacing: 0.7px;
  line-height: normal;
  text-align: center;
  margin: 0 auto;
  line-height: 25px;
}
@media(min-width:768px) {
  .about-text, .connect-text {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }
  .about-btn {
    width: 186px;
    height: 80px;
    padding: 27px 0 !important;
  }
}

@media(max-width:767px) {
  .about-text, .connect-text {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 17px;
  }
}

.ab-text {
    position: absolute;
    bottom: 29px;
    margin-bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 700px;
}

@media(max-width:480px) {
.about-social a:nth-child(1) img {
  width: 38px;
}

.about-social a:nth-child(2) img {
  width: 50px;
}

.about-social a:nth-child(3) img, .about-social a:nth-child(4) img {
  width: 40px;
}
}

.about-social img, .social-wordpress {
  opacity: 0.8;
  transition:0.3s all linear;
  -moz-transition:0.3s all linear;
  -webkit-transition:0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition:0.3s all linear;
}

.about-social img:hover, .about-social img:focus, .about-social img:active,
.social-wordpress:hover, .social-wordpress:focus, .social-wordpress:active {
  opacity: 1;
}

.about-img-1 {
  margin-top: 55px;
  margin-bottom: 24px;
}

.about-img-2 {
  margin-top: 55px;
  margin-bottom: 17px;
}

@media(min-width:768px) {
  .profile-detail {
    margin-left: 0;
    margin-top: 15px;
  }
}

@media(min-width:992px) {
  .profile-detail {
    margin-left: -25px;
    margin-top: 15px;
  }
}

@media(min-width:1200px) {
  .profile-detail {
    margin-left: -75px !important;
  }
}

.work, .work:hover {
  font-size: 20px;
  color: rgb(80, 80, 80);
}

.web-link {
  font-size: 15px !important;
  transition:0.3s all linear;
  -moz-transition:0.3s all linear;
  -webkit-transition:0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition:0.3s all linear;
}

@media(max-width: 480px) {
  .bmc-warning {
    width: 275px !important;
    padding: 45px 25px 30px !important;
  }
  .bmc-warning span {
    padding-left: 0 !important;
  }
  .thankyou-warning {
    width: 290px !important;
    padding: 40px 25px !important;
  }
}

.thankyou-warning {
  margin-top: -45px !important;
  margin-bottom: 45px !important;
}

@media(max-width:767px) {
  .bmc-warning {
    position: relative;
    background: rgba(255, 129, 63, 0.0310802);
    border: 1px solid #FFD0B7;
    box-sizing: border-box;
    border-radius: 3px;
    margin-top: 50px !important;
    width: 435px;
    margin: 0 auto;
    text-align: center;
    padding: 40px;
  }
  .bmc-warning span {
    font-size: 15px !important;
    padding-left: 20px;
  }
}

@media(min-width:768px) {
  .bmc-warning {
    position: relative;
    background: rgba(255, 129, 63, 0.0310802);
    border: 1px solid #FFD0B7;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 15px 40px;
    margin-top: 50px;
    width: 100%;
    text-align: center;
  }
}

@media(min-width:768px) {
  .bmc-warning {
    width: 92.3%;
    margin: 60px auto 0;
  }
}

.bmc-warning span {
  font-family: 'Avenir Roman',sans-serif;
  line-height: normal;
  font-size: 16px;
  text-align: center;
  color: #000000;
}

.bmc-warning .close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    height: 20px;
    background-color: transparent;
    opacity: 0.3;
    transition:0.5s;
    -moz-transition:0.5s;
    -webkit-transition:0.5s;
    -ms-transition:0.5s;
    -o-transition:0.5s;
    border: 0;
}

.bmc-warning .close:hover {
    opacity: 1;
    cursor: pointer;
}

.bmc-warning .close:before,
.bmc-warning .close:after {
    position: absolute;
    left: 15px;
    bottom: 0;
    content: ' ';
    height: 20px;
    width: 2px;
    background-color: #FF813F;
}

.bmc-warning .close:before {
    transform: rotate(45deg);
}

.bmc-warning .close:after {
    transform: rotate(-45deg);
}

.feature-w {
  margin: 0 auto;
}

.or-wrapper {
  position: relative;
}

.or-text {
  color: #807E9C;
    font-family: 'Avenir Light', sans-serif;
    font-size: 15px;
    position: absolute;
    top: -11px;
    left: 48%;
    background-color: #F9FBFD;
    width: 35px;
    text-align: center;
}
.added-element .or-text {
  background-color: #ffffff;
}
@media(min-width:768px) {
  .input-click {
      height: 80px;
      border-radius: 4px;
      outline: 0;
      border: 1px solid #E1E1E1;
      width: 466px;

      transition:0.3s all linear;
      -moz-transition:0.3s all linear;
      -webkit-transition:0.3s all linear;
      -ms-transition:0.3s all linear;
      -o-transition:0.3s all linear;

      font-size: 17px;
      font-family: 'Avenir Light', sans-serif;
      padding: 15px 25px;
      color: #262626 !important;
      letter-spacing: 0.4px;
  }
}

@media(min-width:768px) {
  .p-w {
    width:466px;
    position: relative;
    margin: 0 auto;
  }
}

@media(max-width:767px) {
  .input-click {
      height: 60px;
      border-radius: 4px;
      outline: 0;
      border: 1px solid #E1E1E1;
      width: 366px;

      transition:0.3s all linear;
      -moz-transition:0.3s all linear;
      -webkit-transition:0.3s all linear;
      -ms-transition:0.3s all linear;
      -o-transition:0.3s all linear;

      font-size: 17px;
      font-family: 'Avenir Light', sans-serif;
      padding: 15px 25px;
      color: #262626 !important;
      letter-spacing: 0.4px;
  }
}

@media(max-width:767px) {
  .p-w {
    width:366px;
    position: relative;
    margin: 0 auto;
  }
}

@media(max-width:480px) {
  .input-click {
      width: 286px !important;
  }
  .or-text {
      left: 46% !important;
  }
}

@media(max-width:480px) {
  .p-w {
    width: 275px !important;
    /*width: 286px !important;*/
    margin: 0 auto;
  }
}

.clicked, .reply-text:focus, .input-click:focus {
  border: 1px solid #FF813F !important;
  outline: 0;
}

.ctr-clicked {
  border: 1px solid rgba(255, 129, 63, 0.264776) !important;
}

/** Placeholder **/

.ctr-update-wrapper .ph::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-size: 14px;
    color: #262626;
    font-family: 'Avenir Roman', sans-serif !important;
    opacity: 0.3 !important;
  }
.ctr-update-wrapper .ph::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-size: 14px;
  color: #262626;
  font-family: 'Avenir Roman', sans-serif !important;
  opacity: 0.3 !important;
}
.ctr-update-wrapper .ph::-ms-input-placeholder { /* Mozilla Firefox 19+ */
  font-size: 14px;
  color: #262626;
  font-family: 'Avenir Roman', sans-serif !important;
  opacity: 0.3 !important;
}

.cred-form {
    margin-bottom: 20px;
}

@media(max-width:480px) {
  .forgot-ab {
    font-size: 15px;
  }
}

@media(max-width:767px) {
  .forgot-ab {
    position: absolute;
    top: 20px;
  }
}

@media(min-width:1200px) {
  .forgot-ab {
    left: 380px;
  }
}

@media(min-width:768px) {
  .forgot-ab {
    position: absolute;
    top: 30px;
  }
}
.forgot-ab {
  right: 5%;
}
.cred-modal-head {
  font-size: 24px;
  text-align: center;
  font-family: 'Avenir Heavy', sans-serif !important;
  color: #262626;
  font-weight: 600;
}

@media(min-width:768px) {
.feature-img-holder {
  width: 280px;
  margin-top: 10px;
  /*height: 280px;*/
  overflow: hidden;

  transition:0.3s all linear;
  -moz-transition:0.3s all linear;
  -webkit-transition:0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition:0.3s all linear;
  }
}

@media(min-width:992px) {
.feature-img-holder {
  width: 350px;
  /*height: 350px;*/
  }
  .feature-w {
    width:305px;
  }
}

@media(min-width:1200px) {
.feature-img-holder {
  width: 400px !important;
  /*height: 400px !important;*/
  }
}

@media (max-width: 767px) {
  .body-color {
    margin-top: 65px;
  }
  .menu-icon {
      display: inline-block;
      cursor: pointer;
      margin-top: 11px;
      /*margin-top: 20px;*/
      margin-right: 15px;
      margin-bottom: 8px;
      float: right;
  }
  .logo-text {
    margin-top: 8px !important;
  }
  .dash-navbar {
    height: 65px;
    top: 0;
  }
  .cred-modal-head {
    font-size: 21px !important;
    padding-left: 20px;
    padding-right: 20px;
  }
  .bar1, .bar2, .bar3 {
      width: 35px;
      height: 5px;
      background: rgba(255,129,63,0.71);
      margin: 6px 0;
      transition:0.4s;
      -moz-transition:0.4s;
      -webkit-transition:0.4s;
      -ms-transition:0.4s;
      -o-transition:0.4s;
  }
  .change .bar1 {
      -webkit-transform: rotate(-45deg) translate(-9px, 6px);
      transform: rotate(-45deg) translate(-9px, 6px);
  }
  .change .bar2 {
      opacity: 0;
  }
  .change .bar3 {
      -webkit-transform: rotate(45deg) translate(-8px, -8px);
      transform: rotate(45deg) translate(-8px, -8px);
  }
  .bmc-collapse {
      /*width: 25%;*/
      min-width: 160px;
      z-index: 1;
      -webkit-box-shadow: 0 1px 2px rgba(190, 190, 190, 0.5);
      box-shadow: 0 1px 2px rgba(190, 190, 190, 0.5);
      position: absolute;
      right: 14px;
      padding: 0;
      background-color: rgb(255, 255, 255);
      margin-top:9px;
      margin-right: 0 !important;
      border-radius: 4px;
  }
  .bmc-collapse ul {
    margin-top: 0;
    margin-bottom: 0;
  }
  .bmc-collapse li a {
      line-height: 33px !important;
      font-family: 'Avenir Roman',sans-serif;
      font-size: 14px !important;
      color: #505050 !important;
      height: 40px;
      padding: 5px 25px!important;
      padding-right: 0!important;
      transition: unset;
  }
  .bmc-collapse li a:hover, .bmc-collapse li a:active, .bmc-collapse li a:focus {
    background-color: #FF813F !important;
    color: #fff!important;
  }
}


.navbar-nav {
  margin: 0 !important;
}

#reward-modal legend {
  margin-bottom: 0 !important;
}

.error-tip {
  /*font-size: 12px;
  color: #ffffff;
  font-family: 'Avenir Roman', sans-serif !important;
  background-color: #ff5a3f;
  border-radius: 4px;*/
  display: none;
  background: #FFFCFA;
  border: 1px solid rgba(255,129,63,0.26);
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 2;
  font-size: 13px;
  font-family: 'Avenir Roman',sans-serif;
  color: #262626;
}
@media(max-width:767px) {
  .coffee_wall_plan-err {
    width: 100% !important;
  }
  .error-tip {
      position: relative;
      margin-top: 10px !important;
      width: 286px;
      padding: 8px;
      margin: 0 auto;
  }
}

@media(max-width:480px) {
  .coffee_wall_plan-err {
    width: 100% !important;
  }
  .error-tip {
    width:220px !important;
    /*width:245px !important;*/
  }
}

.error-span {
  color: #ff5a3f;
  transition: 0.3s all linear;
  text-align: center;
}

.modal-error-tip {
    position: relative !important;
    margin-top: 10px !important;
    width: 286px;
    /*background-color: #ff5a3f;*/
    padding: 8px;
    /*border-radius: 4px;
    font-size: 12px;
    color: #ffffff;
    font-family: 'Avenir Roman', sans-serif !important;*/
    margin: 0 auto;
    left:0 !important;
    top:0 !important;

    background: #FFFCFA;
    border: 1px solid rgba(255,129,63,0.26);
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 2;
    font-size: 13px;
    font-family: 'Avenir Roman',sans-serif;
    color: #262626;

    /*display: none;*/
}

  .modal-error-tip::after {
    content: "";
    position: absolute;
    bottom: 100% !important;
    left: 50% !important;
    margin-left: -5px !important;
    border-width: 5px;
    border-style: solid;
    border-color: transparent !important;
    right: auto !important;
    top: -10px !important;
}

@media(min-width:768px) {
  .error-tip {
    position: absolute;
      top: 22px;
      left: 616px;
      padding: 7px;
  }
  .error-tip-form {
    top: 2px !important;
    left: 269px !important;
    right: -225px !important;
  }
  .error-tip-dash {
    top: 10px !important;
    left: 0 !important;
    position: relative;
  }
  .error-tip-dash::after {
      content: "";
      position: absolute;
      top: -5px !important;
      right: 200px !important;
      margin-top: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent !important;
  }
  .coffee-count-tip::after {
    right: auto !important;
    left: 42.5% !important;
  }
}


@media(min-width:992px) {
  .error-tip {
      top: 22px;
      left: 733px;
      font-size: 12px;
  }
  .error-tip-dash::after {
      right: 260px !important;
  }
  .error-tip-form {
      top: 2px !important;
      left: 359px !important;
      right: -225px !important;
  }
  .coffee-count-tip::after {
    right: auto !important;
    left: 120px !important;
  }
}

@media(min-width:1200px) {
  .error-tip {
      top: 22px;
      left: 830px;
  }
  .error-tip-form {
    top: 2px !important;
    left: 458px !important;
    right: -225px !important;
  }
  .error-tip-dash {
    top: 10px !important;
    left: 0 !important;
    position: relative !important;
  }
  .error-tip-dash::after {
      right: 365px !important;
  }
}

.error-tip .signup-alert {
  width: auto;
  padding-top: 0;
}
@media(max-width:767px) {
  .error-tip::after {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent;
  }
  .error-tip-dash {
    top: 0 !important;
    float: left;
  }
  .error-tip-dash::after {
      content: "";
      position: absolute;
      top: -5px !important;
      left: 35px !important;
      margin-top: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent !important;
  }
  .error-tip-form {
    float: left;
  }
  .error-tip-form::after {
    left: 35px !important;
  }
}

@media(min-width:768px) {
  .error-tip::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 100%;
      margin-top: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent;
      /*border-color: transparent #ff5a3f transparent transparent;*/
  }
}

.checked-text {
  display: none;
  margin-bottom: 70px;
}

.checked-text p {
  text-align: center;
  font-size: 20px;
  font-family: 'Avenir Roman', sans-serif;
  margin-top: -40px;
  color: #262626;
}

/* checked animation */

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  -webkit-box-shadow: inset 0 0 0 #7ac142;
  box-shadow: inset 0 0 0 #7ac142;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    -webkit-box-shadow: inset 0 0 0 30px #7ac142;
    box-shadow: inset 0 0 0 30px #7ac142;
  }
}

/**/
.avail-svg {
    width: 35px;
    /*display: block;*/
    height: 35px;
    position: absolute;
}
/* @media(min-width:1200px) {
  .avail-svg {
    right: 195px !important;
    bottom: 19px !important;
  }
}
@media (max-width:1199px) and (min-width:992px) {
  .avail-svg {
    right: 105px !important;
    bottom: 30px !important;
  }
} */
@media(min-width: 481px) and (max-width:767px) {
  .avail-svg {
    bottom: 12px;
    right: -30px;
  }
}
@media(min-width:768px) {
  .avail-svg {
    /* right: 40px;
    bottom: 30px; */
    right: -40px;
    bottom: 15px;
  }
}
@media(max-width: 767px) {
  .avail-svg {
    width: 25px !important;
    height: 25px !important;
  }
}
.avail-svg .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.avail-svg .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.avail-svg .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.avail-svg .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

/**/

.msg-note, .thankyou-text p {
    font-family: 'Avenir Roman', sans-serif;
    color: #262626;
    font-size: 35px;
}

@media(max-width:767px) {
  .msg-note, .thankyou-text p {
    font-size: 30px !important;
  }
}

.thankyou-text h1, .thankyou-text p, .thankyou-text h2, .thankyou-text h4 {
    font-family: 'Avenir Roman', sans-serif;
    color: #262626;
}
.thankyou-text b {
  font-family: 'Avenir Heavy', sans-serif;
  color: #262626;
}
.thankyou-text {
  /*border-bottom: 1px solid rgb(238, 238, 238);*/
  padding-bottom: 70px;
  /*padding-bottom: 110px;*/
}

@media(min-width:1200px) {
  .creator-goal {
    width: 100% !important;
  }
}

@media(min-width:768px) {
  .creator-goal {
    width: 100%;
    /*width: 662px;*/
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    padding-top: 30px;
  }
}

/* creator progress bar */

/* .creator-goal .progress,
.creator-pg-goal .progress {
  height: 44px;
  background: rgba(225,129,63,.35);
  border: 1px solid #E1E1E1;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0 !important;
} */
.creator-goal .progress .skill,
.creator-pg-goal .progress .skill {
  line-height: 23px;
  padding: 0;
  margin: 0 0 0 20px;
  text-transform: uppercase;
}
.creator-goal .progress .skill .val,
.creator-pg-goal .progress .skill .val {
  float: right;
  font-style: normal;
  margin: 0 20px 0 0;
}

.creator-goal .progress-bar,
.creator-pg-goal .progress-bar {
  text-align: left;
  transition-duration: 5s;
  background-color: rgba(255, 129, 63,0.95);
  border: 1px solid rgba(255, 129, 63,0.95);
  -webkit-box-shadow: none;
  box-shadow: none;
  max-width: 100.3%;
}

.creator-goal .progress-bar-striped, .creator-goal .progress-striped .progress-bar,
.creator-pg-goal .progress-bar-striped, .creator-pg-goal .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(-45deg,rgba(211,96,30,.2) 25%,transparent 25%,transparent 50%,rgba(211,96,30,.2) 50%,rgba(211,96,30,.2) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(-45deg,rgba(211,96,30,.2) 25%,transparent 25%,transparent 50%,rgba(211,96,30,.2) 50%,rgba(211,96,30,.2) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(211,96,30,.2) 25%,transparent 25%,transparent 50%,rgba(211,96,30,.2) 50%,rgba(211,96,30,.2) 75%,transparent 75%,transparent);
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    border-radius: 3px;
    margin-left: -1px;
    margin-top: -1px;
}

.supporter-msg {
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
    padding: 10px;
    background-color: #e7e7e7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    transition:0.3s all linear;
    -moz-transition:0.3s all linear;
    -webkit-transition:0.3s all linear;
    -ms-transition:0.3s all linear;
    -o-transition:0.3s all linear;

    position: relative;
    margin-top: 15px;
}

.supporter-msg::after {
    border: 15px solid transparent;
    border-bottom-color: #e7e7e7;
    content: "";
    display: block;
    left: 35px;
    position: absolute;
    top: -27px;
    width: 0;
}

.creator-sub-head {
    border-bottom: 3px solid rgb(246, 134, 33);
    padding-bottom: 10px;
}

.b-r-25 {
  border-radius: 25px;
}

/* summernote */

.note-editing-area .note-placeholder {
  display: block;
}

.note-editing-area .note-editable {
  height: 155px;
}

.panel-default>.panel-heading {
  background-color: transparent;
  border-color: transparent;
}

.note-btn {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: transparent;
}

.note-btn:hover, .note-btn:active, .note-btn:focus, .note-btn.active {
  background-color: transparent !important;
  border-color: transparent !important;
}

.note-editor.note-frame {
  border: 1px solid transparent !important;
}

.note-editor.note-frame .note-editing-area .note-editable {
  font-family: 'Avenir Light', sans-serif;
  font-size: 16px;
}
.note-editor.note-frame .note-editing-area .note-editable b {
  font-family: 'Avenir Heavy', sans-serif;
}
.note-editor.note-frame .note-editing-area .note-editable p,
.note-editor.note-frame .note-editing-area .note-editable h4 {
  line-height: 23px !important;
}
@media(max-width:767px) {
  .note-editor.note-frame .note-editing-area .note-editable {
    height: 258px;
  }
}

@media (max-width:1199px) and (min-width:992px) {
  .note-editor.note-frame .note-editing-area .note-editable {
    height: 244px !important;
  }
}

@media(min-width:768px) {
  .note-editor.note-frame .note-editing-area .note-editable {
    height: 242px;
  }
}
#thankyou_msg .note-editor.note-frame .note-editing-area .note-editable {
  margin-bottom: 35px;
  height: 100px !important;
}


@media (min-width:1200px) {
  .note-editor.note-frame .note-editing-area .note-editable {
    height: 240px !important;
  }
}

.panel-default {
    border-color: transparent;
}

.note-editor.note-frame .note-statusbar {
  background-color: transparent !important;
}
.panel {
  margin-bottom: 0;
}

/* /...summernote */
.full-width-input .input-holder, .full-width-input .script-wrapper {
  width: 100% !important;
}
/* chart dashboard */

@media(min-width:992px) {
  .chart-wrapper {
    width: auto !important;
    max-width: 717px !important;
  }
}

@media(min-width:768px) {
  .chart-wrapper {
    border-radius: 4px;
  }
}

@media(max-width:767px) {
  .chart-wrapper {
    width: 100%;
    border-radius: 4px;
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .chart-title {
    margin-bottom: 18px !important;
  }
}

.chart-title {
  margin-bottom: 20px;
}

.chart-title .align-tab:last-child {
  margin-right: 0 !important;
}

.count-ht {
  height: 40px;
}

@media(max-width:767px) {
  .count-ht .p-l-30:first-child {
    padding-left: 0;
  }
}


@media(max-width:767px) {
  .easy-autocomplete-container, .easy-autocomplete input {
    width: 100% !important;
  }
}
.easy-autocomplete-container ul {
  background-color: #ffffff;
  border-top: 1px solid #E1E1E1 !important;
}
.easy-autocomplete-container ul li {
  background-color: #ffffff !important;
  color: #262626;
  font-family: 'Avenir Heavy',sans-serif;
  padding: 9px 25px !important;
}
.easy-autocomplete-container ul li:hover {
  background-color: #ff813f !important;
  color: #ffffff !important;
}
.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
  border-color: #E1E1E1 !important;
}

@media(min-width:1200px) {
  .easy-autocomplete-container {
    width: 466px;
    margin-left: -26px;
  }
  .easy-autocomplete-container ul li {
    padding: 9px 25px !important;
  }
}

@media(min-width:992px) and (max-width:1199px) {
  .easy-autocomplete-container {
    width: 370px;
    margin-left: -26px;
  }
  .easy-autocomplete-container ul li {
    padding: 9px 25px !important;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .easy-autocomplete-container {
    width: 280px;
    margin-left: -26px;
  }
  .easy-autocomplete-container ul li {
    padding: 9px 27px !important;
  }
}


.easy-autocomplete {
    width: auto !important;
}

.input-holder .tabs-wrapper {
  border-bottom: 1px solid transparent;
}

.align-tab:hover, .align-tab:active, .align-tab:focus {
    color: #000000;
    border-bottom: 3px solid rgb(246, 134, 33);
}

.tab-ac {
  color: #000000 !important;
  border-bottom: 3px solid rgb(246, 134, 33) !important;
}

@media(min-width:1200px) {
  .align-tab, .align-tab:active, .align-tab:focus {
      font-size: 14px !important;
      margin-right: 20px !important;
  }
}

.align-tab, .align-tab:active, .align-tab:focus {
  font-family: 'Avenir Heavy',sans-serif;
  font-size: 11px;
  color: #b0b0b0;
  transition:0.1s;
  -moz-transition:0.1s;
  -webkit-transition:0.1s;
  -ms-transition:0.1s;
  -o-transition:0.1s;
  padding: 0;
  margin-right: 12px;
  line-height: 30px;
  letter-spacing: .4px;
  text-decoration: none;
  border-bottom: 3px solid transparent;
}

@media(max-width:480px) {
  .align-tab, .align-tab:active, .align-tab:focus {
    margin-right: 6px !important;
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .w-ex-70 {
    width: 60%;
  }
  /* canvas {
    width: 566px !important;
    height: auto !important;
  } */
}

@media(min-width:1200px) {
  .w-ex-70 {
    width: 70%;
  }
  /* canvas {
    width: 698px !important;
    height: auto !important;
  } */
}

.head-table {
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (min-width:1200px) {
  .coffee-count p:first-child {
    font-size: 56px !important;
    line-height: 55px !important;
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .coffee-count p:first-child {
    font-size: 55px !important;
    line-height: 55px !important;
  }
  .coffee-count p {
    font-size: 15px !important;
  }
  .coffee-count {
    margin-top: 4px !important;
  }
}

.coffee-count p:first-child {
  color: #000000;
  font-family: 'Avenir Heavy', sans-serif;
  margin: 0;
}

@media(min-width:768px) {
  .coffee-count p:first-child {
    font-size: 55px;
    line-height: 54px;
  }
}

@media(max-width:767px) {
  .w-ex-70 {
    width: 63%;
  }
  .coffee-count p:first-child {
      font-size: 46px;
      /*font-size: 60px;*/
      line-height: 45px;
      margin-top: 24px;
  }
}

.coffee-count p {
  font-size: 17px;
  color: #807E9C;
  font-family: 'Avenir Light', sans-serif;
  margin: 0;
  text-align: center;
  line-height: 27px;
}

.coffee-count {
  margin-top: 20px;
}
@media(max-width:767px) {
  .coffee-count {
    margin-top: 0;
  }
}
.h-308 {
  height: 308px;
}
/* /....chart details trial */
.script-wrapper.webhook-v1 {
  font-family: 'Avenir Roman', monospace;
  font-size: 16px;
  letter-spacing: 0.46px;
  padding: 20px;
  background-image: linear-gradient(-44deg, #131B4C 0%, #23395D 100%);
  -webkit-box-shadow:  0 1px 2px 0 rgba(0,0,0,0.00), 0 2px 5px 0 rgba(49,49,93,0.10), 0 0 0 0 rgba(82,95,127,0.03);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.00), 0 2px 5px 0 rgba(49,49,93,0.10), 0 0 0 0 rgba(82,95,127,0.03);
  border-radius: 4px;
  margin: 0 auto;
}
.coffeewall_edit .script-wrapper {
  margin-left: 0;
  margin-right: 0;
}
.white-clr {
  color:#ffffff;
  word-wrap: break-word;
}

.yellow-clr {
  color:#D7DB74;
  word-wrap: break-word;
}

.script-clr {
  color:#F92672;
  word-wrap: break-word;
}

.src-clr {
  color:#A6E22E;
  word-wrap: break-word;
}

.logo-copy {
  margin-top: 35px;
  padding-left: 30px;
}

.widget-img {
  margin-left: -30px;
}

/* creator page new */

.ctr-80-img-round {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.ctr-30-img-round {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.ctr-60-img-round {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.ctr-35-img-round {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.ctr-pg-head {
  font-family: 'Avenir Heavy',sans-serif;
  line-height: 44px;
  font-size: 32px;
  letter-spacing: 0.8px;
  color: #000000;
  margin-bottom: 0;
}

.ctr-occ {
  font-family: 'Avenir Light',sans-serif;
    line-height: 28px;
    font-size: 20px;
    color: #807E9C;
    letter-spacing: 0.5px;
}

.ctr-occ a {
  margin-left: 10px;
}

.ctr-occ img {
  /*margin-left: 10px;*/
  margin-bottom: 5px;
  border-radius: 3px;
}

.fa-link, .delete-card:hover {
  color: #FF813F;
}

.fa-link-b {
  font-size: 17px !important;
}

.highlight-text {
  color: #6D6A8A;
  /* color: #FF813F; */
}

.ctr-pg-feature-img {
  border-radius: 3px;
}

.m-0 {
  margin: 0;
}

.m-lr-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.p-0 {
  padding: 0;
}

.p-l-20-0 {
  padding-left: 20px;
  padding-right: 0;
}
@media(max-width:480px) {
  .no-of-coffee {
    /*display: block !important;
    text-align: center;*/
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  /* .no-of-coffee img {
    width: 40px !important;
  } */
  /* .ctr-pg-head {
    font-size: 27px !important;
  } */
}

.no-of-coffee {
  font-family: 'Avenir Roman',sans-serif;
  line-height: normal;
  font-size: 13px;
  /*-webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;*/

  color: rgba(128,126,156,0.3);

  padding-left: 20px;
  padding-top: 26px;
  padding-bottom: 30px;
  padding-right: 25px;
  margin-top: 40px;

  background: #FFFCFA;
  border: 1px solid rgba(255, 129, 63, 0.264776);

  /*display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;     */
}

@media(max-width:767px) {
  .p-l-20-0 {
    padding-left: 0 !important;
  }
}

@media(min-width:1200px) {
  .ctr-detail {
    margin-left: 75px;
    margin-top: 0 !important;
  }
}

.ctr-detail .form-control {
  background: #FFFFFF;
  border: 1px solid #E1E1E1;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*#anonymous_name {
  height: 47px;
}*/
.update-light-note {
  font-family: 'Avenir Roman',sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 11px;
  color: #807E9C;
}
.upd-locked-date {
  right: 0 !important;
  top: 0 !important;
  padding-top: 0 !important;
}
#update-filter {
  margin-top: -35px;
}

/** Creator page placeholder **/

.ctr-ph::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-size: 14px;
    color: #333333 !important;
    font-family: 'Avenir Light', sans-serif !important;
    opacity: 0.3 !important;
  }
.ctr-ph::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-size: 14px;
  color: #333333 !important;
  font-family: 'Avenir Light', sans-serif !important;
  opacity: 0.3 !important;
}
.ctr-ph::-ms-input-placeholder { /* Mozilla Firefox 19+ */
  font-size: 14px;
  color: #333333 !important;
  font-family: 'Avenir Light', sans-serif !important;
  opacity: 0.3 !important;
}
.ctr-ph::-webkit-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 14px;
  color: #333333 !important;
  font-family: 'Avenir Light', sans-serif !important;
  opacity: 0.3 !important;
}
.ctr-ph::-webkit-input-placeholder { /* Microsoft Edge */
  font-size: 14px;
  color: #333333 !important;
  font-family: 'Avenir Light', sans-serif !important;
  opacity: 0.3 !important;
}

.dash-ph::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  font-size: 14px;
  color: #333333 !important;
  font-family: 'Avenir Light', sans-serif !important;
  opacity: 0.3 !important;
}
.dash-ph::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-size: 14px;
  color: #333333 !important;
  font-family: 'Avenir Light', sans-serif !important;
  opacity: 0.3 !important;
}
.dash-ph::-ms-input-placeholder { /* Mozilla Firefox 19+ */
  font-size: 14px;
  color: #333333 !important;
  font-family: 'Avenir Light', sans-serif !important;
  opacity: 0.3 !important;
}
.dash-ph::-webkit-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 14px;
  color: #333333 !important;
  font-family: 'Avenir Light', sans-serif !important;
  opacity: 0.3 !important;
}
.dash-ph::-webkit-input-placeholder { /* Microsoft Edge */
  font-size: 14px;
  color: #333333 !important;
  font-family: 'Avenir Light', sans-serif !important;
  opacity: 0.3 !important;
}


.ctr-update-wrapper {
  background: #FFFFFF;
  border: 1px solid #E1E1E1;
  box-sizing: border-box;
  border-radius: 3px;
  /*padding: 20px;*/
  padding: 25px 20px;
}

.update-text {
  font-family: 'Avenir Roman', sans-serif !important;
  line-height: 26px;
  font-size: 17px;
  padding-left: 15px;
  text-align: left;
  margin-bottom: 0;
  color: #262626;
}

.show_on_click {
  padding-left: 15px;
  /* margin-bottom: 20px; */
  /*margin-top: 20px;*/
}

@media(min-width:992px) {
  .update-text {
    padding-left: 5px !important;
  }
  .show_on_click {
    /* padding-left: 5px !important; */
  }
}

.update-text a,
.advice-content a,
.upd-msg a,
.connect-text a {
  /*color: #262626 !important;*/
  transition:0.3s all linear;
  -moz-transition:0.3s all linear;
  -webkit-transition:0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition:0.3s all linear;
  color: #FF813F;
}
.advice-content a:hover, .advice-content a:active, .advice-content a:focus,
.connect-text a:hover, .connect-text a:active, .connect-text a:focus {
  color: #807E9C !important;
}
.update-text a:hover, .update-text a:active, .update-text a:focus {
  color: #262626 !important;
}
.upd-msg a:hover, .upd-msg a:active, .upd-msg a:focus {
  color: #000000 !important;
}

.update-date {
    height: auto;
    line-height: normal;
    margin-left: auto;
}

@media(min-width:768px) {
  .update-text-w-msg {
      display: table-cell;
      vertical-align: middle;
      height: 60px;
      padding-left: 15px;
  }
}

@media(max-width:767px) {
  .show_on_click {
    margin-top: 20px;
    padding-left: 0 !important;
  }
  .update-text {
    padding-left: 0 !important;
  }
}

@media(max-width:640px) {
  .updates-w {
    width: auto !important;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
}

@media(max-width:767px) {
  .updates-w {
      width: 500px;
      margin: 0 auto;
  }
}

@media(min-width:768px) {
  .updates-w {
      width: 630px;
      margin: 0 auto;
  }
}

@media(min-width:992px) {
  .updates-w {
      width: 760px !important;
  }
  .step-gif {
    width: auto !important;
  }
}

.profile-update p {
    font-family: 'Avenir Heavy', sans-serif !important;
    font-size: 17px;
    color: #000000;
    letter-spacing: 0.2px;
    height: 60px;
    line-height: 60px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media(max-width:480px) {
  .profile-update p {
    /*font-size: 15px !important;
     margin-left: -5px;
    line-height: 45px;
    height: 45px;*/
  }
}

.step-gif {
  width: 100%;
}

.step-num {
    font-family: 'Avenir Heavy',sans-serif;
    font-size: 20px;
    color: #363d4d;
    letter-spacing: 0;
    margin-bottom: 13px;
}
.coffee-count-wid {
    padding: 20px 15px !important;
}
.step-text {
  font-family: 'Avenir Light',sans-serif;
  font-size: 16px;
  color: #363d4d;
  letter-spacing: 0;
  margin-bottom: 18px;
  line-height: 28px;
}
.step-text a:hover {
  color: #363d4d !important;
}
.f-w-bold{
  /*font-weight: 600 !important;*/
  font-family: 'Avenir Heavy',sans-serif;
}
.coffee-bold {
  font-family: 'Avenir Black Oblique',sans-serif;
}
.story {
  font-family: 'Avenir Light',sans-serif;
  line-height: 30px;
  font-size: 17px;
  word-wrap: break-word;
  text-align: center;
  color: #807E9C;
}

.story h1, .story h2 {
  color: #010101;
  margin-bottom: 15px;
  margin-top: 55px;
  line-height: 40px;
}

.story h1:nth-child(1), .story h2:nth-child(1) {
  margin-top: 0;
}

.story h4 {
  /*font-weight: 300;*/
  line-height: 30px;
}

.story b {
  /*font-weight: 600;*/
  font-family: 'Avenir Heavy',sans-serif !important;
}

.story ul {
  /*text-align: center;
  list-style: inside;*/
  display: inline-block;
  text-align: left;
}

.supp-note {
  background-color: #ffffff;
  /*background-color: transparent;*/
}

.msg-short p {
  padding-right: 30px !important;
}

.msg-wrapper {
  background: #ffffff;
  border-radius: 3px;
  padding: 0 10px 0 0;
  position: relative;
  width: 100%;
}

@media(max-width:767px){
  .msg-wrapper {
    margin-top: 20px;
    padding: 0 0 10px !important;
  }
  .img-list {
    margin-left: 0 !important;
  }
}

.msg-wrapper p {
  font-family: 'Nunito',sans-serif;
  font-style: normal;
  /*font-weight: 700;*/
  font-weight: 500;
  line-height: normal;
  font-size: 15px;
  margin: 0;
  color: #000000;
  /*color: #FFFFFF;*/
}

@media(min-width:768px) {
  .no-img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.upd-msg {
  font-family: 'Avenir Roman',sans-serif;
  line-height: 24px;
  font-size: 15px;
  margin: 0;
  color: #000000;
  word-break: break-word;
}

@media(min-width:768px) {
  .imgless-upd {
    margin-left: 80px;
    margin-top: -35px;
    margin-right: 25px;
  }
}

.post-up {
  border: 1px solid #E1E1E1;
  transition:0.3s all linear;
  -moz-transition:0.3s all linear;
  -webkit-transition:0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition:0.3s all linear;
}

.creator-wrapper .ctr-update-wrapper {
  background: #ffffff !important;
    /*background: rgba(255,255,255,0.10) !important;*/
    border: 0 solid #E1E1E1 !important;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2) !important;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2) !important;
    border-radius: 4px !important;
}

.locked-upd {
  background-image: -webkit-linear-gradient(-6deg, #ff5858 0%, #f09819 100%);
  background-image: -o-linear-gradient(-6deg, #ff5858 0%, #f09819 100%);
  background-image: linear-gradient(-6deg, #ff5858 0%, #f09819 100%);
  border-radius: 3px;
  text-align: center;
  padding: 20px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2) !important;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.2) !important;
}
.locked-upd:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  opacity: .6;
}
.fund-val {
  color: #010101;
  font-family: 'Avenir Heavy',sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-size: 30px;
  padding-right: 5px;
  margin-top: 2px;
}

.fund-type {
  font-family: 'Avenir Light',sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 13px;
  font-size: 13px;
  padding-top: 3px;
  margin-top: 3px;
  color: #6D6A8A;
  margin-bottom: 0;
}

.p-graph .fund-type {
  margin-top: 12px !important;
}

.fund-status div .fund-type:nth-child(2) {
  margin-top: -2px;
}

@media(min-width:768px) {
  .ctr-name {
    margin-left: -20px;
    padding-left: 0;
  }
}

@media(min-width:992px) {
  .ctr-name {
    margin-left: -40px;
  }
}

@media(min-width:1200px) {
  .ctr-name {
    padding-left: 20px !important;
    margin-left: 0 !important;
  }
}

.x-class {
  padding-left: 14px;
  padding-right: 14px;
  /*padding-top: 18px;*/
}
/* .no-of-coffee img {
  width: 55px;
  border-radius: 50%;
} */
@media(max-width:480px) {
  .x-class {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
.related-head {
  opacity: 0.28;
  font-family: 'Avenir Roman',sans-serif;
  font-size: 14px;
  color: #000000;
  letter-spacing: 0.5px;
}
.related-article a {
  font-family: 'Avenir Roman',sans-serif;
  font-size: 20px;
  color: #0E0E0E;
  text-align: left;
}
.related-wrapper svg {
  margin-left: 10px;
  padding-top: 5px;
}
.coffee-def {
  width: 55px;
  height: 47px;
  margin-right: 5px;
  padding: 10px;
  text-align: center;
  letter-spacing: 1px;
  font-family: 'Avenir Light',sans-serif;
  line-height: normal;
  font-size: 14px;
  border: 1px solid #E1E1E1;
  color: #333333;
  transition: 0.3s all linear;
}

.coffee-def:focus {
  outline: 0;
  border: 1px solid rgba(255, 129, 63, 0.264776);
}
.c-apply-input:focus {
  outline: 0;
  border: 1px dashed #FF813F;
}
@media(max-width:480px) {
  .coffee-def {
      width: 36px;
      height: 35px;
  }
}

@media(min-width:992px) {
  .comment-wrapper {
    padding: 6px 7px !important;
    margin-left: 5px !important;
  }
}

.comment-wrapper {
  box-sizing: border-box;
  border-radius: 3px;
  padding: 6px 17px;
  width: auto !important;
  margin-left: 15px;
  margin-bottom: 10px;
  /*margin-bottom: 7px;*/
  /*background: #F9FBFD;*/
  background: #ffffff;
  border: 1px solid #E1E1E1;
}

/*@media(min-width:992px) {
.comment-wrapper {
  margin-left: 5px !important;
}
}*/

@media(max-width:767px) {
  .comment-wrapper {
    padding: 6px 11px !important;
    margin-left: 0 !important;
  }
}

.comment-wrapper p {
  font-family: 'Avenir Roman',sans-serif;
  line-height: 28px;
  font-size: 15px;
  margin: 0;
  color: #807E9C;
  word-break: break-word;
}
.reply-trash {
  font-size: 17px !important;
  padding-left: 10px;
  color: #939495;
  padding-top: 9px;
  transition:0.3s all linear;
  -moz-transition:0.3s all linear;
  -webkit-transition:0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition:0.3s all linear;
}
.reply-trash:hover {
  color: #FF813F;
}
.signup-pay {
  margin-top: 34px;
  float: left;
}

@media(max-width:767px) {
  .updates-w textarea {
    margin-left: 0 !important;
  }
  .input-hint {
    margin-bottom: 20px !important;
  }
}

.updates-w textarea {
  margin-left: 20px;
}

.why-box {
  float: none;
  display: inline-block;
  text-align: left;
}

.takeout,
.takeout:hover,
.takeout:active:hover,
.takeout:focus:hover,
.takeout:active,
.takeout:focus {
  margin-top: -28px;
}
 @media(max-width:480px) {
.takeout {
    float: none !important;
    margin-top: 10px;
}
}

.choose-img-text {
  margin-top: 38px !important;
  padding: 10px 3px;
  background: #ffffff;
  border: 1px solid #FF813F;
  position: relative;
  color: #FF813F;
  border-radius: 2px;
  text-align: center;
  float: none;
  cursor: pointer;
  font-weight: 300;
  width: 170px;
  transition:0.3s all linear;
  -moz-transition:0.3s all linear;
  -webkit-transition:0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition:0.3s all linear;
  font-size: 13px;
  font-family: 'Nunito',sans-serif;
  height: 40px;
  margin: 0 auto;
}

.choose-img-text:hover, .choose-img-text:active, .choose-img-text:focus  {
  background: #FF813F;
  border: 1px solid #FF813F;
  color: #fff;
}

#featured-sel {
    height: 40px;
    position: absolute;
    bottom: 0;
    border-radius: 2px;
    width: 40px;
}
@media(min-width:1200px) {
  #featured-sel {
    right: 80px !important;
  }
}
@media (max-width:1199px) and (min-width:992px) {
  #featured-sel {
    right: 35px !important;
  }
}
@media(max-width:767px) {
  #featured-sel {
    right: -5px;
    bottom: 5px;
    height: 25px !important;
    width: 25px !important;
  }
}
/*.file-name {
  display: none;
  text-align: center;
  padding-top: 10px;
}*/

@media (max-width:991px) and (min-width:768px) {
  #featured-sel {
    right: -5px !important;
  }
  .input-hint {
    font-size: 12px !important;
  }
  .choose-img-text {
    margin-top: 66px !important;
  }
  .coffee-logo {
      margin-left: 5px !important;
  }
}

@media (max-width:1199px) and (min-width:992px) {
  .input-hint {
    padding-top: 0 !important;
    font-size: 12px !important;
  }
  .spread-style {
    padding-left: 10px;
  }
  .align-tab, .align-tab:active, .align-tab:focus {
    margin-right: 12px !important;
  }
}

.input-hint {
    font-size: 13px;
    font-family: 'Avenir Roman', sans-serif;
    color: #505050;
    font-weight: 300;
    padding-left: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
}

.coffee-logo {
    width: 18px;
    margin-bottom: 2px;
    margin-left: 35px;
}

.hide-text {
    position: absolute;
    z-index: 1000;
    opacity: 0;
    cursor: pointer;
    top: 0;
    height: 100%;
    font-size: 24px;
    width: 164.5px;
}

.bmc-link {
  word-break: break-word;
}

@media(max-width:330px) {
  .bmc-link {
    font-size: 19px !important;
  }
}

@media(max-width:480px) {
  .alert-data p {
    padding-left: 3px !important;
  }
  .bmc-link {
    font-size: 21px !important;
  }
  .terms-wrapper {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media(max-width:767px) {
  .alert-data p {
    padding-left: 23px;
  }
  .bmc-link {
    font-size: 35px;
  }
  .choose-img-text {
    margin-top: 10px !important;
  }
  .terms-wrapper {
    width: auto;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    margin: 0 auto;
    margin-top: 50px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .prof-img-select {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: auto!important;
    top: 15px;
  }
  .change-image-wrapper{
    margin-left: 45px!important;
  }
  .second-col-m-t {
    margin-top: 0;
    margin-left: 0;
  }
}

@media(min-width:768px) {
  .alert-data p {
    padding-left: 50px;
  }
  .terms-wrapper {
    width:700px;
    padding-left:70px;
    padding-right:70px;
    padding-top: 50px;
    padding-bottom: 50px;
    margin:0 auto;
    margin-top: 50px;
  }
  .second-col-m-t {
    margin-top: 152px;
  }
}

.Checkout.is-desktop .Button {
  color: #fff !important;
  background-color: #FF813F !important;
}

@media(min-width:992px) {
  .terms-wrapper {
    width:800px !important;
  }
  .prof-img-select {
    position: absolute;
    top: 22px;
    left: 0;
    width: 100%!important;
  }
  .change-image-wrapper{
    margin-left: 45px!important;
  }
}

.t-area {
  height: auto;
  height: 165px;
}

.r-m-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media(min-width:1200px) {
  .prof-img-select {
    width: 50%!important;
    right: 308px !important;
    left: unset!important;
  }
  .change-image-wrapper{
    margin-left: 10px!important;
  }
}

.type-body {
  font-size: 16px;
  line-height: 24px;
  font-family: 'Open Sans',sans-serif;
  font-weight: 300;
  color: #505050;
}
.feature-img-wrapper img {
  /* height: 100%;
  width: 100%;
  object-fit: cover;
  margin: 0 auto;
  border-radius: 2px 2px 0px 0px; */
  margin: 0 auto;
  border-radius: 3px;
}
.feature-img-wrapper .f-content-size {
  border-radius: 3px;
}
.ex-f-content-size {
  height: 100%;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.fb-link {
  margin-top: 1px;
}
.fb-link img {
  width: 15px
}
.fb-link-s, .behance-link, .tumblr-link-s, .dribble-link-s, .medium-link-s, .twitch-link-s, .art-link-s {
  margin-top: -2px;
}
.fb-link-s img {
  width: 12px;
}
.behance-link img {
  width: 18px;
}
.behance-link-s {
  margin-top: -4px;
}
.behance-link-s img {
  width: 15px;
}
.insta-link {
  width: 8%;
  margin-bottom: 6px;
  margin-left: 2px;
}
.tumblr-link, .dribble-link, .dev-link-s, .twitter-link-s, .fur-link-s {
  margin-top: -3px;
}
.tumblr-link img {
  width: 22px;
}
.tumblr-link-s img {
  width: 17px;
}
.twitter-link img, .twitter-link-s img {
  width: 15px;
}
.t-style {
  width: 24px;
  margin-bottom: 5px !important;
  margin-left: -4px !important;
}
.dev-style {
  width: 13px;
  margin-top: -8px;
  margin-bottom: 0 !important;
}
.artstation-style {
  width: 20px;
  margin-top: -6px;
  margin-bottom: 0 !important;
}
.youtube-style {
  width: 23px;
  margin-top: -3px;
  margin-bottom: 0 !important;
}
.twitch-style {
  width: 16px;
  margin-top: -6px;
  margin-bottom: 0 !important;
}
.wix-style {
  width: 20px;
  margin-top: -3px;
}
.blog-style {
  width: 21px;
  margin-top: -2px;
  margin-left: -1px;
}
.medium-style {
  width: 21px;
  margin-top: -1px;
}
.b-rad-3 {
  border-radius: 3px;
}
.dribble-cr {
  width: 25px;
  margin-left: -2px !important;
}
.dribble-link img {
  width: 22px;
}
.dribble-link-s img {
  width: 18px;
}
.dev-link img {
  width: 9px;
  margin-left: 3px;
}
.dev-link-s img {
  width: 8px;
}
.art-link img {
    width: 17px;
    margin-left: 2px;
}
.art-link-s img {
  width: 13px;
}
.fur-link img {
  width: 17px;
  margin-left: 2px;
  margin-top: -1.5px;
}
.fur-link-s img {
  width: 13px;
}
.yt-link img {
  width: 20px;
  margin-left: 2px;
  margin-top: -1.5px;
}
.yt-link-s {
  margin-top: -1px;
}
.yt-link-s img {
  width: 18px;
}
.twitch-link img {
  width: 13px;
  margin-left: 2px;
  margin-top: 1px;
}
.twitch-link-s img {
  width: 10px;
}
.wix-link img {
  width: 15px;
  margin-left: 2px;
  margin-top: 0;
}
.wix-link-s {
  margin-top: -4px;
}
.wix-link-s img {
  width: 15px;
}
.medium-link img {
  width: 15px;
  margin-left: 2px;
  margin-top: 1px;
}
.medium-link-s img {
  width: 14px;
}
.b-shadow {
  -webkit-box-shadow: 0 1px 2px rgba(190, 190, 190, 0.5);
  box-shadow: 0 1px 2px rgba(190, 190, 190, 0.5);
  background-color: #ffffff;
}

.n-b-shadow {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.h-auto {
  height: auto !important;
}

.dash-head {
  -webkit-box-shadow:  0 1px 2px rgba(190, 190, 190, 0.5);
  box-shadow: 0 1px 2px rgba(190, 190, 190, 0.5);
}

@media(min-width:1200px) {
  .w-overview {
    width:371px !important;
    height: 489px !important;
  }
  .feature-img-wrapper {
    /* width: 669.5px;
    height: 250px;
    margin: 0 auto; */
    width: 652.5px;
    height: 300px;
    margin: 0 auto;
  }
  .feature-img-wrapper .f-content-size {
    width: 652.5px;
    height: 300px;
  }
  .m-t-buy {
    margin-top: -45px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .feature-img-wrapper {
    /* height: 250px; */
    height: 300px;
    margin: 0 auto;
  }
  .feature-img-wrapper .f-content-size {
    height: 300px;
  }
  .ctr-detail {
    margin-top: 50px;
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .w-overview {
    width: 302px !important;
    height: 400px !important;
  }
  .feature-img-wrapper {
    width: 100%;
    margin: 0 auto;
    /* height: 250px; */
    height: 300px;
  }
  .feature-img-wrapper .f-content-size {
    height: 300px;
  }
  .m-t-buy {
    padding-left: 20px !important;
    margin-top: -17px !important;
  }
  .small-text {
    font-size: 10px !important;
  }
  .def-featured-img {
    height: 270px;
  }
}

@media(min-width:768px) {
  .w-overview {
    width: 235px;
    height: 400px;
  }
  .feature-img-wrapper img {
    height: 100%;
  }
}

@media(max-width:767px) {
  .w-overview {
    width: auto;
    height: 285px;
  }
  .feature-img-wrapper .f-content-size {
    /* height: 250px; */
    height: 300px;
  }
}

/* explore slider S */

.slick-list {
  height: 380px;
}
.updates-w .slick-list {
  height: 280px !important;
}
.slick-dots {
  text-align: center;
  margin: 30px 0 10px;
  padding: 0;
}
.slick-dots li {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
.slick-dots li.slick-active button {
  background-color: #807E9C;
  opacity: 1;
}
.slick-dots li.slick-active button:active, .slick-dots li.slick-active button:focus {
  outline: 0;
}
.slick-dots li button {
  text-shadow: none;
  color: transparent;
  background-color: #807E9C;
  border: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  opacity: 0.1;
  padding: 0;
}
.slick-dots li :hover {
  background-color: black;
}

@media(min-width:768px) {
  .ex-creator-card:nth-child(1) {
    margin-left: 5px;
  }
}

.ex-creator-card {
  transition:0.3s all linear;
  -moz-transition:0.3s all linear;
  -webkit-transition:0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition:0.3s all linear;
  margin-top: 10px !important;
  border: 1px solid rgba(225, 225, 225, 0.5);
}

.ex-creator-card:hover,
.reward-tile:hover {
  -webkit-box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
  box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
}

@media(max-width:480px) {
  .ex-creator-card {
    width: 290px !important;
  }
  .dummy-wrapper .dummy-card {
    width: 290px !important;
  }
}

@media(max-width:767px) {
  .ex-creator-card {
    background: #FFFFFF;
    /*border: 1px solid rgba(225, 225, 225, 0.5);*/
    box-sizing: border-box;
    border-radius: 3px;
    width:350px;
    /*height:328px;*/
    height:356px;
    position: relative;
    margin: 0 auto;
  }
  .ex-creator-card .w-50 {
    width:50%;
  }
  .dummy-wrapper .dummy-card {
    width: 348px;
    height: 354px;
    margin: 0 auto !important;
  }
  .dummy-wrapper .dummy-card:nth-child(1),
  .dummy-wrapper .dummy-card:nth-child(2) {
    display: none;
  }
}

@media(min-width:768px) {
  .ex-creator-card {
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 3px;
    width:350px;
    /*height:328px;*/
    height: 356px;
    position: relative;
  }
  .dummy-wrapper .dummy-card {
    width: 348px;
    height: 356px;
  }
  .dummy-wrapper .dummy-card:nth-child(1) {
    margin-right: 12px;
  }
  .ex-creator-card .w-50 {
    width:45%;
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .ex-creator-card {
    width:300px !important;
    /*height:328px;*/
    height: 356px;
  }
  .dummy-wrapper .dummy-card {
    width: 300px !important;
    height: 356px;
  }
  .dummy-wrapper .dummy-card:nth-child(2) {
    margin-right: 14px;
  }
  .ex-creator-card .w-50 {
    width:44%;
  }
}

@media(min-width:1200px) {
  .ex-creator-card {
    width:365px !important;
    /*height:328px;*/
    height: 356px;
  }
  .dummy-wrapper .dummy-card {
    width: 365px;
    height: 356px;
  }
  .dummy-wrapper .dummy-card:nth-child(2) {
    margin-right: 17px;
  }
  .ex-creator-card .w-50 {
    width:50% !important;
  }
}

.dummy {
  background-color: #e9ebed;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(190,190,190,0.50);
  box-shadow: 0 1px 2px 0 rgba(190,190,190,0.50);
}

.dummy-wrapper .dummy-card {
  margin-top: 10px;
}

.dummy-wrapper .dummy-card:nth-child(1) {
  margin-right: 14px;
  margin-left: 6px;
}
.dummy-reward-wrapper {
  height: 230px;
  justify-content: center;
}
.dummy-reward-tile {
  background-color: #e9ebed;
}
.featured-photo {
  height: 122px;
  /*height: 130px;*/
  overflow-y: hidden;
}
.featured-photo img {
  width: 100%;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.profile-photo {
  /*position: absolute;*/
  float: left; /* new */
  width: 60px;
  height: 60px;
  margin-left: 30px;
  /*top:90px;*/
  /*left: 30px;*/
  border-radius: 50%;
}
.name-adj {
  padding-top: 5px;
  padding-left: 13px;
}
.back-img-center {
  background-size: cover !important;
  -webkit-background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat;
}
.ex-creator-name {
  font-family: 'Avenir Heavy',sans-serif;
  line-height: 28px;
  font-size: 20px;
  margin-bottom: 5px;
  /*margin-bottom: 4px;*/
  color: #010101;
}
.ex-text {
  font-family: 'Avenir Light',sans-serif;
  line-height: 19px;
  font-size: 14px;
  margin-bottom: 0;
  color: #807E9C;
}

@media (min-width:768px) and (max-width:1199px) {
  .int-m-t-10 {
    margin-top: 10px;
  }
  .ex-creator-tile .ex-coffee {
    width:111px;
    height:59px;
    padding: 7px 6px;
  }
  .ex-coffee {
    width: 111px;
    height: 60px;
    padding: 7px 6px !important;
  }
   .ex-coffee .ex-coffee-amt {
    font-size: 17px;
  }
   .ex-coffee .ex-sub-text {
    font-size: 11px;
  }
  .update-share .dropdown-menu, .ctr-update-wrapper .update-actions .dropdown-menu {
    right: 0;
    left: auto !important;
  }
}

@media (max-width:767px) {
  .ex-creator-tile .ex-coffee {
    width:111px;
    height:59px;
    padding: 7px 6px;
  }
  .ex-coffee {
    width: 111px;
    height: 60px;
    padding: 7px 6px !important;
  }
   .ex-coffee .ex-coffee-amt {
    font-size: 17px;
  }
   .ex-coffee .ex-sub-text {
    font-size: 11px;
  }
  .w-random {
    width: 180px;
  }
}

@media(max-width:480px) {
  .ex-coffee {
    margin-right: 20px !important;
  }
  .ex-coffee .ex-sub-text {
    font-size: 10px !important;
  }
}

.ex-text-s {
  padding-top: 1px;
}

.ex-m-27 {
  margin-top: 27px !important;
}

.ex-m-t {
  /*margin-top: 48px;*/
      margin-top: 32px;
}

.ex-coffee {
  background: #FFFFFF;
  border: 1px solid rgba(225, 225, 225, 0.5);
  box-sizing: border-box;
  border-radius: 3px;
  padding: 7px 15px;
  margin-right: 30px;
  /*margin-bottom: 23px;*/
}
.ex-coffee img {
  margin-right: 11px;
}
.ex-coffee-amt {
  font-family: 'Avenir Heavy',sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  font-size: 20px;
  letter-spacing: 0.5px;
  color: #010101;
  margin-bottom: 0;
}
.ex-sub-text {
  font-family: 'Avenir Light',sans-serif;
  line-height: normal;
  font-size: 12px;
  margin-bottom: 0;
  color: #807E9C;
}
/* Custom Arrow */
.ex-slider .prev {
  color: #999;
  position: absolute;
  top: 38%;
  left: -2em;
  font-size: 1.5em;
}
.ex-slider .prev :hover {
  cursor: pointer;
  color: black;
}

.ex-slider .next {
  color: #999;
  position: absolute;
  top: 38%;
  right: -2em;
  font-size: 1.5em;
}
.ex-slider .next :hover {
  cursor: pointer;
  color: black;
}

@media screen and (max-width: 800px) {
  .next {
    display: none !important;
  }
}


/* explore slider E */

@media(max-width:480px) {
  .ex-creator-tile {
    width: 290px !important;
    /*width: 270px !important;*/
  }
  .search-w .form-group {
    width: 290px !important;
    margin: 0 auto !important;
    float: none !important;
  }
}

@media(max-width:767px) {
.ex-creator-tile {
  width: 385px;
  height: 167px;
  background: #FFFFFF;
  border: 1px solid rgba(225, 225, 225, 0.5);
  box-sizing: border-box;
  border-radius: 3px;
  margin-top: 20px !important;
  margin: 0 auto;
}
}

@media(min-width:768px) {
.ex-creator-tile {
  width: 335px;
  height: 167px;
  background: #FFFFFF;
  border: 1px solid rgba(225, 225, 225, 0.5);
  box-sizing: border-box;
  border-radius: 3px;
  margin-bottom: 20px;
}
}

@media(min-width:992px) {
.ex-creator-tile {
  width: 290px;
  height: 167px;
}
}

@media(min-width:1200px) {
.ex-creator-tile {
  width: 350px !important;
  height: 167px;
}
}

@media(min-width:1200px) {
.w-random {
  width: 126px !important;
  overflow-x: hidden;
}
}

@media(min-width:768px) {
.w-random {
  width: 135px;
}
}

@media (max-width:1199px) and (min-width:992px) {
.w-random {
  width: 90px;
}
}

@media(max-width:480px) {
.w-random {
  width: 130px !important;
}
}

.ex-creator-tile {
    position: relative;
    transition:0.3s all linear;
    -moz-transition:0.3s all linear;
    -webkit-transition:0.3s all linear;
    -ms-transition:0.3s all linear;
    -o-transition:0.3s all linear;
}

.ex-creator-tile:hover {
  -webkit-box-shadow:  0 0 20px 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
  box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
}

/*@media(min-width:992px) {
.random-tile #filter-result .tile-each:nth-child(2n) .ex-creator-tile {
  margin-left: -5px;
}
}*/

/*.random-tile #filter-result .tile-each:nth-child(1) .ex-creator-tile, .random-tile #filter-result .tile-each:nth-child(2) .ex-creator-tile {
  margin-top:0;
}*/

@media(min-width:1200px) {
.random-tile #filter-result .tile-each:nth-child(1) .creator-card,
.random-tile #filter-result .tile-each:nth-child(2) .creator-card,
.random-tile #filter-result .tile-each:nth-child(3) .creator-card {
  margin-top:0;
}
}

@media (max-width:1199px) and (min-width:992px) {
  .random-tile #filter-result .tile-each:nth-child(1) .creator-card,
  .random-tile #filter-result .tile-each:nth-child(2) .creator-card {
    margin-top:0;
  }
}

.profile-photo-tile {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

@media(max-width:767px) {
.ex-second {
  margin-top: 10px !important;
}
.random-tile {
  padding-right: 0 !important;
}
}

@media(min-width:768px) {
  .ex-second {
    margin-top: 10px;
  }
  .random-tile #filter-result .tile-each:nth-child(2n) .ex-creator-tile {
    float: right;
  }
  .cat-pg .ex-second {
    margin-top: 70px;
  }
}

@media(min-width:992px) {
  .ex-second {
    margin-top: 80px !important;
  }

.ex-second .col-sm-12:nth-child(2){
  margin-top: -68px;
}
}

.ex-creator-name-s {
  font-family: 'Avenir Roman',sans-serif;
  line-height: 25px;
  font-size: 16px;
  margin-bottom: 0;
  color: #010101;
  margin-top: -4px;
}

.ex-text-s {
  font-family: 'Avenir Roman',sans-serif;
  line-height: 17px;
  font-size: 12px;
  margin-bottom: 0;
  color: #807E9C;
  letter-spacing: 0.3px;
}

@media(max-width:480px) {
.ex-category {
  height: 60px !important;
}
.ex-category p {
  padding-top: 21px;
  line-height: normal !important;
}
.cat-img {
  margin-right: 10px !important;
}
.cat-img, .podcast-img {
  margin-top: 13px !important;
  margin-left: 25px !important;
  width: 30px !important;
  height: 30px !important;
}
.home-pg-cat-img {
  margin-right: 10px !important;
}
.podcast-img {
  margin-right: 11px !important;
}
/*.lg-cat {
  padding-top: 18px !important;
}*/
}

.ex-category {
  background: #FFFFFF;
  border: 1px solid rgba(225, 225, 225, 0.5);
  /*-webkit-box-shadow : 0 1px 10px 0 rgba(0,0,0,0.13);
  box-shadow: 0 1px 10px 0 rgba(0,0,0,0.13);*/
  box-sizing: border-box;
  border-radius: 3px;
  width: auto;
  /*width: 371px;*/
  height: 60px;
  margin: 0 auto;
  transition:0.3s all linear;
  -moz-transition:0.3s all linear;
  -webkit-transition:0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition:0.3s all linear;
}

@media (max-width:1199px) and (min-width:992px) {
.ex-category {
  width: auto !important;
  /*width: auto290px !important;*/
}
}

@media(min-width:1200px) {
.ex-category {
  width: auto !important;
  /*width: 371px !important;*/
}
}

.ex-category:hover, .ex-category:active, .ex-category:focus {
      /*-webkit-box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
      box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);*/
      -webkit-box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 5px 10px rgba(0,0,0,0.15);
      box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 5px 10px rgba(0,0,0,0.15);
}

.cat-img {
  margin-top: 14px;
  margin-left: 16px;
  margin-right: 16px;
  width: 30px;
  height: 30px;
}
.home-pg-cat-img {
  margin-left: 25px;
  margin-right: 16px;
  width: 30px;
  height: 30px;
}
.podcast-img {
  width: 25px;
  margin-top: 16px;
  height: 25px;
  margin-left: 18px;
  margin-right: 19px;
}

.ex-category p {
  font-family: 'Avenir Roman',sans-serif;
  letter-spacing: 0.2px;
  line-height: normal;
  font-size: 14px;
  /*padding-top: 14px;*/
  margin-bottom: 0;
  color: #010101;
  line-height: 60px;
}

@media(max-width:767px) {
.ex-second .tab-head {
  text-align: center;
  margin-top: 70px;
}
}

@media(min-width:768px) {
.ex-second .tab-head {
  text-align: left;
}
.creator-sec {
  margin-top: 70px;
}
}

@media(min-width:992px) {
.ex-second .tab-head {
  margin-bottom: 70px;
}
.creator-sec {
  margin-top: 0 !important;
}
}


.insta-dummy {
    width: 17px;
    margin-bottom: 0;
}

.insta-dummy-s {
    width: 13px;
    margin-bottom: 4px;
}

/* sliding tabs */
@media (min-width:1200px) {
.panelWrapper {
  position: relative;
  overflow: hidden;
  height: 300px !important;
  /*height: 240px !important;*/
  width: 100%;
}
.coffeeWrapper {
  position: relative;
  overflow: hidden;
  height: 165px !important;
  /*height: 375px !important;*/
  width: 100%;
}
}

@media (min-width:992px) and (max-width:1199px) {
  .panelWrapper {
    position: relative;
    overflow: hidden;
    height: 211px !important;
    width: 100%;
  }
  .coffeeWrapper {
    position: relative;
    overflow: hidden;
    height: 134px !important;
    width: 100%;
  }
}

@media (min-width:768px) {
.panelWrapper {
  position: relative;
  overflow: hidden;
  height:214px;
  width: 100%;
  }
  .coffeeWrapper {
    position: relative;
    overflow: hidden;
    height: 165px;
    width: 100%;
  }
}

@media (max-width:767px) {
.panelWrapper {
  position: relative;
  overflow: hidden;
  height:214px;
  width: 100%;
  }
  .coffeeWrapper {
    position: relative;
    overflow: hidden;
    height: 165px !important;
    width: 100%;
  }
}

.dash-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;

  text-align: center;
  line-height: 200px;
  font-size: 100px;
  color: red;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.dash-panel { z-index: -1; display: none; }
.dash-panel.current, .dash-panel.exit { z-index: 2; display: block; }
.dash-panel.enter { display: block; }
.animating .exit,
.animating .enter {
  transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -webkit-transition:all .3s ease-in-out;
  -ms-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
}
/* SLIDE OUT TRANSITIONS */

.animating .exit.stageright,
.animating .exit.slideright {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

/**/

/*input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}*/

.creator-pg-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    z-index: 10;
    background-color: #FFF;
    opacity: 0;
    filter: alpha(opacity=1);
}

.or {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 21px;
    text-align: left;
    font-family: 'Avenir Light', sans-serif !important;
    color: #807E9C;
    opacity: 0.5;
    padding-left: 65px;
}

.category-hover {
  -webkit-box-shadow:0 0 20px 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15) !important;
  box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15) !important;
}

@media(min-width:1200px) {
  .ab-content {
    width: auto !important;
  }
}

@media(max-width:767px) {
  .ab-content {
    position: absolute;
    bottom: 112px;
    left: 30px;
    width: 40%;
  }
}

@media(min-width:768px) {
  .ab-content {
    position: absolute;
    bottom: 120px;
    left: 30px;
  }
}

@media (max-width:1199px) and (min-width:992px) {
  .ab-content {
    width: 40% !important;
  }
}

.abs-content {
  position: absolute;
  bottom: 106px;
  left: 61px;
  width: 70%;
}

.social-link {
  z-index: 99;
}

.ex-card-wrapper {
  position: relative;
}

.bmc-chart {
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 25px;
}

.pay-option {
  padding-bottom: 0;
}

@media(max-width:590px) {
  .pay-option {
    width: 170px;
    height: 120px;
    margin: 0 auto;
    margin-top: 20px !important;
  }
  .stripe-img, .paypal-img {
    display: block;
    margin: 0 auto;
    padding-top: 44px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
  }
  .xxs-style {
    margin-left: 0 !important;
    margin-top: 20px !important;
  }
  .xxs-style .flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .xxs-style .text-left {
    text-align: center !important;
  }
}

.stripe-img {
  padding-top: 48px;
  padding-left: 64px;
  padding-right: 64px;
  padding-bottom: 49px;
}

.paypal-img {
    padding-left: 54px;
    padding-right: 54px;
    padding-bottom: 53px;
    padding-top: 53px;
}

.recom {
  background: #FFEFE7;
    border-radius: 11px;
    font-family: 'Avenir Heavy',sans-serif;
    line-height: 17px;
    font-size: 12px;
    height: 22px;
    letter-spacing: 0.7px;
    color: #FF813F;
    margin-left: 17px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    text-transform: uppercase;
    margin-top: 3px;
}

@media(max-width:590px) {
.recom {
    width: 135px;
    margin: 0 auto;
    margin-bottom: 10px !important;
}
}

@media(min-width:768px) {
.payment-option {
  transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
  width: 84%;
  margin: 0 auto;
}
}

@media(max-width:767px) {
.payment-option {
  transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
  width: 100%;
}
}

.a-disabled  .payment-option:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.payment-option:hover {
  -webkit-box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
  box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
}

@media(max-width:480px) {
  /*.w-coffee-div, .w-btn-div {
    width: 275px !important;
  }*/
}

@media(max-width:767px) {
  .w-coffee-div {
    /*width: 435px;*/
    height: 227px;
    margin: 0 auto;
  }
  .w-btn-div {
    /*width: 435px;*/
    height: 243px;
    margin-top: 20px !important;
    position: relative;
    padding: 20px;
    margin: 0 auto;
  }
}

@media (max-width:991px) and (min-width:768px) {
.w-coffee-div {
  width: 350px !important;
  height: 243px !important;
  float: left;
}
.w-btn-div {
  width: 350px !important;
  height: 243px !important;
  position: relative;
  padding: 20px;
  float: right;
}
.dummy-wrapper .dummy-card:nth-child(3) {
  display: none;
}
#coffeeNav {
  /*margin-top: 0 !important;*/
}
}

@media (min-width:992px) {
.w-coffee-div {
    width: 306px;
    height: 195px;
}
.w-btn-div {
  width: 306px;
  height: 184px;
  margin-top: 20px;
  position: relative;
  padding: 10px;
}
}

@media(min-width:1200px) {
.w-coffee-div {
  width: 371px !important;
  height: 227px !important;
}
.w-btn-div {
  width: 371px !important;
  height: 243px !important;
  padding: 20px;
}
}

.after-copy {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
  position: relative;
  left: 0;
  top: 0;
}

.custom-clr {
  width: 31px;
  height: 31px;
  border-radius:50%;
  border: 1px solid #979797;
}

.choose-bmc a:last-child {
  margin-right: 0 !important;
}

.custom-orange {
  background-color: #FF813F !important;
}

.custom-yellow {
  background-color: #FFDD00 !important;
}

.custom-purple {
  background-color: #BB5794 !important;
}

.custom-black {
  background-color: #150909 !important;
}

.custom-white {
  background-color: #ffffff !important;
}

.choose-data, .choose-style {
  font-family: 'Avenir Light',sans-serif;
  line-height: normal;
  font-size: 13px;
  color: #807E9C;
  opacity: 0.5;
}

.custom-btn a img {
    /*width: 153px;*/
    /*height: 46px;*/
    border-radius: 1.67131px;
    -webkit-box-shadow: 0 1px 2px 2px rgba(190, 190, 190, 0.5);
    box-shadow: 0 1px 2px rgba(190, 190, 190, 0.5);
    transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    -ms-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
    /*margin-block-end: 8px !important;*/
}

.custom-btn a img:hover, .custom-btn a img:focus, .custom-btn a img:active {
    -webkit-box-shadow: 0 4px 16px 0 rgba(190, 190, 190,.45);
    box-shadow: 0 4px 16px 0 rgba(190, 190, 190,.45);
    opacity: 0.85;
}

/* snackbar */
@media(min-width:1200px) {
#snackbar {
  left:93px !important;
    /*left:108px !important;*/
    top:75px !important;
}
}

.custom-btn {
  margin-top: 50px;
  text-align: center;
  margin-bottom: 0;
}

@media (min-width:768px) {
  .code-copy-btn {
    padding: 26px 23px !important;
    margin-bottom: 10px;
  }
}

.copy-bmc-btn {
    width: 230px;
    height: 52px;
    padding: 13px 0 !important;
    margin-bottom: 10px;
    /*padding-block-start: 10px !important;*/
}

@media (max-width:480px) {
  .code-copy-btn {
    padding: 17px 23px !important;
    /*padding: 22px 23px !important;*/
  }
  .copy-bmc-btn {
    padding: 17px 0 !important;
    width: 100% !important;
  }
}

@media (max-width:767px) {
.code-copy-btn {
  padding: 13px 23px;
  /*padding: 19px 23px !important;*/
}
}

@media (max-width:1199px) and (min-width:992px) {
#snackbar {
  left: 61px !important;
  top: 50px !important;
}
.choose-data {
  margin-top: -7px !important;
}
}

@media(max-width:767px) {
  #snackbar {
      visibility: hidden;
      text-align: center;
      position: absolute;
      z-index: 1;
      -webkit-box-shadow: 0 1px 2px 2px rgba(190, 190, 190, 0.5);
      box-shadow: 0 1px 2px rgba(190, 190, 190, 0.5);
      border-radius: 1.67131px;
      left:126px;
      top:75px;
  }
}

@media(max-width:480px) {
  #snackbar {
    left:58px !important;
  }
}

@media (min-width:768px) {
  #snackbar {
    visibility: hidden;
    text-align: center;
    position: absolute;
    z-index: 1;
    -webkit-box-shadow: 0 1px 2px 2px rgba(190, 190, 190, 0.5);
    box-shadow: 0 1px 2px rgba(190, 190, 190, 0.5);
    border-radius: 1.67131px;
    left:83px;
    top:75px;
  }
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadeout 0.5s, fadein 0.5s 2.5s;
    animation: fadeout 0.5s, fadein 0.5s 2.5s;
    -moz-animation: fadeout 0.5s, fadein 0.5s 2.5s;
    -o-animation: fadeout 0.5s, fadein 0.5s 2.5s;
}

@-webkit-keyframes fadein {
    from {top: 0; opacity: 0;}
    to {top: 75px; opacity: 1;}
}

@keyframes fadein {
    from {top: 0; opacity: 0;}
    to {top: 75px; opacity: 1;}
}

@-moz-keyframes fadein {
    from {top: 0; opacity: 0;}
    to {top: 75px; opacity: 1;}
}

@-o-keyframes fadein {
    from {top: 0; opacity: 0;}
    to {top: 75px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {top: 75px; opacity: 1;}
    to {top: 0; opacity: 0;}
}

@keyframes fadeout {
    from {top: 75px; opacity: 1;}
    to {top: 0; opacity: 0;}
}

@-moz-keyframes fadeout {
    from {top: 75px; opacity: 1;}
    to {top: 0; opacity: 0;}
}

@-o-keyframes fadeout {
    from {top: 75px; opacity: 1;}
    to {top: 0; opacity: 0;}
}

.action {
  transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
  font-family: 'Avenir Light',sans-serif;
  color: #ffffff;
  border-radius: 4px;
  background-color: #FF813F;
  border: 1px solid #FF813F;
}
.edit-page-action .action {
  font-size: 11px;
  padding: 4px;
}
.edit-page-action .edit-it {
  /* padding: 5px !important; */
}
.edit-page-action .action img {
  margin-right: 3px !important;
}
.copy-btn svg {
  vertical-align: middle;
}
.r-action .action {
  font-size: 12px;
  padding: 5px 8px;
}
@media(min-width:1200px) {
  .r-edit .action {
    margin-top: 4px !important;
  }
}
@media(min-width:992px) {
  .creator-slug {
    width: 164px !important;
  }
  .supporter-slug {
    width: 135px !important;
  }
}
@media (min-width:768px) {
  .action {
      padding: 5.5px 16px;
      line-height: normal;
      display: inline-block;
      letter-spacing: 0.5px;
      /*padding-block-start: 2px !important;*/
  }
  .creator-slug {
      width: 118px;
  }
  .supporter-slug {
    width: 80px;
  }
}

@media(max-width:767px) {
  .action {
      padding: 4px 16px;
      line-height: normal;
      display: inline-block;
      /*padding-block-start: 2px !important;*/
  }
  .creator-slug, .supporter-slug {
    width: 100% !important;
  }
}

.copy-link {
  margin-top: 12px;
}

.action:hover, .action:focus, .action:active {
  background-color: #ffffff;
  color: #ff813f;
}

@media (max-width:991px) and (min-width:0) {
  .sm-m-t-10 {
    margin-top: 10px;
  }
  .sm-m-t-40 {
    margin-top: 40px;
  }
}

.bmc-text-box {
  font-size: 16px;
  padding: 18px 10px 3px 15px;
  display: block;
  font-family: 'Nunito', sans-serif;
  color: #262626;
  font-weight: 300;
  background-color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
  border: 1px solid #E1E1E1;
  box-sizing: border-box;
  margin-bottom: 15px !important;
  width: 230px;
  /*width: 190px;*/
  margin: 0 auto;
  height: 55px;
}

.bmc-text-box:focus {
  outline: 0;
}

.font-chooser {
  width: 230px;
  height: 55px;
  background-color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
  border: 1px solid #E1E1E1;
  box-sizing: border-box;
  margin: 0 auto;
}
.font-chooser .select-label {
  left: 16px;
  /*left: 20px;*/
  margin-top: 7px;
}
.font-chooser .select-wrapper select {
  padding: 21px 0 5px 24px;
  font-size: 16px;
  background-position: 93% 68%;
}
.font-chooser .select-wrapper .select-box {
  padding: 21px 0 5px 24px;
  font-size: 16px;
  background-position: 93% 68%;
}
#code {
  font-size: 17px;
  padding: 10px;
  display: block;
  font-family: 'Nunito', sans-serif;
  color: #262626;
  width: 100%;
  font-weight: 300;
  background-color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
  border: 1px solid #E1E1E1;
  box-sizing: border-box;
  word-break: break-all;
}

.bmc-logo {
  width: 24px;
  margin-bottom: 1px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.bmc-custom-btn .bmc-logo{
  margin-bottom: 0;
}

.bmc-logo-c {
  width: 26px;
}

.c-share-btn {
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Avenir Roman', sans-serif;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.5px;
  transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
  padding: 8px 17px !important;
  height: 35px;
  display: inline-block;
  border-radius: 3px;
}

.c-thankyou-share-btn {
  padding: 5px 11px !important;
  height: 27px !important;
}

.twitter-share {
  background-color: #1da1f2;
}

.twitter-share:hover, .twitter-share:active, .twitter-share:focus {
  color:#ffffff;
  background-color: #64B3EF;
}

.twitter-share img {
  width: 15px;
  margin-right: 10px;
  margin-bottom: 5px;
  border-radius: 2.5px;
}

.fb-share {
    background-color: #3B5998;
}

.fb-share:hover, .fb-share:active, .fb-share:focus {
  color:#ffffff;
  background-color: rgba(62, 93, 160, 0.89);
}

.fb-share p, .twitter-share p {
  /*margin-block-start: -2px !important;*/
}

.light {
  font-weight: 300;
}

.darkest-text {
  font-family: 'Avenir Heavy',sans-serif;
  line-height: normal;
  font-size: 14px;
  margin-bottom: 20px;
  color: #000000;
}

.pass-text {
    font-family: 'Avenir Heavy',sans-serif;
    line-height: normal;
    font-size: 12px;
    /* letter-spacing: 0.8px; */
    color: #FF813F;
    width: auto !important;
}
.sm-pass-text {
  padding: 3px 7px !important;
  font-size: 10px !important;
}
.coupon-wrapper .p-l-center {
  text-transform: none !important;
}
.pass-text:focus {
  outline: 0;
}

.p-l-center {
  width: 200px;
  padding: 3px 13px;
  text-transform: capitalize;
  background: #FFEFE7;
  border-radius: 11px;
  text-align: center;
}

@media(min-width:1200px) {
  .m-l-center {
    margin-left: 115px !important;
  }
}

@media(max-width:1199px) and (min-width:992px) {
  .m-l-center {
    margin-left: 65px !important;
  }
}

@media(min-width:768px) {
  .m-l-center {
    margin-left: 28px;
    margin-bottom: 0;
  }
}

.thinnest-text, .thinnest-text a {
  font-family: 'Avenir Light',sans-serif;
  line-height: 22px;
  font-size: 13px;
  letter-spacing: 0.4px;
  color: #B1B0C2;
}

/*#takeout_table thead tr th:first-child, #takeout_table tbody tr td:first-child {
  width:250px;
}*/

.table-data {
  display: none;
}

.hide-field {
  position: absolute;
    z-index: 1000;
    opacity: 0;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    font-size: 24px;
    width: 100%;
}

.updates-img {
    position: relative;
    cursor: pointer;
    font-size: 21px !important;
    color: #d9d8e1;
    /* height: 20px; */
    transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -webkit-transition: 0.2s all linear;
    -ms-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
    /* overflow: hidden; */
    /* margin-top: 10px; */
}

.updates-img:hover, .emoji-picker-icon:hover,
.pin-to-top:hover, .update-lock:hover {
  /*color: #FF813F;*/
  /* transform: scale(1.1); */
}
.emoji-opened {
  transform: scale(1.15);
  color: #ff813f !important;
}
.flex-sp-btw {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
/*.bmc-checkbox {
  display: inline-block;
  height: 21px;
  width: 21px;
  background: #FFFFFF;
  border: 2px solid #E1E1E1;
  box-sizing: border-box;
  border-radius: 3px;
}
.bmc-checkbox .check-email-label:hover, .bmc-label:hover {
  cursor: pointer;
}
.bmc-checkbox .check-email-label {
  display: block;
  height: 20px;
  position: relative;
  width: 20px;
  padding-left: 0;
}
.bmc-checkbox .check-email-label:after {
  -moz-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -webkit-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  border-right: 2px solid transparent;
  border-top: 2px solid transparent;
  content: '';
  display: block;
  height: 12px;
  left: 3px;
  position: absolute;
  top: 10px;
  width: 5.45px;
}
.bmc-checkbox input {
  display: none;
}
.bmc-checkbox input:checked + .check-email-label:after {
  -webkit-animation: t_check 0.8s;
  -moz-animation: t_check 0.8s;
  -o-animation: t_check 0.8s;
  animation: t_check 0.8s;
  border-color: #ff813f;
}*/
.post-form .bmc-checkbox {
  margin-left: 0;
  margin-top: 0;
}
.bmc-checkbox {
  margin-left: 20px;
  margin-top: -2px;
}
.bmc-checkbox input[type="checkbox"] {
  display: none;
}
.bmc-checkbox input[type="checkbox"]:checked + label {
  background: #ff813f;
  border-color: #ff813f;
}
.bmc-checkbox input[type="checkbox"]:checked + label:after {
  transform: scale(1.3);
}

.bmc-checkbox label {
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  background: transparent;
  border: 2px solid #d9d8e1;
  border-radius: 10%;
  position: relative;
  cursor: pointer;
  transition: .2s;
}
.bmc-checkbox label:before {
  content: '';
  position: absolute;
  display: block;
  height: 300%;
  width: 300%;
  top: -100%;
  left: -100%;
  z-index: -1;
  border-radius: 50%;
  transition: .3s;
}
.bmc-checkbox label:after {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  background: url("https://cbwconline.com/IMG/Codepen/Check.svg") center center no-repeat;
  background-size: contain;
  transform: scale(0);
  transition: .2s;
}
.bmc-checkbox label:active:before {
  background: #ff813f;
}

.bmc-label {
  font-family: 'Avenir Light',sans-serif;
  font-size: 12px;
  color: #807E9C;
  letter-spacing: 0.38px;
  padding-right: 10px;
}
.bmc-label:hover {
  cursor: pointer;
}
@-webkit-keyframes t_check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 5.45px;
  }
  50% {
    height: 12px;
    width: 5.45px;
  }
}
@-moz-keyframes t_check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 5.45px;
  }
  50% {
    height: 12px;
    width: 5.45px;
  }
}
@keyframes t_check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 5.45px;
  }
  50% {
    height: 12px;
    width: 5.45px;
  }
}
/*@media(min-width:992px) {
  .show-selected {
    width: 245px !important;
  }
}

@media(min-width:768px) {
  .show-selected {
    width: 125px;
  }
}

@media(max-width:767px) {
  .show-selected {
    width: 65%;
  }
}*/

@media(max-width:480px) {
  .personal-link-edit{
    width: 100%!important;
  }
  /*.show-selected {
    display: none;
  }*/
  .pass-text {
    font-size: 11px !important;
  }
}

.ctr-update-wrapper .emoji-picker-icon {
  right: 0 !important;
}

.show-selected {
  line-height: 45px;
  /*border-bottom: 1px solid rgb(218, 218, 218);*/
  margin-bottom: 20px;
  padding-bottom: 10px;
  /*white-space: nowrap;*/
}
.show_with_scroll {
  overflow-y: auto;
  white-space: nowrap;
  /*visibility: hidden;*/
  /*margin-bottom: 6px !important;*/
  margin-bottom: 10px !important;
  padding-bottom: 0 !important;
}
.show_with_scroll:hover, .show_with_scroll .gallery-display {
  visibility: visible !important;
}
.show_with_scroll .gallery-display {
  overflow: initial !important;
  /*border-bottom: 1px solid rgb(218, 218, 218);*/
}
.show-selected img {
  margin-right: 5px;
  height: 35px;
  vertical-align: top;
}

.small-text {
    opacity: 0.47;
    font-family: 'Avenir Roman',sans-serif;
    font-size: 10.5px;
    color: #010101;
    letter-spacing: 0;
    margin-bottom: 0;
    /* margin-bottom: 1px;
    margin-top: 10px; */
}

@media(max-width:480px) {
  .paypal-logo, .stripe-logo {
    /* height:20px;
    margin-top: -2px; */
  }
}

.paypal-logo {
    width: 47px;
    opacity: 0.7;
    margin-left: 9px;
}

.stripe-logo {
  /* width: 28px;
  margin-left: 10px;*/
  opacity: 0.7;
  margin-right: 2px;
  width: 36px;
  margin-left: 20px;
}

.short_name {
    position: absolute;
    top: 29px;
    color: #000000;
    font-family: 'Cookie',sans-serif;
    font-size: 27px;
}

.short_name_1 {
    left: 33px;
}

.short_name_2 {
    left: 25px;
}

.short_name_m {
    left: 20px;
    top: 33px !important;
    font-size: 22px !important;
}

.short_name_sm {
    position: absolute;
    top: 21px;
    color: #000000;
    font-family: 'Cookie',sans-serif;
    font-size: 21px;
}

.short_name_sm_1 {
  left: 23px;
}

.short_name_sm_2 {
  left: 18px;
}


@media(max-width:480px) {
  .crop-m-t-30 {
    margin-top: 35px;
    font-size: 19px;
  }
}

@media(max-width:767px) {
  .crop-m-t-30 {
    margin-top: 30px;
  }
  .small-text {
    margin-top: 0 !important;
  }
}

@media(min-width:768px) {
  .crop-m-t-30 {
    margin-top: 30px;
  }
}

@media(min-width:992px) {
  .share-page {
    margin-left: 78px !important;
    margin-top: 17px !important;
    /*margin-top: 10px !important;*/
  }
  .logged-in-share {
    margin-left: 25px !important;
    margin-top: 0 !important;
  }
  .logged-out-share {
    margin-left: 25px !important;
    margin-top: 0 !important;
  }
}

@media(min-width:768px) {
  .share-page {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
    margin-left: 110px;
    margin-top: 20px;
  }
  .logged-in-share, .logged-out-share {
    margin-top: 17px !important;
  }
}

@media(min-width:1200px) {
  .logged-in-share {
    margin-left: 94px !important;
  }
  .logged-out-share {
    float: left !important;
    margin-left: 92px !important;
  }
}

@media(max-width:767px) {
.share-page {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}
}

.addWidth {
  width: 245px;
  -webkit-box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
  box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
}

.searchWidth {
  width: 85% !important;
  /*width: 150px !important;*/
}

.search-ph::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  font-family: 'Avenir Light', sans-serif !important;
  line-height: normal;
  font-size: 18px;
  color: #807E9B;
  letter-spacing: 0.3px;
  /*text-align: center;*/
  }
.search-ph::-webkit-input-placeholder { /* Mozilla Firefox 4 to 18 */
  font-family: 'Avenir Light', sans-serif !important;
  line-height: normal;
  font-size: 18px;
  color: #807E9B;
  letter-spacing: 0.3px;
  /*text-align: center;*/
}
.search-ph::-webkit-input-placeholder { /* Mozilla Firefox 19+ */
  font-family: 'Avenir Light', sans-serif !important;
  line-height: normal;
  font-size: 18px;
  color: #807E9B;
  letter-spacing: 0.3px;
  /*text-align: center;*/
}
.search-ph::-webkit-input-placeholder { /* Internet Explorer 10-11 */
  font-family: 'Avenir Light', sans-serif !important;
  line-height: normal;
  font-size: 18px;
  color: #807E9B;
  letter-spacing: 0.3px;
  /*text-align: center;*/
}
.search-ph::-webkit-input-placeholder { /* Microsoft Edge */
  font-family: 'Avenir Light', sans-serif !important;
  line-height: normal;
  font-size: 18px;
  color: #807E9B;
  letter-spacing: 0.3px;
  /*text-align: center;*/
}


@media(max-width:480px) {
.xs-text {
  margin-right: 0;
  margin-bottom: 15px;
}
}

@media(max-width:767px) {
.sm-featured {
    margin-top: 70px;
    margin-bottom: 40px;
}
/* table accordian in dashboard */
.t-table-title {
  border: 1px solid rgba(255,129,63,0.49);
  border-radius: 8px;
  padding: 10px 10px 15px 15px;
  margin-bottom: 24px;
  display: none;
}
.trans-data {
  padding-top: 6px;
}
.panel .payout-mob {
  /*font-weight: 700 !important;*/
  font-family: 'Avenir Heavy', sans-serif !important;
}
.trans-right {
  opacity: 1;
  /*font-weight: 700 !important;*/
  font-family: 'Avenir Heavy', sans-serif !important;
  margin-left: auto;
}
.dull {
  opacity: 0;
}
.trans-coffee {
  margin-left: auto;
}
.acc-wrapper {
    padding-left: 35px;
    padding-right: 35px;
    margin: 0 auto;
}
.xs-plr-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}
}

@media(max-width:480px) {
.table-title .trans-left {
  width: 55%;
}
}

.static-support {
  text-align: center;
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: 1px;
  height: 50px;
  padding: 9px;
  font-family: 'Avenir Heavy',sans-serif;
  color: #fff;
  background-color: #FF813F;
  transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition: 0.3s all linear;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.static-support:active, .static-support:focus, .static-support:hover {
  background-color: #FF813F;
  color: #fff !important;
  opacity: 0.8;
}

.support-wrapper {
    border: 1px solid rgba(225, 225, 225, 0.5);
    padding: 15px 25px;
    position: fixed;
    bottom: -92px;
    width: 100%;
    z-index: 1;
    background-color: #ffffff;
}

/* coffee settings trial */
@media(min-width:768px) {
.m-lr-50 {
  /*margin-left: 7%;
  margin-right: 7%;*/
  margin-left: 4.5%;
  margin-right: 4.5%;
}
}

@media(max-width:767px) {
.m-lr-50 {
  /*margin-left: 7%;
  margin-right: 7%;*/
  margin-left: 4.5%;
  margin-right: 4.5%;
}
}

@media(max-width:480px) {
.m-lr-50 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
}

.m-tb-settings {
  margin-top: 50px;
  /*margin-bottom: 45px;*/
}

.input-h-100 {
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    -ms-transition:0.3s all linear;
    -o-transition: 0.3s all linear;
    border: 1px solid #E1E1E1;
    box-sizing: border-box;
    /* padding-bottom: 16px; */
    /*height: 130px;*/
    width: auto;
}

.input-h-100 textarea {
  height: 99%;
  padding: 35px;
  /*padding-left: 50px;*/
}

.w-80 {
  width: 80%;
}
.w-90 {
  width: 90%;
}
.stripe-dash-link {
    font-size: 17px !important;
    font-family:  'Avenir Roman',sans-serif;
}
@media(max-width:480px) {
  .w-80 {
    width: auto !important;
  }
}

.m-tb-settings .flex a.coffee_price:last-child {
  margin-right: 0;
}

.form-instruction {
  font-family: 'Avenir Light',sans-serif;
  line-height: 23px;
  font-size: 17px;
  color: #807E9C;
    /*color: rgba(153, 152, 152, 0.7);*/
}

@media(max-width:767px) {
  .form-instruction {
    font-size: 14px;
    text-align: center;
  }
}

.hint {
    margin-top: 8px;
    padding-left: 30px;
}

.w-m-100 {
  width: 50% !important;
}

@media(max-width:767px) {
.hint {
  padding-left: 0 !important;
}
.w-m-100 {
  width: 100% !important;
}
.coffee_set_save {
  width: 100%;
  /*padding-block-start: 10px !important;*/
  height: 60px;
}
}

@media(min-width:768px) {
  .coffee_set_save {
    /*width: 238px;
    height: 80px;*/
    width: 275px;
    height: 60px;
    /*padding-block-start: 10px !important;*/
  }
}

.coffee_price {
  background: #FFFFFF;
  border: 1px solid rgba(255, 129, 63, 0.264776);
  border-radius: 50%;
  transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition: 0.3s all linear;
  width: 45px;
  height: 45px;
  margin-right: 26px;
  padding: 9px 12px;
}

.coffee_price:hover, .coffee_price:active, .coffee_price:focus, .price_selected {
  background: #FF813F !important;
  border: 1px solid #FF813F !important;
}

.coffee_price:hover span, .coffee_price:active span, .coffee_price:focus span, .price_selected span {
  color: #ffffff !important;
}

@media(max-width:767px) {
.price_selected span {
  color: #ffffff !important;
}
}

.coffee_price span {
  font-size: 17px;
  color: #FF813F;
  transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition: 0.3s all linear;
  letter-spacing: 1px;
  font-family: 'Avenir Roman',sans-serif;
}

.tip-text {
    color: #6D6A8A;
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    width: 235px;
    margin-top: 20px !important;
}

@media(max-width:767px) {
  .tip-text {
    margin: 0 auto;
  }
}
/* /...coffee settings trial */

.media-choose {
  background-color: #ffffff;
  color: #FF813F;
  padding: 5px 30px;
  border: 1px solid #FF813F;
  border-radius: 4px;
  transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition: 0.3s all linear;
  /*padding-block-start: 4px !important;*/
}

.media-choose:hover, .media-choose:active, .media-choose:focus, .media-chosen {
  background-color: #FF813F;
  color: #ffffff;
}

.video-input {
    height: 40px;
    width: 90%;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    -ms-transition:0.3s all linear;
    -o-transition: 0.3s all linear;
    border: 1px solid #E1E1E1;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 17px;
    font-family: 'Nunito', sans-serif;
    color: #262626;
    font-weight: 300;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

@media(max-width:767px) {
  .update-video {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* .creator-pg-goal .coffee-count {
    font-size: 25px !important;
    margin-top: 10px !important;
  } */
  /*.goal-desp {
    padding: 10px 20px !important;
  }*/
}
.creator-page-link {
  font-size: 20px;
  font-family: 'Avenir Roman',sans-serif;
  word-break: break-word;
}
.video-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.video-input:focus {
  outline: 0;
  border: 1px solid #FF813F !important;
}

.video-input::-webkit-input-placeholder {
  font-size: 14px;
  color: #333333 !important;
  font-family: 'Avenir Light', sans-serif !important;
  opacity: 0.3 !important;
 }
.video-input:-moz-placeholder {
  font-size: 14px;
  color: #333333 !important;
  font-family: 'Avenir Light', sans-serif !important;
  opacity: 0.3 !important;
 }
.video-input::-moz-placeholder {
  font-size: 14px;
  color: #333333 !important;
  font-family: 'Avenir Light', sans-serif !important;
  opacity: 0.3 !important;
 }
.video-input:-ms-input-placeholder {
  font-size: 14px;
  color: #333333 !important;
  font-family: 'Avenir Light', sans-serif !important;
  opacity: 0.3 !important;
 }



@media(max-width:430px) {
  .update-trash {
    /*top: 38px !important;*/
    top: 60px !important;
  }
  .update-light-note {
    padding-top: 22px;
  }
  .profile-update p {
    width: 115px;
  }
  .update-date  {
    position: absolute;
    right: 20px;
    top: 0;
  }
  .supp-date {
    top: 5px !important;
  }
}

@media(min-width:431px) and (max-width:767px) {
  .supp-date {
      top: 24px !important;
  }
}
.supp-date {
      position: absolute;
      right: 20px;
      top: 13px;
}
.goal-dy-amt, .start-dy-amt {
  position: absolute;
  right: 0;
  top: -8px;
}

.goal-unit {
  position: absolute;
  top: -7px;
  left: 1px;
  font-size: 17px;
}

.amt-goal {
  padding-left: 15px;
}




/* lightbox */
.lightbox {
	display: none;
	position: fixed;
	z-index: 1032;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
  margin: 0 auto;
	background: rgba(0,0,0,0.8);
  -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
}
.lightbox img {
	max-width: 90%;
	max-height: 80%;
	margin-top: 5%;
}
.lightbox:target {
	outline: none;
	display: block;
}

/* light-box end*/
@media(max-width:480px) {
.img-list .main-img {
  width: 100% !important;
  margin-right: 0 !important;
}
.bmc-close {
  right: 15px !important;
  top: 15px !important;
}
}
@media(max-width:767px) {
  .img-set {
      display: inline;
  }
  .img-list .img-set:nth-child(2n) .main-img {
    margin-right: 0 !important;
  }
.img-list .main-img {
  margin-right: 11px;
  display: inline-block;
  width: 48%;
  /*width: 175px;*/
  height: 175px;
  overflow: hidden;
}
.img-list .single-img-upd {
    height: 500px !important;
    width: 100% !important;
    max-width: 525px !important;
}
}
@media(min-width:768px) {
.img-set {
    display: inline-block;
}
.img-list .main-img {
  margin-right: 11px;
  display: inline-block;
  /*width: 166px;
  height: 166px;*/
  width: 196px;
  height: 196px;
  overflow: hidden;
}
.img-list .img-set:nth-child(3n) .main-img {
  margin-right: 0 !important;
}
.img-list .single-img-upd {
    height: 500px !important;
    width: auto !important;
    max-width: 620px;
}
}
@media(min-width:992px) {
.img-list .main-img {
  /*width: 209px !important;
  height: 209px !important;*/
  width: 240px !important;
  height: 240px !important;
}
.img-list .single-img-upd {
    height: 500px !important;
    width: auto !important;
    max-width: 750px !important;
}
}



.img-list .single-img-upd img {
    height: 100% !important;
    border-radius: 5px !important;
}

.img-list .main-img {
  margin-bottom: 15px;
  /*margin-top: 20px;*/
  background-size: cover !important;
  -webkit-background-size: cover !important;
  background-position: center !important;
  -webkit-transition: -webkit-transform .2s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .2s ease;
  -ms-transition: -ms-transform .2s ease;
  transition: transform .2s,opacity 0.3s ease;
  opacity: 1;
  border-radius: 5px;
}
.img-list .main-img:hover {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -o-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
  z-index: 5;
  opacity: 0.9;
}
.bmc-close {
  right: 50px;
  top: 50px;
  width: 30px;
  height: 34px;
}
.bmc-close-small {
  right: 10px;
  top: 5px;
  width: 15px;
  height: 15px;
}
.bmc-close:hover, .bmc-close-small:hover {
    opacity: 1;
    cursor: pointer;
}
.bmc-close-small, .bmc-close {
  position: absolute;
  background-color: transparent;
  opacity: 0.5;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -ms-transition:0.5s;
  -o-transition: 0.5s;
  border: 0;
}
.bmc-close:before, .bmc-close:after,
.bmc-close-small:before, .bmc-close-small:after {
    position: absolute;
    left: 15px;
    bottom: 0;
    content: ' ';
    height: 35px;
    width: 2px;
    background-color: #FFFFFF;
}

.bmc-close:before, .bmc-close-small:before {
    transform: rotate(45deg);
}

.bmc-close:after {
    transform: rotate(-45deg);
}

.lightbox img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 5px solid #ffffff;
  border-radius: 5px;
}
/* /.. lightbox */
.connect-div {
  transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition: 0.3s all linear;
}

.connect-div:hover {
  -webkit-box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
  box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
}

.supp-coffee {
  width: 18px;
  margin-right: 4px;
}

@media (max-width:1199px) and (min-width:992px) {
.bmc-hint {
  margin-top: 17px !important;
  font-size: 15px !important;
}
.w-btn-div p .btn-orange {
  margin-top: 10px !important;
}
.coffee-count p:first-child {
  margin-top: 17px !important;
}
.coffee_link_wrapper {
  width: 98%;
}
}

.select-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.select-only {
  overflow: hidden;
  padding: 0;
  margin-top: 20px !important;
}
.select-wrapper select {
    padding: 21px 0 6px 33px;
    width: 105%;
    height: 100% !important;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url("../img/dropdown_icon.svg") no-repeat;
    background-position: 93% 63%;
    /*padding-inline-start: 29px !important;*/
}
.select-wrapper .select-box {
    padding: 21px 0 6px 33px;
    width: 105%;
    height: 100% !important;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url("../img/dropdown_icon.svg") no-repeat;
    background-position: 93% 63%;
    /*padding-inline-start: 29px !important;*/
}
.select-only select {
  width: 123%;
  height: 100% !important;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url("../img/dropdown_icon.svg") no-repeat;
  background-position: 74% 52%;
  padding: 10px 20px;
}
.select-label, .select-dash {
  position: absolute;
  left: 25px;
  padding-left: 0 !important;
}
.h-80 {
  height: 80px;
}
.h-60 {
  height: 60px;
}
@media(max-width:480px) {
  .select-label {
    left: 24px !important;
  }
  .select-wrapper select {
    padding: 21px 0 6px 32px !important;
  }
  .select-wrapper .select-box {
    padding: 21px 0 6px 32px !important;
  }
  .bmc-text-box {
    padding: 18px 10px 3px 24px !important;
    width: 100% !important;
  }
  .font-chooser {
    width: 100% !important;
  }
  .lightbox img {
    max-height: 40% !important;
  }
}

@media(max-width:767px) {
  .bmc-home, .bmc-home:focus {
    margin-left: 5px;
    font-size: 25px;
    border: 0 solid transparent;
    border-bottom: 4px solid #979797 !important;
    outline: 0;
    font-family: 'Avenir Heavy', sans-serif !important;
    color: #FF813F;
    font-weight: 600;
    text-align: left;
    width: 110px;
    background-color: transparent;
  }
}

@media(max-width:480px) {
  .bmc-home {
    font-size: 21px !important;
  }
}

.bmc-home {
  padding-top: 5px;
}

@media(min-width:768px) {
  .bmc-home, .bmc-home:focus {
    margin-left: 5px;
    font-size: 32px;
    border: 0 solid transparent;
    border-bottom: 4px solid #979797 !important;
    outline: 0;
    font-family: 'Avenir Heavy', sans-serif !important;
    color: #FF813F;
    text-align: left;
    width: 200px;
    background-color: transparent;
  }
}

@media(min-width:1200px) {
  .bmc-home, .bmc-home:focus {
    margin-left: 13px !important;
    /* font-size: 45px !important; */
  }
}

@media(min-width:768px) {
.choose-link {
  width: 100% !important;
  position: relative;
}
}

#bmc-image-chosen img {
  margin-top: 70px;
  margin-bottom: 60px;
}

#img_code, .img_code, .markdown_img_code {
  transition: 0.2s all linear;
  -moz-transition: 0.2s all linear;
  -webkit-transition: 0.2s all linear;
  -ms-transition:0.2s all linear;
  -o-transition: 0.2s all linear;
}
.open-integration-types .img_code, .open-integration-types .markdown_img_code {
  font-size: 14px;
  text-align: left;
}
.btn-hint {
  padding-left: 50px;
  margin-bottom: 40px;
  padding-right: 50px;
}

.img-shadow {
    -webkit-box-shadow: 0 3px 2px 0 rgba(190, 190, 190, 0.5);
    box-shadow: 0 3px 2px 0 rgba(190, 190, 190, 0.5);
}

.hint-txt {
  font-family: 'Avenir Light',sans-serif;
  line-height: normal;
  font-size: 12px;
  color: #807E9C;
  opacity: 0.5;
  padding-top: 5px;
  padding-bottom: 20px;
  letter-spacing: 0.2px;
}

/* Guidelines */

.guideline-head {
  font-family: 'Avenir Heavy',sans-serif;
  font-style: normal;
  letter-spacing: 0.3px;
  line-height: 34px;
  font-size: 22px;
  color: #000000;
}
.guide-content {
  border-bottom: 1px solid rgba(151,151,151,0.27);
  padding-bottom: 40px;
}
.guide-content:last-child {
  border-bottom: none;
}
@media(min-width:768px) {
.guide-color {
  display: inline-block;
  margin-right: 100px;
}
}
@media(max-width:767px) {
  .guide-color {
    display: inline-block;
    margin-right: 30px;
  }
  .g-color {
    width: 80px !important;
    height: 80px !important;
  }
}
.g-color {
  width: 97px;
  height: 97px;
  border-radius: 50%;
}
.tangelo-color {
  background-color: #FF813F;
}
.yellow-color {
  background: #FFDD00;
}

/* Downloads page */
@media(min-width:1200px) {
.downloads-logo {
  width: 270px !important;
  height: 270px !important;
}
.downloads-lg-logo {
  width: 46% !important;
}
}

@media(max-width:1199px) and (min-width:992px) {
.downloads-logo {
    width: 220px !important;
    height: 220px !important;
}
}

@media(min-width:768px) {
.downloads-logo {
  width: 200px;
  height: 200px;
}
.downloads-lg-logo {
  width: 45%;
}
p .downloads-lg-logo {
  width: auto !important;
}
}

@media(max-width:767px) {
  .downloads-logo {
    width: 105px;
    height: 105px;
  }
  .downloads-lg-logo {
    /*width: 45%;*/
    width: 60%;
    display: block;
    margin: 0 auto;
  }
  p .downloads-lg-logo {
    width: 45% !important;
  }
  .settings-t-l {
    font-size: 28px !important;
  }
}

@media(min-width:600px) and (max-width:766px) {
  .downloads-logo {
    width: 140px;
    height: 140px;
  }
}

@media(max-width:480px) {
  .downloads-lg-logo {
    width: 90% !important;
    /*width: 65% !important;*/
  }
  .settings-t-l {
    font-size: 19px !important;
  }
  .disable-btn {
    padding-top: 21px !important;
  }
  p .downloads-lg-logo {
    width: 65% !important;
  }
  .dwnlod-btn {
    text-align: center;
    display: block !important;
  }
  .err-des {
    width: 100% !important;
  }
}

p .downloads-lg-logo, img.orange-asset {
  margin-top: 50px;
}

.downloads-logo, .downloads-lg-logo, .disable-drag-btn {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
   user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
   user-drag: none;
}

.loading-update {
    z-index: 1;
    border: none !important;
    width: 90px;
    height: 90px;
}

.scroll_bottom {
  position: absolute !important;
  bottom: 0 !important;
  top: auto !important;
}

.scroll_fixed {
  position:fixed;
  top:80px;
}

@media(max-width:767px) {
  .lg-only-show {
    display: none;
  }
}

@media(min-width:768px) {
  .lg-only-show {
    display: none;
  }
}

@media(min-width:1200px) {
  .lg-only-show {
    display: block !important;
  }
  .lg-only-hide {
    display: none;
  }
}

.non-tabbed {
  height: 302px;
  -webkit-box-shadow: 0 2px 4px rgba(190, 190, 190, 0.5);
  box-shadow: 0 2px 4px rgba(190, 190, 190, 0.5);
}

@media(max-width:767px) {
.disable-btn {
  padding-top: 16px;
}
.error-wrapper {
    padding: 50px !important;
    height: auto !important;
}
.err-head {
  font-size: 40px;
}
.err-des {
  margin-top: 10px !important;
  float: none !important;
}
.error-pg {
  top: 35px !important;
  width: 190px !important;
  right: 0 !important;
}
}

.share-fa {
    padding-top: 1px;
    padding-left: 10px;
    /*padding-block-start: 0 !important;*/
}

.fa-twitter-square, .fa-facebook-square {
  font-size: 19px !important;
}

@media(min-width:768px) {
.no-img-upd {
  height: auto !important;
  line-height: normal !important;
}
}

.placeholder-img {
  background-color: #e9ebed;
}

.supporter-emoji .emoji-wysiwyg-editor {
  margin-left: 0 !important;
  width: auto !important;
}

.ctr-update-wrapper .emoji-wysiwyg-editor {
  padding-left: 0 !important;
}

@media(min-width:1200px) {
  .deactivate-btn {
    padding-left: 150px !important;
  }
}

@media (max-width:1199px) and (min-width:992px) {
  .deactivate-btn {
    padding-left: 98px !important;
  }
}

@media(min-width:768px) {
  .deactivate-btn {
    padding-left: 50px;
  }
  .disable-btn {
    padding-top: 27px !important;
  }
  .error-wrapper {
    width: 720px;
  }
  .err-head {
      font-size: 53px;
  }
  .err-sub {
      font-size: 15px;
  }
  .error-wrapper a {
      font-size: 15px;
  }
  .error-pg {
    width: 250px;
    right: 42px;
  }
}

@media(min-width:481px) {
.main-gif {
  margin-top: -110px;
}
}

.main-gif img {
  margin: 0 auto;
}

.main-row {
  margin-top: 100px;
}

@media(max-width:350px) {
  .main-row {
    margin-top: 50px !important;
  }
}

.c-link {
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 auto;
}

.error-pg {
  display: block;
  position: absolute;
  top: 43px;
}
.err-head {
  font-family: 'Avenir Heavy',sans-serif;
  line-height: normal;
  letter-spacing: -0.27px;
  color: #434B52;
}
.err-sub {
  font-family: 'Avenir Roman',sans-serif;
  line-height: normal;
  color: #434B52;
}
.err-des {
  width: 50%;
  float: left;
}
.error-wrapper {
  background: #FFFFFF;
  border: 1px solid rgba(225, 225, 225, 0.5);
  box-sizing: border-box;
  border-radius: 3px;
  height: 445px;
  /*height: 528px;*/
  margin: 0 auto;
  margin-top: 50px;
  padding: 84px;
  position: relative;
}
.error-wrapper a {
  font-family: 'Avenir Roman',sans-serif;
  line-height: normal;
  text-align: justify;
  letter-spacing: 0;
  color: #FF813F;
  margin-right: 20px;
}
@media(min-width:992px) {
  .error-wrapper {
      width: 891px !important;
  }
  .err-head {
      font-size: 60px !important;
  }
  .err-sub {
      font-size: 16px !important;
  }
  .err-links {
      /*font-size: 16px !important;*/
  }
  .error-wrapper a {
      font-size: 16px !important;
  }
  .error-pg {
    width: 280px !important;
    right: 65px !important;
  }
}

 .toggle_off {
    z-index: 1;
    position: absolute;
    top: 9px;
    right: 9px;
    font-family: 'Avenir Light',sans-serif;
    font-size: 12px;
    color: #807E9C;
    letter-spacing: 0;
}
 .toggle_on {
    z-index: 1;
    position: absolute;
    top: 7px;
    left: 13px;
    font-family: 'Avenir Light',sans-serif;
    line-height: normal;
    font-size: 12px;
    color: #ffffff;
}

.p-error-text {
  font-family: 'Avenir Roman',sans-serif;
  line-height: normal;
  font-size: 19px;
  color: #FF3F34;
}

.error-txt {
  color: #000000;
  font-weight: 400;
}

/*.update-options {
  width: 20px;
  height: 20px;
  cursor: pointer;
}*/
.pin-to-top, .update-lock {
  transition: 0.2s all linear;
  -moz-transition: 0.2s all linear;
  -webkit-transition: 0.2s all linear;
  -ms-transition: 0.2s all linear;
  -o-transition: 0.2s all linear;
}
.pin-to-top svg {
  cursor: pointer;
  margin-top: 7px;
}
.update-lock svg {
  cursor: pointer;
  margin-top: 4px;
}
#lock_upd {
  /*visibility: hidden;*/
  display: none;
}

.checkbox-hidden {
  display: none;
}

.locked-wrapper {
  background-image: -webkit-linear-gradient(-6deg, #ff5858 0%, #f09819 100%);
  background-image: -o-linear-gradient(-6deg, #ff5858 0%, #f09819 100%);
  background-image: linear-gradient(-6deg, #ff5858 0%, #f09819 100%);
  height: 160px;
  /*height: 178px;*/
  padding: 37px;
  margin-right: -5px;
  margin-left: -5px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  text-align: center;
}

.locked-text, .locked-text a {
  font-family: 'Avenir Roman',sans-serif;
  line-height: normal;
  letter-spacing: 0.2px;
  color: #FFFFFF;
}

.locked-text-name {
  font-size: 18px;
}
.locked-text-title {
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-height: 27px;
}
.locked-text-desc {
  font-size: 13px;
  line-height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 61px;
  letter-spacing: 0.8px;
  margin-bottom: 0;
  width: 85%;
  margin: 0 auto;
  text-align: center;
}
.unlock-btn {
  background: #FFFFFF;
  border-radius: 3px;
  font-family: 'Avenir Heavy',sans-serif;
  line-height: normal;
  font-size: 14px;
  color: #FC6B31;
  display: flex;
  align-items: center;
  padding: 7px 28px;
  transition: 0.3s all linear;
}

.unlock-btn img {
  margin-bottom: 4px;
  margin-right: 5px;
}

.unlock-btn:hover, .unlock-btn:focus, .unlock-btn:active {
  color: #FC6B31;
  -webkit-box-shadow: 0 0 10px 3px rgba(255,255,255,0.3);
  box-shadow: 0 0 10px 3px rgba(255,255,255,0.3);
}

.lock-img {
  display: block;
  margin: 0 auto;
}

.unlock-badge {
  position: absolute;
  top: -1px;
  right: 60px;
  /*right: 135px;*/
  width: 35px;
}
.badge-on-postpg {
  right: 20px !important;
}
.gallery-display {
  height: 91px;
  /*height: 35px;*/
  overflow: hidden;
}
.img-preview {
  height: 90px;
  margin-right: 10px;
  border-radius: 2px;
  display: inline-block;
  transition: .5s ease;
}
@media(max-width:480px) {
  .img-preview {
    width: 16.5%;
    height: 40px !important;
  }
  .show_with_scroll .gallery-display {
    height: 53px !important;
  }
  .gallery-display {
    height: 40px !important;
  }
}
@media(min-width:481px) and (max-width:767px) {
  .img-preview {
    width: 18%;
  }
  .show_with_scroll .gallery-display {
    height: 103px;
  }
}
@media(min-width:768px) {
  .show_with_scroll .gallery-display {
    height: 100px;
  }
}
@media(min-width:768px) and (max-width:991px) {
  .img-preview {
    width: 100px;
  }
}
@media(min-width:992px) {
  .img-preview {
    width: 120px;
  }
}
/* Modified explore page */
.creator-card {
  background: #ffffff;
  -webkit-box-shadow: 0 12px 30px 0 rgba(0,0,0,0.13);
  box-shadow: 0 12px 30px 0 rgba(0,0,0,0.13);
  border-radius: 12px;
  height: 258px;
  transition: 0.3s all linear;
  padding: 25px;
  margin-right: 15px;
  margin-top: 30px;
}
@media(max-width:480px) {
  .unlock-btn {
    font-size: 12px !important;
    padding: 7px 15px !important;
  }
  .unlock-btn img {
    width: 12px;
  }
  .col-xxs-12 {
      width: 100% !important;
  }
  .hidden-xxs {
    display: none;
  }
  .col-xxs-6 {
    width: 50% !important;
  }
  .creator-card {
    margin-right: 0;
    margin: 0 auto;
    margin-top: 30px !important;
    width: 290px;
  }
  .goal-settings {
    margin: 0 auto;
    text-align: center;
    margin-top: 20px !important;
  }
  .goal-head {
    float: none;
  }
  .pay-title {
    font-size: 23px !important;
    line-height: normal !important;
    height: auto !important;
    padding-top: 6px;
  }
  .pay-type {
    height: 55px !important;
  }
  .pay-pal {
    width: 87px !important;
    margin-left: 25px !important;
  }
  .pay-body {
    padding: 50px 25px !important;
  }
  .open-div {
    padding-top: 15px !important;
  }
  #pay_braintree .modal-dialog, #reward-modal .modal-dialog {
    /*width: 315px !important;*/
    width: 95% !important;
    margin: 10px auto;
    padding-left: 10px;
    padding-right: 10px;
  }
  #accordion .pay-type:nth-of-type(2) {
    margin-top: 10px !important;
  }
  .stripe-wrapper .stripe-accordion {
    margin-top: 10px !important;
  }
}

.modal-dialog legend {
  border-bottom: 1px solid transparent;
  margin-bottom: 0 !important;
}

#pay_braintree .modal-dialog, #reward-modal .modal-dialog {
    min-width: 320px;
}
#pay_braintree .modal-content, #reward-modal .modal-content {
  -webkit-box-shadow: 0 5px 15px 2px rgba(0,0,0,.2);
    box-shadow: 0 5px 15px 2px rgba(0,0,0,.2);
    border: 1px solid transparent;
}

@media (max-width:767px) and (min-width:481px) {
  .feature-w {
    width: 340px;
  }
  .creator-card {
    width: auto;
  }
  .err-des {
    width: 60% !important;
  }
  .goal-head {
    float: left;
  }
  .goal-settings {
    margin-left: auto;
  }
  .hidden-b-mob {
    display: none;
  }
  #pay_braintree .modal-dialog, #reward-modal .modal-dialog {
    width: 440px;
    margin: 10px auto;
  }
  .stripe-wrapper .stripe-accordion {
    margin-top: 10px !important;
  }
}

#pay_braintree .close,
#reward-modal .close {
    color: #ffffff;
    right: 25px;
    top: 20px;
    position: absolute;
    font-size: 35px;
    font-weight: 400;
    opacity: 0.3;
    text-shadow: none;
    transition: 0.3s all linear;
}
#pay_braintree .close:hover,
#reward-modal .close:hover,
.disabled-link {
    opacity: 0.5;
}
@media(min-width:768px) {
  #pay_braintree .modal-dialog, #reward-modal .modal-dialog {
    width: 475px;
  }
  .card-pay, .payment-wrapper p {
    width: 250px;
  }
  .reply-open {
    margin-top: 14px;
  }
  .pay-pal-btn {
    width: 383px;
    margin: 0 auto;
  }
  .creator-card {
    width: 308px;
  }
  .goal-head {
    float: left;
  }
  .goal-settings {
    margin-left: auto;
  }
  .stripe-wrapper .stripe-accordion {
    /*margin-top: 10px !important;
    width: 383px;*/
    width: 100% !important;
  }
}
@media (max-width:1199px) and (min-width:992px) {
  .creator-card {
    width: 290px !important;
  }
}
@media(min-width:1200px) {
    .creator-card {
      width: 238px !important;
    }
}
.goal-settings {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.creator-card:hover {
  -webkit-box-shadow: 0 24px 30px 0 rgba(0,0,0,0.13);
  box-shadow: 0 24px 30px 0 rgba(0,0,0,0.13);
  transform: translate(0,-3px);
  -o-transform: translate(0,-3px);
  -webkit-transform: translate(0,-3px);
  -moz-transform: translate(0,-3px);
  -ms-transform: translate(0,-3px);
}
.creator-img {
  width: 68px;
  height: 68px;
  border-radius: 50%;
}
.tooltip {
  font-family: 'Avenir Roman',sans-serif;
  z-index: 1020;
}
.tooltip-style + .tooltip > .tooltip-inner {
  background-color: #7b7a7a;
  font-size: 12px;
  padding: 8px;
  font-family: 'Avenir Roman',sans-serif;
  max-width: 400px !important;
}

.pay_bulk + .tooltip > .tooltip-inner {
  width: 300px !important;
}

.tooltip-style + .tooltip.top .tooltip-arrow {
  border-top-color: #7b7a7a;
}

.tooltip-style + .tooltip.right .tooltip-arrow {
  border-right-color: #7b7a7a;
}

.tooltip-style + .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #7b7a7a;
}

.tooltip-style + .tooltip.left .tooltip-arrow {
  border-left-color: #7b7a7a;
}
.balance-info {
    /*background-color: #ffffff;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    padding-left: 1px;
    padding-top: 1px;
    margin-left: 5px;*/
    background-color: #ffffff;
    padding: 2px 4px;
    border-radius: 9px;
}
.orange-bg-label:hover {
  cursor: pointer;
}
.orange-bg-label {
    background-color: #FFEFE7;
    padding: 0 7px;
    border-radius: 50%;
    color: #ff813f;
    font-size: 13px;
    margin-left: 5px;
    font-family: 'Avenir Oblique',sans-serif;
}
/*-------------*/
.pp .popover-content {
  font-size: 13px;
  font-family: 'Avenir Roman',sans-serif;
  color: #262626;
}
.po-table .popover-content {
  font-size: 11px !important;
  padding: 7px !important;
}
.po-table .popover {
  width: 100% !important;
  margin-top: 0 !important;
}
.po-table .popover.left>.arrow {
  border-left-color: rgba(255,129,63,0.26);
}
.pp .popover {
  background: #FFFCFA;
  border: 1px solid rgba(255,129,63,0.4);
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 16px;
  z-index: 5;
}
.pp.ctr-pg-pay .popover,
.pp.modal-dialog .popover {
  margin-top: -10px !important;
}
.pp .popover.bottom>.arrow {
  border-bottom-color: rgba(255,129,63,0.26);
}
/*------------*/
.large.tooltip-inner {
    max-width: 1350px;
    width: 1350px;
}

.video-update a svg {
    width: 25px;
    height: 20px;
    margin-top: 7.4px;
}

.video-update a svg #youtube,
.dash-wrapper a svg #Payment-Method,
.related-wrapper a svg #setup-page-link,
.reward-actions .edit-link svg #rewards-edit,
.intg-back-arrow svg #Payment-Method,
.action svg #Edit-Coffee-Links,
.reward-item .copy-btn svg #Edit-Coffee-Links,
.reward-item .copy-btn {
  -o-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

.video-update a svg:hover #youtube, .reward-actions .edit-link:hover svg #rewards-edit, .reward-item .copy-btn:hover svg #Edit-Coffee-Links, .action:hover svg #Edit-Coffee-Links {
  fill: #FF813F;
}

.dash-wrapper a:hover svg #Payment-Method,
.related-wrapper a:hover svg #setup-page-link,
.intg-back-arrow:hover svg #Payment-Method {
  fill: #010101;
}
/*#error-coffee_link_coffee_num .goal-dy-amt {
  top: -3px !important;
}*/
#error-coffee_link .action:hover, #error-coffee_link .action:focus, #error-coffee_link .action:active,
.inner-field .action:hover, .inner-field .action:focus, .inner-field .action:active,
.reward-item .copy-btn:hover, .reward-item .copy-btn:focus, .reward-item .copy-btn:active {
  color: #ff813f !important;
  background-color: #ffffff !important;
}
.copy-txt {
  margin-bottom: -1px;
}
.select-code .action img {
  margin-top: -3px;
  margin-right: 5px;
}
.back-arrow {
  position: absolute;
  top: 21px;
}
.reward-item {
  -webkit-border-radius: 3px;
  background: #FFFCFA;
  border: 1px solid rgba(255,129,63,0.26);
  /*border: 0 solid #E1E1E1;
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  background-color: #ffffff;*/
  padding: 32px 6%;
  border-radius: 3px;
  padding: 48px 4.7% 40px 6%;
  position: relative;
}
.reward-item-title {
  font-family: 'Avenir Heavy',sans-serif;
  color: #000000;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-height: 31px;
  word-break: break-word;
  line-height: normal;
}
.coffee-details-divider {
  border-left: 1px solid rgba(128, 126, 156,0.3);
  padding-left: 15px;
  margin-left: 15px;
}
.r-actions {
  position: absolute;
  right: 20px;
  top: 25px;
}
.dot-down {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #d9d8e1;
  margin-right: 3px;
  -webkit-transition: 0.2s all linear;
  -o-transition: 0.2s all linear;
  transition: 0.2s all linear;
}
.bmc-op-dropdown:hover .dot-down, .bmc-op-dropdown.open .dot-down {
  background-color: #ff813f;
}
.bmc-op-dropdown.dropdown button {
  border: 1px solid transparent;
  background-color: transparent;
}
.dropdown-menu-std {
  right: 10px;
  background: #FFFFFF;
  border: 1px solid #E1E1E1;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  left: auto;
  margin: 8px 0 0;
  padding: 0;
}
.dropdown-menu-std>li>a {
  font-family: 'Avenir Heavy',sans-serif;
  font-size: 14px;
  color: #000000;
  padding: 8px 20px;
  letter-spacing: 0.2px;
}
.dropdown-menu-std>li>a:focus, .dropdown-menu-std>li>a:hover {
  color: #ffffff;
  background-color: #ff813f;
}
@media(min-width:992px) and (max-width:1199px) {
  .coffee-details-divider {
    padding-left: 10px !important;
    margin-left: 10px !important;
  }
}
@media(max-width:767px) {
  .reward-item .copy-btn {
    font-size: 12px !important;
  }
  .card-pay, .payment-wrapper p {
    width: 220px;
  }
  .pay-pal-btn {
    width: 345px;
    margin: 0 auto;
  }
  .tooltip-style + .tooltip > .tooltip-inner {
    max-width: 150px !important;
    width: 150px !important;
  }
  #locked-title input {
    margin-top: 15px;
  }
  .ty-lock-text {
    font-size: 30px !important;
  }
  .reply-btn {
    font-size: 13px;
    padding: 3px 10px !important;
    line-height: normal;
  }
  .reply-for-msg {
    margin-top: 0 !important;
  }
}
@media(max-width:480px) {
  .reward-item-title {
    font-size: 19px;
    line-height: 28px;
  }
}
@media(min-width:481px) and (max-width:767px) {
  .reward-item-title {
    font-size: 20px;
    line-height: 36px;
  }
}
@media(min-width:768px) {
  .reward-item-title {
    width: 90%;
    font-size: 20px;
  }
}
@media(min-width:768px) and (max-width:991px) {
  .reward-item-title {
    line-height: 32px;
  }
}
.player .vp-player-layout {
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

#publish_btn {
    width: 93px;
    height: 35px;
}
.pinned-upd {
  background: #FF813F;
  border-radius: 3px 3px 0 0;
  width: 90px;
  height: 30px;
  padding: 5px 12px;
}
.pinned-text {
  font-family: 'Avenir Roman',sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  padding-left: 5px;
}
.loading-v {
  background-color: #e9ebed;
}
button[disabled] {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}
.ty-lock-text {
    font-family: 'Avenir Roman', sans-serif;
    color: #262626;
    font-size: 40px;
    text-align: center;
}
.show_on_click .emoji-wysiwyg-editor {
  padding-left: 10px !important;
}
.show_on_click .emoji-picker-icon {
  right: 11px !important;
}
.reply-text {
  width: 100%;
  margin-left: 0 !important;
  background: #FFFFFF;
  border: 1px solid #E1E1E1 !important;
  box-sizing: border-box;
  border-radius: 3px;
  padding: 10px !important;

  transition:0.3s all linear;
  -moz-transition:0.3s all linear;
  -webkit-transition:0.3s all linear;
  -ms-transition:0.3s all linear;
  -o-transition:0.3s all linear;
}

.reply-open {
  float: none;
}

.reply-btn {
  width: auto;
  font-family: 'Avenir Light',sans-serif;
  background-color: #FF813F;
  border-radius: 3px;
  outline: 0;
  border: 1px solid transparent;
  color: #ffffff;
  padding: 5px 15px;
  -o-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

.reply-for-msg {
  margin-top: 33px;
}
.reply-btn:hover, .reply-btn:active, .reply-btn:focus, .opened {
  /*color: #FF813F;
  border: 1px solid #FF813F;
  background-color: #ffffff;*/
  color: #ffffff;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 10px 0 rgba(255,129,63,.45) !important;
  box-shadow: 0 2px 10px 0 rgba(255,129,63,.45) !important;
}
@media(max-width: 480px) {
  .reply-wrapper {
    max-width: 72%;
  }
}
@media(min-width: 481px) and (max-width: 767px) {
  .reply-wrapper {
    max-width: 82%;
  }
}
@media(min-width: 768px) and (max-width: 991px) {
  .reply-wrapper {
    max-width: 81%;
  }
}
@media(min-width:992px) {
  .reply-wrapper {
      /*border-radius: 3px;
      padding: 6px 17px;
      background: #ffffff;
      border: 1px solid #FF813F;
      width: auto;*/
      max-width: 86%;
      /*max-width: 70%;*/
  }
}
.load-more-text, .load-more-text:hover, .load-more-text:active, .load-more-text:focus {
    font-size: 17px;
    font-family: 'Avenir Roman',sans-serif;
    letter-spacing: 0.5px;
    color: #FF813F;
    transition: 0.3s all linear;
    display: inline-block;
}

@media(max-width:767px) {
  .hello-bar {
    height: 90px;
    padding-left: 20px;
    padding-right: 55px;
  }
  .hello-bar p {
    line-height: 23px;
    font-size: 14px;
  }
  .reward-thankyou-holder {
    padding: 30px 5px !important;
    width: 90% !important;
  }
  .reward-thankyou-holder .ctr-80-img-round {
    width: 60px !important;
    height: 60px !important;
  }
}
@media(min-width:768px) {
  .hello-bar {
    height:55px;
  }
  .hello-bar p {
    font-size: 15px;
  }
  .reward-thankyou-holder .col-md-6:nth-of-type(1) {
    padding-right: 23px;
  }
  .reward-thankyou-holder .col-md-6:nth-of-type(2) {
    padding-left: 23px;
  }
}
.hello-bar {
  margin-top: -80px;
  background-color:#FF813F;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.hello-bar p {
  color: #FFFFFF;
  letter-spacing: 0.7px;
  font-family: 'Avenir Light',sans-serif;
  margin-bottom: 0;
  display: inline;
  margin-left: 8px;
}
.hello-bar p b {
  font-family: 'Avenir Heavy',sans-serif !important;
}
.hello-bar a:nth-child(1) {
  display: block;
}
.header-with-bar .dash-navbar {
  position: relative;
  top: auto;
}
.close-bar {
  position: absolute;
  right: 16px;
  top: 16px;
}
.new-banner {
    background: #FFFFFF;
    border: 1px solid #FF813F;
    border-radius: 5px;
    color: #FF813F !important;
    font-family: 'Avenir Light',sans-serif;
    font-size: 11px !important;
    letter-spacing: 0;
    padding: 3px 7px;
}
.home-link {
  color: #000000;
}
.home-link:hover {
  opacity: 0.7;
  color: #000000;
}
.creator-pg-goal {
  background: #ffffff;
  border: 1px solid #E1E1E1;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(190, 190, 190, 0.5);
  box-shadow: 0 1px 2px rgba(190, 190, 190, 0.5);
}
.creator-pg-goal .progress {
  height: 10px;
  border: none;
  background-color: #ffffff;
  overflow: visible;
}
 .creator-pg-goal .coffee-count {
  font-size: 30px;
  color: #ff813f;
  letter-spacing: 0;
  font-family: 'Avenir Roman',sans-serif;
  margin: 0;
  text-align: center;
}
.coffee-count-text {
  font-size: 13px;
  color: #807E9C;
  letter-spacing: 0.3px;
  line-height: 13px;
  font-family: 'Avenir Light',sans-serif;
}
.goal-desp {
  padding: 10px 30px 30px;
  margin-bottom: 0;
}

.creator-pg-goal .tooltip{
  position: relative;
  float: right;
  left: 16px !important;
}
.creator-pg-goal .tooltip > .tooltip-inner {
  background-color: rgba(255, 129, 63, 0.1);
  padding: 3px 7px;
  color: #ff813f;
  font-size:10px;
  font-family: 'Avenir Roman',sans-serif;
}
.creator-pg-goal .popOver + .tooltip > .tooltip-arrow {
  	border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(255, 129, 63, 0.1);
}
.home-tile-content {
  padding: 20px 40px 0;
}
.featured-user {
    background: #ffffff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(190,190,190,0.50);
    box-shadow: 0 1px 2px 0 rgba(190,190,190,0.50);
    height: 335px;
    transition: all 300ms ease;
    /*padding: 40px;*/
    width: 95%;
    /*width: 82.5%;*/
    margin: 0 auto;
}
.dummy-home-tile {
    width: 95%;
    height: 335px;
}
.featured-user:hover,
.featured-cl-user:hover {
      -webkit-box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 5px 10px rgba(0,0,0,0.15);
      box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 5px 10px rgba(0,0,0,0.15);
}
.dash-drop-holder {
      position: relative;
      height: 40px;
      margin-top: 43px;
      background-color: #ffffff;
}
.dropdown-el {
      width: 100%;
      z-index: 3;
      position: absolute;
      display: inline-block;
      min-height: 2em;
      max-height: 2em;
      overflow: hidden;
      cursor: pointer;
      text-align: left;
      white-space: nowrap;
      color: rgb(176, 176, 176);
      outline: none;
      /* transition: 0.3s all ease-in-out; */
      font-family: 'Avenir Heavy',sans-serif;
      letter-spacing: 0.5px;
}
.dropdown-el input:checked + label {
      color: #262626;
      font-size: 17px;
}
.dropdown-el input {
    display: none;
}
.dropdown-el label {
    display: block;
    padding-top: 6px;
    padding-bottom: 10px;
    padding-left: 25px;
    cursor: pointer;
    position: relative;
    transition: 0.3s color ease-in-out;
    font-size: 15px;
}
.dropdown-el label:nth-child(2) {
    margin-top: 35px;
}
.dropdown-el input:checked + label {
    display: block;
    border-top: none;
    position: absolute;
    top: 0;
}
.dropdown-el input:checked + label:after {
    content: "";
    position: absolute;
    right: -20px;
    top: 15px;
    border: 6px solid rgb(255, 129, 63);
    border-color: rgb(255, 129, 63) transparent transparent transparent;
    transition: .4s all ease-in-out;
}
.dropdown-el input:checked + label:nth-child(2) {
    margin-top: 0;
    position: relative;
    width: 145px;
}
.dropdown-el.expanded {
    background: #fff;
    padding: 0;
    -webkit-box-shadow: 0 12px 14px 0 rgba(0,0,0,0.11);
    box-shadow: 0 12px 14px 0 rgba(0,0,0,0.11);
    max-height: 345px;
}
.dropdown-el.expanded label:hover {
    color: #000000;
}
.dropdown-el.expanded::after {
    transform: rotate(-180deg);
    top: 8px;
}
.dash-drop-holder .p-l-center {
    background: transparent !important;
}

.char-counter {
    float: right;
    height: auto !important;
    margin-bottom: -10px;
    border: none !important;
    background-color: transparent !important;
}
.thanku-char-counter {
    position: absolute;
    right: 10px;
    bottom: 10px;
    border: none !important;
    background: transparent;
    border-radius: 4px;
    font-family: 'Avenir Roman',sans-serif;
    color: rgba(51, 51, 51, 0.34);
    letter-spacing: 0;
    height: 35px;
    font-size: 14px;
    padding: 7px 10px;
    opacity: 1 !important;
}
.reward-thankyou-holder {
  background: #FFFFFF;
  border: 1px solid rgba(225,225,225,0.50);
  border-radius: 3px;
  padding: 6%;
  width: 75%;
  margin: 0 auto !important;
}
.dest-url-holder {
  background: #FFFCFA;
  border: 1px solid rgba(255,129,63,0.26);
  border-radius: 3px;
  padding: 17px;
  position: relative;
  height: 60px;
}
.dest-url-holder p {
  font-family: 'Avenir Book',sans-serif;
  font-size: 17px;
  color: #FF813F;
  letter-spacing: 0;
  margin-bottom: 0;
  display: inline-block;
  width: 75%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.dest-url-holder .copy-btn {
  position: absolute;
  right: 20px;
  bottom: 10px;
}
.reward-thankyou-holder .payment-desc {
  text-align: left;
}
.coffee-link-trans-badge {
    margin-bottom: 4px;
    margin-left: 5px;
}

/** HOME SLIDER **/
  .dummy-home-wrapper {
    height: 400px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
  }
  .single-item .slick-dots li button {
    width: 10px !important;
    height: 10px !important;
  }
  .single-item {
    margin: 0 auto;
  }
  .single-item .slick-prev {
    left: -25px;
  }
  .single-item .slick-next {
    right: -25px;
  }
  .single-item .slick-btn {
    top: 145px;
  }
  .single-item .slick-disabled {
    opacity: 0.1;
  }
  .single-item .slick-disabled:hover {
    cursor: default;
  }
  .single-item .slick-dots {
    margin: 0 !important;
  }
  .single-item .ctr-60-img-round {
    float: left;
  }
  .single-item .p-l-20 {
    padding-left: 10px !important;
  }
  .home-pg-ex-cat {
    background: #FFFFFF;
    -webkit-box-shadow: 0 1px 2px 0 rgba(190,190,190,0.50);
    box-shadow: 0 1px 2px 0 rgba(190,190,190,0.50);
    height: 80px;
    margin-bottom: 20px;
    border-radius: 3px;
    -o-transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -ms-transition: 0.3s all linear;
    transition: 0.3s all linear;
  }
  .home-pg-ex-cat:hover {
    -webkit-box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 5px 10px rgba(0,0,0,0.15);
    box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 5px 10px rgba(0,0,0,0.15);
  }
  .home-pg-ex-cat a {
    align-items: center;
    height: 80px;
  }
  .wh-30 {
    width: 30px;
    height: 30px;
  }
  .home-pg-ex-cat p {
    font-family: 'Avenir Roman',sans-serif;
    letter-spacing: 0.2px;
    line-height: normal;
    font-size: 14px;
    color: #010101;
    margin-bottom: 0;
  }
  .home-pg-coffee-trans {
    position: absolute;
  }
  @media(min-width:768px) {
    .home-pg-coffee-trans {
      bottom: 30px;
      left: 40px;
      right: 40px;
    }
  }
  @media(min-width:768px) and (max-width:991px) {
    .featured-user {
      height: 320px !important;
    }
    .dummy-home-tile {
      height: 320px !important;
    }
    .single-item, .dummy-home-wrapper {
      margin-top: 70px !important;
      width: 569.25px;
      margin: 0 auto;
    }
    .cl-actions {
      margin-left: 15px;
      margin-top: 5px;
    }
     .other-rewards-list-tile .see-btn {
       margin-top: 15px;
     }
     .cl-share {
        width: 40px !important;
        height: 40px !important;
     }
     .cl-share span {
        font-size: 20px !important;
     }
  }
  @media(max-width:767px) {
    .single-item, .dummy-home-wrapper {
      margin-top: 0 !important;
    }
    .dummy-home-tile {
      height: 325px !important;
    }
    .featured-user .guideline-head {
      font-size: 20px !important;
    }
    .home-pg-coffee-trans {
      bottom: 25px;
      left: 25px;
      right: 25px;
    }
    .center .guideline-head {
      font-size: 20px !important;
    }
    .single-item .ctr-80-img-round {
      width: 60px !important;
      height: 60px !important;
    }
    .single-item .h-80 {
      height: 60px !important;
    }
    .single-item .slick-list {
      height: 370px !important;
    }
    .dummy-home-wrapper {
      height: 370px !important;
      width: 95%;
      margin: 0 auto;
    }
    .cl-actions {
      margin-left: 15px;
      margin-top: 5px;
    }
     .other-rewards-list-tile .see-btn {
       margin-top: 15px;
     }
     .cl-share {
        width: 40px !important;
        height: 40px !important;
     }
     .cl-share span {
        font-size: 20px !important;
        padding-top: 11px !important;
     }
     .cl-s-share.cl-fb span {
       padding-left: 0 !important;
     }
     .cl-s-share.cl-twitter span {
       padding-left: 1px !important;
     }
  }
  @media(min-width:481px) and (max-width:767px) {
    /*.featured-user {
      padding: 30px !important;
    }*/
    .single-item, .dummy-home-wrapper {
      margin-top: 70px !important;
      width: 380px;
      margin: 0 auto;
    }
    .featured-user {
      height: 320px !important;
    }
    .home-tile-content {
      padding: 20px 25px 0 !important;
    }
  }
  @media(max-width:480px) {
    .featured-user {
      /*width: 90% !important;*/
      width: 275px !important;
      /*padding: 25px !important;*/
      height: 340px !important;
    }
    .home-tile-content {
      padding: 20px 15px 0 !important;
    }
    .adj-name .ex-text {
      font-size: 12px !important;
    }
    .dummy-home-tile {
      width: 95% !important;
    }
    .single-item .slick-btn {
      display: none !important;
    }
    .home-pg-coffee-trans {
      bottom: 23px !important;
    }
  }
  @media(min-width:992px) and (max-width:1199px) {
    .single-item, .dummy-home-wrapper {
      width: 363px;
    }
    .reward-payment-desc {
      width: 95% !important;
    }
  }
  @media(min-width:1200px) {
    .single-item, .dummy-home-wrapper {
      width: 445.5px;
    }
  }
/** /.. HOME SLIDER **/
@media(max-width:390px) {
  .tweets-container {
    margin-top: 50px !important;
  }
}
.tweets-container {
  position: relative;
  max-width: 100%;
  width: 100%;
  margin-top: 100px;
}
.tweet-wrapper {
  background: #FFFFFF;
  border: 1px solid rgba(225, 232, 237,0.7);
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 20px;
  position: absolute;
}
.tweet-wrapper:hover,
.tweet-wrapper:active,
.tweet-wrapper:focus {
  -webkit-box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 5px 10px rgba(0,0,0,0.15);
  box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 5px 10px rgba(0,0,0,0.15);
  margin-top: -3px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tweet-wrapper p {
  margin-bottom: 0;
}
.tweet-user-img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #e1e1e1;
}
.tweet-user-name {
  font-family: Helvetica-Bold;
  font-size: 14px;
  color: #000000;
  line-height: 19px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-height: 18px;
  /*width: 87%;
  float: left;*/
}
.tweet-g-link {
  font-family: Helvetica;
  font-size: 12.25px;
  /*color: #6A7783;*/
  color: #807E9C;
  line-height: 17px;
}
.tweet-msg {
  font-family: Helvetica;
  font-size: 14px;
  color: #000;
  line-height: 22px;
  word-break: break-word;
}
.tweet-time {
  font-family: Helvetica;
  font-size: 14px;
  color: #6A7783;
}
.tweet-actions img {
  margin-left: 24px;
}
.tweet-actions img:nth-of-type(1) {
  margin-left: 0;
}
.tweet-reaction {
  font-family: Helvetica;
  font-size: 14px;
  color: #6A7783;
}
@media(min-width:992px) and (max-width:1199px) {
  .lon-name {
    width:90%;
  }
  .other-rewards-list-tile .cl-twitter {
    margin-right: 30px !important;
  }
}

/**/
.cl-share {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.cl-s-share {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.cl-fb {
  background-color: #46679C;
}
.cl-fb:hover {
  background-color: rgba(62, 93, 160, 0.89);
}
.cl-twitter {
  background-color: #41A8DD;
}
.cl-twitter:hover {
  background-color: #64B3EF;
}
.cl-share span {
    font-size: 27px;
    padding-top: 12px;
    color: #ffffff;
}
.cl-s-share span {
  font-size: 14px;
  padding-top: 6px;
  color: #ffffff;
}
.cl-s-share.cl-fb span {
  padding-left: 8px;
}
.cl-s-share.cl-twitter span {
  padding-left: 6px;
}
.other-rewards-list-tile {
  background: #FFFCFA;
  border: 1px solid rgba(255,129,63,0.26);
  border-radius: 3px;
}
.other-rewards-list-tile:hover .r-tile-border {
  background-color: #ff813f;
  height: 5px;
}
.other-rewards-list-tile .p-relative {
    padding: 30px 4.5% 20px;
 }
.other-rewards-list-tile .reward-payment-title {
   font-family: 'Avenir Heavy',sans-serif;
    font-size: 24px !important;
    color: #ff813f;
    letter-spacing: 0;
}
.reward-payment-desc {
  font-family: 'Avenir Light',sans-serif;
  font-size: 15px;
  color: #807E9C;
  letter-spacing: 0;
  line-height: 22px;
}
.cl-s-text {
  font-family: 'Avenir Heavy',sans-serif;
  font-size: 12px;
  color: #000000;
  letter-spacing: 0;
  margin-bottom: 0;
}
@media(min-width:992px) {
  .other-rewards-list-tile .cl-actions {
    float: right;
    height: 100px;
  }
}
/**/
.error-container {
  background-color: #ffffff;
  border: 1px solid rgba(255, 129, 63, 0.264776);
  padding: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media(min-width:992px) {
  .err-width {
    width: 60%;
  }
}
.error-container img {
  width: 60px;
}
.error-container .connect-text {
  font-size: 14px !important;
}
@media(max-width:767px) {
  .error-container {
    display: block;
  }
}
.copy-script, .copy-script:active, .copy-script:hover, .copy-script:focus {
    background-color: #ff813f;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Avenir Light',sans-serif;
    padding: 3px 8px;
    border-radius: 4px;
}
@media(max-width: 767px) {
  .copy-script, .copy-script:active, .copy-script:hover, .copy-script:focus {
    font-size: 11px !important;
  }
  .coffeewall_edit .script-wrapper {
    width: auto !important;
  }
  #ScriptModal .cred-modal-head {
    padding: 0 !important;
  }
  .finish-btn {
    min-width: 150px !important;
    height: 45px !important;
    padding-top: 13px !important;
    font-size: 14px !important;
  }
}
@media(min-width: 768px) and (max-width:991px) {
  .coffeewall_edit .script-wrapper {
    /*width: 280px !important;*/
    width: 100% !important;
  }
}
@media(min-width: 992px) and (max-width:1199px) {
  .coffeewall_edit .script-wrapper {
    /*width: 370px !important;*/
    width: 100% !important;
  }
}
.finish-btn {
  min-width: 190px;
  text-align: center;
  height: 60px;
  float: right;
}
#ScriptModal .script-wrapper {
  width: 100% !important;
}
.modal-input-holder {
    margin: 0 auto;
    position: relative;
}
.modal-input-holder .goal-dy-amt {
    top: 8px !important;
    right: 10px !important;
}
.card-num-hidden {
    width: 7px;
    height: 7px;
    background-color: #262626;
    border-radius: 50%;
}
.card-num-shown {
  font-family: 'Avenir Heavy',sans-serif;
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
}
.card-img {
  height: 30px;
}
.card-img-d {
  width: 30px;
  margin-left: 11px;
  margin-right: 13px;
}
.stripe-connected-acc {
  font-family: 'Avenir Heavy',sans-serif;
  font-size: 17px;
  color: #807E9C;
  letter-spacing: 0;
  margin: 0;
}
.delete-card {
  font-size: 24px;
  padding-left: 15px;
  color: #B1B0C2;
  padding-bottom: 6px;
}
@media(max-width:767px) {
  .card-num-shown {
    font-size: 14px !important;
  }
  .card-img {
    height: 20px !important;
  }
}
/* qqqq */
@media(min-width: 768px) {
  .delete-modal .modal-dialog {
    width: 450px;
  }
  .cancel-deletion {
    font-size: 17px !important;
  }
}
@media(min-width: 481px) and (max-width:767px) {
  .cancel-deletion {
    font-size: 17px !important;
  }
  .bmc-modal .modal-dialog {
    width: 90%;
  }
}
@media(max-width:767px) {
  .delete-modal .tab-head {
    font-size: 17px !important;
    line-height: 23px !important;
  }
}
.cancel-deletion:hover, .cancel-deletion:active, .cancel-deletion:focus {
  color: #262626;
}
.delete-modal .modal-body {
  padding: 7.5% 10.5% !important;
}
.centered-modal {
  text-align: center;
  padding: 0 !important;
}
.centered-modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.centered-modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media(max-width:480px) {
  .centered-modal .modal-dialog {
    width: 95%;
  }
}
@media(max-width:640px) {
  #EditPost .modal-dialog {
    width: 95% !important;
  }
}
@media(min-width:641px) and (max-width:767px) {
  #EditPost .modal-dialog {
    width: 500px !important;
  }
}
@media(max-width:767px) {
  .centered-modal .modal-dialog {
    margin: 10px auto;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.modal-open .preview-post {
    background-color: rgba(0, 0, 0, 0.5);
    padding-right: 0 !important;
}
@media(max-width: 767px) {
  .preview-post .modal-dialog {
    margin: 75px 15px !important;
  }
}
@media(min-width: 768px) and (max-width:991px) {
  .preview-post .modal-dialog {
    width: 630px !important;
  }
}
@media(min-width: 992px) {
  .preview-post .modal-dialog {
    width: 762px !important;
  }
}
.preview-post .modal-dialog {
  margin: 110px auto;
}
#preview-lightbox.modal {
  background-color: rgba(0, 0, 0, 0.80);
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.preview-post .modal-header {
  border-bottom: none;
  padding: 0 !important;
}
.preview-post .close, #preview-lightbox .close {
  right: 30px;
  top: 10px;
  position: fixed;
  font-size: 45px;
  font-weight: 100;
  color: #ffffff;
  opacity: 0.5;
  -webkit-transition: 0.2s all linear;
  -o-transition: 0.2s all linear;
  transition: 0.2s all linear;
}
.preview-post .close:hover {
  opacity: 0.7;
}
.preview-lightbox {
  text-align: center;
  background-color: transparent;
  box-shadow: none;
  border: none;
}
.preview-lightbox img {
  border: 5px solid #ffffff;
  border-radius: 5px;
  width: 90%;
  margin: 80px auto;
}
.load-graph {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
@media(max-width:1199px) {
  .lg-only-tb-view {
    display: none;
  }
}
@media(min-width:1200px) {
  .lg-only-tb-view {
    display: table-cell;
  }
}
@media(max-width:991px) {
  .md-only-tb-view {
    display: none;
  }
}
@media(min-width:992px) {
  .md-only-tb-view {
    display: table-cell;
  }
}
@media(max-width:480px) {
  .tech-warning {
    width: auto !important;
    padding: 15px 10px !important;
    font-size: 10px !important;
    margin-top: 10px !important;
  }
}
@media(max-width:767px) {
  .tech-warning {
    width: auto !important;
    padding: 15px 10px !important;
    font-size: 10px !important;
    margin-top: 10px !important;
  }
}
.tech-warning span {
  font-family: 'Avenir Light',sans-serif !important;
  font-size: 14px !important;
  color: #262626 !important;
}
.info-text {
    text-transform: capitalize;
    padding: 4px 7px !important;
    margin-top: 0;
    font-size: 11px !important;
    font-family: 'Avenir Roman',sans-serif;
    line-height: 7px;
    height: 21px;
    margin-bottom: 0;
    margin-left: 5px;
    cursor: pointer;
}
.info-text .info-sign {
  display: inline-block;
  padding-left: 0.5px;
  padding-top: 2px;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  text-transform: lowercase;
  background: #ffffff;
  border: 1px solid #ff813f;
  margin-left: 4px;
}
.pay-text {
  color: #ffffff;
  font-family: 'Avenir Roman',sans-serif;
  font-size: 18px;
  height: 45px;
  /*line-height: 45px;*/
  border-radius: 4px;
}
@media(max-width: 480px) {
  .pay-text {
    height: 40px !important;
    /*line-height: 40px !important;*/
    font-size: 16px !important;
  }
  .payout-btn {
    font-size: 12px !important;
  }
  .remove-thumb {
    right: 5px !important;
    top: 5px !important;
  }
}
.coin-pay {
  background-color: #DD4719;
}
.pay-text svg {
  vertical-align: middle;
  margin-right: 10px;
  height: 22px;
}
.bitcoin-load {
  width: 45px;
  height: 45px;
  transform: scale(0.75);
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.show-it {
  opacity: 1;
  transform: scale(1);
}
/* UPDATES SECTION NEW CHANGES */
.loggedin-upd-details-withimg {
  line-height: 60px;
  height: 60px;
}
/*.loggedin-upd-details-withimg .upd-date {
  padding-top: 23px;
}*/
.delete-upd {
  font-size: 14px !important;
  padding-right: 10px;
}
.loggedin-upd-details {
  overflow: hidden;
}
.loggedin-upd-details p {
  float: left;
  max-width: 80%;
  word-break: break-all;
  white-space: nowrap;
}
.upd-date {
  float: left;
  padding-left: 10px;
}
.video-thumb-details {
  height: auto !important;
  overflow: auto !important;
}
.remove-thumb {
  line-height: 15px;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
  height: 15px;
  font-family: 'Avenir light',sans-serif;
  color: rgba(0,0,0,0.3);
}
.remove-thumb:hover, .m-tb-settings label {
  cursor: pointer;
}
.uploaded-video {
  padding: 10px;
  border: 1px solid #E1E1E1;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.video-thumb {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  height: 91px;
  width: 140px;
  border-radius: 2px;
}
.video-title {
  font-family: 'Avenir Heavy',sans-serif;
  font-size: 18px;
  color: #010101;
  letter-spacing: 0.2px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-height: 22px;
}
.video-type {
  margin-bottom: 5px;
  font-family: 'Avenir Light', sans-serif;
  font-size: 14px;
  color: #807E9C;
}
.video-content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 37px;
  font-family: 'Avenir Light', sans-serif;
  font-size: 14px;
  color: #807E9C;
  margin-bottom: 0;
}
.video-detail {
  padding-left: 20px;
  width: 80%;
}
@media(min-width:768px) {
  .loggedin-upd-details {
    width: 85%;
  }
  .loggedin-upd-details-noimg {
    line-height: normal !important;
    height: auto !important;
  }
  .loggedin-upd-details-noimg .upd-date {
    padding-top: 2px;
  }
}
@media(max-width:767px) {
  .loggedin-upd-details p {
    line-height: normal !important;
    height: auto !important;
    padding-top: 12px;
  }
  .not-loggedin-upd-date {
    position: absolute;
    top: 62px;
    left: 100px;
  }
}
@media(max-width:480px) {
  .uploaded-video {
    display: block !important;
    padding: 20px 15px 15px !important;
  }
  .video-thumb {
    width: 100% !important;
  }
  .video-detail {
    padding-top: 20px;
    width: auto !important;
    padding-left: 0 !important;
  }
}
@media(max-width:430px) {
  .loggedin-upd-details {
    width: 55%;
  }
  .loggedin-upd-details .not-lg-date {
    position: absolute;
    left: 100px;
    top: 40px;
  }
}
@media(min-width:431px) and (max-width:767px) {
  .loggedin-upd-details {
    width: 60%;
  }
  .loggedin-upd-details p {
      width: 65%;
  }
  .loggedin-upd-date {
    left: 100px;
    position: absolute;
    top: 65px;
  }
}
/* /.. UPDATES SECTION NEW CHANGES */

.exclude-url-list .open-btn {
  width: 30px !important;
  height: 30px !important;
}
.exclude-url-list .open-btn:before {
  margin-left: 15.5px !important;
  width: 2px !important;
  margin-top: 10px !important;
}
.exclude-url-list .open-btn:after {
  left: 10.5px !important;
  margin-top: 15px !important;
}
.exclude-url-list {
    position: absolute;
    right: 0;
    top: 0;
}
.exclude-url-list:hover {
  cursor: pointer;
}
.exclude-url {
  width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.exclude-item {
  position: relative;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 5px 20px 5px 10px;
}
.remove-url {
    position: absolute;
    right: 6px;
    top: 5px;
    font-size: 25px;
    height: 20px;
    line-height: 15px;
    color: rgba(128, 126, 156, 0.5);
}
.remove-url:hover {
  cursor: pointer;
  color: #ff813f;
}
.integration-item {
    border: 1px solid rgba(225, 225, 225, 0.5);
    background: #FFFFFF;
    /*border: 1px solid #E1E1E1;*/
    border-radius: 4px;
    width: 150px;
    margin: 0 auto;
    height: 130px;
    margin-bottom: 25px;
    transition:0.3s all linear;
    -moz-transition:0.3s all linear;
    -webkit-transition:0.3s all linear;
    -ms-transition:0.3s all linear;
    -o-transition:0.3s all linear;
    padding: 20px 0;
}
.integration-item:hover, .integration-item:active, .integration-item:focus {
  -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.14);
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.14);
}
.intg-back-arrow {
    position: absolute;
    top: 30px;
    left: 35px;
}
.intg-btn {
  width: 240px;
  text-align: center;
}
.intg-inner {
  width: 100px;
}
.intg-connector {
  font-size: 32px;
  color: #000000;
  vertical-align: middle;
  padding-left: 3%;
  padding-right: 3%;
}
.intg-modal-title {
  font-family: 'Avenir Roman', sans-serif;
  font-size: 18px;
  color: #474747;
  letter-spacing: 0;
  text-align: left;
}
.open-integration-types .script-wrapper {
  width: 100% !important;
}
.cc-btn {
    margin-top: 20px;
    padding: 6px 5px !important;
    font-size: 12px !important;
}

.mockup-head {
  color: #000000;
  font-family: 'Avenir Heavy',sans-serif;
  /*font-weight: 600;*/
  margin-top: 0;
}
.mockup-body {
  color: #788594;
  letter-spacing: 0;
  /*font-weight: 400;*/
  font-family: 'Avenir Light',sans-serif;
}
.mockup-img {
  width: 564px;
}
.mockup-item {
  width: 80%;
}
.yellow-liner {
    height: 7px;
    background-color: #FFDD00;
    width: 55%;
}
.gif-shadow {
  -webkit-box-shadow: 0 1px 2px 0 rgba(190,190,190,0.50);
  box-shadow: 0 1px 2px 0 rgba(190,190,190,0.50);
}
/*.images-uploaded {
  height: 102px;
}
.images-uploaded .gallery-display {
  display: inline-block;
  position: relative;
}
.remove-option {
  position: absolute;
  top: 0;
  width: 96.5%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);

  transition: .5s ease;
  text-align: center;
}
.remove-img, .remove-option {
  opacity: 0;
}
.remove-img {
  color: #ffffff;
  line-height: 91px;
  font-family: 'Avenir Light',sans-serif;
  font-size: 17px;
  word-wrap: break-word;
  position: absolute;
  top: 0;
  height: 100%;
  text-align: center;
}
.images-uploaded .gallery-display:hover {
  cursor: pointer;
}
.images-uploaded .gallery-display:hover .remove-option,
.images-uploaded .gallery-display:hover .remove-img {
  opacity: 1;
}*/
@media(min-width:768px) {
  .mockup-right {
    float: right;
  }
  .mockup-item-each {
    margin-top: 150px;
  }
}
@media(max-width:480px) {
  .integration-item {
    width: 100% !important;
    height: 110px !important;
  }
  .integration-item img {
    width: 33px !important;
  }
  .integration-item .tab-head {
    font-size: 14px !important;
  }
  .dest-url-holder {
    height: auto !important;
  }
  .dest-url-holder p {
    width: 100% !important;
  }
  .dest-url-holder .copy-btn {
    position: relative;
    right: auto;
    bottom: auto;
  }
  .show-form {
    display: block !important;
  }
}
@media(min-width:481px) and (max-width:767px) {
  .show-form {
    display: flex !important;
  }
  .modal-input-holder {
    width: 366px;
  }
  .preview-plan {
    width: 300px;
  }
}
@media(max-width:767px) {
  .mockup-item {
    margin: 0 auto;
    width: 90% !important;
    margin-bottom: 30px !important;
  }
  .mockup-detail-wrapper {
    margin-top: 40px;
    /*height: 372px;*/
  }
  .mockup-detail-wrapper .vert-center {
    position: unset !important;
    top: auto !important;
    transform: none !important;
  }
  .mockup-head {
    font-size: 25px;
    line-height: 39px;
  }
  .mockup-body {
    font-size: 18px;
  }
  .yellow-liner {
    margin: 0 auto;
  }
  .mockup-item-each {
    margin-top: 90px;
  }
  .modal-input-holder .goal-dy-amt {
    top: -1px !important;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .mockup-detail-wrapper .vert-center {
    position: unset !important;
    top: auto !important;
    transform: none !important;
  }
  .mockup-detail-wrapper {
    height: 227px;
  }
  .mockup-head {
    font-size: 27px;
    line-height: 38px;
  }
  .mockup-body {
    font-size: 17px;
  }
  .home-welcome {
    height: 320px;
  }
}
@media(min-width:992px) {
  .home-welcome {
    height: 389px;
  }
}
@media(min-width:992px) and (max-width:1199px) {
  .dest-url-holder p {
    width: 70% !important;
  }
  .reward-thankyou-holder {
    padding: 5% !important;
    width: 80% !important;
  }
  .mockup-head {
    line-height: 45px;
    font-size: 29px;
  }
  .mockup-body {
    font-size: 19px;
  }
  .mockup-detail-wrapper {
    height: 303px;
  }
}
@media(min-width:1200px) {
  .mockup-head {
    line-height: 50px;
    font-size: 31px;
  }
  .mockup-body {
    font-size: 21px;
  }
  .mockup-detail-wrapper {
    height: 373px;
  }
}
@media(min-width:768px) {
  .show-form {
    display: flex !important;
  }
  .modal-input-holder {
    width: 466px;
  }
}
.step-wrapper {
  background: #FFFCFA;
  border: 1px solid rgba(255,129,63,0.26);
  font-family: 'Avenir Heavy',sans-serif;
  font-size: 16px;
  color: #FF813F;
  letter-spacing: 0;
  text-align: center;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  margin-bottom: 0;
  padding-top: 4px;
}
/* Rewards page */

/*  Stripe elemts */
.example.example-stripe form > * + * {
  margin-top: 20px;
}

.example.example-stripe .container {
  background-color: #fff;
  border-radius: 4px;
  padding: 0;
}

.example.example-stripe fieldset {
  border-style: none;
  border-radius: 8px;
}

.example.example-stripe fieldset legend {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 13px;
  color: #8898aa;
  padding: 3px 10px 7px;
}

.example.example-stripe .card-only {
  display: block;
}
.example.example-stripe .payment-request-available {
  display: none;
}

.example.example-stripe fieldset legend + * {
  clear: both;
}

.example.example-stripe input, .example.example-stripe button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border-style: none;
  color: #fff;
}

.example.example-stripe input:-webkit-autofill {
  transition: background-color 100000000s;
  -webkit-animation: 1ms void-animation-out;
}

.example.example-stripe #example-card {
  padding: 15px;
  margin-bottom: 2px;
  background: #FFFFFF;
  border: 1px solid #E1E1E1;
  border-radius: 4px;
  height: 52px;
}

.example.example-stripe input {
  -webkit-animation: 1ms void-animation-out;
}

.example.example-stripe input::-webkit-input-placeholder {
  color: #9bacc8;
}

.example.example-stripe input::-moz-placeholder {
  color: #9bacc8;
}

.example.example-stripe input:-ms-input-placeholder {
  color: #9bacc8;
}

.example.example-stripe button {
  width: 100%;
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  outline: none;
  text-decoration: none;
  background: #FF813F;
  white-space: nowrap;
  display: inline-block;
  height: 52px;
  line-height: 40px;
  padding: 0 14px;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  border-radius: 4px;
  font-size: 17px;
  letter-spacing: 0.025em;
  text-decoration: none;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  float: left;
  font-family: 'Avenir Roman',sans-serif;
  /*margin-top: 30px;*/
}

.example.example-stripe button:active {
  background-color: #FF813F;
}

.example.example-stripe .error svg .base {
  fill: #e25950;
}

.example.example-stripe .error svg .glyph {
  fill: #f6f9fc;
}

.example.example-stripe .error .message, .example.example-stripe .error .message a {
  color: #e25950;
}

.example.example-stripe .success .icon .border {
  stroke: #ff813f;
}

.example.example-stripe .success .icon .checkmark {
  stroke: #ff813f;
}

.example.example-stripe .success .title {
  color: #32325d;
}
.reward-payment .container {
  width: auto !important;
}
.reward-payment .success svg path {
  fill: transparent;
}
#coupon-link:hover {
  cursor: pointer;
  color: #ff813f;
}
#coupon-link:hover svg #Coffee-Links-Coupon {
  fill: #ff813f !important;
}
#coupon-link {
  width: 200px;
  margin: 0 auto
}
.coupon-form {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  width: 388px;
}
.coupon-wrapper .show-result {
    position: absolute;
    top: 14px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.c-apply-input {
    height: 47px;
    width: 245px;
    background: #ffffff;
    border: 1px dashed #FF813F;
    padding: 12px 35px;

    font-family: 'Avenir Heavy',sans-serif;
    font-size: 15px;
    color: #747474;
    letter-spacing: 0.9px;
}
.c-apply-btn, .c-apply-btn:hover, .c-apply-btn:focus, .c-apply-btn:active {
  height: 47px !important;
  width: 138px;
  font-size: 15px;
  display: inline-block;
  margin-top: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  line-height: 47px;
  padding: 0 40px !important;
}
.card-logo {
  height: 30px;
}
.card-logo-set {
  margin-left: auto;
  margin-top: -3px;
}
.stripe-email {
    height: 47px;
    padding: 15px;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #E1E1E1 !important;
    border-radius: 4px;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
    font-size: 16px;
    color: rgb(41,42,42) !important;
    font-family: 'Avenir Light',sans-serif !important;
    width: 100%;
}
.example-stripe .stripe_email_holder {
  width: 100% !important;
}
.stripe_email_holder {
  width: 388px;
  margin: 0 auto;
}
.panel .example-stripe .stripe-email::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: sans-serif !important;
  color: #333333 !important;
  font-weight: 300 !important;
}
.panel .example-stripe .stripe-email::-moz-placeholder { /* Firefox 19+ */
  font-family: sans-serif !important;
  color: #333333 !important;
  font-weight: 300 !important;
}
.panel .example-stripe .stripe-email:-ms-input-placeholder { /* IE 10+ */
  font-family: sans-serif !important;
  color: #333333 !important;
  font-weight: 300 !important;
}
.panel .example-stripe .stripe-email:-moz-placeholder { /* Firefox 18- */
  font-family: sans-serif !important;
  color: #333333 !important;
  font-weight: 300 !important;
}

.stripe-email::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 14px;
  color: #333333;
  font-family: 'Avenir Light', sans-serif !important;
  opacity: 0.3 !important;
}
.stripe-email::-moz-placeholder { /* Firefox 19+ */
  font-size: 14px;
  color: #333333;
  font-family: 'Avenir Light', sans-serif !important;
  opacity: 0.3 !important;
}
.stripe-email:-ms-input-placeholder { /* IE 10+ */
  font-size: 14px;
  color: #333333;
  font-family: 'Avenir Light', sans-serif !important;
  opacity: 0.3 !important;
}
.stripe-email:-moz-placeholder { /* Firefox 18- */
  font-size: 14px;
  color: #333333;
  font-family: 'Avenir Light', sans-serif !important;
  opacity: 0.3 !important;
}
.stripe-email:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}
.name-err::after, .email-err::after  {
  right: 262px !important;
}
.email-err {
  float: none !important;
}
.email-holder, .card-holder {
  display: inline-block;
  width: 100%;
}
.stripe-btn {
  border: none;
  border-radius: 4px;
  outline: none;
  text-decoration: none;
  color: #fff;
  background: #FF813F;
  white-space: nowrap;
  display: inline-block;
  height: 52px;
  line-height: 40px;
  padding: 7px 14px;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  border-radius: 4px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.025em;
  text-decoration: none;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  float: left;
  margin-left: 12px;
  margin-top: 28px;
  width: 100%;
  text-align: center;
  font-family: 'Avenir Roman',sans-serif;
}

.stripe-btn:hover, .example.example-stripe button:hover {
  background-color: rgba(255, 128, 62, 0.87) !important;
  -webkit-box-shadow: 0 4px 16px 0 rgba(255,129,63,.45) !important;
  box-shadow: 0 4px 16px 0 rgba(255,129,63,.45) !important;
  color: #ffffff;
  cursor: pointer;
}

.stripe-label {
  display: block;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  font-family: 'Avenir Heavy',sans-serif;
}

.card-holder legend {
  border: none !important;
}
/* /.. Stripe elements*/

.modal .stripe-pay-btn {
  height: 45px !important;
}

.coffee-ph {
  padding: 0;
  height: 30px;
}
.p-tb-8 {
  padding-top: 8px;
  padding-bottom: 8px !important;
}
.coffee_link_wrapper {
  padding: 0;
  /*padding: 16px 0 26px 25px;*/
  min-height: 156px;
  /*min-height: 185px;*/
}

.search-checkbox {
  display: inline-block;
  height: 34px;
  width: 34px;
  background: #FFFFFF;
  border: 1px solid #BEC6CC;
  box-sizing: border-box;
  border-radius: 3px;
  margin-left: 15px;
}
.search-checkbox label:hover {
  cursor: pointer;
}
.search-checkbox label {
  display: block;
  height: 34px;
  position: relative;
  width: 34px;
  padding-left: 0;
}
.search-checkbox label:after {
  -moz-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -webkit-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  border-right: 3px solid transparent;
  border-top: 3px solid transparent;
  content: '';
  display: block;
  height: 22px;
  left: 4.8px;
  position: absolute;
  top: 19px;
  width: 8px;
}
.search-checkbox input {
  display: none;
}
.search-checkbox input:checked + label:after {
  -webkit-animation: check 0.8s;
  -moz-animation: check 0.8s;
  -o-animation: check 0.8s;
  animation: check 0.8s;
  border-color: #FF813F;
}
@-webkit-keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 8px;
  }
  50% {
    height: 22px;
    width: 8px;
  }
}
@-moz-keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 8px;
  }
  50% {
    height: 22px;
    width: 8px;
  }
}
@keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 8px;
  }
  50% {
    height: 22px;
    width: 8px;
  }
}
.updates-w .slick-track {
  margin: 0 auto;
}
.reward-tile .story {
  line-height: 25px !important;
}
.reward-tile {
  background: #FFFCFA;
  border: 1px solid rgba(255,129,63,0.26);
    transition:0.3s all linear;
    -moz-transition:0.3s all linear;
    -webkit-transition:0.3s all linear;
    -ms-transition:0.3s all linear;
    -o-transition:0.3s all linear;
    background-color: #ffffff;
}
.reward-wrapper {
  background: #FFFFFF;
  -webkit-box-shadow: 0 1px 10px 0 rgba(123,123,123,0.22);
  box-shadow: 0 1px 10px 0 rgba(123,123,123,0.22);
  border-radius: 3px;
}
.reward-actions {
  position: absolute;
  right: 24px;
}
.reward-actions span img {
  height: 16px;
  margin-bottom: 5px;
}
.reward-actions .fa-trash-o {
  font-size: 20px;
  color: #959697;
  padding-left: 10px;
  transition: 0.3s all linear;
}
.reward-actions .fa-trash-o:hover, .reward-actions .fa-trash-o:active, .reward-actions .fa-trash-o:focus {
  color: #FF813F;
}
.reward-actions a:hover {
  cursor: pointer;
}
.reward-line-limit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 43px;
  word-break: break-word;
  font-family: 'Nunito',sans-serif;
  color: #999898;
  opacity: 0.7;
  letter-spacing: 0;
  font-weight: 300;
  line-height: 21px;
  font-size: 14px;
}
.actions-list {
  border-left: 0.8px solid rgba(123,123,123,0.19);
}
.pay-hint {
  font-family: 'Avenir Roman',sans-serif;
    color: rgba(128, 126, 156,0.5);
    letter-spacing: 0.15px;
    word-break: break-word;
    line-height: 28px;
    font-size: 13px;
    margin-bottom: 0;
}
.reward-pay-about-div {
  width: 40%;
  margin: 0 auto;
  text-align: center;
}
.reward-pay-about {
  font-family: 'Avenir Light',sans-serif;
  font-size: 17px;
  color: #807E9C;
  letter-spacing: 0;
  word-break: break-word;
}
.reward-coffee-details, .coffeewall-details {
  font-size: 14px;
  font-family: 'Avenir Oblique',sans-serif;
  /*height: 26px;*/
  margin-bottom: 0;
  align-items: center;
}
#generate-btn, #setup-paywall {
    text-align: center !important;
    padding: 0 !important;
    line-height: 80px;
}
#generate-btn .circle-loader {
  vertical-align: middle !important;
}
@media(max-width: 480px) {
  .reward-payment-wrapper .example .error,
  .main-payment .example .error {
    bottom: 46px !important;
    margin-top: 0 !important;
    text-align: center;
  }
  .example.example-stripe button {
    /*margin-top: 40px !important;*/
  }
  .stripe-btn, .example.example-stripe button {
    font-size: 17px !important;
    height: 45px !important;
  }
  .example.example-stripe #example-card {
    padding: 17px 10px !important;
  }
  .pay-holder {
    padding: 0 15px;
  }
  .stripe-label {
    font-size: 11px !important;
  }
  .reward-coffee-box {
    width: auto !important;
  }
  .modal-btn {
    width: auto !important;
    margin-left: 2%;
    margin-right: 2%;
  }
  .stripe_email_holder {
    width: 100% !important;
  }
  .reward-coffee-box .x-class {
    padding-left: 8px;
    padding-right: 8px;
  }
  .coffee_count_err {
    width: 100% !important;
    float: none !important;
  }
  .coffee_count_err::after {
    left: 38% !important;
    right: auto !important;
  }
  .imp-edit-link {
    font-size: 15px !important;
  }
  /*.link-label {
    word-break: break-word;
  }*/
  #reward-modal .modal-body,
  #pay_braintree .modal-body {
    padding: 20px 15px 35px !important;
  }
  .reward-tile {
    width: 260px;
    height: 225px;
    padding: 20px;
    margin: 0 auto;
  }
  .dummy-reward-tile {
    width: 260px;
    height: 225px;
  }
  .reward-tile .story {
    font-size: 15px !important;
  }
  .i-w-100 {
    width: 100% !important;
  }
  .save-form.i-w-100, .edit-form.i-w-100 {
    margin-top: 20px;
  }
  #generate-btn, #setup-paywall {
    width: 100%;
    font-size: 17px !important;
  }
  .check-label {
    width: 70%;
  }
  .reward-coffee-box .button-label {
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
  }
  .reward-coffee-box .button-label span {
    line-height: 30px !important;
    text-align: center;
  }
  .reward-coffee-box img {
    height: 35px;
  }
  .reward-coffee-box .coffee-options {
    margin-top: 0 !important;
  }
  .reward-coffee-box .coffee-def {
    margin-right: 10px !important;
    width: 35px !important;
    height: 30px !important;
    padding: 5px !important;
  }
  .pay-hint {
    line-height: 20px !important;
  }
  .payment-title {
    font-size: 23px !important;
    line-height: 30px !important;
  }
  .c-apply-input, .coupon-form {
    /*width: 190px !important;*/
    width: 100% !important;
  }
  .c-apply-btn, .c-apply-btn:hover, .c-apply-btn:focus, .c-apply-btn:active {
    margin-top: 10px !important;
  }
  .link-form .btn-white {
    padding: 26px 0 !important;
  }
}
@media(min-width:481px) and (max-width: 767px) {
  .dest-url-holder p {
    width: 75% !important;
  }
  .stripe-label {
    font-size: 13px !important;
  }
  .coffee_count_err {
    width: 307px;
    margin: 0 auto;
    margin-left: 10px !important;
    float: none !important;
    margin-top: 15px !important;
  }
  .coffee_count_err::after {
    right: 208px !important;
    left: auto !important;
  }
  #reward-modal .modal-body,
  #pay_braintree .modal-body {
    padding: 20px 30px 35px !important;
  }
  .reward-tile {
    width: 385px;
    height: 235px;
    padding: 20px;
    margin: 0 auto;
  }
  .dummy-reward-tile {
    width: 385px;
    height: 235px;
  }
  .link-form .btn-white {
    padding: 27px 43px !important;
  }
  .save-form #save-btn, .edit-form #edit-btn {
    padding: 27px 52px !important;
  }
  #generate-btn, #setup-paywall {
    font-size: 15px !important;
  }
  #setup-paywall {
      width: 50%;
  }
  .reward-coffee-box .button-label {
    padding:0 !important;
    line-height:45px !important;
    text-align:center !important;
  }
  .payment-title {
    font-size: 27px !important;
  }
  .coupon-form {
    display: flex;
  }
}
@media(max-width:767px) {
  .reward-line-limit {
    width: auto !important;
  }
  .card-logo {
    height: 20px !important;
  }
  .reward-payment-wrapper {
    padding: 5% 5% 7% !important;
    width: 90% !important;
  }
  .other-rewards-list {
    width: 90% !important;
  }
  .payment-desc {
    font-size: 16px !important;
  }
  .payment-data {
    padding-left: 15px;
    padding-right: 15px;
  }
  .reward-paypal-btn, .reward-google-pay {
    width: 100% !important;
  }
  .reward-input-value .blur-text {
    font-size: 13px !important;
  }
  .reward-detail-display {
    display: flex;
  }
  .display_coffee_count {
    position: relative !important;
    margin-top: 15px;
    right: auto !important;
    top: auto !important;
  }
  .copy-it {
    display: block;
  }
  .lg-h-auto {
    height: 19px !important;
  }
  .reward-actions {
    right: 15px !important;
  }
  .destination-url-box .about-pg-head {
    font-size: 20px !important;
  }
  .reward-thankyou .ctr-pg-head {
    font-size: 28px !important;
    line-height: 36px !important;
  }
  .destination-url-box {
    padding: 7px 10px !important;
    width: 80% !important;
  }
  .reward-thankyou {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .desc-area, .desc-area-edit {
    height: 100px;
  }
  .reward-check {
    width: 50%;
    font-size: 14px !important;
  }
  .reward-display {
    padding: 15px 15px 0;
  }
  .link-form .btn-white, .save-form #save-btn, .edit-form #edit-btn {
    font-size: 17px !important;
  }
  .canecl-btn {
    padding-top: 23px !important;
  }
  .reward-pay-about-div {
    width: 90% !important;
  }
  .rewards-more {
    font-size: 24px !important;
  }
  .reward-coffee-details {
    font-size: 13px !important;
  }
  .reward-coffee-details .flex-l, .reward-coffee-details .flex-r {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .reward-coffee-details .flex-l p, .reward-coffee-details .flex-r p {
    width: 50%;
  }
  .reward-coffee-details .flex-l p:first-of-type, .reward-coffee-details .flex-r p:first-of-type {
    text-align: right;
  }
  .reward-coffee-details .flex-r {
    margin-top: 10px;
  }
  .coffeewall-stat {
    margin-bottom: 15px;
  }
}
@media(min-width:768px) and (max-width:991px) {
  .i-w-100 {
    width: 100% !important;
  }
  .save-form.i-w-100, .edit-form.i-w-100 {
    margin-top: 20px;
  }
  .coffee_link_wrapper {
    width: 101% !important;
  }
  .check-label {
    width: 70%;
  }
  .reward-tile {
    /*height: 250px;
    width: 260px;*/
    height: 243px;
    width: 280px;
    margin: 0 auto;
    padding: 40px 20px;
    /*margin-right: 0;
    margin-left: 27px;*/
  }
  .dummy-reward-tile {
    margin-left: 15px;
    margin-right: 15px;
    height: 243px;
    width: 280px;
  }
  .reward-line-limit {
    width: 100%;
      /*width: 50%;*/
  }
  .display_coffee_count {
    right: 24px !important;
  }
  .destination-url-box {
    padding: 7px 10px !important;
    width: 80% !important;
  }
  /*.destination-url-box .about-pg-head {
    font-size: 24px;
  }*/
  .reward-display {
    padding: 24px 24px 0;
    width: 100%;
  }
  .actions-list {
    width:100%;
    display: flex;
  }
  .desc-area, .desc-area-edit {
    height: 75px;
  }
  #generate-btn {
    font-size: 16px !important;
  }
  #setup-paywall {
      width: 50%;
  }
  .reward-coffee-details .flex-l, .reward-coffee-details .flex-r {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .reward-coffee-details .flex-l p, .reward-coffee-details .flex-r p {
    width: 50%;
  }
  .reward-coffee-details .flex-l p:first-of-type, .reward-coffee-details .flex-r p:first-of-type {
    text-align: right;
  }
  .reward-coffee-details .flex-r {
    margin-top: 10px;
  }
  .coffeewall-stat {
    margin-bottom: 15px;
  }
}
@media(min-width:768px) {
  .lg-h-auto {
    height: auto !important;
  }
  .coffee_count_err {
    width: 307px;
    margin: 0 auto;
    float: none !important;
    margin-top: 10px !important;
  }
  .coffee_count_err::after {
    right: 215px !important;
  }
  .right {
    float: right;
  }
  .copy-it {
    margin-right: 40px;
  }
  .reward-line-limit {
    height: 53px;
  }
  #reward-modal .modal-body,
  #pay_braintree .modal-body {
    padding: 20px 30px 35px !important;
  }
  .link-form .btn-white {
    padding: 27px 75px !important;
  }
  .save-form #save-btn, .edit-form #edit-btn {
    padding: 27px 84px !important;
  }
  .reward-coffee-box .button-label {
    padding:0 !important;
    line-height:45px !important;
    text-align:center !important;
  }
}
@media(min-width:992px) {
  .sm-flex {
    display: flex;
  }
  .reward-tile {
    /*height:260px;
    width:320px;*/
    width: 350px;
    height: 250px;
    padding: 40px;
    /*margin-right: 15px;
    margin-left: 28px;*/
    margin: 0 auto;
  }
  .dummy-reward-tile {
    width: 350px;
    height: 250px;
    margin-left: 15px;
    margin-right: 15px;
  }
  .reward-line-limit {
      width: 60%;
  }
  .reward-thankyou {
    width: 65%;
    margin: 0 auto;
  }
  .destination-url-box {
    width: 100%;
  }
  .reward-display {
    padding: 24px 0 24px 24px;
    width: 70%;
  }
  .actions-list {
    width:10%;
  }
  .desc-area, .desc-area-edit {
    height: 75px;
    /*height: 142px;*/
  }
  #setup-paywall {
      width: 25%;
  }
}
@media(min-width:992px) and (max-width:1199px) {
  .coffee-link-form .m-b-25 {
    margin-bottom: 37px !important;
  }
  .reward-coffee-details {
    font-size: 13px !important;
  }
}
@media(min-width:1200px) {
  .coffee_link_wrapper {
    width: 1000px !important;
  }
}
.imp-edit-link {
  color: #FF813F;
  font-size: 17px;
  font-family: 'Avenir Book',sans-serif;
  word-break: break-word;
}
a.imp-edit-link:hover, a.imp-edit-link:active, a.imp-edit-link:focus {
  color: #FF813F;
}

.display_coffee_count {
  position: absolute;
  right: 11%;
  top: 50px;
  /*padding: 10px 15px;*/
  /*top: 15px;*/
}
.reward-paypal-btn {
  /*width: 45%;
  margin-top: 20px;
  float: left;*/
  width: 100%;
  margin-top: 20px;
}
.reward-google-pay {
    /*width: 45%;
    float: right;
    position: absolute;
    right: 0;
    bottom: -105px;*/
    width: 100%;
    margin-top: 20px !important;
}
.pay-divider {
  font-size: 17px;
  color: #9B9B9B;
  font-family: 'Avenir Roman',sans-serif;
}
.slick-btn {
  position: absolute;
  background-color: transparent;
  border: none;
  padding: 0;
  top: 112px;
}
.slick-btn:focus, .slick-btn:active {
  outline: 0;
}
.updates-w .slick-disabled {
  display: none !important;
}
.slick-btn img {
  width: 20px;
}
.updates-w .slick-prev {
  left: -15px;
  top: 40%;
}
.updates-w .slick-next {
  right: -15px;
  top: 40%;
}
.blur-text {
  -webkit-filter: blur(3px);
-moz-filter: blur(3px);
filter: blur(3px);
}
.r-lock {
  position: absolute;
  bottom: 0;
  width: 18px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
.m-t-reward-pay {
  margin-top: 100px;
  margin-bottom: 322px;
}
.reward-pay-name {
  font-family: 'Avenir Heavy',sans-serif;
  font-size: 17px;
  color: #262626;
  letter-spacing: 0;
}
.rewards-more {
  font-family: 'Avenir Heavy',sans-serif;
  font-size: 32px;
  color: #000000;
  letter-spacing: 0;
}
.pay-choice {
  margin: 16px 0;
  font-family: 'Avenir Heavy',sans-serif;
  font-size: 18px;
  color: #FF813F;
  letter-spacing: 0;
}
.reward-payment-wrapper {
  background: #FFFFFF;
  border: 1px solid #E1E1E1;
  border-radius: 3px;
  padding: 5%;
  width: 75%;
  margin: 0 auto;
}
.other-rewards-list {
    width: 75%;
    margin: 0 auto;
    margin-top: 50px;
}
.payment-title {
  font-size: 36px;
  color: #000000;
  font-family: 'Avenir Heavy',sans-serif;
  letter-spacing: 0.6px;
}
.payment-desc {
  font-family: 'Avenir Light',sans-serif;
  font-size: 18px;
  color: #807E9C;
  letter-spacing: 0;
  word-break: break-word;
  line-height: 30px;
}
.black-bold-text {
  color: #000000;
  font-weight: 400;
}
.reward-coffee-box, .modal-btn {
  width: 388px;
  margin: 0 auto;
  padding-bottom: 20px;
  padding-top: 10px;
}
.reward-coffee-box .coffee-def {
  margin-right: 45px;
}
.modal-btn {
  display: block;
  padding: 12px 23px !important;
  font-size: 15px !important;
}
.prof-img-round {
  width: 46px;
  height: 46px;
  border-radius: 50%;
}

.link-form .switch {
  margin-top: 2px !important;
}
.destination-url-box {
  background: #FFFFFF;
  border: 1px solid #E1E1E1;
  padding: 12px 28px;
  margin: 0 auto;
}
.destination-url-box .about-pg-head {
  word-break: break-word;
  margin-bottom: 0;
  line-height: 28px;
  font-size: 24px;
}
.price-unit {
  background: #F9FBFD;
  border: 1px solid #E1E1E1;
  border-radius: 4px;
  /*width: 44px;*/
  /*height: 44px;*/
  font-family: 'Avenir Roman',sans-serif;
  /*font-size: 17px;*/
  color: rgba(51, 51, 51, 0.34);
  letter-spacing: 0;
  /*padding: 8px 16px;*/
    height: 35px;
    font-size: 14px;
    padding: 7px 10px;
    opacity: 1 !important;
    top: -17px !important;
}
/* /..Rewards page */

/* REWARDS DESIGN BY HUE */
.yt-r-link img {
  width: 17px;
  margin-top: -4px;
}
.fa-link-r {
  font-size: 15px !important;
}
.blog-link img, .medium-r-link img {
  width: 12px;
  margin-left: 2px;
  margin-top: -5px;
}
.github-link img, .wix-r-link img {
  width: 13px;
  margin-left: 2px;
  margin-top: -5px;
}
.twitch-r-link img {
  width: 10px;
  margin-left: 2px;
  margin-top: -6px;
}
.fur-r-link img {
  width: 14px;
  margin-left: 2px;
  margin-top: -6.5px;
}
.art-r-link img {
  width: 15px;
  margin-left: 2px;
  margin-top: -6px;
}
.dev-r-link img {
  width: 7px;
  margin-left: 3px;
  margin-top: -4px;
}
.behance-r-link img {
  width: 13px;
  margin-top: -2px;
}
.tumblr-r-link img {
  width: 17px;
  margin-top: -5px;
}
.twitter-r-link img {
  width: 12px;
  margin-top: -4px;
}
.fb-r-link img {
  width: 11px;
  margin-top: -4px;
  border-radius: 2px;
}
.insta-r-dummy {
  width: 12px;
  margin-bottom: 4px;
}
.reward-payment-e-tile {
  padding: 40px;
  background: #FFFCFA;
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(190, 190, 190, 0.5), 1px 0 2px rgba(190, 190, 190, 0.5);
  box-shadow: 0 1px 2px rgba(190, 190, 190, 0.5), 1px 0 2px rgba(190, 190, 190, 0.5);
}
.reward-pay-page .reward-payment-e-tile {
  width: 95%;
}
.reward-slider .reward-payment-e-tile {
  width: 100%;
  margin: 0 auto;
  /*height: 150px;*/
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 5.5%;
  padding-right: 6.3%;
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(190, 190, 190, 0.5), 1px 0 2px rgba(190, 190, 190, 0.5);
  box-shadow: 0 1px 2px rgba(190, 190, 190, 0.5), 1px 0 2px rgba(190, 190, 190, 0.5);
  background-color: #F9FBFD;
}
.reward-slider .reward-payment-e-tile .reward-payment-title {
  font-family: 'Avenir Roman',sans-serif;
  font-size: 24px;
}
.reward-slider .reward-payment-e-tile .reward-input-value {
  font-family: 'Avenir Light',sans-serif;
  font-size: 15px;
}
.blur-price {
  opacity: 0.6;
}
@media(min-width:768px) and (max-width:991px) {
  .reward-slider .see-btn {
    padding: 13px !important;
  }
}
.reward-payment-e-tile .reward-payment-title {
  font-family: 'Avenir Roman',sans-serif;
  font-size: 24px;
  color: #ff813f;
  letter-spacing: 0;
}
.reward-payment-e-tile .reward-input-value {
  font-size: 16px !important;
}
.reward-payment-e-tile .limit-reward-head {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; /* number of lines to show */
  /*line-height: X;        /* fallback */
  max-height: 37px;
}
.reward-input-value {
  font-size: 15px;
  line-height: 26px;
}
.r-tile-border {
  height: 3px;
  background-color: transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  -o-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  transition: 0.3s all linear;
  margin-top: -1px;
}
.reward-payment-e-tile:hover .r-tile-border,
.home-pg-ex-cat:hover .r-tile-border {
  background-color: #ff813f;
}
.reward-grey-text {
  font-family: 'Avenir Roman',sans-serif;
  color: #807E9C;
  letter-spacing: 0.3px;
}
.limit-r-to-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 48px;
}
.see-btn {
  font-size: 15px;
  letter-spacing: 0;
  font-family: 'Avenir Roman',sans-serif;
  letter-spacing: 0.8px;
  position: relative;
  padding: 13px 20px !important;
  display: inline-block;
  max-width: 200px;
  box-shadow: 0 12px 14px 0 rgba(255,129,63,0.37);
  -webkit-box-shadow: 0 12px 14px 0 rgba(255,129,63,0.37);
}
.payment-desc-width {
  margin: 0 auto;
}
@media(max-width:480px) {
    .reward-pay-page .reward-payment-e-tile {
      width: 90% !important;
    }
    .payment-desc {
      line-height: 23px !important;
    }
  }
  @media(min-width:481px) and (max-width:767px) {
      .reward-pay-page .reward-payment-e-tile {
        width: 80% !important;
      }
    }
    @media(max-width:767px) {
      .reward-pay-page .reward-payment-e-tile {
        margin: 0 auto;
        margin-bottom: 40px !important;
      }
      .reward-payment-e-tile .reward-payment-title {
        font-size: 23px !important;
      }
      .reward-input-value {
        font-size: 16px !important;
      }
      .reward-slider .reward-payment-e-tile {
        height: auto !important;
      }
    }
    @media(min-width:768px) {
      .other-rewards-list .r-tile-each:nth-of-type(1) .reward-payment-e-tile {
        float: left;
      }
      .other-rewards-list .r-tile-each:nth-of-type(2) .reward-payment-e-tile {
        float: right;
      }
      .payment-desc-width {
        width: 65%;
      }
    }
    @media(min-width:768px) and (max-width: 991px) {
      .reward-payment-e-tile .reward-payment-title {
        font-size: 23px !important;
      }
      .reward-input-value {
        font-size: 16px !important;
      }
    }
/**/
.modal-body textarea.input-click {
  height: 130px !important;
}
.back-btn {
    position: absolute;
    bottom: 100px;
    left: 45px;
    margin: 0;
    opacity: 0.7;
    transition: 0.3s all linear;
}
.back-btn:hover {
  opacity: 1;
}
.back-btn img {
  width: 16px;
  margin-bottom: 7px;
}
.back-btn span {
  letter-spacing: 1px;
  font-family: 'Avenir Roman',sans-serif;
  font-size: 18px;
  color: #ffffff;
  padding-left: 10px;
}
.cat-banner {
  position: relative;
}
.cat-banner .layer {
    background-color: rgba(0, 0, 0, 0.44);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cat-name {
  color: #FFFFFF;
  letter-spacing: 1px;
  font-family: 'Avenir Heavy',sans-serif;
  position: absolute;
  bottom: 25px;
  left: 45px;
  text-transform: capitalize;
}
@media(max-width:480px) {
  .bmc-sp-logo {
    width: 120px !important;
  }
  .comp-welcome-note {
    font-size: 27px !important;
  }
  .cat-name {
    bottom: 13px !important;
    left: 25px !important;
    font-size: 25px !important;
  }
  .back-btn {
    left: 25px !important;
  }
}
@media(max-width:767px) {
  .coffee_link_wrapper {
    width: 100% !important;
  }
  .back-btn {
    top: 10px;
    bottom: auto !important;
  }
  .bmc-sp-logo {
    width: 190px;
    margin: 0 !important;
  }
  .comp-welcome-note {
    font-size: 34px;
  }
  .cat-banner {
    height: 200px !important;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 0;
  }
  .cat-name {
    font-size: 35px;
  }
}
@media(min-width:768px) {
  .cat-name {
    font-size: 48px;
  }
  .cat-banner {
    height: 330px;
    margin-top: 80px;
  }
  .bmc-sp-logo {
    width: 200px;
    margin: 0 !important;
  }
  .comp-welcome-note {
    font-size: 36px;
  }
}
@media(min-width:992px) {
  .bmc-sp-logo {
    width: 307px !important;
    float: right;
    margin-top: 50px !important;
  }
  .comp-welcome-note {
    font-size: 40px !important;
  }
}
.comp-welcome-note {
  font-family: 'Avenir Heavy',sans-serif;
  color: #000000;
}
.comp-sm-text {
  font-family: 'Avenir Roman',sans-serif;
  font-size: 16px;
  color: #000000;
}
.comp-img {
  height: 62px;
  margin-top: 55px;
  margin-bottom: 24px;
}

.stripe-accordion {
    background-color: #FF813F;
    cursor: pointer;
    width: 100%;
    border: none;
    outline: none;
    /*transition: 0.4s;*/
    display: block;
    margin: 0 auto;
    height: 45px;
    text-align: center;
}

.stripe-accordion .active, .stripe-accordion:hover, .coin-pay:hover {
    opacity: 0.8;
    color: #ffffff;
}

.stripe-wrapper .panel {
    background-color: white;
    display: none;
    overflow: hidden;
    padding-top: 20px;
    border: 1px solid transparent;
    box-shadow: none !important;
}
/* Checked animation */
.circle-loader {
  border: 2px solid transparent;
  border-left-color: #ffffff;
  animation-name: loader-spin;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.o-circle {
  border-left-color: #ff813f !important;
}
.brand-loader {
  border-left-color: #FF813F !important;
}
.coffee_set_save .circle-loader {
    position: absolute;
    top: 13px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
}
.pub-btn .circle-loader, .sm-circle-loader {
    width: 20px !important;
    height: 20px !important;
}
.explore-load .circle-loader {
    width: 22px;
    height: 22px;
    border-left-color: #FF813F;
}
.circle-loader,
.circle-loader:after {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.load-complete {
  -webkit-animation: none;
  animation: none;
  border-color: transparent;
  transition: border 500ms ease-out;
}

.checkedmark {
  display: none;
}
.checkedmark.draw:after {
  animation-duration: 800ms;
  animation-timing-function: ease;
  animation-name: checkmark;
  transform: scaleX(-1) rotate(135deg);
}
.checkedmark:after {
    opacity: 1;
    /*height: 23px;
    width: 10px;*/
    height: 16px;
    width: 7px;
    transform-origin: left top;
    border-right: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    content: '';
    left: 7px;
    top: 17px;
    position: absolute;
}
.pub-btn .checkedmark:after {
    height: 16px;
    width: 7px;
    left: 0;
    top: 11px;
}
@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 7px;
    opacity: 1;
  }
  40% {
    height: 16px;
    width: 7px;
    opacity: 1;
  }
  100% {
    height: 16px;
    width: 7px;
    opacity: 1;
  }
}
/* /.. Checked animation */

/**/
.modal-backdrop {
  z-index: 1000;
}
.modal-backdrop.in {
  opacity: 0.35 !important;
}
.pay-header {
  /*background: #e8e9eb;*/
  background-color: #FF813F;
  border-radius: 6px 6px 0 0;
  height: 100px;
  padding: 15px;
}
#pay_braintree .modal-body,
#reward-modal .modal-body {
  padding: 20px 30px 35px;
}
.pay-header img {
    position: absolute;
    top: 15px;
    right: 20px;
}
.pay-title {
  font-family: 'Avenir Light',sans-serif;
  font-size: 23px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 70px;
  height: 70px;
  font-weight: 300;
}
.pay-type {
  background: #FFFFFF;
  -webkit-box-shadow: 0 1px 12px 0 rgba(0,0,0,0.27);
  box-shadow: 0 1px 12px 0 rgba(0,0,0,0.27);
  border-radius: 3px;
  height: 55px;
  margin-bottom: 5px;
}
.pay-body {
  padding: 50px 37px;
}
.bold-text {
  /*font-weight: 400;*/
  font-family: 'Avenir Heavy',sans-serif !important;
}
#accordion .pay-type:nth-of-type(2) {
  margin-top: 24px;
}
.pay-pal {
  width: 100px;
  margin-left: 33px;
}
.card-pay {
    height: 35px;
    background-color: #eee;
    border-radius: 4px;
    font-size: 15px;
    color: #4a4a4a;
    letter-spacing: 0.5px;
    font-weight: bold;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 35px;
}
.card-pay img {
  width: 45px;
}
.payment-wrapper a {
  display: block;
  text-align: center;
  margin: 0 auto;
}
.payment-wrapper p {
    text-align: center;
    margin: 0 auto;
    padding-top: 5px;
}
.payment-wrapper p img {
  /*width: 35px;*/
  width: 30px;
  height: 21px;
}
.payment-wrapper a#card:hover {
  -webkit-box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.05);
  color: #121212;
}
.payment-wrapper a:hover, .check-label label:hover, .check-label span:hover {
  cursor: pointer;
}
.open-div {
    background:white;
    /*height:290px;*/
    display:none;
    padding-top: 42px;
    padding-bottom: 10px;
}
#confeti {
  position: absolute;
  width: 100% !important;
  z-index: -1;
}

/* Coffee count choose buttons */

.no-of-coffee .button-label:last-child {
  margin-right: 0;
}
.shake {
  -webkit-animation-name:shake;
  animation-name:shake;
  -webkit-animation-duration:0.7s;
  animation-duration:0.7s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
}
@-webkit-keyframes shake {
  100%,from {
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
  }
  10%,30%,50%,70%,90% {
      -webkit-transform:translate3d(-2px,0,0);
      transform:translate3d(-2px,0,0)
  }
  20%,40%,60%,80% {
      -webkit-transform:translate3d(2px,0,0);
      transform:translate3d(2px,0,0)
  }
}
@keyframes shake {
  100%,from {
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
  }
  10%,30%,50%,70%,90% {
    -webkit-transform:translate3d(-2px,0,0);
    transform:translate3d(-2px,0,0)
  }
  20%,40%,60%,80% {
    -webkit-transform:translate3d(2px,0,0);
    transform:translate3d(2px,0,0)
  }
}

.button-label {
  display: inline-block;
  padding: 11px 16px;
  margin-right: 5px;
  cursor: pointer;
  border-radius: 50%;

  background: #ffffff;
  border: 1px solid rgba(255, 129, 63, 0.264776);

  /* -o-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  transition: 0.3s all linear; */
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
          width: 45px;
          height: 45px;
}
.button-label span {
  line-height: normal;
  font-size: 17px;

  color: #FF813F;
  font-family: "Avenir Heavy", sans-serif;
  /* -o-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  transition: 0.3s all linear; */
}
.button-label:hover {
  background: #FF813F;
  border: 1px solid rgba(255, 129, 63, 0.264776);
}

.button-label:hover span {
  color: #ffffff;
}

@media(max-width:480px) {
  .button-label span {
    font-size: 13px;
  }
  .button-label {
    padding: 7px 10px;
    width: 30px;
    height: 30px;
  }
}

.radio-label:checked + .button-label {
  background: #FF813F;
  color: #ffffff;
  border: 1px solid #FF813F;
}

.radio-label:checked + .button-label span {
  color: #ffffff;
}

.hidden {
  display: none;
}


/* explore search */
@media(max-width:767px) {
  .search-w {
    text-align: center;
    margin: 0 auto !important;
  }
}
.search-w {
  margin-left: auto;
  /*margin-right: 10px;*/
  margin-top: 12px;
}
.search-w .form-group input.form-control::-webkit-input-placeholder,
.search-w .form-group input.form-control::-moz-placeholder {
  display:none;
}
.search-w .form-group {
  position:relative;
  width:300px;
  min-width:83px;
  height:45px;
  /*overflow:hidden;*/
  transition: width 1s;
  backface-visibility:hidden;
  float: right;
}
.search-w .form-group input.form-control {
  position:absolute;
  top:0;
  right:0;
  outline:none;
  width:100%;
  height:45px;
  margin:0;
  z-index:10;
  border: 1px solid rgba(225, 225, 225, 0.5);
  box-sizing: border-box;
  border-radius: 3px;
  padding-left: 20px;
  font-family: 'Avenir Roman', sans-serif !important;
  line-height: normal;
  font-size: 18px;
  color: #807E9B;
  letter-spacing: 0.3px;
  -o-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  transition: 0.3s all linear;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,0.13);
  box-shadow: 0 1px 10px 0 rgba(0,0,0,0.13);
}
.search-w .form-group input.form-control:focus {
  -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,0.13);
  box-shadow: 0 1px 10px 0 rgba(0,0,0,0.13);
}
.search-w .search-label {
  width: 65px;
  height: 45px;
  position:absolute;
  right:0;
  top:0;
  padding:0;
  margin:0;
  text-align:center;
  cursor:pointer;
  line-height:60px;
  background: #FF813F;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  z-index:90;
  -o-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.search-w .search-label:hover, .focussed {
  background-color: rgba(255, 128, 62, 0.87) !important;
  -webkit-box-shadow: 0 2px 10px 0 rgba(255,129,63,.45) !important;
  box-shadow: 0 2px 10px 0 rgba(255,129,63,.45) !important;
}
.search-w .search-label img {
  position: absolute;
  top: 14px;
  left: 23px;
}


/* Stripe elements css */
.example.example2 {
background-color: #fff;
}

.example.example2 * {
font-family: Source Code Pro, Consolas, Menlo, monospace;
font-size: 16px;
font-weight: 500;
}

.example.example2 .row {
display: -ms-flexbox;
display: flex;
margin: 0 5px 10px;
}

.example.example2 .field {
position: relative;
width: 100%;
height: 50px;
margin: 0 10px;
}

.example.example2 .field.half-width {
width: 50%;
}

.example.example2 .field.quarter-width {
width: calc(25% - 10px);
}

.example.example2 .baseline {
position: absolute;
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background-color: #cfd7df;
transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.example.example2 label {
position: absolute;
width: 100%;
left: 0;
bottom: 8px;
color: #cfd7df;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
transform-origin: 0 50%;
cursor: text;
transition-property: color, transform;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.example.example2 .input {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
padding-bottom: 7px;
color: #32325d;
background-color: transparent;
}

.example.example2 .input::-webkit-input-placeholder {
color: transparent;
transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.example.example2 .input::-moz-placeholder {
color: transparent;
transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.example.example2 .input:-ms-input-placeholder {
color: transparent;
transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.example.example2 .input.StripeElement {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  will-change: opacity;
}

.example.example2 .input.focused,
.example.example2 .input:not(.empty) {
opacity: 1;
}

.example.example2 .input.focused::-webkit-input-placeholder,
.example.example2 .input:not(.empty)::-webkit-input-placeholder {
color: #cfd7df;
}

.example.example2 .input.focused::-moz-placeholder,
.example.example2 .input:not(.empty)::-moz-placeholder {
color: #cfd7df;
}

.example.example2 .input.focused:-ms-input-placeholder,
.example.example2 .input:not(.empty):-ms-input-placeholder {
color: #cfd7df;
}

.example.example2 .input.focused + label,
.example.example2 .input:not(.empty) + label {
color: #aab7c4;
transform: scale(0.85) translateY(-25px);
cursor: default;
}

.example.example2 .input.focused + label {
color: #FF813F;
}

.example.example2 .input.invalid + label {
color: #ffa27b;
}

.example.example2 .input.focused + label + .baseline {
background-color: #FF813F;
}

.example.example2 .input.focused.invalid + label + .baseline {
background-color: #e25950;
}

.example.example2 input, .example.example2 button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
border-style: none;
}

.example.example2 input:-webkit-autofill {
-webkit-text-fill-color: #e39f48;
transition: background-color 100000000s;
-webkit-animation: 1ms void-animation-out;
}

.example.example2 .StripeElement--webkit-autofill {
background: transparent !important;
}

.example.example2 input, .example.example2 button {
-webkit-animation: 1ms void-animation-out;
}

.example.example2 button {
  display: block;
  width: calc(100% - 30px);
  height: 45px;
  margin: 30px 15px 0;
  background-color: #FF813F;
  border-radius: 4px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;
}

.example.example2 input:active {
background-color: #ffffff;
}

.example.example2 .error svg {
margin-top: 0 !important;
}

.example.example2 .error svg .base {
fill: #e25950;
}

.example.example2 .error svg .glyph {
fill: #fff;
}

.example.example2 .error .message {
color: #e25950;
}

.example.example2 .success .icon .border {
stroke: #FF813F;
}

.example.example2 .success .icon .checkmark {
stroke: #FF813F;
}

.example.example2 .success .title {
color: #FF813F;
font-size: 16px !important;
}

.example.example2 .success .message {
color: #FF813F;
font-size: 13px !important;
}

.example.example2 .success .reset path {
fill: #FF813F;
}

.globalContent {
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@font-face {
  font-family: StripeIcons;
  src: url(data:application/octet-stream;base64,d09GRk9UVE8AAAZUAAoAAAAAB6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAADKAAAAx8AAAOKkWuAp0dTVUIAAAZIAAAACgAAAAoAAQAAT1MvMgAAAXAAAABJAAAAYGcdjVZjbWFwAAACvAAAAFYAAACUKEhKfWhlYWQAAAD8AAAAMAAAADYJAklYaGhlYQAAAVAAAAAgAAAAJAYoAa5obXR4AAABLAAAACQAAAAoEOAAWW1heHAAAAD0AAAABgAAAAYAClAAbmFtZQAAAbwAAAD%2FAAABuXejDuxwb3N0AAADFAAAABMAAAAg%2F7gAMgAAUAAACgAAeNpjYGRgYABifeaSpHh%2Bm68MzMwHgCIMl08yqyDo%2F95Mkcy8QC4zAxNIFAD8tAiweNpjfMAQyfiAgYEpgoGBcQmQlmFgYPgAZOtAcQZEDgCHaQVGeNpjYGRgYD7z34eBgSmCgeH%2Ff6ZIBqAICuACAHpYBNp42mNgZtzAOIGBlYGDqYDJgYGBwQNCMwYwGDEcA%2FKBUthBqHe4H4MDg4L6Imae%2Fz4MB5jPMGwBCjOC5Bi9mKYAKQUGBgAFHgteAAAAeNplkMFqwkAURU9itBVKF6XLLrLsxiGKMYH0B4IgoqjdRokajAmNUfolhX5Df7IvZhBt5zHMeffduQwDPPCFQbWM81mzyZ3uocEz95qtK0%2BTN140t2jzLk7DaotiEmk2eWSlucErH5otnvjW3OSTH82tSg8n8eaYRkVXOY4TzIaLURB2tDaPi0OSZ3Y9G09tx6lxm5erPDtVA%2BX7wT7axXm5Vmmy7ClXDfqe515CCJkQs%2BFIKk8t6KJwzhUwY8iCkVBI54%2FvvzKXruBAQk6GfZM0ZipKxdfqVpylfErlP11uKHypgL2k7iSz8qxFTSV5SU%2FIlT2gjyfl%2FgKN9EDsAHjaY2BgYGaA4DAGRgYQkAHyGMF8NgYrIM3JIAHEEACj8QNOBhYGOyDNAYRMQFpBcZL6ov%2F%2Foaw5%2F%2F%2F%2Ff3kvH8iD2McCxExAO1kYWIE2cjCwAwAgUQwvAAB42mNgZgCD%2F1sZjBiwAAAswgHqAHjaNVFbbxNHGN2JMmtlNnIoZFFx1F2nDoTWgJLIhRQqWlRowyXiUkqE1IZLVW0dJzHYjpAhxnbYi8HXdWxsEKCIi0DdqjxVyhOKkBBS%2FdAX%2FkJfmiCe0Gz4orbjLNFo5uj79B19Z85BXGsLhxAiB7ef%2BFmZGj8XaVb9dgdn%2B5Dd02J%2F2JqFIXtpeQ5Lc6h1YzKbXcN2F%2F2qg373wZ3ly%2Bs5gpCwfpO3d8dnXwyfOheJhC9FgsovsanJ4MCuzw84sN%2BBb1Zh34ADfU7za6fq%2Fyl8Ib7K9E4Eo9HgpHLQu6aL45CB8ug6yqAbKIeyqMAhjjD1nM49596hbqQgHf2B%2Fm5xt3S8sqXlORFe%2FHuSvuD3vesUQ4eVxjgEfm08PWK5%2FoF14lBjDAJvXI0xMRS0%2BMVjbGLIbzV%2BP2y5aOC46IfAb7TzT5cFbSJwEKCc9eXifGgqtOBahN3vWy7aOS76f1zkrVNiaNw1NIpfhyBg8X%2FN428t3v2KJl6KtVqxWpXpCD2Bq5XZW3XPrWv1dMVHEmZy9pr8dhsGdQuhKt%2FTh9Mz6nTCE34Yeyy56byfUHMzqaWrEpRpHldmrpqJrosXPyV0N%2BzAsMJYKzwMwjacTmtXGe9%2B7InkrtPz3aRoaIWPSUEtGjL1wUcYFnoJXeChG7qwpmfUHkI30XsvRdMsmKZMs9TwEsjR67ik6%2Fk14hk4jVcGe4k9yMMojGDNyKiqRy1opi5phUrG7HLDnkfdxOHktZIu072wB9jFhpHReoj3UXNF3lmReb%2FC0eaMx%2BESO1NY1w2myfuMuXW7VKvJ9CQ9im9Wy3XmllpLVX0kWUzNpmW6E%2FrY8ePkjLaV%2FPCMWVTeTJidTYtyuJpuWhSOMYsuwBhMgNK0dCtxS3O7%2Fmtvy7YL9lKn7RfvbODaEerw%2BXfuPfT92WDkiopLpaJZ9pQNUy9JAlNdyjVVH6PDTDV7saB2TadSCVWQYIQeZ2F8QgTVM30zdZtFlcOVSmU1WYFXolFFeRB9Kgt8PJmMx2vJu7IwvZoOS9XRFwsLsXCylKjMyGxXrV5kXxb%2BBxsddR0AAAEAAAAAAAAAAAAA)
    format("woff");
}

.container-lg{
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
}

.container-lg {
  max-width: 1040px;
}

.common-Button {
  white-space: nowrap;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 14px;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  background: #fff;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  color: #6772e5;
  text-decoration: none;
  transition: all 0.15s ease;
}

.common-Button:hover {
  color: #7795f8;
  transform: translateY(-1px);
  -webkit-box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}

.common-Button:active {
  color: #555abf;
  background-color: #f6f9fc;
  transform: translateY(1px);
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.common-Button--default {
  color: #fff;
  background: #6772e5;
}

.common-Button--default:hover {
  color: #fff;
  background-color: #7795f8;
}

.common-Button--default:active {
  color: #e6ebf1;
  background-color: #555abf;
}

.common-Button--dark {
  color: #fff;
  background: #32325d;
}

.common-Button--dark:hover {
  color: #fff;
  background-color: #43458b;
}

.common-Button--dark:active {
  color: #e6ebf1;
  background-color: #32325d;
}

.common-Button--disabled {
  color: #fff;
  background: #aab7c4;
  pointer-events: none;
}

.common-ButtonIcon {
  display: inline;
  margin: 0 5px 0 0;
  position: relative;
}

.common-ButtonGroup {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px;
}

.common-ButtonGroup .common-Button {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 10px;
}

@media(max-width: 480px) {
  .xx-block .half-width {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .xx-block .quarter-width {
    width: calc(45% - 10px) !important;
  }
  .example.example2 .field {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .example.example2 button {
    width: calc(100% - 5px) !important;
    height: 35px !important;
  }
  .pay-pal-btn {
    width: calc(100% - 25px) !important;
    margin: 0 auto;
  }
  main > .container-lg .cell {
    min-height: 306px !important;
  }
  .example2 .error {
    bottom: 35px !important;
  }
}

@media(max-width:767px) {
  .example2 .error {
    /* top: 73.5% !important; */
    bottom: 45px;
    top: auto !important;
  }
  .example.example2 button {
  margin: 40px auto 0 !important;
}
}

@media(min-width:388px) and (max-width:480px) {
  .example.example2 button {
    height: 45px !important;
  }
}

/** Page-specific styles */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}

@keyframes void-animation-out {
  0%,
  to {
    opacity: 1;
  }
}

main {
  position: relative;
  display: block;
  z-index: 1;
}

main > .container-lg {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  max-width: 750px;
  /*padding: 110px 20px 110px;*/
}

main > .container-lg .cell {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -ms-flex: auto;
  flex: auto;
  min-width: 100%;
  min-height: 247px;
  /*min-height: 290px;*/
}

main > .container-lg .cell + .cell {
  margin-top: 70px;
}

main > .container-lg .cell.intro {
  padding: 0;
}

@media (min-width: 670px) {
  main > .container-lg .cell.intro {
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .optionList {
    margin-left: 13px;
  }
}

main > .container-lg .cell.intro > * {
  width: 100%;
  max-width: 700px;
}

main > .container-lg .cell.intro .common-ButtonGroup {
  width: auto;
  margin-top: 20px;
}

main > .container-lg .example {
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  margin-left: -10px;
  margin-right: -10px;
}

.main-payment .example.submitted form,
.main-payment .example.submitting form,
.reward-payment-wrapper .example.submitted form,
.reward-payment-wrapper .example.submitting form {
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
}

.main-payment .example.submitted .success,
.main-payment .example.submitting .success,
.reward-payment-wrapper .example.submitted .success,
.reward-payment-wrapper .example.submitting .success {
  pointer-events: all;
}

.main-payment .example.submitting .success .icon,
.reward-payment-wrapper .example.submitting .success .icon {
  opacity: 1;
}

.main-payment .example.submitted .success > *,
.reward-payment-wrapper .example.submitted .success > * {
  opacity: 1;
  transform: none !important;
}

.main-payment .example.submitted .success > :nth-child(2),
.reward-payment-wrapper .example.submitted .success > :nth-child(2) {
  transition-delay: 0.1s;
}

.main-payment .example.submitted .success > :nth-child(3),
.reward-payment-wrapper .example.submitted .success > :nth-child(3) {
  transition-delay: 0.2s;
}

.main-payment .example.submitted .success > :nth-child(4),
.reward-payment-wrapper .example.submitted .success > :nth-child(4) {
  transition-delay: 0.3s;
}

.main-payment .example.submitted .success .icon .border,
.main-payment .example.submitted .success .icon .checkmark,
.reward-payment-wrapper .example.submitted .success .icon .border,
.reward-payment-wrapper .example.submitted .success .icon .checkmark {
  opacity: 1;
  stroke-dashoffset: 0 !important;
}

.main-payment .example .caption {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  padding: 15px 10px 0;
  color: #aab7c4;
  font-family: Roboto, "Open Sans", "Segoe UI", sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.main-payment .example form {
  position: relative;
  width: 100%;
  max-width: 500px;
  transition-property: opacity, transform;
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.main-payment .example form input::-webkit-input-placeholder {
  opacity: 1;
}

.main-payment .example form input::-moz-placeholder {
  opacity: 1;
}

.main-payment .example form input:-ms-input-placeholder {
  opacity: 1;
}

.main-payment .example .error, .reward-payment-wrapper .example .error {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  /*position: absolute;*/
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  left: 0;
  padding: 0 15px;
  font-size: 13px !important;
  opacity: 0;
  transform: translateY(10px);
  transition-property: opacity, transform;
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.reward-payment-wrapper .example .error,
.main-payment .example .error {
  bottom: 55px;
}

.main-payment .example .error.visible,
.reward-payment-wrapper .example .error.visible {
  opacity: 1;
  transform: none;
}

.main-payment .example .error .message,
.reward-payment-wrapper .example .error .message {
  font-size: inherit;
}

.main-payment .example .error svg,
.reward-payment-wrapper .example .error svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: -1px;
  margin-right: 10px;
}

.allow-space {
  margin-bottom: 120px;
}

.main-payment .example .success,
.reward-payment-wrapper .example .success {
  top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  /*-ms-flex-align: center;
  align-items: center;*/
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  /*height: 100%;*/
  /*top: 0;*/
  bottom: 0;
  left: 0;
  padding: 10px;
  text-align: center;
  pointer-events: none;
  overflow: hidden;
}

@media (min-width: 670px) {
  .main-payment .example .success,
  .reward-payment-wrapper .example .success {
    padding: 40px;
  }
}

.main-payment .example .success > *,
.reward-payment-wrapper .example .success > * {
  transition-property: opacity, transform;
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
}

.main-payment .example .success .icon,
.reward-payment-wrapper .example .success .icon {
  margin: 15px 0 30px;
  /*transform: translateY(70px) scale(0.75);*/
}

.main-payment .example .success .icon svg,
.reward-payment-wrapper .example .success .icon svg {
  will-change: transform;
}

.main-payment .example .success .icon .border,
.reward-payment-wrapper .example .success .icon .border {
  stroke-dasharray: 251;
  stroke-dashoffset: 62.75;
  transform-origin: 50% 50%;
  transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: spin 1s linear infinite;
}

.main-payment .example .success .icon .checkmark,
.reward-payment-wrapper .example .success .icon .checkmark {
  stroke-dasharray: 60;
  stroke-dashoffset: 60;
  transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;
}

.main-payment .example .success .title,
.reward-payment-wrapper .example .success .title {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 8px;
}

.main-payment .example .success .message,
.reward-payment-wrapper .example .success .message {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 25px;
  line-height: 1.6em;
}

.main-payment .example .success .message span,
.reward-payment-wrapper .example .success span {
  font-size: inherit;
}

.main-payment .example .success .reset:active,
.reward-payment-wrapper .example .success .reset:active {
  transition-duration: 0.15s;
  transition-delay: 0s;
  opacity: 0.65;
}

.main-payment .example .success .reset svg,
.reward-payment-wrapper .example .success .reset svg {
  will-change: transform;
}

footer {
  position: relative;
  max-width: 750px;
  padding: 50px 20px;
  margin: 0 auto;
}

.optionList {
  margin: 6px 0;
}

.optionList li {
  display: inline-block;
  margin-right: 13px;
}

.optionList a {
  color: #aab7c4;
  transition: color 0.1s ease-in-out;
  cursor: pointer;
  font-size: 15px;
  line-height: 26px;
}

.optionList a.selected {
  color: #6772e5;
  font-weight: 600;
}

.optionList a:hover {
  color: #32325d;
}

.optionList a.selected:hover {
  cursor: default;
  color: #6772e5;
}

.pay-pal-btn {
  margin-bottom: 26px !important;
  margin-top: 26px !important;
}
/* /..Stripe elements */

/* Apple pay */
#apple-pay-button {
    display: none;
    background-color: black;
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-size: 100% 100%;
    background-origin: content-box;
    background-repeat: no-repeat;
    width: 100%;
    height: 44px;
    padding: 10px 0;
    border-radius: 10px;
  }
/* /.. Apple pay */


.success svg path {
  fill: #FF813F;
}
.o-auto {
  overflow: auto;
}
.card-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    z-index: 10;
    opacity: 0;
}
.card-link:hover {
  cursor: pointer;
}
@media(min-width:768px) {
  .sm-o-auto {
    overflow: auto;
  }
}
.label-orange {
  background: #FF813F;
  border-radius: 6px;
  padding: 7px 12px;
  color: #ffffff;
  font-family: 'Avenir Light',sans-serif;
  line-height: normal;
  font-size: 15px;
}
/*********** PAYWALL ************/
input[name=coffee_wall_type] {
  visibility: hidden;
}
.paywall-tip {
  font-family: 'Avenir Light',sans-serif;
  font-size: 12px;
  color: #807E9C;
  letter-spacing: 0;
  margin-bottom: 0;
  margin-left: 15px;
}
.paywall-sidebar {
  margin-top: 20px;
  margin-left: 45px;
}
.cw-shadow-hoh {
  background: #FFFFFF;
  border: 1px solid rgba(225, 225, 225, 0.5);
  box-sizing: border-box;
  -webkit-box-shadow: 0 2px 6px rgba(225, 225, 225, 0.5);
  box-shadow: 0 2px 6px rgba(225, 225, 225, 0.5);
}
.cw-type {
  padding: 20px;
  height: 205px;
}
.cw-ex-plan {
  background: #FFFCFA;
  border: 2px solid rgba(255,129,63,0.26);
  border-radius: 4px;
  padding: 25px 20px 10px;
  position: relative;
}
.cw-ex-plan:hover {
  cursor: pointer;
}
.cw-ex-plan-chosen .cw-ex-plan {
  border: 2px solid rgba(255,129,63,0.88);
}
.cw-ex-plan h2 {
  font-family: 'Avenir Heavy',sans-serif;
  font-size: 15px;
  color: #FF813F;
  letter-spacing: 0;
  margin: 0;
}
.cw-type .r-tile-border {
  height: 5px !important;
}
.cw-ex-plan-actions {
  position: absolute;
  top: 5px;
  right: 10px;
  color: #B1B1B1;
  font-size: 20px;
}
.cw-ex-plan-actions:hover {
  color: #000000;
}
.cw-shadow-hoh:hover, .cw-shadow-h {
  -webkit-box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
  box-shadow: 0 0 20px 1px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.15);
}
.cw-type:hover .r-tile-border,
.cw-type-chosen,
.cw-snippet-holder .r-tile-border {
  background-color: #ff813f;
}
.cw-type h2 {
  font-family: 'Avenir Heavy',sans-serif;
  line-height: normal;
  font-size: 20px;
  color: #333333;
  margin: 0;
}
.cw-type p {
  font-family: 'Avenir Light',sans-serif;
  font-size: 15px;
  color: #807E9C;
  letter-spacing: 0;
  margin-bottom: 0;
}
.cw-type-desc {
  height: 120px;
  margin: 0 auto;
}
.cw-type-desc p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.cw-btn {
  min-width: 210px;
}
.cw-ex-plan-price {
  font-family: 'Avenir Heavy',sans-serif;
  font-size: 30px;
  color: #000000;
}
.cw-ex-plan-price span {
  font-size: 20px !important;
  color: #A5A5A5 !important;
  font-family: 'Avenir Roman',sans-serif !important;
  padding-right: 5px;
}
.preview-plan {
  background: #FFFCFA;
  border: 1px solid rgba(255,129,63,0.26);
  border-radius: 3px;
  padding: 10px;
}
.preview-text {
  font-family: 'Avenir Heavy',sans-serif;
  letter-spacing: 0;
  margin-bottom: 0;
}
.preview-black {
  color: #262626;
}
.preview-grey {
  color: #807E9C;
}
.preview-head {
  font-size: 18px;
  line-height: 26px;
}
.preview-price {
  font-size: 20px;
}
.preview-duration {
  font-size: 12px;
}
.preview-wall-type {
  font-size: 16px;
  width: 65%;
  margin-left: 15px;
  text-align: center;
  word-break: break-word;
}
.preview-flex {
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-flex: 1;
    -ms-flex: 1 auto;
        flex: 1 auto;
}
.edit-plan {
  position: absolute;
  font-size: 12px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: 0;
  visibility: hidden;
}
.add-plan-option {
  background: #FF813F;
    border-radius: 3px;
    width: 58px;
    height: 58px;
    margin: 42px auto;
    display: block;
}
.add-plan-option p {
    color: #ffffff;
    font-size: 40px;
    line-height: 51px;
    margin-bottom: 0;
    text-align: center;
}
@media(max-width:480px) {
  .cw-btn {
    padding-top: 30px !important;
  }
  .cw-list-item {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .cw-actions-list .cw-actions {
    padding: 0 !important;
  }
  .cw-ex-plan {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 15px;
    padding: 20px 10px 10px !important;
  }
  .cw-ex-plan h2, .cw-ex-plan-price span {
    font-size: 10px !important;
  }
  .cw-ex-plan-price span {
    padding-right: 3px !important;
  }
  .cw-ex-plan-price {
    font-size: 15px !important;
  }
  .edit-plan-option .p-l-center {
    padding: 3px 12px !important;
    font-size: 9px !important;
    display: inline-block;
  }
  .add-plan-option {
    margin: 28px auto !important;
    width: 45px !important;
    height: 45px !important;
  }
  .add-plan-option p {
    font-size: 20px !important;
    line-height: 43px !important;
  }
  .created-plans .plan-space:nth-of-type(1) {
    padding-right: 0 !important;
  }
  .created-plans .plan-space:nth-of-type(2) {
    padding-right: 7.5px !important;
    padding-left: 7.5px !important;
  }
  .created-plans .plan-space:nth-of-type(3) {
    padding-left: 0 !important;
  }
  .cw-ex-plan-actions {
    top: 0 !important;
    right: 4px !important;
  }
  .cw-type h2 {
    margin-top: -15px;
  }
  .cw-type-desc {
    margin-top: 15px;
    margin-bottom: 10px;
    height: auto !important;
  }
  .cw-type-desc p {
    font-size: 12px !important;
  }
  .cw-type {
    height: auto !important;
  }
}
@media(min-width:481px) and (max-width:767px) {
  .preview-flex {
    -ms-flex-pack: distribute;
    justify-content: space-around !important;
  }
  .cw-btn {
    padding-top: 26px !important;
  }
  .cw-actions-list .cw-actions:nth-child(2) {
    padding: 0 !important;
  }
  .cw-btn {
    min-width: auto !important;
  }
  .cw-ex-plan {
    padding: 20px !important;
  }
  .cw-ex-plan h2, .cw-ex-plan-price span {
    font-size: 14px !important;
  }
  .cw-ex-plan-price {
    font-size: 20px !important;
  }
  .edit-plan-option .p-l-center {
    padding: 6px 20px !important;
    display: inline-block !important;
  }
  .cw-ex-plan-actions {
    top: 0 !important;
    right: 10px !important;
    font-size: 18px !important;
  }
  .cw-type-desc p {
    font-size: 13px !important;
  }
  .cw-type {
    height: 180px !important;
  }
  .cw-type-desc {
    height: auto !important;
    position: absolute;
    width: 80%;
    left: 0;
    right: 0;
    top: 70px;
  }
  .cw-types-list .cw-type-each:nth-of-type(1) {
    padding-left: 0;
  }
  .cw-types-list .cw-type-each:nth-of-type(2) {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
  .cw-types-list .cw-type-each:nth-of-type(3) {
    padding-right: 0;
  }
}
@media(max-width: 767px) {
  .preview-wall-type {
    margin-left: 10px !important;
  }
  .cw-list .h-60 {
    height: auto !important;
  }
  .cw-list .label-orange {
    margin-top: 10px;
    display: inline-block;
  }
  .cw-list-item h1 {
    font-size: 20px !important;
  }
  .cw-list-item h3 {
    font-size: 16px !important;
  }
  .cw-url {
    word-break: break-word;
    max-width: 85%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-height: 22px;
    overflow: hidden;
  }
  .cw-prev-step {
    font-size: 20px !important;
  }
  .cw-step {
    font-size: 25px !important;
  }
  .cw-actions-list {
    width: 100% !important;
  }
  .cw-btn {
    font-size: 17px !important;
    width: 100% !important;
  }
  .cw-ex-plan-actions {
    font-size: 15px !important;
  }
  .paywall-sidebar {
    margin-left: 0 !important;
  }
  .cw-type {
    margin-bottom: 30px;
    padding: 10px !important;
  }
  .cw-type-desc p {
    -webkit-line-clamp: unset;
    max-height: none;
    line-height: 16px;
  }
  .cw-type h2 {
    font-size: 15px !important;
  }
}
@media(min-width:768px) {
  .cw-btn {
    padding-top: 26px !important;
  }
  .cw-types-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
  }
  .cw-list {
    width: 63%;
  }
}
@media(min-width:768px) and (max-width:991px) {
  .cw-list-item h1 {
    font-size: 22px !important;
  }
  .created-plans .plan-space:nth-of-type(1) {
    padding-right: 0 !important;
  }
  .created-plans .plan-space:nth-of-type(2) {
    padding-right: 7.5px !important;
    padding-left: 7.5px !important;
  }
  .created-plans .plan-space:nth-of-type(3) {
    padding-left: 0 !important;
  }
  .cw-ex-plan {
    padding: 30px 10px 10px !important;
  }
  .cw-ex-plan h2, .cw-ex-plan-price span {
    font-size: 14px !important;
  }
  .cw-ex-plan-price {
    font-size: 20px !important;
  }
  .edit-plan-option .p-l-center {
    padding: 3px 8px !important;
    font-size: 10px !important;
  }
  .cw-ex-plan-actions {
    top: 0 !important;
    right: 5px !important;
  }
  .add-plan-option {
    margin: 40px auto !important;
    width: 45px !important;
    height: 45px !important;
  }
  .add-plan-option p {
    font-size: 20px !important;
    line-height: 43px !important;
  }
}
@media(min-width:992px) and (max-width:1199px) {
  .cw-type-desc {
    width: 90%;
  }
  .cw-ex-plan {
    padding: 25px 20px !important;
  }
}
@media(min-width:1200px) {
  .cw-type-desc {
    width: 80%;
  }
  .cw-actions-list .cw-actions:nth-child(1) {
    padding-left: 0;
    margin-bottom: 0 !important;
  }
  .cw-actions-list .cw-actions:nth-child(2) {
    padding-right: 0;
  }
  .cw-verify {
    right: 20px;
    padding-top: 10px !important;
    position: absolute;
    top: 16px;
    margin-top: 0 !important;
  }
  .preview-plan {
    width: 330px;
  }
}


/***** BMC - patreon comparison *****/
.bp-welcome-note {
  font-family: 'Avenir Heavy',sans-serif;
  color: #000000;
}
.bp-welcome-width {
    margin: 0 auto;
}
.bp-illustration {
  position: absolute;
  left: 0;
}
.bp-profile-holder img {
  position: absolute;
  width: 100%;
}
.bp-profile-holder img:nth-of-type(1) {
  transform: rotate(21deg);
  left: 42px;
}
.bp-profile-holder img:nth-of-type(2) {
  transform: rotate(8deg);
  left: 45px;
}
.bp-feature-logo img {
  width: 88px;
}
.bp-feature-head {
  font-size: 20px;
}
.bp-caption-holder {
  background: #FFFFFF;
  border: 1px solid rgba(225,225,225,0.50);
  border-radius: 3px;
  overflow: hidden;
}
.bp-profile-holder {
    position: relative;
}
.bp-caption .general-note {
  margin-bottom: 50px;
}
.bp-acc .type-head {
  font-family: 'Avenir Roman',sans-serif;
  font-size: 17px;
  color: #262626;
  letter-spacing: 0;
}
.bp-acc .open-btn {
  background-color: transparent !important;
}
.bp-acc .open-btn:before, .bp-acc .open-btn:after {
  background-color: #ff813f !important;
}
.bp-acc .open-btn:before {
    width: 3px !important;
    height: 15px !important;
    margin-top: 10px !important;
}
.bp-acc .open-btn:after {
    left: 11px !important;
    width: 15px !important;
    height: 3px !important;
}
.bp-acc .advice-content {
  font-size: 16px !important;
}
@media(max-width:480px) {
  .bp-illustration {
      position: relative;
      width: 270px;
      margin-left: -15px;
  }
  .bp-welcome-note {
    font-size: 29px;
    line-height: 42px;
  }
  .bp-profile-holder {
    width: 245px;
    height: 225px;
  }
  .bp-profile-holder img:nth-of-type(1) {
    transform: rotate(15deg) !important;
    left: 4px !important;
  }
  .bp-profile-holder img:nth-of-type(2) {
    transform: rotate(8deg) !important;
    left: -7px !important;
  }
  .bp-edge-img {
    width: 100%;
  }
}
@media(min-width:481px) and (max-width:767px) {
  .bp-illustration {
    display: none;
  }
  .bp-welcome-note {
    font-size: 35px;
    line-height: 53px;
  }
  .bp-profile-holder {
    width: 285px;
    height: 255px;
  }
  .bp-edge-img {
    width: 75%;
  }
}
@media(max-width:767px) {
  .bp-feature {
    width: 85%;
    margin: 0 auto;
  }
  .bp-profile-holder {
    margin: 0 auto;
  }
  .bp-caption-holder {
    padding: 30px 7%;
  }
  .bp-caption {
    margin-top: 50px;
    text-align: center;
    padding: 0;
  }
  .bp-caption .mockup-head {
    font-size: 22px !important;
    line-height: 30px !important;
  }
  .bp-caption .general-note {
    font-size: 17px !important;
    line-height: 24px !important;
    margin-bottom: 20px !important;
  }
}
@media(min-width:768px) {
  .bp-caption-holder {
    padding: 30px 7% 30px 0;
  }
  .pull-r a {
    margin-left: auto;
  }
}
@media(min-width:768px) and (max-width:991px) {
  .bp-welcome-width {
    width: 55%;
    float: right;
  }
  .bp-profile-holder {
    width: 285px;
    height: 222px;
  }
  .bp-edge-img {
    width: 95%;
  }
  .bp-caption .mockup-head {
    font-size: 22px !important;
    line-height: 30px !important;
  }
  .bp-caption .general-note {
    font-size: 17px !important;
    line-height: 24px !important;
    margin-bottom: 20px !important;
  }
  .bp-acc-sm {
    width: 100%;
    margin-left: auto;
  }
}
@media(min-width:992px) and (max-width:1199px) {
  .bp-welcome-width {
    width: 65%;
    float: right;
  }
  .bp-profile-holder {
    width: 380px;
    height: 317px;
  }
  .bp-tweets {
    height: 593px;
  }
}
@media(min-width:768px) and (max-width:1199px) {
  .bp-welcome-note {
    font-size: 35px !important;
    line-height: 46px !important;
  }
  .bp-illustration {
    width: 310px;
  }
}
@media(min-width:992px) {
  .bp-edge-img {
    margin-left: -75px;
  }
  .bp-caption {
    height: 439px;
  }
  .bp-acc-sm {
    width: 75%;
    margin-left: auto;
  }
  .bp-acc-sm-w {
    width: 75%;
  }
}
@media(min-width:1200px) {
  .bp-welcome-width {
    width: 50%;
  }
  .bp-welcome-note {
    font-size: 45px;
    line-height: 63px;
  }
  .bp-illustration {
    width: 22%;
  }
  .bp-profile-holder {
      width: 390px;
      height: 318px;
      margin-left: 75px;
  }
  .bp-tweets {
    height: 571px;
  }
}
.no-data-icon {
  background: #F9FBFD;
  height: 60px;
  width: 60px;
  border-radius: 50%;
}
@media(max-width: 767px) {
  .no-data-icon {
    width: 40px;
    height: 40px;
  }
  .no-data-icon .rew-svg {
    width: 20px;
    height: 18px;
  }
}