@import url("https://fonts.googleapis.com/css?family=Oswald:300,400,500|Rubik:400,500,700|Mitr:600|Farsan:400");
/* purple */
/* purple - dark */
/* purple - darker */
/* orange */
/* blue, bootstrap */
/* dark pink */
/* darker pink */
/* pink */
* {
  position: relative; }

html {
  -webkit-text-size-adjust: 100%;
  /* Disable scaling */
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }
  html.ribbon-corner:not(.desktop-coming-soon)::before {
    width: 140px;
    height: 94px;
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background-image: url("images/ribbon_corner.svg");
    background-size: 100% auto;
    background-repeat: no-repeat; }
  html.ribbon-corner:not(.desktop-coming-soon) .modal:not(#modal-login) .modal-dialog {
    margin-top: 100px; }

html,
body {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.87); }

html,
body,
.font1,
.h2-wrapper h2 > small,
.group-content .group-c-header .group-c-ttl-holder .group-c-ttl-sub {
  font-family: Rubik, Verdana, sans-serif; }

h1.sub-style,
.h1.sub-style,
.ttl-sub-style {
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  padding-bottom: 10px;
  margin-bottom: 0; }

h1,
.h1 {
  font-size: 30px;
  margin-top: 0px;
  margin-bottom: 16px; }
  h1.has-btn-icon,
  .h1.has-btn-icon {
    max-width: calc(100% - 50px);
    display: inline-block; }
    h1.has-btn-icon .user-avatar.big, h1.has-btn-icon .user-avatar.ua-big,
    .h1.has-btn-icon .user-avatar.big,
    .h1.has-btn-icon .user-avatar.ua-big {
      right: -25px; }
  h1.sub-style,
  .h1.sub-style {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25); }
  h1 > #u-ava-wrap,
  .h1 > #u-ava-wrap {
    width: 200px;
    margin: auto;
    clear: both; }
    h1 > #u-ava-wrap > .age,
    .h1 > #u-ava-wrap > .age {
      width: auto;
      height: auto;
      padding-top: 4px;
      padding-bottom: 7px;
      padding-left: 8px;
      padding-right: 8px;
      border-radius: 8px;
      right: 0;
      background: #ff8400;
      display: inline-block;
      color: white;
      font-size: 16px;
      font-weight: 500;
      text-align: center;
      position: absolute;
      top: 8px;
      /* &.w-months {
				width: 60px;
				white-space: nowrap;
				padding-top: 7px;
				right: -5px;
				-webkit-border-radius: 7px;
				border-radius: 7px;
			} */ }
  h1 ~ .extra-after-h1,
  .h1 ~ .extra-after-h1 {
    margin-top: -9px;
    font-size: 12px;
    margin-bottom: 14px; }
  h1 .user-avatar,
  .h1 .user-avatar {
    margin-right: 10px;
    position: relative;
    top: -2px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    h1 .user-avatar.big, h1 .user-avatar.ua-big,
    .h1 .user-avatar.big,
    .h1 .user-avatar.ua-big {
      width: 200px;
      height: 200px;
      display: block;
      clear: both;
      margin: -5px auto 20px; }
  h1 > small,
  .h1 > small {
    display: block;
    font-size: 0.5em;
    margin-top: 6px; }
  h1 > sup,
  .h1 > sup {
    top: -0.75em;
    font-size: 0.5em; }
  h1 .btn-go-back,
  .h1 .btn-go-back {
    margin-right: 11px;
    position: relative;
    top: 4px; }

#u-ava-wrap .age.male {
  background: #108bf5; }

#u-ava-wrap .age.female {
  background: #d500cf; }

h2,
.h2 {
  font-size: 25px;
  margin-bottom: 21px; }
  h2.sub-style,
  .h2.sub-style {
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 0; }
  h2 > a,
  .h2 > a {
    color: inherit; }
  h2 + .buttons,
  .h2 + .buttons {
    margin-top: -15px;
    margin-bottom: 6px; }

.h2-wrapper {
  /* margin-bottom: 20px;
    margin-top: 10px; */
  margin-bottom: 18px;
  margin-top: 6px; }
  .h2-wrapper h2 {
    display: inline-block;
    margin: 0; }
    .h2-wrapper h2 + .link {
      float: right;
      padding-top: 10px; }
    .h2-wrapper h2 > small {
      font-size: 14px;
      margin-left: 4px; }

h1,
.h1,
h2,
.h2 {
  color: rgba(0, 0, 0, 0.6); }

h1,
.h1,
h2,
.h2,
.font2,
.modal .modal-body h5,
.group-content .group-c-header .group-c-ttl-holder .group-c-ttl-main,
.group-content .group-c-body .group-c-body-section .group-c-body-items .group-c-body-item .group-c-b-i-cont .group-c-b-i-ttl,
.section-title,
.h2-wrapper h2,
header#header-top .header-title,
.list-cover .lc-title,
.subtitle,
ul.nps-bar,
.media .media-heading,
#login-ttl,
#under-header-top,
#o-msg #o-msg-ttl,
.list-cover.lc-full-w .list-date {
  font-family: Oswald, sans-serif; }

.font3, .font-big-playful {
  font-family: Mitr, sans-serif; }

.font4, #welcome-text {
  font-family: Farsan, sans-serif; }

h2.ttl-sub-style,
.h2.ttl-sub-style {
  padding-top: 16px;
  margin-bottom: 7px;
  border-top-color: rgba(0, 0, 0, 0.56);
  color: #bf5ac4;
  /* &.ttl-purple {
			color: darken($colorBrand, 2%);
		} */ }
  h2.ttl-sub-style.has-h1-above,
  .h2.ttl-sub-style.has-h1-above {
    border-top: 1px solid rgba(0, 0, 0, 0.25); }
  h2.ttl-sub-style:not(.has-h1-above),
  .h2.ttl-sub-style:not(.has-h1-above) {
    padding-top: 0;
    margin-top: -13px; }

img {
  max-width: 100%; }

.css-animate {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#u-ava-wrap.lower-img .user-avatar.big, #u-ava-wrap.lower-img .user-avatar.ua-big {
  top: 50px;
  margin-bottom: 65px; }

#u-ava-wrap.lower-img > .age {
  top: 55px; }

.user-avatar,
.user-avatar.lazy-load {
  width: 40px;
  min-width: 40px;
  height: 40px; }

.user-avatar {
  display: inline-block !important;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  text-align: center; }
  .user-avatar.default {
    display: inline-block; }
    .user-avatar.default.big, .user-avatar.default.ua-big {
      background: rgba(0, 0, 0, 0.1);
      text-align: center; }
      .user-avatar.default.big > .icon, .user-avatar.default.ua-big > .icon {
        font-size: 90px;
        margin: 50px auto 0;
        color: rgba(0, 0, 0, 0.2); }
    .user-avatar.default .glyphicon {
      font-size: 20px;
      margin: 8px 0 0 0;
      color: rgba(0, 0, 0, 0.6); }
    .user-avatar.default + .user-name {
      display: inline-block;
      position: relative;
      top: 1px;
      /* + .user-dtb {
				top: -4px;
			} */ }
  .user-avatar.ua-medium {
    width: 10rem;
    height: 10rem; }
    .user-avatar.ua-medium .glyphicon {
      font-size: 5.5rem;
      top: 1.85rem;
      margin: 0;
      color: rgba(0, 0, 0, 0.25); }
  .user-avatar ~ .badge {
    margin-top: 10px; }

.bg-brand2 {
  background-color: #ff8400; }

.bg-grey-dark {
  background-color: rgba(0, 0, 0, 0.55); }

.bg-pruple-lightest {
  background-color: #eae0ff; }

.badge {
  border-radius: 4px;
  font-weight: 500; }
  .badge.none {
    opacity: 0.5; }

.font-size-1 {
  font-size: 12px; }

.font-size-2 {
  font-size: 14px; }

.font-size-3 {
  font-size: 16px; }

#header > .navbar {
  border-radius: 0 0 4px 4px;
  border-top: 0;
  border: none;
  background: none; }
  #header > .navbar > .container-fluid {
    padding-left: 0;
    padding-right: 0; }

#header + .sys-msg {
  margin: -10px auto 25px; }

#header .navbar-header {
  position: initial; }

#header .fa-gift {
  font-size: 30px;
  position: relative;
  top: -6px;
  color: #7800ff; }

#header .navbar-toggle {
  border: none;
  background: none;
  padding-right: 0; }
  #header .navbar-toggle:hover {
    opacity: 0.6; }
  #header .navbar-toggle.nav-open > .sr-only + .icon-bar,
  #header .navbar-toggle.nav-open > .sr-only + .icon-bar + .icon-bar + .icon-bar {
    visibility: hidden; }

#header .navbar-brand {
  z-index: 6; }
  #header .navbar-brand:hover {
    opacity: 0.6; }

#header .navbar {
  margin-bottom: 0; }

#page-cont h1:not(.mob-sticky) {
  margin-top: 20px; }

.navbar-brand #logomark-circle {
  max-width: none;
  top: -10.5px;
  margin-right: -4px; }

#main-menu,
#username {
  font-size: 16px; }

#user-details {
  display: inline-block;
  float: right;
  margin: 14px 10px 0 0;
  z-index: 1; }
  #user-details #badge-wl {
    /* margin-right: 7px; */
    margin-right: 3px;
    top: -2px; }
    #user-details #badge-wl:hover .badge {
      background: rgba(0, 0, 0, 0.87); }
  #user-details a:hover, #user-details a:focus {
    text-decoration: none; }

#username:hover {
  color: #7800ff; }

a#username {
  color: inherit; }
  a#username:hover, a#username:focus {
    text-decoration: none; }

form[data-view-mode="true"] .mandatory,
form[data-view-mode="true"] label > small {
  /* HIDE */
  display: none !important; }

form[data-view-mode="true"] label {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px; }

form[data-view-mode="true"] .form-control:not(.p-price) {
  background: none !important;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  height: auto;
  color: rgba(0, 0, 0, 0.87); }

form[data-view-mode="true"] .form-control.p-url {
  color: #7800ff;
  cursor: pointer; }
  form[data-view-mode="true"] .form-control.p-url:hover {
    text-decoration: underline; }

form[data-view-mode="true"] .form-control[disabled] {
  cursor: default; }

form[data-view-mode="true"] select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 2px 30px 2px 2px;
  border: none; }
  form[data-view-mode="true"] select:-ms-expand {
    display: none; }

form[data-view-mode="true"] .form-control.disabled,
form[data-view-mode="true"] .form-control[disabled] {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

form[data-view-mode="true"] img.present-pic {
  max-height: 200px;
  margin-bottom: 23px; }

form[data-view-mode="true"] select.p-priority[class] {
  padding-left: 22px; }
  form[data-view-mode="true"] select.p-priority[class] + .icon.p-priority {
    position: absolute;
    top: 28px;
    left: 0; }

form .buttons {
  margin-top: 19px;
  margin-bottom: 20px; }
  form .buttons > [type="submit"].pull-right,
  form .buttons > * + * {
    margin-left: 10px; }

form .fa-star {
  color: #bf5ac4; }

form input.form-control::-webkit-input-placeholder,
form textarea.form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(0, 0, 0, 0.35); }

form input.form-control::-moz-placeholder,
form textarea.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.35); }

form input.form-control:-ms-input-placeholder,
form textarea.form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(0, 0, 0, 0.35); }

form input.form-control:-moz-placeholder,
form textarea.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(0, 0, 0, 0.35); }

form .form-control.empty {
  border-color: #20e720;
  border-width: 2px; }

form.password-not-set .pns-hide {
  /* HIDE */
  display: none !important; }

.form-control {
  border-color: #bebebe;
  -webkit-box-shadow: none;
  box-shadow: none; }

label > small {
  display: block;
  font-weight: normal;
  font-size: 12px; }

label + .p-pic {
  display: block;
  clear: both; }
  label + .p-pic + input {
    margin-top: 10px; }

/* html.desktop .panel.is-hidden:not(:hover),
html.mobile .panel.is-hidden
{
	.buttons {
		.btn-primary {
			background: $colorTextBrighter;
			border-color: $colorTextBrighter;
		}
	}
} */
html.pre-load {
  opacity: 0; }

html.modal-isolated #header {
  opacity: 0; }

html.force-content #header a {
  cursor: default; }

html.force-content #main-menu {
  /* visibility: hidden; */
  display: none; }

html.desktop.admin-screen #container-main {
  width: 80%;
  margin-left: 10%; }

html.desktop .panel.is-hidden:not(:hover) {
  /*opacity: 0.35;*/
  opacity: 0.9; }

html.desktop .buttons .btn-iwtb.btn.btn-primary::before {
  border-color: white; }

html.desktop .buttons .btn-iwtb.btn.btn-primary.btn-xs::before {
  width: 16px;
  height: 16px;
  /* top: 4px; */
  top: -1px;
  margin-top: -7px;
  border-width: 2px; }

html.desktop .buttons .btn-iwtb.btn.btn-primary.btn-xs::after {
  top: 4px;
  left: 7px; }

html.desktop .buttons .btn-iwtb.btn.btn-primary.marked {
  color: white !important;
  background: #5db30b;
  border-color: #5db30b;
  font-weight: normal; }
  html.desktop .buttons .btn-iwtb.btn.btn-primary.marked::before {
    background: white; }
  html.desktop .buttons .btn-iwtb.btn.btn-primary.marked::after {
    color: #5db30b; }

html.desktop .buttons .btn-iwtb.btn.btn-primary .icon-loading {
  color: #5db30b;
  position: absolute;
  top: -11px;
  right: -8px; }

html.mobile #navbar.navbar-collapse {
  /* background: $colorBrandDark; */
  background: -webkit-linear-gradient(315deg, #643797 0%, #7800ff 100%);
  background: -o-linear-gradient(315deg, #643797 0%, #7800ff 100%);
  background: linear-gradient(135deg, #643797 0%, #7800ff 100%); }

html.mobile .buttons.btns-sticky {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background: white;
  margin: 0;
  padding: 8px 16px 30px;
  z-index: 5;
  -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2); }
  html.mobile .buttons.btns-sticky > .btn {
    border: none;
    background: none; }
    html.mobile .buttons.btns-sticky > .btn:first-child {
      left: -5px; }
    html.mobile .buttons.btns-sticky > .btn.btn-primary {
      font-weight: 500;
      color: #7800ff; }
    html.mobile .buttons.btns-sticky > .btn.btn-warning {
      /* color: $colorBrand2; */
      color: #e85c00; }
  html.mobile .buttons.btns-sticky .btn-xs.btn-iwtb::before {
    margin-top: -7px; }
  html.mobile .buttons.btns-sticky .btn-xs.btn-iwtb.marked::after {
    top: 3px;
    left: 9px; }
  html.mobile .buttons.btns-sticky .btn-xs.btn-iwtb .icon-loading {
    /* margin-left: -1px;
					top: -5px; */
    margin-left: 5px;
    top: 2px; }

html.h-m-open {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.panel {
  border: none;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); }
  .panel.panel-primary {
    border-color: #643797; }
  .panel.deleting {
    position: relative; }
    .panel.deleting::after {
      width: 100%;
      height: 100%;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(255, 255, 255, 0.7); }
  .panel.is-hidden {
    /* border-color: lighten($colorTextBrighter, 40%); */
    border-color: rgba(0, 0, 0, 0.6); }
    .panel.is-hidden .panel-heading {
      background: rgba(0, 0, 0, 0.6);
      /* border-color: $colorTextBrighter; */ }
  .panel.panel-card .panel-heading,
  .panel.panel-card .panel-body {
    padding-left: 10px;
    padding-right: 10px; }
  .panel.panel-card .panel-heading {
    min-height: 68px;
    color: white;
    line-height: 120%;
    font-size: 14px;
    /* font-weight: 500; */ }
  .panel.panel-card .panel-body .days-until {
    display: block;
    line-height: 120%; }
    .panel.panel-card .panel-body .days-until.smaller {
      display: block;
      font-size: 16px !important;
      line-height: 120%; }
    .panel.panel-card .panel-body .days-until + .pc-subtext {
      margin-top: 3px; }
  .panel.panel-card .panel-body .link,
  .panel.panel-card .panel-body .purchased-gifts {
    display: block;
    line-height: 120%;
    margin-top: 13px; }
  .panel.panel-card .panel-img {
    width: 50px;
    height: 50px;
    margin-bottom: 10px; }
  .panel.panel-card .pc-subtext {
    display: block;
    font-size: 12px;
    font-weight: normal; }
  .panel .panel-heading {
    background: #643797;
    border: none; }
  .panel .buttons {
    margin-top: 14px;
    /* > .btn:not([class*="rem-"]) ~ .btn { */ }
    .panel .buttons > .btn ~ .btn {
      margin-left: 9px; }
    .panel .buttons .glyphicon {
      margin-left: 13px; }
      .panel .buttons .glyphicon + .glyphicon {
        /* margin-right: -5px; */
        top: 7px; }
    .panel .buttons > .btn {
      color: #6000cc;
      background: none;
      border: none;
      /* &.btn-primary {
				font-weight: 500;
			} */ }
      .panel .buttons > .btn:first-child {
        padding-left: 0; }
      .panel .buttons > .btn:hover {
        text-decoration: underline; }
  .panel .loading-text-holder {
    width: 100%;
    padding-top: 51px;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center; }
  .panel .trigger-btn-loading.loading {
    overflow: visible; }
    .panel .trigger-btn-loading.loading .icon-loading {
      position: absolute;
      top: 1px;
      right: -18px; }

.panel-card-wrap {
  padding-left: 0; }
  .panel-card-wrap.empty-card .panel-card {
    height: 180px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.1); }
  .panel-card-wrap.empty-card .pb-txt {
    color: rgba(0, 0, 0, 0.7);
    font-size: 14px; }

.btn {
  /* !!!! COMPARE WITH .btn-xs */ }
  .btn:not(.btn-two-rows) {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  .btn.btn-primary {
    background: #7800ff;
    border-color: #7800ff; }
    .btn.btn-primary.btn-grad {
      background: -webkit-linear-gradient(278deg, #7800ff 33%, #c500b1 200%);
      background: -o-linear-gradient(278deg, #7800ff 33%, #c500b1 200%);
      background: linear-gradient(172deg, #7800ff 33%, #c500b1 200%); }
    .btn.btn-primary.btn-red {
      background: #b90000;
      border-color: #b90000; }
  .btn.btn-warning {
    background-color: #df5b00;
    border-color: #ca4200; }
  .btn.btn-default > .glyphicon {
    opacity: 0.7; }
  .btn.btn-default .g-icon {
    opacity: 0.6; }
  .btn.btn-clear {
    background: none;
    padding-left: 0;
    padding-right: 0;
    color: #7800ff; }
  .btn.btn-bold1 {
    font-weight: 500; }
  .btn.loading .text,
  .btn.loading .icon {
    display: none !important; }
  .btn.disable-focus-style:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn.btn-icon {
    padding-left: 10px;
    padding-right: 10px; }
    .btn.btn-icon:hover[class], .btn.btn-icon:focus {
      text-decoration: none; }
    .btn.btn-icon:hover .btn-ih-txt {
      color: rgba(0, 0, 0, 0.87);
      text-decoration: underline; }
    .btn.btn-icon:focus {
      -webkit-box-shadow: none;
      box-shadow: none;
      outline: none;
      background: rgba(0, 0, 0, 0.1); }
    .btn.btn-icon.icon-only .icon {
      margin-right: 0; }
    .btn.btn-icon .icon {
      font-size: 16px;
      margin-right: 7px;
      margin-left: 0; }
      .btn.btn-icon .icon + .text-12 {
        top: -2px; }
  .btn.btn-border, .btn.btn-border-brand {
    border: 1px solid #7800ff;
    font-weight: 700; }
    .btn.btn-border.btn-disabled, .btn.btn-border[disabled], .btn.btn-border-brand.btn-disabled, .btn.btn-border-brand[disabled] {
      border-color: transparent;
      background: rgba(0, 0, 0, 0.125) !important;
      opacity: 1;
      color: rgba(0, 0, 0, 0.7);
      font-weight: normal; }
      .btn.btn-border.btn-disabled:hover > .btn-ih-txt, .btn.btn-border[disabled]:hover > .btn-ih-txt, .btn.btn-border-brand.btn-disabled:hover > .btn-ih-txt, .btn.btn-border-brand[disabled]:hover > .btn-ih-txt {
        color: inherit;
        text-decoration: none; }
      .btn.btn-border.btn-disabled > .btn-ih-txt > .icon, .btn.btn-border[disabled] > .btn-ih-txt > .icon, .btn.btn-border-brand.btn-disabled > .btn-ih-txt > .icon, .btn.btn-border-brand[disabled] > .btn-ih-txt > .icon {
        top: 1px;
        margin-left: 4px;
        margin-right: 0;
        color: rgba(0, 0, 0, 0.5); }
  .btn.btn-border.btn-red {
    border-color: #cc0000;
    color: #cc0000; }
  .btn.btn-border-brand {
    color: #7800ff;
    border-width: 2px; }
  .btn.btn-border-brand {
    color: #7800ff;
    border-width: 2px; }
  .btn.btn-xs {
    padding-top: 1px;
    padding-bottom: 2px;
    font-size: 14px; }
  .btn.btn-two-rows {
    text-align: left;
    line-height: 122%;
    padding-top: 8px;
    padding-bottom: 9px; }
  .btn.btn-link.btn-red {
    color: #cc0000; }
  .btn.btn-small {
    /* font-size: $fontSize1; */
    font-size: 14px;
    padding: 2px 12px;
    font-weight: 500; }
  .btn > .glyphicon {
    top: 3px; }
  .btn + p.help-block {
    margin-top: 0; }
  .btn .g-icon {
    top: 2px;
    margin-right: 2px; }

.btn[disabled].btn-primary {
  background-color: rgba(0, 0, 0, 0.45) !important;
  border-color: transparent !important; }

.btn.btn-icon-small {
  font-size: 12px; }
  .btn.btn-icon-small .g-icon {
    top: 0;
    margin-right: 4px; }

.btn.btn-icon-hor {
  color: #7800ff;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .btn.btn-icon-hor .icon {
    top: -1px; }

.btn.btn-full-w {
  width: 100%; }

.btn-link {
  background: none;
  border: none;
  padding: 5px 0;
  color: #7800ff; }

#main-menu {
  /* PRIMARY */
  /* SECONDARY */ }
  #main-menu .nav-item a:hover {
    text-decoration: none; }
    #main-menu .nav-item a:hover .text > .text-main {
      text-decoration: underline; }
  #main-menu .nav-item .icon-g-24 {
    margin-top: -6px;
    opacity: 0.7;
    /* ASSUMING SOLID BLACK */ }
  #main-menu .nav-item .ni-new {
    font-size: 13px;
    display: inline-block;
    background: white;
    color: #643797;
    font-weight: bold;
    padding: 3px 5px;
    border-radius: 4px;
    line-height: 100%;
    margin-left: 6px;
    top: -1px; }
  #main-menu .nav-item .text + .g-i-open-externally-w {
    top: 3px;
    margin-left: 6px;
    opacity: 0.65; }
  #main-menu > li > a:not(#mm-feedback) {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  #main-menu > li > ul.nav-secondary {
    list-style: none;
    padding: 0;
    font-size: 14px;
    margin: 6px; }
    #main-menu > li > ul.nav-secondary > li > a {
      display: inline-block;
      padding: 0.5rem 10px; }
  #main-menu .mm-paragraph {
    color: white;
    padding: 16px; }

.btn-iwtb {
  text-align: left; }
  .btn-iwtb:active, .btn-iwtb:focus {
    -webkit-box-shadow: none;
    box-shadow: none; }
    .btn-iwtb:active::before, .btn-iwtb:focus::before {
      -webkit-box-shadow: 0 0 5px #7800ff;
      box-shadow: 0 0 5px #7800ff; }
    .btn-iwtb:active.marked::before, .btn-iwtb:focus.marked::before {
      -webkit-box-shadow: 0 0 5px #5db30b;
      box-shadow: 0 0 5px #5db30b; }
  .btn-iwtb.marked {
    font-weight: 500;
    color: #519b0a !important;
    /* &.flashing-opacity {
			opacity: 1 !important;	// DOESN'T WORK (JS IS USED INSTEAD)
		} */ }
    .btn-iwtb.marked::before {
      border-color: #5db30b;
      background: #5db30b; }
    .btn-iwtb.marked::after {
      content: '\f00c';
      position: absolute;
      /* left: 4px; */
      left: 9px;
      /* top: 10px; */
      top: 5px;
      color: white;
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .btn-iwtb::before {
    width: 20px;
    height: 20px;
    content: '';
    display: inline-block;
    margin-right: 7px;
    border: 3px solid #7800ff;
    border-radius: 4px;
    position: relative;
    /* top: 5px; */
    margin-bottom: -5px; }
  .btn-iwtb:not(.loading) .icon-loading {
    display: none !important; }
  .btn-iwtb .icon-loading[class] {
    margin-left: 6px;
    top: 2px; }

input ~ .btn-xs {
  position: absolute;
  top: 6px;
  right: 44px;
  z-index: 2; }

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

.sys-msg {
  padding: 10px 15px;
  margin-bottom: 17px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 140%;
  font-weight: 500;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .sys-msg.sys-msg-on-top {
    margin-top: 15px; }
  .sys-msg .s-m-txt {
    display: block; }
  .sys-msg .buttons {
    /* margin-top: 8px; */
    margin-top: 11px;
    margin-bottom: 4px; }
    .sys-msg .buttons > .btn {
      margin-right: 10px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis; }
      .sys-msg .buttons > .btn:first-child {
        background: white;
        border-color: white;
        color: green;
        font-weight: 600;
        text-shadow: none; }
        .sys-msg .buttons > .btn:first-child:hover {
          color: white; }
      .sys-msg .buttons > .btn:last-child {
        margin-right: 0; }
  .sys-msg .close {
    top: -3px; }
    .sys-msg .close:hover {
      opacity: 0.4; }
  .sys-msg .close-sys-msg {
    z-index: 1; }
    .sys-msg .close-sys-msg + .s-m-txt {
      padding-right: 20px; }

/* CONTRASTED DESIGN */
.sys-msg {
  color: white;
  font-size: 14px; }
  .sys-msg.bg-danger {
    background-color: #d54f4f; }
  .sys-msg.bg-success {
    /* background-color: #7ab852; */
    background: -webkit-gradient(linear, left top, left bottom, from(#53a510), to(#88c25a));
    background: -webkit-linear-gradient(top, #53a510 0%, #88c25a 100%);
    background: -o-linear-gradient(top, #53a510 0%, #88c25a 100%);
    background: linear-gradient(to bottom, #53a510 0%, #88c25a 100%); }
    .sys-msg.bg-success .btn-primary {
      background: white;
      color: green;
      border-color: white; }
    .sys-msg.bg-success .btn-default {
      background: green;
      color: white;
      border-color: green; }
      .sys-msg.bg-success .btn-default:hover {
        background: #006700; }
  .sys-msg.bg-warning {
    background-color: #f6b301;
    color: #5d4100;
    text-shadow: none; }
    .sys-msg.bg-warning .close {
      color: #5d4100; }
    .sys-msg.bg-warning .s-m-txt a {
      color: #a52a2a; }
  .sys-msg + .sys-msg {
    margin-top: -15px; }
  .sys-msg a:not(.btn) {
    color: white;
    text-decoration: underline; }
    .sys-msg a:not(.btn):hover {
      text-decoration: none; }
  .sys-msg .close {
    text-shadow: 0 1px 0 #000;
    opacity: 0.65;
    color: #006200; }
  .sys-msg .btn-primary {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .sys-msg .btn-primary:hover {
      font-weight: 500;
      -webkit-transform: scale(1.04);
      -ms-transform: scale(1.04);
      transform: scale(1.04); }

.visibility-hidden {
  visibility: hidden; }

.is-hidden {
  color: rgba(0, 0, 0, 0.6); }

.text-small,
.text-size-1 {
  font-size: 12px; }

.text-size-2 {
  font-size: 14px; }

.text-grey, label > small, .panel.panel-card .pc-subtext, .btn-link[disabled], .group-content .group-c-body .group-c-body-section .group-c-body-items .group-c-body-item .group-c-b-i-cont .group-c-b-i-ttl, h2 > small, .event-date .left, .form-group.radio-group .rg-note, input[type="checkbox"][disabled] + .label-text, input[type="checkbox"]:disabled + .cb-label-txt {
  color: rgba(0, 0, 0, 0.6) !important; }

.text-green,
.color-green {
  color: #4c9109 !important; }

.text-green-bright, .recently {
  color: #62c700 !important;
  /* color: $colorGreen !important; */ }

.text-purple {
  color: #7800ff !important; }

.text-red, .g-input-invalid + .help-block,
.color-red {
  color: #cc0000 !important; }

.text-blue {
  color: #337ab7 !important; }

.text-bold-500 {
  font-weight: 500; }

.text-normal {
  font-weight: normal; }

.color-brand {
  color: #7800ff; }

.color-brand2 {
  color: #ff8400; }

.color-brand5 {
  color: #b422b4; }

.color-text-default {
  color: rgba(0, 0, 0, 0.87); }

.position-relative {
  position: relative; }

.p-pic.small,
.pic.small {
  max-height: 100px; }

.ava-user-preview {
  width: 100px; }

.icon.p-priority.p-high {
  color: red; }

.icon.p-priority.p-medium {
  color: orange; }

.icon.p-priority.p-low {
  color: rgba(0, 0, 0, 0.2); }

.p-priority.p-high {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-animation: flame-moving 1.8s infinite;
  /* Safari 4+ */
  -moz-animation: flame-moving 1.8s infinite;
  /* Fx 5+ */
  -o-animation: flame-moving 1.8s infinite;
  /* Opera 12+ */
  animation: flame-moving 1.8s infinite;
  /* IE 10+, Fx 29+ */ }

/* FIX FOR ANIMATED FLAME - PRESENT PAGE, VIEW MODE */
#page-cont {
  padding: 0;
  -webkit-transition: "padding" 0.5s ease;
  -moz-transition: "padding" 0.5s ease;
  -ms-transition: "padding" 0.5s ease;
  -o-transition: "padding" 0.5s ease;
  transition: "padding" 0.5s ease; }
  #page-cont form[data-view-mode="true"] .form-group.position-relative .p-priority.p-high {
    top: 0;
    margin-top: 25px; }

@-webkit-keyframes flame-moving {
  0% {
    top: 0;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1); }
  10% {
    top: -2px;
    -webkit-transform: rotate(15deg) scale(1.2);
    transform: rotate(15deg) scale(1.2);
    color: red; }
  20% {
    top: 0;
    -webkit-transform: rotate(-10deg) scale(0.8);
    transform: rotate(-10deg) scale(0.8);
    color: #ff6f0f; }
  30% {
    top: -3px;
    -webkit-transform: rotate(7deg) scale(1.4);
    transform: rotate(7deg) scale(1.4);
    color: #ff6f0f; }
  40% {
    top: 1px;
    -webkit-transform: rotate(-20deg) scale(0.7);
    transform: rotate(-20deg) scale(0.7);
    color: red; }
  50% {
    top: 0;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1); }
  60% {
    top: -2px;
    -webkit-transform: rotate(15deg) scale(1.2);
    transform: rotate(15deg) scale(1.2);
    color: red; }
  70% {
    top: 0;
    -webkit-transform: rotate(-12deg) scale(0.5);
    transform: rotate(-12deg) scale(0.5);
    color: #ff6f0f; }
  80% {
    top: -3px;
    -webkit-transform: rotate(5deg) scale(1.3);
    transform: rotate(5deg) scale(1.3);
    color: #ff6f0f; }
  90% {
    top: 0;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1); } }

@-moz-keyframes flame-moving {
  0% {
    top: 0;
    transform: rotate(0) scale(1); }
  10% {
    top: -2px;
    transform: rotate(15deg) scale(1.2);
    color: red; }
  20% {
    top: 0;
    transform: rotate(-10deg) scale(0.8);
    color: #ff6f0f; }
  30% {
    top: -3px;
    transform: rotate(7deg) scale(1.4);
    color: #ff6f0f; }
  40% {
    top: 1px;
    transform: rotate(-20deg) scale(0.7);
    color: red; }
  50% {
    top: 0;
    transform: rotate(0) scale(1); }
  60% {
    top: -2px;
    transform: rotate(15deg) scale(1.2);
    color: red; }
  70% {
    top: 0;
    transform: rotate(-12deg) scale(0.5);
    color: #ff6f0f; }
  80% {
    top: -3px;
    transform: rotate(5deg) scale(1.3);
    color: #ff6f0f; }
  90% {
    top: 0;
    transform: rotate(0) scale(1); } }

@-o-keyframes flame-moving {
  0% {
    top: 0;
    transform: rotate(0) scale(1); }
  10% {
    top: -2px;
    transform: rotate(15deg) scale(1.2);
    color: red; }
  20% {
    top: 0;
    transform: rotate(-10deg) scale(0.8);
    color: #ff6f0f; }
  30% {
    top: -3px;
    transform: rotate(7deg) scale(1.4);
    color: #ff6f0f; }
  40% {
    top: 1px;
    transform: rotate(-20deg) scale(0.7);
    color: red; }
  50% {
    top: 0;
    transform: rotate(0) scale(1); }
  60% {
    top: -2px;
    transform: rotate(15deg) scale(1.2);
    color: red; }
  70% {
    top: 0;
    transform: rotate(-12deg) scale(0.5);
    color: #ff6f0f; }
  80% {
    top: -3px;
    transform: rotate(5deg) scale(1.3);
    color: #ff6f0f; }
  90% {
    top: 0;
    transform: rotate(0) scale(1); } }

@keyframes flame-moving {
  0% {
    top: 0;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1); }
  10% {
    top: -2px;
    -webkit-transform: rotate(15deg) scale(1.2);
    transform: rotate(15deg) scale(1.2);
    color: red; }
  20% {
    top: 0;
    -webkit-transform: rotate(-10deg) scale(0.8);
    transform: rotate(-10deg) scale(0.8);
    color: #ff6f0f; }
  30% {
    top: -3px;
    -webkit-transform: rotate(7deg) scale(1.4);
    transform: rotate(7deg) scale(1.4);
    color: #ff6f0f; }
  40% {
    top: 1px;
    -webkit-transform: rotate(-20deg) scale(0.7);
    transform: rotate(-20deg) scale(0.7);
    color: red; }
  50% {
    top: 0;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1); }
  60% {
    top: -2px;
    -webkit-transform: rotate(15deg) scale(1.2);
    transform: rotate(15deg) scale(1.2);
    color: red; }
  70% {
    top: 0;
    -webkit-transform: rotate(-12deg) scale(0.5);
    transform: rotate(-12deg) scale(0.5);
    color: #ff6f0f; }
  80% {
    top: -3px;
    -webkit-transform: rotate(5deg) scale(1.3);
    transform: rotate(5deg) scale(1.3);
    color: #ff6f0f; }
  90% {
    top: 0;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1); } }

textarea {
  max-width: 100%; }

a {
  /* color: $colorBrandDarker; */
  color: #7800ff; }
  a:hover, a:focus, a:active {
    color: inherit; }

/* PRESENT - EDIT [>] */
form div#pic-remove {
  margin-top: -7px;
  margin-bottom: 19px; }

/* PRESENT - EDIT [<] */
#loading {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  background: rgba(255, 255, 255, 0.7);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center; }

#loading-text,
.loading-text {
  margin: auto;
  font-size: 20px;
  background: white;
  border: 2px solid #643797;
  padding: 5px 13px 6px 15px;
  -webkit-box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  border-radius: 4px; }

/* .anim-bounce-frequently {
	animation-name: animBounce;
    animation-duration: 1s;
    animation-delay: 2.5s;
	animation-iteration-count: infinite;
} */
/* #loading-text {
	@extend .anim-bounce-frequently;
} */
#loading-text > .btn {
  display: block;
  margin-top: 9px;
  margin-bottom: 7px; }

.panel-title > a {
  width: calc(100% - 40px);
  display: inline-block; }
  .panel-title > a:hover, .panel-title > a:focus {
    text-decoration: none;
    opacity: 0.7; }
  .panel-title > a.has-label {
    line-height: 140%; }
  .panel-title > a > .badge {
    margin-left: 8px;
    margin-top: -1px;
    top: -1px; }

.panel-title small {
  color: rgba(255, 255, 255, 0.55);
  font-size: 12px; }

.display-block,
.block {
  display: block; }

.inline-block {
  display: inline-block; }
  .inline-block.wb-n {
    word-break: normal; }

.trigger-modal-photo {
  cursor: pointer; }
  .trigger-modal-photo:hover {
    opacity: 0.7; }

.btn-floating {
  position: fixed;
  right: 32px;
  bottom: 32px;
  background: #7800ff;
  width: 56px;
  height: 56px;
  text-align: center;
  font-size: 24px;
  line-height: 56px;
  color: white;
  z-index: 5;
  border-radius: 50%;
  -webkit-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .btn-floating:hover {
    color: white;
    background: #6000cc; }
  .btn-floating:focus {
    color: white;
    background: #ff8400; }
  .btn-floating.bf-hidden {
    opacity: 0;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }

.btn-link {
  display: inline-block;
  padding-right: 20px; }

.icon-gift-add {
  display: block;
  padding-top: 2px; }
  .icon-gift-add .fa-plus {
    font-size: 13px;
    top: -11px;
    margin-right: 0px;
    margin-left: -7px;
    position: relative; }

.modal.modal-text-bigger .modal-body {
  font-size: 16px; }
  .modal.modal-text-bigger .modal-body p {
    font-size: 16px; }
  .modal.modal-text-bigger .modal-body .smaller {
    font-size: 14px; }

.modal.modal-full-height.modal-fixed-buttons .modal-body.content-scroll {
  /* max-height: calc(100vh - 87px) !important; */
  max-height: calc(100vh - 97px) !important; }

.modal.modal-full-height .modal-body.content-scroll {
  /* max-height: calc(100vh - 20px) !important; */
  max-height: calc(100vh - 30px) !important; }

.modal.modal-buttons-center .modal-footer {
  text-align: center; }

.modal.in ~ .modal.in {
  opacity: 0 !important; }

.modal:not(.bg-in-focus) {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px); }

.modal .modal-header .close {
  padding-left: 15px; }

.modal .modal-title {
  max-width: calc(100% - 30px);
  /* TEMP - BEFORE BRANDING */ }
  .modal .modal-title > .glyphicon {
    margin-right: 10px; }
  .modal .modal-title > .fa-gift {
    font-size: 30px;
    top: 3px;
    color: #7800ff;
    margin-right: 8px; }

.modal .modal-body.content-scroll {
  max-height: calc(100vh - 164px);
  overflow: hidden;
  overflow-y: auto; }
  .modal .modal-body.content-scroll + .modal-footer::before {
    width: 100%;
    height: 20px;
    content: '';
    display: inline-block;
    position: absolute;
    top: -20px;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.15)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%); }

.modal .modal-body b {
  word-break: normal; }

.modal .modal-body h5 {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87); }

.modal .modal-body > .subtitle + p, .modal .modal-body > ul.nps-bar + p {
  margin-top: 18px; }

.modal .modal-body > h4 + p,
.modal .modal-body > h5 + p {
  margin-top: 20px; }

.modal .modal-footer:not(.two-buttons) .btn + .btn {
  margin-left: 10px; }

.modal .cont-doc p + h5,
.modal .cont-doc ul + h5,
.modal .cont-doc ol + h5 {
  margin-top: 15px; }

.modal .cont-doc p + p,
.modal .cont-doc p + ul,
.modal .cont-doc p + ol,
.modal .cont-doc ul + p,
.modal .cont-doc ul + ul,
.modal .cont-doc ul + ol,
.modal .cont-doc ol + p,
.modal .cont-doc ol + ul,
.modal .cont-doc ol + ol {
  margin-top: -5px; }

.modal .group-c-body {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -15px;
  padding: 0 10px 23px;
  background-color: rgba(0, 0, 0, 0.1); }

/* .modal {
    will-change: transform, opacity;
    transform: translate3d(0, 0, 0);
} */
/* .modal.fade .modal-dialog {
    transition: transform 0.05s ease-out, opacity 0.05s ease-out !important;
} */
.group-content.gc-larger-texts .group-c-body .group-c-body-section .group-c-body-items .group-c-body-item .group-c-b-i-cont .group-c-b-i-ttl {
  font-weight: 500;
  font-size: 20px; }

.group-content.gc-larger-texts .group-c-body .group-c-body-section .group-c-body-items .group-c-body-item .group-c-b-i-cont .group-c-b-i-desc {
  font-size: 14px; }

.group-content.gc-larger-texts .group-c-body .group-c-body-section .group-c-body-items .group-c-body-item .group-c-b-i-label {
  font-size: 14px; }

.group-content.gc-larger-texts .group-c-body .group-c-body-section .group-c-b-s-ttl {
  font-size: 14px; }

.group-content .group-c-header {
  text-align: center; }
  .group-content .group-c-header .group-c-ttl-holder {
    color: #666666;
    margin: auto;
    padding: 8px 10px 22px; }
    .group-content .group-c-header .group-c-ttl-holder .group-c-ttl-main,
    .group-content .group-c-header .group-c-ttl-holder .group-c-ttl-sub {
      display: block; }
    .group-content .group-c-header .group-c-ttl-holder .group-c-ttl-main + .group-c-ttl-sub {
      margin-top: 18px; }
      .group-content .group-c-header .group-c-ttl-holder .group-c-ttl-main + .group-c-ttl-sub ~ .group-c-ttl-sub {
        margin-top: 13px; }
    .group-content .group-c-header .group-c-ttl-holder .group-c-ttl-sub {
      font-size: 16px;
      font-weight: normal;
      color: rgba(0, 0, 0, 0.87); }

.group-content .group-c-body .group-c-body-section .group-c-b-s-ttl {
  font-size: 12px;
  text-align: center;
  font-weight: normal;
  margin: 0 auto 12px;
  padding: 18px 0 0; }

.group-content .group-c-body .group-c-body-section .group-c-body-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px; }
  .group-content .group-c-body .group-c-body-section .group-c-body-items .group-c-body-item {
    background-color: white;
    float: left;
    text-align: center;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* .group-c-b-i-cont,
					.group-c-b-i-label
					{
						line-height: 120%;
					} */ }
    .group-content .group-c-body .group-c-body-section .group-c-body-items .group-c-body-item .group-c-b-i-cont {
      padding: 12px 8px;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .group-content .group-c-body .group-c-body-section .group-c-body-items .group-c-body-item .group-c-b-i-cont .group-c-b-i-img {
        width: 40px;
        height: 40px;
        display: none; }
      .group-content .group-c-body .group-c-body-section .group-c-body-items .group-c-body-item .group-c-b-i-cont .group-c-b-i-ttl {
        font-weight: 500;
        font-size: 18px;
        margin-top: 0; }
      .group-content .group-c-body .group-c-body-section .group-c-body-items .group-c-body-item .group-c-b-i-cont .group-c-b-i-desc {
        font-size: 12px;
        line-height: 120%;
        margin-bottom: 0; }
    .group-content .group-c-body .group-c-body-section .group-c-body-items .group-c-body-item .group-c-b-i-label {
      display: block;
      font-size: 12px;
      font-weight: bold;
      padding: 5px 2px 6px;
      border-top: 1px solid rgba(0, 0, 0, 0.25);
      border-bottom: 1px solid rgba(0, 0, 0, 0.25);
      line-height: 110%; }
    .group-content .group-c-body .group-c-body-section .group-c-body-items .group-c-body-item .group-c-b-i-btns {
      text-align: center;
      /* padding: 10px 4px 11px; */
      padding: 10px 11px 11px; }
      .group-content .group-c-body .group-c-body-section .group-c-body-items .group-c-body-item .group-c-b-i-btns .btn-small {
        width: 100%; }

.group-content .group-c-body .group-c-body-btns {
  text-align: center;
  margin-top: 23px;
  margin-bottom: 12px; }

.ava-user-preview {
  display: block;
  clear: both;
  position: relative; }
  .ava-user-preview + input[type="file"] {
    margin-top: 18px; }
  .ava-user-preview img {
    vertical-align: top; }
    .ava-user-preview img.lazy-load + .circle-example {
      display: none !important; }
  .ava-user-preview .circle-example {
    /* width: 100%;
		height: 100%; */
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid white; }
  .ava-user-preview .pic-actions {
    position: absolute;
    top: -9px;
    left: 100px;
    padding-left: 0; }

b {
  word-break: break-all; }

.list-group .user-name {
  width: 31%;
  display: inline-block;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 2px;
  top: 5px;
  padding-left: 7px; }

.list-group .user-dtb {
  /* width: 48px; */
  /* width: 82px; */
  width: 98px;
  display: inline-block;
  text-align: right;
  line-height: 100%;
  white-space: nowrap;
  float: right;
  top: 12px;
  right: 8.3rem; }

.list-group .badge-group {
  /* float: right;
		margin-top: 9px; */
  position: absolute;
  top: 18px;
  right: 10px; }
  .list-group .badge-group > .bgi:first-child {
    background: rgba(0, 0, 0, 0.55);
    border-color: rgba(0, 0, 0, 0.55);
    color: white; }
  .list-group .badge-group .bgi {
    width: 26px;
    /* border: none; */
    font-weight: 500; }

.list-group .person-invite-btns {
  float: right;
  display: inline-block;
  margin-top: -1.25%; }
  .list-group .person-invite-btns > .btn + .btn {
    margin-left: 10px; }
  .list-group .person-invite-btns > .btn-primary {
    padding: 3px 10px 4px 10px; }
  .list-group .person-invite-btns .btn-x {
    min-height: 43px;
    line-height: 2.4rem;
    background: #fbd5d5;
    color: #ab3a3a;
    border-color: #dc9191; }

.badge-group .bgi {
  /* border: none; */
  /* background: $colorGreyLight; */
  background: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: visible !important; }
  .badge-group .bgi.none {
    color: rgba(0, 0, 0, 0.35);
    font-weight: 400; }

.list-group .next-birthday {
  margin-right: 7px; }

.next-birthday:not(.visibility-hidden) + span {
  color: #e67700;
  font-weight: bold; }

.navbar-default .navbar-nav > .active:hover > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a {
  background: none; }

.orange-bold {
  color: #ff8400;
  font-weight: 600; }

.flashing-opacity, .g-counter.g-c-tiny {
  opacity: 1;
  -webkit-animation: flash-opacity 1s infinite ease-in-out;
  -moz-animation: flash-opacity 1s infinite ease-in-out;
  -o-animation: flash-opacity 1s infinite ease-in-out;
  animation: flash-opacity 1s infinite ease-in-out;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

@-webkit-keyframes flash-opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@keyframes flash-opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

.list-group.simple.multi-vals > .list-group-item > a {
  color: inherit; }

.list-group.simple > .list-group-item {
  padding: 0; }
  .list-group.simple > .list-group-item:hover {
    background-color: #f5f5f5; }
  .list-group.simple > .list-group-item > a,
  .list-group.simple > .list-group-item > .lgi-contents {
    display: block;
    padding: 10px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .list-group.simple > .list-group-item > a:hover {
    text-decoration: none; }
  .list-group.simple > .list-group-item > a:focus {
    text-decoration: none; }
  .list-group.simple > .list-group-item .val {
    display: inline-block; }
  .list-group.simple > .list-group-item .val1 {
    width: 49%;
    /* color: $colorBrandDarker; */
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-weight: 500;
    font-size: 1.1em; }
  .list-group.simple > .list-group-item .val2 {
    width: 51%;
    font-size: 12px; }
    .list-group.simple > .list-group-item .val2 .gi-small {
      margin-top: -3px;
      top: -1px; }
    .list-group.simple > .list-group-item .val2 .p-name {
      display: block;
      line-height: 120%;
      color: inherit;
      word-break: break-word; }
      .list-group.simple > .list-group-item .val2 .p-name > .g-i-16 {
        margin-top: -3px; }
    .list-group.simple > .list-group-item .val2 .text-grey, .list-group.simple > .list-group-item .val2 label > small, .list-group.simple > .list-group-item .val2 .panel.panel-card .pc-subtext, .panel.panel-card .list-group.simple > .list-group-item .val2 .pc-subtext, .list-group.simple > .list-group-item .val2 .btn-link[disabled], .list-group.simple > .list-group-item .val2 .group-content .group-c-body .group-c-body-section .group-c-body-items .group-c-body-item .group-c-b-i-cont .group-c-b-i-ttl, .group-content .group-c-body .group-c-body-section .group-c-body-items .group-c-body-item .group-c-b-i-cont .list-group.simple > .list-group-item .val2 .group-c-b-i-ttl, .list-group.simple > .list-group-item .val2 h2 > small, .list-group.simple > .list-group-item .val2 .event-date .left, .event-date .list-group.simple > .list-group-item .val2 .left, .list-group.simple > .list-group-item .val2 .form-group.radio-group .rg-note, .form-group.radio-group .list-group.simple > .list-group-item .val2 .rg-note, .list-group.simple > .list-group-item .val2 input[type="checkbox"][disabled] + .label-text, .list-group.simple > .list-group-item .val2 input[type="checkbox"]:disabled + .cb-label-txt,
    .list-group.simple > .list-group-item .val2 .recently {
      display: block;
      line-height: 100%;
      margin-top: 4px; }

.list-group .g-demo.gd-people:not(.people-small-avatars) .list-group .list-group-item .lgi-contents {
  padding-left: 10px;
  padding-right: 10px; }

#upcoming-events {
  /* .buttons {
		z-index: 1;
		.btn {
			margin-top:-16px;
		}
	} */ }
  #upcoming-events div > .panel-card-wrap {
    /* &:not(:first-child) {
			.days-until {
				color: $colorBrand2;
				font-weight: bold;
			}
		} */ }
    #upcoming-events div > .panel-card-wrap:first-child .panel-card {
      border-color: rgba(0, 0, 0, 0.3); }
    #upcoming-events div > .panel-card-wrap:first-child .panel-heading {
      overflow: hidden;
      /* background: darken($colorBrandDark, 10%); */
      background: -webkit-linear-gradient(315deg, #7800ff 23%, #c500b1 100%);
      background: -o-linear-gradient(315deg, #7800ff 23%, #c500b1 100%);
      background: linear-gradient(135deg, #7800ff 23%, #c500b1 100%); }
    #upcoming-events div > .panel-card-wrap:first-child .days-until {
      font-size: 20px;
      font-weight: 500; }

#people-list-invites,
#people-list,
.selection-group {
  margin-bottom: 0; }
  #people-list-invites .list-group-item,
  #people-list .list-group-item,
  .selection-group .list-group-item {
    padding-left: 10px;
    padding-right: 10px; }
  #people-list-invites .user-name,
  #people-list-invites .selection-name,
  #people-list .user-name,
  #people-list .selection-name,
  .selection-group .user-name,
  .selection-group .selection-name {
    font-weight: 500;
    font-size: 1.1em; }

#people-list.pl_selectable .list-group-item,
.selection-group.pl_selectable .list-group-item {
  cursor: default; }
  #people-list.pl_selectable .list-group-item:not(.lgi-selected),
  .selection-group.pl_selectable .list-group-item:not(.lgi-selected) {
    background: rgba(0, 0, 0, 0.1); }
  #people-list.pl_selectable .list-group-item.lgi-selected .user-avatar:not(.default),
  .selection-group.pl_selectable .list-group-item.lgi-selected .user-avatar:not(.default) {
    -webkit-filter: none;
    filter: none; }
  #people-list.pl_selectable .list-group-item .ppl-cb,
  .selection-group.pl_selectable .list-group-item .ppl-cb {
    padding-top: 10px; }

#people-list.pl_selectable .user-avatar:not(.default),
.selection-group.pl_selectable .user-avatar:not(.default) {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }

.selection-group.pl_selectable .list-group-item .ppl-cb {
  padding-top: 0; }

.selection-group .selection-name {
  width: calc(100% - 40px);
  display: inline-block; }
  .selection-group .selection-name .sn-sub {
    font-weight: normal; }

#people-list-invites + #people-list .no-results-bigger {
  font-size: 1rem; }

#people-list-invites {
  margin-bottom: 15px; }
  #people-list-invites .list-group-item {
    border-color: #8f8f8f;
    background: rgba(0, 0, 0, 0.1);
    border-style: dashed; }

.list-group .list-group-item .icon-right {
  margin-right: -5px; }

.sp-tabs {
  margin-top: 5px;
  margin-bottom: 21px; }
  .sp-tabs .badge {
    margin-left: 4px; }
  .sp-tabs .nav + .link {
    position: absolute;
    top: 10px;
    right: 0; }
  .sp-tabs .nav-tabs {
    border-bottom-color: rgba(0, 0, 0, 0.25); }
    .sp-tabs .nav-tabs > li {
      margin-bottom: -2px; }
  .sp-tabs .sp-tab.active > a,
  .sp-tabs .sp-tab.active > a:hover,
  .sp-tabs .sp-tab.active > a:focus {
    border-left-color: rgba(0, 0, 0, 0.25);
    border-top-color: rgba(0, 0, 0, 0.25);
    border-right-color: rgba(0, 0, 0, 0.25); }
  .sp-tabs .sp-tab.active .sp-tab-text {
    font-weight: 700;
    color: rgba(0, 0, 0, 0.87); }
  .sp-tabs .sp-tab:not(.active) > a {
    font-weight: 500; }
    .sp-tabs .sp-tab:not(.active) > a .badge {
      background-color: #7800ff; }

#wishlist[data-selected-tab="owner-me"] {
  /* HIDE */ }
  #wishlist[data-selected-tab="owner-me"] #filter-visibility-control {
    display: none !important; }

#wishlist .sp-tabs ~ #filter-visibility-control {
  margin-top: -22px;
  padding-left: 15px; }

#people-list-settings {
  /* .ghost-user {
		&::before {
			content: attr(data-text-ghost-user);
			display: inline-block;
			position: absolute;
			font-size: $fontSize1;
			top: -28px;
			right: -8px;
			font-weight: normal;
			color: darken($colorBrand2, 20%);
			opacity: 0.7;
		}
	} */ }
  #people-list-settings tbody.user-hidden {
    border-top-color: #ffce99; }
    #people-list-settings tbody.user-hidden:not(:hover) > tr:first-child > td {
      opacity: 0.7; }
      #people-list-settings tbody.user-hidden:not(:hover) > tr:first-child > td .ghost-user::before {
        color: #994f00; }
  #people-list-settings tbody:not(.user-hidden) .hidden-status {
    display: none !important; }
  #people-list-settings tbody:not(.loading) .loader > .icon {
    /* HIDE */
    visibility: hidden !important; }
  #people-list-settings tbody > tr:first-child > td > a {
    color: inherit; }
  #people-list-settings td > .btn-xs {
    margin-top: 5px; }

.link > .icon {
  color: #7800ff; }

.no-results {
  padding-left: 4px;
  padding-left: 4px;
  /* CALL TO ACTION */ }
  .no-results.cta-disabled .cta {
    /* HIDE */
    display: none !important; }
  .no-results .cta {
    margin-top: 6px;
    display: inline-block; }
    .no-results .cta:focus {
      text-decoration: none; }

.no-results-bigger {
  font-size: 14px; }
  .no-results-bigger a {
    font-size: 12px;
    display: block;
    padding: 5px 0; }

.present-card.archived, .present-card.hide-from-archive {
  /* HIDE */
  display: none !important; }

.present-card.purchased-but-not-given .panel-body .buttons {
  margin-top: 0; }
  .present-card.purchased-but-not-given .panel-body .buttons .dropdown-toggle .text {
    display: inline; }

.present-card .panel-body .store {
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.present-card .panel-body .buttons .dropdown {
  display: inline-block;
  top: 0;
  margin-right: 6px;
  margin-left: -5px;
  /* MAKE MORE SPACE */ }
  .present-card .panel-body .buttons .dropdown + .btn-iwtb {
    float: right;
    top: 6px; }
    .present-card .panel-body .buttons .dropdown + .btn-iwtb.marked::after {
      top: 4px;
      left: 3px; }
  .present-card .panel-body .buttons .dropdown .glyphicon {
    margin: 0; }

.present-card .panel-body .buttons .btn-iwtb {
  margin-top: -4px;
  padding-right: 0;
  /* MAKE MORE SPACE */
  padding-left: 0;
  /* MAKE MORE SPACE */
  top: 1px; }

.present-card .dropdown-toggle {
  padding: 3px 0;
  top: 3px; }

#present-list.archive .present-card.owner-me::after {
  content: attr(data-text-my-idea);
  position: absolute;
  font-size: 12px;
  margin-top: -8px;
  background: white;
  -webkit-box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
  padding: 0 11px 2px;
  border-radius: 4px; }

#present-list:not(.layout-cards) .panel-image {
  display: none !important; }

#present-list.layout-cards {
  margin-left: -4px;
  margin-right: -4px; }
  #present-list.layout-cards .present-card {
    width: calc(50% - 8px);
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 8px; }
    #present-list.layout-cards .present-card.is-hidden {
      /* .grad { */
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#999999+0,999999+100&0+0,1+99 */
      /* background: -moz-linear-gradient(top,  rgba(153,153,153,0) 0%, rgba(153,153,153,1) 99%, rgba(153,153,153,1) 100%);
					background: -webkit-linear-gradient(top,  rgba(153,153,153,0) 0%,rgba(153,153,153,1) 99%,rgba(153,153,153,1) 100%);
					background: linear-gradient(to bottom,  rgba(153,153,153,0) 0%,rgba(153,153,153,1) 99%,rgba(153,153,153,1) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00999999', endColorstr='#999999',GradientType=0 ); */
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#643797+0,643797+100&0+1,1+60 */
      /* } */ }
      #present-list.layout-cards .present-card.is-hidden .panel-image {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%); }
        #present-list.layout-cards .present-card.is-hidden .panel-image .glyphicon-camera {
          color: inherit; }
    #present-list.layout-cards .present-card .panel-body .store {
      max-width: 100%;
      float: none !important;
      display: block;
      margin-top: 9px;
      margin-bottom: 19px; }
    #present-list.layout-cards .present-card .btn-edit .text-12 {
      display: none !important; }
  #present-list.layout-cards .trigger-modal-photo {
    display: none !important; }
  #present-list.layout-cards .panel-image {
    width: 100%;
    /* height: 100px; */
    height: 190px;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: center;
    cursor: pointer; }
    #present-list.layout-cards .panel-image:hover > .grad .p-name {
      bottom: 30px; }
    #present-list.layout-cards .panel-image > .grad {
      width: 100%;
      /* height: 60px; */
      height: 140px;
      position: absolute;
      left: 0;
      bottom: 0;
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#643797+0,643797+100&0+0,1+100 */
      /* background: -moz-linear-gradient(top,  rgba(100,55,151,0) 0%, rgba(100,55,151,1) 100%);
				background: -webkit-linear-gradient(top,  rgba(100,55,151,0) 0%,rgba(100,55,151,1) 100%);
				background: linear-gradient(to bottom,  rgba(100,55,151,0) 0%,rgba(100,55,151,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$colorBrandDark', endColorstr='$colorBrandDark',GradientType=0 ); */
      background: -moz-linear-gradient(top, rgba(100, 55, 151, 0) 0%, rgba(100, 55, 151, 0) 1%, #643797 60%, #643797 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(100, 55, 151, 0) 0%, rgba(100, 55, 151, 0) 1%, #643797 60%, #643797 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(100, 55, 151, 0)), color-stop(1%, rgba(100, 55, 151, 0)), color-stop(60%, #643797), to(#643797));
      background: -o-linear-gradient(top, rgba(100, 55, 151, 0) 0%, rgba(100, 55, 151, 0) 1%, #643797 60%, #643797 100%);
      background: linear-gradient(to bottom, rgba(100, 55, 151, 0) 0%, rgba(100, 55, 151, 0) 1%, #643797 60%, #643797 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$colorBrandDark', endColorstr='$colorBrandDark',GradientType=0 );
      /* IE6-9 */
      text-align: left; }
      #present-list.layout-cards .panel-image > .grad .p-name {
        color: white;
        position: absolute;
        left: 16px;
        bottom: 16px;
        padding-right: 16px;
        font-size: 16px;
        font-weight: 500;
        line-height: 110%;
        text-shadow: 1px 1px 5px #643797;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        #present-list.layout-cards .panel-image > .grad .p-name > small {
          font-weight: normal;
          opacity: 0.7;
          margin-top: 5px;
          display: block;
          font-size: 12px; }
    #present-list.layout-cards .panel-image .glyphicon-camera {
      font-size: 100px;
      margin: 0;
      position: absolute;
      top: 5%;
      left: 0;
      right: 0;
      opacity: 0.4;
      color: #643797; }
    #present-list.layout-cards .panel-image .p-exclusive {
      position: absolute;
      top: 0px;
      left: 0px;
      border-radius: 4px 0 4px 0; }
  #present-list.layout-cards .panel-heading {
    display: none !important;
    /* border-top-left-radius: 0;
			border-top-right-radius: 0; */ }

#present-list .present-card .buttons .btn-edit {
  margin-left: 5px; }

.layout-cards.custom-list-items .present-card {
  float: left; }

.p-exclusive {
  background: #643797;
  color: white;
  padding: 2px 6px; }
  .p-exclusive + .p-e-people {
    display: inline-block;
    margin: 4px 0 -5px 9px; }
  .p-exclusive .p-e-counter {
    margin-left: 3px;
    display: inline-block;
    opacity: 0.65; }
    .p-exclusive .p-e-counter .icon {
      margin-left: 2px; }

/* PRESENT PAGE [>] */
body {
  /* &.mob-header-sticky {
		#present h1 > .dropdown {
			margin-top: 0;
			right: -17px;
		}
	} */ }
  body #present {
    /* #extras {
			padding-left: 0;
			padding-right: 0;
		} */ }
    body #present h1 {
      width: 100%;
      padding-right: 32px; }
      body #present h1 > .dropdown {
        /* display: inline-block;
				float: right;
				top: -3px;
				right: -32px; */
        /* margin-top: -33px; */ }
        body #present h1 > .dropdown > a {
          padding-left: 5px;
          padding-right: 2px; }
    body #present .p-visibility-indication-holder {
      margin-bottom: 20px; }
    body #present .p-exclusive {
      border-radius: 4px; }
  body .present-labels {
    margin-bottom: 15px; }
    body .present-labels #p-label-given:not(.hide) + #p-label-purchased {
      display: none !important; }

/* PRESENT PAGE [<] */
.present-labels .badge {
  color: white !important; }
  .present-labels .badge.text-green {
    background-color: #5db30b; }
  .present-labels .badge.text-purple {
    background-color: #7800ff; }

h1 .dropdown {
  font-family: Rubik, Verdana, sans-serif; }
  h1 .dropdown small {
    font-size: 85%; }

h1 > small {
  font-size: 16px; }

#h1-sticky > .h1-variant:first-child {
  /* HIDE */
  display: none !important; }
  #h1-sticky > .h1-variant:first-child + .h1-variant.hide {
    /* SHOW */
    display: inline-block !important; }

#h1-sticky + h1 {
  opacity: 0; }

#h1-sticky .h1-sub-note,
#h1-sticky #btn-wl-invite {
  /* HIDE */
  display: none !important; }

#btn-wl-invite:not(.btn-disabled) .icon {
  display: none !important; }

.section-title, .h2-wrapper h2, header#header-top .header-title, .list-cover .lc-title {
  font-size: 24px;
  line-height: 33px; }

.subtitle, ul.nps-bar {
  /* font-size: 15px;
	line-height: 18px; */
  font-size: 1.5rem;
  line-height: 2rem;
  display: block;
  /* @extend .text-grey; */ }
  .subtitle small, ul.nps-bar small {
    display: block;
    font-size: 1.2rem;
    margin-top: 7px;
    line-height: 1.4rem;
    margin-bottom: 10px; }

.flip-hor {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1); }

.btns-wrapper {
  margin-bottom: 14px;
  margin-top: 1px; }

img.lazy-load {
  width: 16px;
  min-width: 16px; }

.media,
.media-body {
  overflow: visible; }

.media {
  border-top: 1px dotted rgba(0, 0, 0, 0.25);
  padding-top: 17px; }
  .media .media-heading {
    font-size: 16px;
    line-height: 130%;
    margin-top: -2px;
    margin-bottom: 6px;
    display: block;
    padding-right: 20px; }
  .media .media-left {
    min-width: 100px;
    padding-right: 0; }
  .media img:not(.lazy-load).media-object {
    width: 100px;
    min-width: 100px; }
  .media .media-left + .media-body {
    padding-left: 10px; }
  .media .p-extra-price {
    margin-bottom: 2px; }
  .media .dropdown {
    position: absolute;
    top: 10px;
    right: 0; }

.dropdown.d-top-r {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 2px 9px; }

.dropdown .dropdown-menu.open-to-left {
  left: auto;
  right: 0; }

.dropdown .dropdown-menu > li > a,
.dropdown .dropdown-menu > li > span {
  padding-top: 10px;
  padding-bottom: 10px; }

.dropdown .dropdown-menu > li > span {
  display: block;
  padding-left: 20px;
  padding-right: 20px; }

.dropdown .dropdown-menu a > small {
  display: block; }

.dropdown .dropdown-toggle-toggle {
  padding: 5px 10px;
  margin-right: -10px; }

.dropdown .glyphicon {
  top: 0.16rem;
  margin-right: 0.2rem; }

.divider {
  border-top: 2px solid rgba(0, 0, 0, 0.25); }
  .divider.thin {
    border-width: 1px; }

[class*="col-"] > .divider {
  margin-top: 10px; }
  [class*="col-"] > .divider + .h2-wrapper {
    margin-top: 0;
    margin-bottom: 0; }
    [class*="col-"] > .divider + .h2-wrapper > .btn.pull-right {
      margin-top: 20px; }
  [class*="col-"] > .divider + h2,
  [class*="col-"] > .divider + .h2-wrapper > h2 {
    margin-top: 20px;
    margin-bottom: 20px; }

.dropdown-toggle {
  font-size: 16px; }
  .dropdown-toggle:hover, .dropdown-toggle:focus {
    text-decoration: none; }
  .dropdown-toggle:hover {
    opacity: 0.6;
    color: #7800ff; }
  .dropdown-toggle:focus {
    color: #7800ff; }
  .dropdown-toggle.loading.success::before {
    content: '\e013'; }
  .dropdown-toggle.loading:not(.success)::before {
    content: '\e023'; }
  .dropdown-toggle.loading::before {
    content: '\e023';
    margin-top: 5px;
    margin-bottom: 10px;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .dropdown-toggle.loading .icon {
    display: none !important; }
  .dropdown-toggle .text {
    font-size: 12px;
    top: -1px;
    display: none; }

.clear-file-selection {
  margin-left: 6px; }

.h-with-btn.btn-below-h > h1 {
  display: block; }

.h-with-btn.btn-below-h > .btn {
  padding-left: 0;
  margin-top: -13px;
  margin-bottom: 19px; }

.h-with-btn > h1:not(#h1-sticky) {
  display: inline-block; }

.h-with-btn > h1 + .btn-icon {
  top: 8px; }

.h-with-btn .btns-group.bg-hor.pull-right {
  display: inline-block;
  /* bottom: -7px; */
  bottom: -26px;
  margin-right: -10px; }

.btns-group.has-h1-above {
  margin-left: -10px; }

table.table-tbody-groups > tbody {
  border-top: 2px solid #ff8400; }
  table.table-tbody-groups > tbody > tr:first-child > td {
    background: rgba(0, 0, 0, 0.05);
    font-weight: 500;
    font-size: 1.1em; }
  table.table-tbody-groups > tbody > tr:first-child + tr > td {
    border-top: none; }

table.table-tbody-groups > thead > tr > th {
  border-bottom: none; }

table th {
  font-weight: normal;
  line-height: 120% !important; }

.table.table-edge-to-edge tr > td:first-child {
  padding-left: 0; }

.table.table-edge-to-edge tr > td:last-child {
  padding-right: 0; }

.event-name {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
  font-size: 1.1em; }
  .event-name .icon {
    color: #ff8400;
    margin-right: 7px;
    top: -1px; }

.event-desc {
  display: block;
  margin-bottom: 7px; }

.event-date {
  display: block; }
  .event-date .left {
    display: inline-block; }
  .event-date .icon {
    margin-right: 6px;
    opacity: 0.8; }
  .event-date .dropdown {
    display: inline-block;
    top: -4px; }

.past-event .event-name {
  opacity: 0.5; }

.weight-normal {
  font-weight: normal; }

.help-block {
  font-size: 12px;
  line-height: 120%;
  margin-top: 8px; }
  .help-block.alert {
    padding: 6px 15px; }
  .help-block:not(.hide) + .help-block {
    margin-top: -6px; }

#logomark-circle {
  width: 40px;
  height: 40px;
  float: left; }
  #logomark-circle.logo-visitor {
    width: 122px; }
  #logomark-circle + #lm-txt {
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    margin-left: 10px;
    color: #7800ff; }

#login-ttl {
  font-size: 24px;
  color: #7800ff; }
  #login-ttl #logomark-circle {
    margin-right: 10px;
    top: -1px; }

#mm-feedback {
  background: #ff8400;
  color: #4b2972 !important;
  display: inline-block;
  margin-top: 10px;
  margin-left: 16px;
  margin-bottom: 10px;
  padding: 0.55rem 10px 0.6rem;
  border-radius: 4px;
  font-weight: 500; }

#mm-follow {
  float: right;
  display: inline-block;
  color: white;
  margin-right: 16px;
  margin-top: 1rem; }
  #mm-follow #mmf-txt {
    max-width: 110px;
    display: inline-block;
    font-size: 12px;
    line-height: 120%; }
  #mm-follow a {
    display: inline-block; }
    #mm-follow a + a {
      margin-left: 10px; }

html.lang-long #mm-follow #mmf-txt {
  /* max-width: 171px; */
  max-width: 142px; }

header#header-top {
  height: 40px;
  color: #7800ff;
  margin-left: -10px;
  margin-right: -10px; }
  header#header-top.title-center {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  header#header-top .header-title {
    max-width: calc(100% - 100px);
    max-height: 40px;
    display: inline-block;
    margin: auto;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: inherit; }

#under-header-top {
  text-align: center;
  font-size: 16px;
  color: #7800ff;
  margin-top: -4px; }

.g-btn-icon {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: none;
  border: none;
  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; }

.g-icon {
  display: inline-block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center; }
  .g-icon.g-i-arrow-left {
    background-image: url("images/icons/icon_arrow-left.svg"); }
  .g-icon.g-i-logomark {
    background-image: url("images/icons/icon_logomark.svg"); }
  .g-icon.g-i-logomark-w {
    background-image: url("images/icons/icon_logomark_w.svg"); }
  .g-icon.g-i-logomark-orange {
    background-image: url("images/icons/icon_logomark_orange.svg"); }
  .g-icon.g-i-person-w {
    background-image: url("images/icons/icon_person_w.svg"); }
  .g-icon.g-i-add-person {
    background-image: url("images/icons/icon_add_person.svg"); }
  .g-icon.g-i-sm-x {
    background-image: url("images/icons/icon_sm_x.svg"); }
  .g-icon.g-i-sm-x-w {
    background-image: url("images/icons/icon_sm_x_w.svg"); }
  .g-icon.g-i-sm-insta-w {
    background-image: url("images/icons/icon_sm_insta_w.svg"); }
  .g-icon.g-i-sm-fb, .g-icon.g-i-sm-facebook {
    background-image: url("images/icons/icon_sm_fb.svg"); }
  .g-icon.g-i-sm-facebook-w, .g-icon.g-i-sm-fb-w {
    background-image: url("images/icons/icon_sm_facebook_w.svg"); }
  .g-icon.g-i-sm-yt, .g-icon.g-i-sm-youtube {
    background-image: url("images/icons/icon_sm_yt.svg"); }
  .g-icon.g-i-sm-yt-w, .g-icon.g-i-sm-youtube-w {
    background-image: url("images/icons/icon_sm_yt_w.svg"); }
  .g-icon.g-i-sm-tt, .g-icon.g-i-sm-tiktok {
    background-image: url("images/icons/icon_sm_tt.svg"); }
  .g-icon.g-i-sm-tt-w, .g-icon.g-i-sm-tiktok-w {
    background-image: url("images/icons/icon_sm_tt_w.svg"); }
  .g-icon.g-i-sm-li, .g-icon.g-i-sm-linkedin {
    background-image: url("images/icons/icon_sm_li.svg"); }
  .g-icon.g-i-sm-li-w, .g-icon.g-i-sm-linkedin-w {
    background-image: url("images/icons/icon_sm_li_w.svg"); }
  .g-icon.g-i-sm-pinterest {
    background-image: url("images/icons/icon_sm_pinterest.svg"); }
  .g-icon.g-i-sm-pinterest-w {
    background-image: url("images/icons/icon_sm_pinterest_w.svg"); }
  .g-icon.g-i-hide {
    background-image: url("images/icons/icon_hide.svg"); }
  .g-icon.g-i-show {
    background-image: url("images/icons/icon_show.svg"); }
  .g-icon.g-i-email-person {
    background-image: url("images/icons/icon_email_person.svg"); }
  .g-icon.g-i-email-sent {
    background-image: url("images/icons/icon_email_sent.svg"); }
  .g-icon.g-i-hamburger {
    background-image: url("images/icons/icon_hamburger.svg"); }
  .g-icon.g-i-hamburger-w {
    background-image: url("images/icons/icon_hamburger_w.svg"); }
  .g-icon.g-i-ios-share {
    background-image: url("images/icons/icon_ios_share.svg"); }
  .g-icon.g-i-ios-add-to-home {
    background-image: url("images/icons/icon_ios_add-to-home.svg"); }
  .g-icon.g-i-three-dots {
    background-image: url("images/icons/icon_three-dots.svg"); }
  .g-icon.g-i-globe-w {
    background-image: url("images/icons/icon_globe_w.svg"); }
  .g-icon.g-i-hourglass-w {
    background-image: url("images/icons/icon_hourglass_w.svg"); }
  .g-icon.g-i-bulb-w {
    background-image: url("images/icons/icon_bulb_w.svg"); }
  .g-icon.g-i-close {
    background-image: url("images/icons/icon_close.svg"); }
  .g-icon.g-i-close-w {
    background-image: url("images/icons/icon_close_w.svg"); }
  .g-icon.g-i-rotate {
    background-image: url("images/icons/icon_rotate.svg"); }
  .g-icon.g-i-person-photo {
    background-image: url("images/icons/icon_person_photo.svg"); }
  .g-icon.g-i-whatsapp {
    background-image: url("images/icons/icon_whatsapp.svg"); }
  .g-icon.g-i-checkmark-green {
    background-image: url("images/icons/icon_checkmark_green.svg"); }
  .g-icon.g-i-checkmark-double-green {
    background-image: url("images/icons/icon_checkmark_double_green.svg"); }
  .g-icon.g-i-checkmark-fail {
    background-image: url("images/icons/icon_checkmark_fail.svg"); }
  .g-icon.g-i-e-check {
    background-image: url("images/icons/icon_e_check.svg"); }
  .g-icon.g-i-e-fail {
    background-image: url("images/icons/icon_e_fail.svg"); }
  .g-icon.g-i-search-w {
    background-image: url("images/icons/icon_search_w.svg"); }
  .g-icon.g-i-chevron-right {
    background-image: url("images/icons/icon_chevron_right.svg"); }
  .g-icon.g-i-email-big {
    background-image: url("images/icons/icon_email_big.svg"); }
  .g-icon.g-i-managed-user {
    background-image: url("images/icons/icon_managed_user.svg"); }
  .g-icon.g-i-add-managed-user-purple {
    background-image: url("images/icons/icon_add_managed_user_purple.svg"); }
  .g-icon.g-i-managed-user-purple {
    background-image: url("images/icons/icon_managed_user_purple.svg"); }
  .g-icon.g-i-share {
    background-image: url("images/icons/icon_share.svg"); }
  .g-icon.g-i-share-w {
    background-image: url("images/icons/icon_share_w.svg"); }
  .g-icon.g-i-open-externally-w {
    background-image: url("images/icons/icon_open_externally_w.svg"); }
  .g-icon.g-i-account {
    background-image: url("images/icons/icon_account.svg"); }
  .g-icon.g-i-into-archive {
    background-image: url("images/icons/icon_into_archive.svg"); }
  .g-icon.g-i-loop {
    background-image: url("images/icons/icon_loop.svg"); }
  .g-icon.g-i-people {
    background-image: url("images/icons/icon_people.svg"); }
  .g-icon.g-i-people-link {
    background-image: url("images/icons/icon_people_link.svg"); }
  .g-icon.g-i-items {
    background-image: url("images/icons/icon_items.svg"); }
  .g-icon.g-i-link {
    background-image: url("images/icons/icon_link.svg"); }
  .g-icon.g-i-date {
    background-image: url("images/icons/icon_date.svg"); }
  .g-icon.g-i-list {
    background-image: url("images/icons/icon_list.svg"); }
  .g-icon.g-i-plus {
    background-image: url("images/icons/icon_plus.svg"); }
  .g-icon.g-i-archive {
    background-image: url("images/icons/icon_archive.svg"); }
  .g-icon.g-i-exit {
    background-image: url("images/icons/icon_exit.svg"); }

.g-i-24 {
  width: 24px;
  height: 24px; }

.g-i-20 {
  width: 20px;
  height: 20px; }

.g-i-18 {
  width: 18px;
  height: 18px; }

.g-i-16 {
  width: 16px;
  height: 16px; }

.g-i-14 {
  width: 14px;
  height: 14px; }

.g-i-12 {
  width: 12px;
  height: 12px; }

.g-icon-label {
  min-width: 40px;
  background: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #643797;
  text-align: center;
  display: inline-block;
  line-height: 100%;
  padding: 0 2px;
  /* .g-icon {
		
	} */ }
  .g-icon-label:hover, .g-icon-label:focus {
    text-decoration: underline; }
  .g-icon-label:not(.hide):not(.btn-sh-hide) + .g-icon-label {
    margin-left: 15px; }
  .g-icon-label .g-i-label {
    display: block;
    clear: both;
    font-size: 12px; }

.g-counter {
  display: inline-block;
  background: red;
  position: absolute;
  top: 0;
  /* default */
  left: 0;
  /* default */
  text-align: center; }
  .g-counter.g-c-tiny {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    padding: 0 !important; }

#mobile-top-menu .g-counter.g-c-tiny {
  top: 13px;
  left: 32px; }

#mobile-top-menu {
  display: inline-block;
  font-size: 20px;
  float: right;
  margin-right: 8px;
  /* margin-left: 5px; */ }
  #mobile-top-menu > * {
    display: inline-block;
    padding: 9px;
    color: inherit; }
    #mobile-top-menu > * .icon {
      color: rgba(0, 0, 0, 0.6); }
    #mobile-top-menu > * .text {
      font-size: 16px;
      margin-left: 5px; }
  #mobile-top-menu > a:focus, #mobile-top-menu > a:hover,
  #mobile-top-menu > button:focus,
  #mobile-top-menu > button:hover {
    text-decoration: none; }
  #mobile-top-menu > a:not(.active):hover,
  #mobile-top-menu > button:not(.active):hover {
    color: #7800ff; }
    #mobile-top-menu > a:not(.active):hover .icon,
    #mobile-top-menu > button:not(.active):hover .icon {
      color: #7800ff; }

.form-group.radio-group.rg-horizontal {
  white-space: nowrap; }
  .form-group.radio-group.rg-horizontal .radio {
    display: inline-block;
    margin-top: 1px;
    margin-bottom: 0; }
    .form-group.radio-group.rg-horizontal .radio > label {
      line-height: 21px; }
    .form-group.radio-group.rg-horizontal .radio + .radio {
      margin-left: 12px; }
  .form-group.radio-group.rg-horizontal .rg-note {
    margin-top: 6px; }

.form-group.radio-group > label {
  display: block; }

.form-group.fg-three-items label {
  display: block; }

.form-group.fg-three-items .fg-item {
  width: calc(33.333333% - 6px);
  display: inline-block; }
  .form-group.fg-three-items .fg-item + .fg-item {
    margin-left: 8px; }

.form-group > label {
  line-height: 120%; }
  .form-group > label > small {
    margin-top: 5px;
    margin-bottom: 3px; }

/* .modal#modal-gi-visibility {
	.modal-body {
		max-height: 70vh;
		overflow-y: auto;
	}
} */
.inline-rbs {
  display: inline-block; }
  .inline-rbs legend {
    font-size: inherit;
    display: block;
    width: auto;
    border: none;
    margin: 0 0 2px; }
  .inline-rbs input[type="radio"] {
    top: -2px; }

#modal-feedback #nps-labels {
  margin-top: 13px; }
  #modal-feedback #nps-labels > * {
    width: 50%;
    display: inline-block; }
    #modal-feedback #nps-labels > * + * {
      text-align: right; }

#nps-labels {
  margin-bottom: 5px; }

ul.nps-bar {
  width: 100%;
  float: left;
  padding: 0;
  margin-bottom: 14px;
  z-index: 1;
  /* @extend .font2; */ }
  ul.nps-bar > li {
    width: calc(9.090909090909091% + 1px);
    display: inline-block;
    float: left;
    margin-left: -1px; }
    ul.nps-bar > li > * {
      width: 100%;
      line-height: 28px;
      padding-bottom: 2px;
      background-color: transparent;
      border: 1px solid #7800ff;
      color: #7800ff;
      text-align: center;
      display: block;
      padding-left: 2px;
      padding-right: 2px; }
      ul.nps-bar > li > *:hover {
        outline: 2px solid #7800ff; }
      ul.nps-bar > li > *:focus {
        outline: 1px solid #7800ff; }
      ul.nps-bar > li > *.selected {
        background-color: #7800ff;
        color: white; }

.checkbox label {
  /* line-height: 21px; */
  line-height: 130%;
  padding-top: 4px; }
  .checkbox label input[type="checkbox"] {
    top: 1px; }
  .checkbox label a {
    color: #7800ff;
    border-bottom: 1px solid #7800ff;
    display: inline-block; }
    .checkbox label a:hover {
      color: rgba(0, 0, 0, 0.87);
      border-bottom-color: rgba(0, 0, 0, 0.87);
      text-decoration: underline; }

hr {
  border-top: 1px solid rgba(0, 0, 0, 0.2); }

.narrower-input,
.narrower-btn {
  max-width: 66%; }

#gift-actions {
  position: absolute;
  top: 0;
  right: 0; }

h1.mob-sticky {
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(30%, white), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, white 0%, white 30%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, white 0%, white 30%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, white 0%, white 30%, rgba(255, 255, 255, 0) 100%); }
  h1.mob-sticky #gift-ttl {
    max-width: calc(100% - 50px);
    min-height: 37px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-top: -4px;
    top: 4px; }
  h1.mob-sticky #gift-actions {
    top: 20px;
    right: 15px; }
  h1.mob-sticky .btn-go-back {
    top: 1px; }
  h1.mob-sticky .d-top-r {
    display: none !important; }

#modal-p-photo .modal-body {
  padding: 0; }

.small-avatar, .people-small-avatars .user-avatar {
  width: 30px;
  min-width: 30px;
  height: 30px; }

.people-small-avatars .user-avatar {
  /* margin: -4px 7px -2px -6px; */
  margin: auto 7px auto -6px; }
  .people-small-avatars .user-avatar.default .glyphicon {
    font-size: 14px;
    margin: 7px 0 0 0; }

/* .g-icon {
	width: 24px;
	height: 24px;
	&.gi-small {
		width: 16px;
		height: 16px;
	}
} */
.recently {
  font-weight: bold; }

html.bg-full-screen {
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(47%, #e5e5e5), to(#e5e5e5));
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 47%, #e5e5e5 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 47%, #e5e5e5 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 47%, #e5e5e5 100%); }
  html.bg-full-screen.bg-f-focus #modal-login ~ .modal-backdrop {
    /* background-size: cover;
			opacity: 0.1; */
    background-image: none; }
  html.bg-full-screen body {
    background-color: transparent; }

#modal-login.selected-login #lang-select,
#modal-login.selected-login #txt-hello,
#modal-login.selected-login #btn-register {
  /* HIDE */
  display: none; }

#modal-login:not(.selected-login) #txt-login,
#modal-login:not(.selected-login) form .modal-body,
#modal-login:not(.selected-login) #btn-login-reg {
  /* HIDE */
  display: none; }

#modal-login:not(.selected-login) .modal-footer {
  margin-top: 25px; }
  #modal-login:not(.selected-login) .modal-footer > .checkbox {
    margin-bottom: 15px; }
  #modal-login:not(.selected-login) .modal-footer .btn {
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
    #modal-login:not(.selected-login) .modal-footer .btn + .btn {
      margin-top: 15px; }

#modal-login.lang-enhanced .modal-header {
  border: none; }

#modal-login.lang-enhanced #lang-select {
  padding: 15px 20px 22px;
  margin-bottom: -10px;
  margin-top: 30px !important;
  margin-left: 0px;
  margin-right: 0px;
  background: white;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.2); }

#modal-login #logomark-circle {
  float: none; }

#modal-login .modal-dialog {
  max-width: 400px; }
  #modal-login .modal-dialog .form-group label,
  #modal-login .modal-dialog .form-group .form-control {
    font-size: 1.2rem; }
  #modal-login .modal-dialog .form-group label {
    font-weight: normal; }
  #modal-login .modal-dialog .form-group .form-control {
    height: 40px; }
  #modal-login .modal-dialog button,
  #modal-login .modal-dialog .btn {
    font-size: 1.3rem;
    height: 40px;
    padding-top: 7px; }

#modal-login .modal-content {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  padding: 0 20px; }

#modal-login .modal-header {
  padding-left: 0;
  padding-right: 0;
  margin-left: 16px;
  margin-right: 16px;
  border-color: rgba(0, 0, 0, 0.2);
  border-bottom-width: 2px;
  border-bottom-style: dashed; }

#modal-login ~ .modal-backdrop {
  opacity: 1;
  background-color: transparent; }

html:not(.login-error) #modal-login.incl-h1 .modal-dialog {
  padding-top: 40px; }

html.login-error #h1-login {
  /* HIDE */
  display: none !important; }

#h1-login:not(#hero-title):not(.h1-ws) {
  font-size: 14px !important;
  font-weight: 400;
  margin: 0 auto;
  position: absolute;
  top: 14px;
  left: 45px;
  right: 45px;
  padding-right: 80px;
  line-height: 120%; }

.modal-footer {
  /* .btns-full-w {
		.btn {
			width: 100%;
		}
	} */ }
  .modal-footer .sys-msg {
    width: calc(100% - 32px);
    position: absolute;
    top: -59px;
    left: 16px;
    text-align: left;
    outline: 1px solid #7eca00;
    -webkit-box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.35);
    background: #55a500; }
  .modal-footer .btn-full-w + .btn-full-w {
    margin-left: 0 !important;
    margin-top: 15px; }

#hamburger-menu.a::before {
  content: 'A';
  position: absolute;
  top: -8px;
  right: -11px;
  font-size: 10px; }

#hamburger-menu.av-d::before {
  content: 'AD'; }

#hamburger-menu.nav-open #hm-label {
  /* HIDE */
  display: none !important; }

#hm-label {
  position: absolute;
  bottom: -9px;
  right: -4px;
  /* text-transform: uppercase; */
  /* font-size: 10px; */
  color: black;
  font-size: 12px !important; }

.inputs-big .form-group label {
  font-size: 14px;
  font-weight: normal; }

.inputs-big .form-group .form-control {
  font-size: 14px; }

.inputs-big .form-group .form-control,
.inputs-big .btn {
  height: 40px; }

.inputs-big .btn {
  font-size: 16px; }

.inputs-big .checkbox {
  font-size: 14px;
  line-height: 120%;
  padding-left: 3px;
  margin-bottom: 20px; }
  .inputs-big .checkbox label {
    line-height: 130%; }
  .inputs-big .checkbox input[type=checkbox] {
    margin-left: -23px;
    top: 2px; }

.inputs-big p:not(.help-block) {
  font-size: 14px; }

#form-registration .form-group i.mandatory {
  display: none !important; }

html.mobile #form-registration .btn {
  width: 100%; }

.add-margin-top {
  margin-top: 16px; }

.add-margin-top-double {
  margin-top: 32px; }

.add-margin-bottom {
  margin-bottom: 16px; }

.add-margin-bottom-double {
  margin-bottom: 32px; }

.add-margin-left {
  margin-left: 16px; }

.add-margin-right {
  margin-right: 16px; }

.add-padding-top {
  padding-top: 16px; }

.add-padding-left {
  padding-left: 16px; }

.add-padding-right {
  padding-right: 16px; }

.add-padding-bottom {
  padding-bottom: 16px; }

.clear-padding-top {
  padding-top: 0 !important; }

.clear-padding-bottom {
  padding-bottom: 0 !important; }

.clear-padding-left {
  padding-left: 0 !important; }

.clear-padding-right {
  padding-right: 0 !important; }

#steps-wizard {
  margin: 13px auto 26px; }
  #steps-wizard .sw-ttl {
    font-size: 12px;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.87);
    text-align: center; }
  #steps-wizard .sw-steps {
    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; }
    #steps-wizard .sw-steps.sw-steps-w-labels {
      margin-bottom: 39px; }
    #steps-wizard .sw-steps .sw-step {
      width: 24px;
      height: 24px;
      font-size: 14px;
      border-radius: 12px;
      background-color: rgba(0, 0, 0, 0.4);
      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;
      color: white;
      /* padding-bottom: 1px; */ }
      #steps-wizard .sw-steps .sw-step.s-active {
        background-color: #7800ff; }
      #steps-wizard .sw-steps .sw-step.s-done {
        color: transparent;
        background-color: #5db30b;
        background-image: url("images/icons/icon_checkmark.svg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 16px 16px; }
      #steps-wizard .sw-steps .sw-step .sw-step-label {
        width: 80px;
        color: rgba(0, 0, 0, 0.87);
        font-size: 11px;
        line-height: 110%;
        position: absolute;
        top: 28px;
        left: -28px;
        text-align: center;
        display: inline-block; }
    #steps-wizard .sw-steps .sw-line {
      width: 100px;
      height: 1px;
      background-color: rgba(0, 0, 0, 0.25); }

.step-cont {
  padding-bottom: 40px; }

.btn-check-wrapper {
  position: relative; }

.btn-check-obj {
  width: 100%;
  height: 40px;
  position: absolute;
  left: 0;
  bottom: 0; }

button:not([disabled]) + .btn-check-obj {
  z-index: -1; }

.bottom-links {
  margin-bottom: 40px; }
  .bottom-links:not(.text-right) {
    text-align: center; }
  .bottom-links a {
    padding: 10px;
    font-size: 12px; }

.code-input {
  height: 50px !important;
  font-family: monospace, Arial, sans-serif;
  letter-spacing: 5px;
  font-size: 24px !important;
  border-radius: 6px; }

.g-demo.gd-people:after {
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.85)), to(rgba(255, 255, 255, 0.4)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.4) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.4) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.4) 100%); }

.g-demo.gd-people .list-group-item {
  padding: 0 !important;
  background: none !important; }

.g-demo .ppl-cb {
  padding-top: 3px !important; }

#gift-wi-btn-everyone {
  max-width: calc(100% - 160px);
  white-space: wrap; }

html.russian #gift-wi-btn-everyone {
  max-width: calc(100% - 200px); }

.menu-note {
  font-weight: normal; }

.anim-bounce, #btn-wl-invite:not(.btn-disabled), #btn-floating, .screen-name#people-settings .actions .btn-invite:not(.btn-disabled) {
  -webkit-animation-name: animBounce;
  animation-name: animBounce;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@-webkit-keyframes animBounce {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  2% {
    -webkit-transform: scale(0.97);
    transform: scale(0.97); }
  4% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  6% {
    -webkit-transform: scale(0.97);
    transform: scale(0.97); }
  8% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes animBounce {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  2% {
    -webkit-transform: scale(0.97);
    transform: scale(0.97); }
  4% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  6% {
    -webkit-transform: scale(0.97);
    transform: scale(0.97); }
  8% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.can-be-faded {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.faded {
  opacity: 0.5; }

#alert-iwannabuy-fixed {
  display: none; }

.bottom-notes .help-block + .help-block {
  margin-top: 0; }

.bgBorderGrad, .radio-group-wrapper.rgw-checked, .g-frame-parent {
  background: -webkit-gradient(linear, left top, left bottom, from(#643797), to(#f06676));
  background: -webkit-linear-gradient(top, #643797 0%, #f06676 100%);
  background: -o-linear-gradient(top, #643797 0%, #f06676 100%);
  background: linear-gradient(to bottom, #643797 0%, #f06676 100%); }

.radio-group-wrapper {
  border-radius: 8px; }
  .radio-group-wrapper.rgw-checked {
    padding: 2px; }
    .radio-group-wrapper.rgw-checked .rgw-group {
      border-radius: 6px;
      padding: 10px 12px 14px; }
    .radio-group-wrapper.rgw-checked label {
      font-weight: 600; }
      .radio-group-wrapper.rgw-checked label:before {
        width: 10px;
        height: 10px;
        content: '';
        display: inline-block;
        z-index: 1;
        border-radius: 5px;
        top: 5px;
        left: 2px;
        border: 1.5px solid white; }
      .radio-group-wrapper.rgw-checked label:after {
        background: #643797; }
  .radio-group-wrapper:not(.rgw-checked) {
    background: rgba(0, 0, 0, 0.25);
    padding: 1px; }
    .radio-group-wrapper:not(.rgw-checked) .rgw-group {
      border-radius: 7px;
      padding: 11px 13px 15px; }
    .radio-group-wrapper:not(.rgw-checked) label {
      font-weight: 500; }
      .radio-group-wrapper:not(.rgw-checked) label:after {
        border: 1px solid rgba(0, 0, 0, 0.4); }
  .radio-group-wrapper + .radio-group-wrapper {
    margin-top: 14px; }
  .radio-group-wrapper .rgw-group {
    background: white;
    margin-bottom: 0; }
    .radio-group-wrapper .rgw-group label {
      font-size: 14px;
      position: relative; }
      .radio-group-wrapper .rgw-group label:before, .radio-group-wrapper .rgw-group label:after,
      .radio-group-wrapper .rgw-group label input[type="radio"] {
        position: absolute; }
      .radio-group-wrapper .rgw-group label:after,
      .radio-group-wrapper .rgw-group label input[type="radio"] {
        width: 14px;
        height: 14px;
        top: 3px;
        left: 0; }
      .radio-group-wrapper .rgw-group label:after {
        content: '';
        display: inline-block;
        border-radius: 7px; }
      .radio-group-wrapper .rgw-group label input[type="radio"] {
        opacity: 0;
        z-index: 2;
        margin: 0; }
    .radio-group-wrapper .rgw-group .help-block {
      font-size: 12px;
      color: rgba(0, 0, 0, 0.87);
      margin-bottom: 0;
      line-height: 140%; }

a#btn-archive {
  padding: 10px 0; }

.l-loading,
.l-err {
  display: none !important; }

.loading-cont > .l-cont {
  display: none !important; }

.loading-cont > .l-loading {
  display: inline !important; }

.loading-err > .l-err {
  display: inline !important; }

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

.btn-invite.btn-disabled {
  color: rgba(0, 0, 0, 0.65); }

input[type="checkbox"].toggle-user-hide:checked ~ .btn-sh-hide,
input[type="checkbox"].toggle-user-hide:not(:checked) ~ .btn-sh-show {
  display: none !important; }

.pls-item .pls-item-name {
  word-break: break-word; }

.hide-always {
  display: none !important; }

.fg-i-enhanced select,
.fg-i-enhanced textarea,
.fg-i-enhanced input[type="text"],
.fg-i-enhanced input[type="email"],
.fg-i-enhanced input[type="number"] {
  border: 2px solid #d55ec9; }

.g-frame-parent {
  padding: 2px;
  border-radius: 4px; }
  .g-frame-parent .g-frame-child {
    background: white;
    border-radius: 2px;
    margin: 0;
    padding: 15px;
    list-style: none; }

.pwai .pwai-list > li + li {
  margin-top: 10px; }

.pwai .pwai-list .g-i-24 {
  margin-top: -14px;
  top: 10px; }

.pwai .pwai-list .pwai-l-num {
  /* @extend .font-size-2; */
  font-size: 1.17rem;
  padding-left: 30px; }
  .pwai .pwai-list .pwai-l-num[data-num]::before {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 10px;
    background: #d55ec9;
    color: white;
    content: attr(data-num);
    text-align: center;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0; }

.pwai .pwai-list .pwai-l-note {
  font-size: 12px; }

#o-msg {
  width: 280px;
  /* width: 70%;
    max-width: 400px; */
  position: fixed;
  top: 200px;
  left: -290px;
  color: #4e3300;
  background: #ffbf00;
  z-index: 2;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 0 10px 10px 0;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  /* FOR ANIMATION */ }
  #o-msg.o-msg-static {
    width: 100%;
    top: 0;
    left: 0;
    position: relative;
    border-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none; }
    #o-msg.o-msg-static #o-msg-top {
      border-radius: 10px 10px 0 0; }
  #o-msg.o-omg-simple #o-msg-top {
    padding-bottom: 30px;
    padding-right: 45px; }
  #o-msg.o-omg-simple #o-msg-ttl {
    float: none; }
  #o-msg.o-omg-simple #btn-o-msg-close {
    position: absolute;
    top: 10px;
    right: 10px; }
  #o-msg #o-msg-top,
  #o-msg #o-msg-cont {
    padding: 20px; }
  #o-msg #o-msg-top {
    min-height: 70px;
    background: #643797;
    color: white;
    padding: 9px 10px 20px 20px;
    border-radius: 0 10px 0 0; }
  #o-msg #o-msg-icon {
    width: 50px;
    height: 50px;
    float: left; }
  #o-msg #o-msg-ttl {
    font-size: 23px;
    line-height: 26px;
    display: inline-block;
    margin-left: 10px;
    float: left;
    margin-top: 13px; }
  #o-msg #btn-o-msg-close {
    padding: 0;
    background: none;
    border: none;
    float: right; }
  #o-msg .o-msg-btn {
    display: block;
    padding: 10px 0;
    color: #643797; }

.g-input-invalid {
  border-color: #ff0000; }
  .g-input-invalid + .help-block {
    /* color: #d80000; */
    /* font-weight: 500; */ }

#app-icon-demo-wrapper {
  overflow: hidden; }
  #app-icon-demo-wrapper #app-icon-demo {
    width: 100%; }

#navbar .menu-divider {
  padding: 0 16px; }
  #navbar .menu-divider hr {
    width: 100%;
    float: left;
    margin: 10px auto;
    border-top: 1px solid rgba(255, 255, 255, 0.3); }

#mm-overview.active .g-i-logomark-w {
  background-image: url("images/icons/icon_logomark_orange.svg"); }

#wishlist.name-middle #h1-txt {
  min-height: 37px;
  display: block;
  text-align: center;
  margin-top: -9px; }

#wishlist.name-middle #p-counter {
  display: none !important; }

#wishlist.name-middle h1 ~ .extra-after-h1 {
  margin-top: 25px; }

#wishlist h1 {
  margin-bottom: 22px; }

#wishlist .extra-info {
  margin-bottom: 20px;
  margin-top: 15px; }
  #wishlist .extra-info .text-grey.faded, #wishlist .extra-info label > small.faded, #wishlist .extra-info .panel.panel-card .faded.pc-subtext, .panel.panel-card #wishlist .extra-info .faded.pc-subtext, #wishlist .extra-info .faded.btn-link[disabled], #wishlist .extra-info .group-content .group-c-body .group-c-body-section .group-c-body-items .group-c-body-item .group-c-b-i-cont .faded.group-c-b-i-ttl, .group-content .group-c-body .group-c-body-section .group-c-body-items .group-c-body-item .group-c-b-i-cont #wishlist .extra-info .faded.group-c-b-i-ttl, #wishlist .extra-info h2 > small.faded, #wishlist .extra-info .event-date .faded.left, .event-date #wishlist .extra-info .faded.left, #wishlist .extra-info .form-group.radio-group .faded.rg-note, .form-group.radio-group #wishlist .extra-info .faded.rg-note, #wishlist .extra-info input[type="checkbox"][disabled] + .faded.label-text, #wishlist .extra-info input[type="checkbox"]:disabled + .faded.cb-label-txt {
    opacity: 1; }

#h1-txt {
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
  #h1-txt.font-big-playful > .h1-sub-note {
    /* margin-top: 3px; */
    margin-top: 8px; }
  #h1-txt > .h1-sub-note {
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
    font-family: Rubik, Verdana, sans-serif; }
    #h1-txt > .h1-sub-note > .g-i-16 {
      margin-top: -4px;
      margin-right: 2px;
      bottom: -3px;
      opacity: 0.55; }

.font-big-playful {
  font-weight: 600;
  font-size: 36px; }

.extra-info {
  background: rgba(0, 0, 0, 0.1);
  padding: 5px 10px;
  border-radius: 4px; }
  .extra-info ul {
    padding: 0;
    margin: 8px 0 0 0;
    list-style: none; }
    .extra-info ul li {
      display: block; }
      .extra-info ul li > a {
        display: inline-block;
        padding: 8px 0; }

.g-switch {
  min-height: 42px;
  padding: 4px;
  background-color: rgba(0, 0, 0, 0.05); }
  .g-switch.g-s-label-w-small label {
    font-weight: bold;
    padding-top: 0; }
  .g-switch + .g-switch {
    margin-top: 2px; }
  .g-switch label {
    float: left;
    font-weight: normal;
    padding-top: 8px; }
  .g-switch input[type="checkbox"] {
    /* HIDE */
    display: none; }
  .g-switch .g-s {
    border: 1px solid rgba(0, 0, 0, 0.3);
    width: 63px;
    height: 34px;
    border-radius: 17px;
    display: inline-block;
    float: right;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer; }
    .g-switch .g-s.g-s-loading {
      background: url("/v/p/images/ava_preloader.gif");
      background-size: auto 170%;
      background-position: center;
      background-repeat: no-repeat; }
      .g-switch .g-s.g-s-loading > * {
        opacity: 0 !important; }
    .g-switch .g-s:hover {
      background-color: white;
      border-color: rgba(0, 0, 0, 0.6); }
  .g-switch .g-s-o-off,
  .g-switch .g-s-o-on {
    width: 24px;
    height: 24px;
    border-radius: 17px;
    top: 4px;
    font-size: 10px;
    font-weight: bold;
    padding-top: 5px;
    text-align: center;
    color: rgba(0, 0, 0, 0.4);
    position: absolute;
    text-transform: uppercase; }
  .g-switch .g-s-o-slctd {
    color: white;
    /* box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5); */ }
  .g-switch .g-s-o-off {
    left: 4px; }
    .g-switch .g-s-o-off.g-s-o-slctd {
      background-color: rgba(0, 0, 0, 0.4); }
  .g-switch .g-s-o-on {
    right: 4px; }
    .g-switch .g-s-o-on.g-s-o-slctd {
      background-color: #33ab01; }

.g-input-loading {
  color: transparent;
  background: url("/v/p/images/ava_preloader.gif");
  background-size: auto 170%;
  background-position: center;
  background-repeat: no-repeat; }

.notice {
  border: 3px dotted #7800ff;
  padding: 10px;
  border-radius: 10px; }

#g-breadcrumbs + h1 {
  margin-top: 12px; }

#g-breadcrumbs ol {
  list-style: none;
  padding: 0; }
  #g-breadcrumbs ol > li {
    display: inline-block; }

#g-breadcrumbs .g-i-12 {
  top: 1px;
  margin-left: 5px;
  margin-right: 1px;
  opacity: 0.7; }

.tap-for-title:not(.g-icon) {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.3); }

.dropdown > ul > li > .tap-for-title {
  border-bottom: none; }

.mngd-u {
  width: 16px;
  height: 26px;
  position: absolute;
  top: 0;
  left: -8px;
  display: inline-block;
  background: white;
  padding: 5px 0 0;
  border-radius: 0 0 5px 0; }
  .mngd-u::after {
    width: 16px;
    height: 16px;
    content: '';
    display: inline-block;
    opacity: 0.5;
    background-image: url("/v/p/css/images/icons/icon_managed_user.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top left; }

.err-unexpected {
  font-weight: bold;
  background: #d00000;
  color: white;
  margin-bottom: 15px;
  padding: 5px 10px 6px;
  display: block; }

.note-under-img {
  margin: -5px auto 20px; }

#loading-reload.lr-loading {
  background: rgba(0, 0, 0, 0.87);
  border-color: rgba(0, 0, 0, 0.87); }

.screen-name#add-person.managed-user #add-person-options,
.screen-name#add-person.managed-user #btn-back-to-ppl,
.screen-name#add-person.managed-user #btn-add-mngd-user,
.screen-name#add-person.managed-user #add-person-ttl #h1-add-person {
  /* HIDE */
  display: none !important; }

.screen-name#add-person.managed-user #add-person-ttl #h1-add-managed-person.hide {
  /* SHOW */
  display: inline-block !important; }

.screen-name#add-person.managed-user #btn-back-to-add-ppl.hide {
  /* SHOW (FLEX) */
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

#btn-nav-close {
  width: 59px;
  height: 59px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: -59px;
  color: transparent !important;
  background: #643797;
  z-index: 1;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none; }
  #btn-nav-close > .g-i-close-w {
    top: 13px !important;
    margin: 0 auto !important; }

#extras {
  padding-left: 0;
  padding-right: 0; }

p.font-size-2 > .emoji-bigger {
  display: inline-block;
  margin-top: -7px;
  margin-bottom: -2px; }

.emoji-bigger {
  font-size: 20px; }

#btns-sticky {
  z-index: 3; }

.qr-code {
  width: 200px;
  height: 200px;
  overflow: hidden; }
  .qr-code > svg,
  .qr-code > img {
    top: -30px;
    left: -30px; }
  .qr-code > img {
    width: calc(100% + 60px);
    max-width: none; }

.qr-generated-img {
  -webkit-transition: -webkit-filter 300ms ease;
  transition: -webkit-filter 300ms ease;
  -o-transition: filter 300ms ease;
  transition: filter 300ms ease;
  transition: filter 300ms ease, -webkit-filter 300ms ease;
  -webkit-filter: blur(0);
  filter: blur(0); }
  .qr-generated-img.visibility-off {
    -webkit-filter: blur(5px);
    filter: blur(5px); }

#g-toast {
  width: 100%;
  background: #e67700;
  display: block;
  position: fixed;
  left: 0;
  bottom: 0px;
  padding: 20px 25px 25px;
  z-index: 1051;
  color: #4d2800;
  font-size: 18px;
  font-weight: 500;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.25);
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  #g-toast.gt-hidden {
    bottom: -1000px; }
  #g-toast[data-style="layer"] {
    padding-bottom: 80px;
    padding-top: 60px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none; }
    #g-toast[data-style="layer"] #gt-fill {
      width: 100%;
      height: 100%;
      display: block;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(10%, rgba(255, 255, 255, 0.85)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.9)));
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 10%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%);
      background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 10%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 10%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%);
      position: absolute;
      left: 0;
      bottom: 0;
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px); }
    #g-toast[data-style="layer"] #gt-text {
      font-size: 25px; }
    #g-toast[data-style="layer"] #gt-close {
      font-size: 34px; }
    #g-toast[data-style="layer"] .smaller {
      font-size: 16px; }
  #g-toast #gt-fill {
    display: none; }
  #g-toast #gt-text {
    max-width: calc(100% - 20px);
    display: block; }
  #g-toast #gt-close {
    position: absolute;
    top: 14px;
    right: 11px;
    background: none;
    border: none;
    font-size: 24px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 100%;
    padding: 5px 10px; }

.screen-cont {
  margin-top: 15px; }

.list-cover {
  width: 100%;
  height: 47.223vw;
  display: block;
  background-size: cover;
  background-position: center center;
  background-color: #d3d3d3;
  color: white;
  border-radius: 4px 4px 0 0;
  /* &.lc-simple {
		.lc-title {
			
		}
	} */ }
  .list-cover.lc-full-w {
    width: calc(100% + 30px);
    height: calc(47.223vw + 30px);
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 20px;
    border-radius: 0;
    /* .lc-grad-top {
			width: 100%;
			//height: 50px;
			height: 70px;
			position: absolute;
			top: 0;
			left: 0;
			//background: linear-gradient(to top, rgba(100, 55, 151, 0) 0%, rgba(100, 55, 151, 0.30) 70%, rgba(100, 55, 151, 0.30) 100%);
			//background: linear-gradient(to top, rgba(100, 55, 151, 0) 0%, rgba(100, 55, 151, 0.60) 50%, rgba(100, 55, 151, 0.80) 100%);
		} */ }
    .list-cover.lc-full-w .lc-grad {
      height: 45vw; }
    .list-cover.lc-full-w .lc-title:not(.mob-sticky) {
      font-size: 30px;
      color: inherit; }
    .list-cover.lc-full-w .list-date {
      width: 70px;
      font-weight: 500;
      text-align: right;
      font-size: 18px;
      line-height: 130%;
      margin-bottom: 5px; }
  .list-cover .lc-grad {
    width: 100%;
    height: 35vw;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(100, 55, 151, 0)), color-stop(65%, rgba(100, 55, 151, 0.85)), to(rgba(100, 55, 151, 0.85)));
    background: -webkit-linear-gradient(top, rgba(100, 55, 151, 0) 0%, rgba(100, 55, 151, 0.85) 65%, rgba(100, 55, 151, 0.85) 100%);
    background: -o-linear-gradient(top, rgba(100, 55, 151, 0) 0%, rgba(100, 55, 151, 0.85) 65%, rgba(100, 55, 151, 0.85) 100%);
    background: linear-gradient(to bottom, rgba(100, 55, 151, 0) 0%, rgba(100, 55, 151, 0.85) 65%, rgba(100, 55, 151, 0.85) 100%); }
  .list-cover .lc-bottom {
    position: absolute;
    bottom: 15px;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px; }
  .list-cover .lc-title {
    width: calc(100% - 100px);
    font-weight: 500;
    display: inline-block;
    line-height: 120%; }
    .list-cover .lc-title:not(.mob-sticky) {
      text-shadow: 0 2px 10px #7a62ac; }
  .list-cover .list-date {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 16px; }
  .list-cover .lc-b-bottom {
    font-size: 14px; }
    .list-cover .lc-b-bottom a {
      color: inherit;
      font-weight: 600; }
  .list-cover .dropdown {
    position: absolute;
    top: 13px;
    right: 0; }
    .list-cover .dropdown .dropdown-toggle {
      padding: 10px; }
      .list-cover .dropdown .dropdown-toggle .glyphicon {
        color: white; }
  .list-cover #arrow-go-back-holder {
    position: absolute;
    top: 12px;
    left: 14px; }
  .list-cover .badge {
    color: #5f5f5f;
    background: white;
    position: absolute;
    top: 16px;
    right: 45px; }
  .list-cover .cl-cover-shadows {
    width: 100%;
    height: 100%;
    background-image: url("images/cl_cover_shadows.png");
    background-size: 100% auto;
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0; }

a.list-cover:hover, a.list-cover:focus {
  color: white;
  text-decoration: none; }
  a.list-cover:hover .lc-title, a.list-cover:focus .lc-title {
    text-decoration: underline; }

#welcome-text {
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  margin-bottom: 25px;
  color: #686868; }

.panel.panel-cl .panel-body .item-icon + .item-icon {
  margin-top: 10px; }

.panel.panel-cl .panel-body .cl-date {
  position: absolute;
  top: 15px;
  right: 15px;
  margin-top: 0 !important; }

.panel.panel-cl .panel-body .dropdown {
  position: absolute;
  right: 8px;
  bottom: 15px; }

.item-icon .g-i-14,
.item-icon .glyphicon {
  margin-right: 2px;
  opacity: 0.6; }

.item-icon .g-i-14 {
  top: 3px; }

.item-icon .glyphicon {
  width: 14px;
  height: 14px;
  top: 2px;
  text-align: center; }

.share-modal-cont-holder .share-modal-cont {
  width: 0px !important;
  height: 0px !important;
  overflow: hidden !important; }

#arrow-go-back-holder {
  font-size: 30px; }

#no-results-to-show {
  margin-top: 2px; }

.accordion-bright .panel + .panel {
  margin-top: 15px; }

.accordion-bright .panel .panel-heading {
  background: #ffffff; }

.accordion-bright .panel .panel-title p {
  font-weight: normal;
  margin-top: 3px;
  margin-bottom: 0; }

.accordion-bright .panel .panel-title > a:hover {
  opacity: 1; }
  .accordion-bright .panel .panel-title > a:hover .p-ttl-primary {
    text-decoration: underline; }

.accordion-bright .panel .panel-title > a:focus {
  opacity: 1; }

.bar-progress {
  width: 140px;
  height: 8px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  float: left;
  top: 5px;
  margin-right: 6px; }
  .bar-progress .bar-progress-fill {
    height: 100%;
    background: #7800ff;
    border-radius: 3px 0 0 3px; }

.label-like {
  display: block;
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 5px;
  line-height: 120%; }

.more-options-btn-wrapper {
  text-align: center; }
  .more-options-btn-wrapper .btn {
    font-size: 14px; }

/* REGISTRATION ONLY */
#reg-dob .fg-item.fgi-processing {
  color: transparent !important;
  /* color: rgba(0,0,0,0.4) !important; */ }

.loading-blanket-indicator {
  display: none !important; }

#container-main.loading-blanket {
  background: transparent !important;
  z-index: 1; }
  #container-main.loading-blanket > * {
    opacity: 0 !important; }
  #container-main.loading-blanket .loading-blanket-indicator {
    width: 100vw;
    opacity: 1 !important;
    color: white;
    text-align: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
    padding-bottom: 5vh;
    position: fixed;
    top: 0;
    left: 0; }
    #container-main.loading-blanket .loading-blanket-indicator .lbi-elems {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      #container-main.loading-blanket .loading-blanket-indicator .lbi-elems .lbi-anim {
        width: 150px;
        height: 150px;
        background: url("/v/p/css/images/preloader_w_cropped.gif");
        margin: 0 auto 10px;
        background-size: 100% auto;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: transparent; }
      #container-main.loading-blanket .loading-blanket-indicator .lbi-elems .lbi-txt {
        font-size: 24px; }

/* ************************************* */
/* **************** MEDIA ************** */
/* ************************************* */
/* BELOW 320 (319) */
@media screen and (max-width: 319px) {
  #mobile-top-menu #mtm-ppl .text {
    /* HIDE */
    display: none !important; } }

/* ABOVE 1200 */
@media screen and (min-width: 1200px) {
  #welcome-text {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto; }
  html.lang-long #steps-wizard .sw-steps .sw-step .sw-step-label {
    width: 130px;
    left: -52px; } }

/* BETWEEN 600 AND 767 + ABOVE 1200 */
@media screen and (min-width: 600px) and (max-width: 767px), (min-width: 1200px) {
  #present-list.layout-cards .present-card {
    width: calc(33.333333% - 8px);
    /* width: calc(25% - 8px); */ } }

/* ABOVE 768 - DESKTOP (TABLET & DESKTOP) */
@media screen and (min-width: 768px) {
  html.app:not(.bg-full-screen) {
    background: url("/v/p/css/images/g-bg.jpg");
    background-size: cover;
    background-attachment: fixed; }
    html.app:not(.bg-full-screen) body {
      background: none; }
    html.app:not(.bg-full-screen) #container-main {
      background: white; }
  html.russian, html.vietnamese {
    /* #main-menu,
			#username
			{
				font-size: 14px;
			} */ }
    html.russian #main-menu > li + li > a, html.vietnamese #main-menu > li + li > a {
      padding-left: 7px; }
  html.lang-long #mm-follow #mmf-txt {
    max-width: 148px; }
  html.desktop-coming-soon {
    text-align: center; }
    html.desktop-coming-soon::before {
      content: attr(data-text-dcs);
      font-size: 24px;
      display: inline-block;
      width: 360px;
      text-align: center;
      padding: 40px 20px;
      color: #643797;
      font-family: Oswald, sans-serif; }
    html.desktop-coming-soon > * {
      display: none !important; }
  html.ribbon-corner:not(.desktop-coming-soon)::before {
    width: 300px;
    height: 201px; }
  /* HIDE */
  /* display: none !important; */
  /* #user-details {
		position: absolute;
		top: 0px;
		right: -8px;
	} */
  #hamburger-menu {
    display: inline-block;
    margin-right: 0; }
  #header .navbar-header {
    width: 100%; }
  #navbar {
    margin-top: 50px;
    background: #643797;
    color: white;
    padding-left: 0;
    padding-right: 0; }
    #navbar:not(.in) {
      display: none !important; }
  #main-menu {
    width: 100%;
    overflow-y: auto;
    max-height: 60vh;
    color: inherit;
    padding-top: 3px;
    /* HIDE */ }
    #main-menu > li.nav-item > * > .icon,
    #main-menu > li.nav-item > * > .g-icon {
      margin-left: 10px; }
    #main-menu > li.nav-item > * > .g-icon {
      top: 3px; }
    #main-menu li.active > a {
      color: #ff8400; }
    #main-menu li > a > .icon {
      font-size: 18px; }
    #main-menu li .icon-btn-r {
      /* HIDE */
      display: none !important; }
    #main-menu .nav-item {
      width: 100%; }
      #main-menu .nav-item > *,
      #main-menu .nav-item .nav-secondary > li > * {
        color: inherit; }
      #main-menu .nav-item .nav-secondary a > .icon {
        font-size: 15px; }
      #main-menu .nav-item .text {
        margin-left: 0.35em; }
      #main-menu .nav-item a:hover {
        text-decoration: none; }
      #main-menu .nav-item .mm-paragraph {
        padding: 0 20px; }
  /* #eah1,
	#f-fbb,
	#npa,
	#smua,
	#eiuava,
	#u-cls
	{
		//max-width: 450px;
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	} */
  #eah1,
  #npa,
  #smua,
  #eiuava {
    text-align: center; }
  #f-fbb {
    margin-bottom: 25px; }
  .dropdown-show-txt .text {
    display: inline;
    font-weight: normal;
    float: left;
    margin-right: 5px;
    padding-top: 24px; }
  form[data-view-mode="true"] img.present-pic {
    max-height: 400px;
    margin-top: 10px; }
  #extras .h2-wrapper,
  #extras .media {
    max-width: 450px; }
  #extras .h2-wrapper > h2 + .btn {
    float: none !important;
    margin-top: -9px;
    margin-left: 20px; }
  .panel.panel-card .panel-img {
    width: 100px;
    height: 100px; }
  h1 > #u-ava-wrap,
  .h1 > #u-ava-wrap {
    width: 300px; }
  h1 .user-avatar.big, h1 .user-avatar.ua-big,
  .h1 .user-avatar.big,
  .h1 .user-avatar.ua-big {
    width: 300px;
    height: 300px; }
  .user-avatar.default.big > .icon, .user-avatar.default.ua-big > .icon {
    font-size: 140px;
    margin-top: 70px; }
  h1:not(#hero-title):not(.h1-ws):not(.header-title),
  .h1,
  .h1-like-desktop {
    font-size: 40px !important;
    margin-top: 15px !important;
    margin-bottom: 20px !important; }
  .h1-like-desktop {
    color: rgba(0, 0, 0, 0.6) !important;
    border-bottom: none !important; }
  .font-big-playful {
    font-size: 50px !important; }
  #h1-txt {
    font-weight: 600;
    overflow: visible; }
  body #present h1 {
    padding-right: 90px; }
  .section-title, .h2-wrapper h2, header#header-top .header-title, .list-cover .lc-title,
  .h2-wrapper h2,
  header#header-top .header-title {
    font-size: 26px; }
  .screen-name:not(#registration) div:not(.modal-body) > form:not(.form-full-w),
  .screen-name:not(#registration) .rgw-container,
  .screen-name:not(#registration) .bottom-links:not(.text-right) {
    max-width: 400px;
    /* margin-left: auto;
			margin-right: auto; */ }
  /*.sys-msg.sys-msg-on-top*/
  .screen-name:not(#registration) div:not(.modal-body) > form:not(.form-full-w) {
    max-width: 100%; }
  .screen-name:not(#registration) .rgw-container {
    max-width: calc(100% - 32px);
    margin-right: 16px; }
  #add-person-options {
    padding: 0;
    margin-left: 16px; }
  .section-title, .h2-wrapper h2, header#header-top .header-title, .list-cover .lc-title {
    margin-top: 10px;
    margin-bottom: 10px; }
  #overview #upcoming-events {
    margin-top: 16px; }
  .panel.panel-card .panel-heading {
    font-size: 18px; }
  .panel.panel-card .panel-body {
    font-size: 14px; }
    .panel.panel-card .panel-body .link,
    .panel.panel-card .panel-body .purchased-gifts {
      font-weight: 500; }
  .panel.panel-card .pc-subtext {
    font-size: 14px; }
  .small-avatar, .people-small-avatars .user-avatar,
  .people-small-avatars .user-avatar {
    width: 70px;
    min-width: 70px;
    height: 70px; }
  .people-small-avatars .user-avatar.default .glyphicon {
    font-size: 34px;
    margin-top: 15px; }
  .list-group.simple > .list-group-item .val1 {
    font-size: 16px;
    padding-left: 5px; }
  .list-group.people-small-avatars .g-i-16 {
    width: 24px;
    height: 24px;
    opacity: 0.7; }
  .list-group.people-small-avatars .val.val2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .list-group.simple > .list-group-item .val2 {
    font-size: 14px; }
  .media .dropdown {
    top: 15px; }
  #navbar.collapse.in,
  #navbar.collapse.in #main-menu > #nav-top-item {
    width: 410px; }
  #navbar.collapse.in {
    width: 410px;
    height: 100% !important;
    position: fixed;
    top: -50px;
    right: 0;
    z-index: 1;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.5); }
    #navbar.collapse.in #main-menu {
      max-height: 100%; }
      #navbar.collapse.in #main-menu #mm-feedback:hover {
        background-color: white; }
      #navbar.collapse.in #main-menu > #nav-top-item {
        position: fixed;
        background: #643797;
        top: 0;
        right: 0;
        z-index: 1; }
        #navbar.collapse.in #main-menu > #nav-top-item + .nav-item {
          margin-top: 59px; }
        #navbar.collapse.in #main-menu > #nav-top-item ~ .nav-item:not(.nav-w-nav):not(.nav-w-text):hover,
        #navbar.collapse.in #main-menu > #nav-top-item ~ .nav-item.nav-w-nav > .nav-secondary > li:hover {
          background: rgba(0, 0, 0, 0.2); }
        #navbar.collapse.in #main-menu > #nav-top-item ~ .nav-item.nav-w-nav > .nav-secondary > li > a {
          width: 100%;
          display: block; }
  h1 > #u-ava-wrap > .age,
  .h1 > #u-ava-wrap > .age {
    font-size: 20px; }
  .btns-page .btn + .btn {
    margin-left: 15px; }
  .bottom-links:not(.text-right) {
    text-align: right; }
  #g-toast {
    width: 34%;
    margin-left: 33%;
    margin-right: 33%;
    bottom: unset;
    top: 0px;
    border-radius: 0 0 6px 6px; }
    #g-toast.gt-hidden {
      top: -1000px;
      bottom: unset; }
  .list-cover,
  .list-cover.lc-full-w {
    height: 360px; }
    .list-cover .lc-grad,
    .list-cover.lc-full-w .lc-grad {
      height: 50%; }
  .h-with-btn .btns-group.bg-hor.pull-right {
    bottom: -30px; }
  .sp-tabs + #u-cls {
    max-width: none; }
  .list-cover.lc-full-w .list-date {
    font-size: 25px; }
  .list-cover .lc-title {
    font-size: 34px;
    margin-bottom: 2px; } }

/* BETWEEN 768-991 */
@media screen and (min-width: 768px) and (max-width: 991px) {
  #container-main {
    min-width: 460px; }
  .col-sm-offset-3 {
    margin-left: 20%; } }

/* BELOW 768 (767) - MOBILE */
@media screen and (max-width: 767px) {
  html {
    position: relative; }
    html.android .modal .modal-body.content-scroll {
      /* max-height: calc(100vh - 32vh); */
      max-height: calc(100vh - 41vh); }
      html.android .modal .modal-body.content-scroll #app-icon-demo-wrapper #app-icon-demo {
        margin-top: -3.25rem; }
    html.ios .modal .modal-body.content-scroll {
      max-height: calc(100vh - 41vh); }
    html.vietnamese #gift-wi-btn-everyone {
      max-width: calc(100% - 180px); }
    html.vietnamese #mobile-top-menu {
      margin-right: 0; }
  body.header-sticky-gap1 {
    /* SUPPORT THE CHANGE IN POSITION OF #alert-iwannabuy */
    /* #page-cont,
			#present-list
			{
				padding-top: 86px;	
			} */
    /* div:not(#wishlist) {
				#alert-iwannabuy-fixed {
					bottom: 70px;
				}
			} */
    /* SUPPORT THE CHANGE IN POSITION OF #alert-iwannabuy */
    /* #btns-sticky:not(.p-owner) {
				box-shadow: none;	
			} */ }
    body.header-sticky-gap1 #container-main {
      padding-bottom: 120px; }
    body.header-sticky-gap1 div#wishlist:not([data-selected-tab="owner-me"]) #alert-iwannabuy-fixed,
    body.header-sticky-gap1 div#custom-list #alert-iwannabuy-fixed,
    body.header-sticky-gap1 .screen-name#present #alert-iwannabuy-fixed {
      width: 100%;
      position: fixed;
      margin: 0 auto;
      left: 0;
      z-index: 5;
      line-height: 140%;
      padding: 4px 16px;
      -webkit-border-radius: 0;
      border-radius: 0;
      display: block;
      /* DARKER [>] */
      background: #b90000;
      color: rgba(255, 255, 255, 0.95);
      border: none;
      border-bottom: 1px solid #e45b5b;
      /* DARKER [<] */
      -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2); }
    body.header-sticky-gap1 .screen-name#present #alert-iwannabuy-fixed {
      bottom: 70px; }
    body.header-sticky-gap1 div#wishlist #alert-iwannabuy-fixed,
    body.header-sticky-gap1 div#custom-list #alert-iwannabuy-fixed {
      bottom: 0;
      padding-right: 100px !important;
      /* padding-top: $paddingDefault;
					padding-bottom: 20px; */
      padding-top: 8px !important;
      padding-bottom: 25px !important;
      z-index: 1 !important; }
  #btns-sticky.btns-sticky.btns-s-inverted-colors {
    color: white;
    /* background: $colorBrand; */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(67%, #7800ff), to(#5400db));
    background: -webkit-linear-gradient(top, #7800ff 67%, #5400db 100%);
    background: -o-linear-gradient(top, #7800ff 67%, #5400db 100%);
    background: linear-gradient(to bottom, #7800ff 67%, #5400db 100%); }
    #btns-sticky.btns-sticky.btns-s-inverted-colors .btn-primary {
      background: white;
      color: #7800ff; }
      #btns-sticky.btns-sticky.btns-s-inverted-colors .btn-primary.btn[disabled] {
        background-color: rgba(255, 255, 255, 0.8) !important; }
    #btns-sticky.btns-sticky.btns-s-inverted-colors .btn-default {
      background: none;
      color: white; }
    #btns-sticky.btns-sticky.btns-s-inverted-colors .btn-alert {
      color: #6000cc !important;
      background: #ff8888;
      font-weight: 500; }
    #btns-sticky.btns-sticky.btns-s-inverted-colors .btn-warning {
      color: white; }
    #btns-sticky.btns-sticky.btns-s-inverted-colors .btn-iwtb {
      background: none;
      color: white; }
      #btns-sticky.btns-sticky.btns-s-inverted-colors .btn-iwtb.marked {
        color: #5cff26 !important; }
      #btns-sticky.btns-sticky.btns-s-inverted-colors .btn-iwtb::before {
        background: white;
        border-color: white; }
      #btns-sticky.btns-sticky.btns-s-inverted-colors .btn-iwtb::after {
        top: 4px;
        left: 8px;
        color: #5db30b; }
    #btns-sticky.btns-sticky.btns-s-inverted-colors .btn-share {
      top: -5px; }
    #btns-sticky.btns-sticky.btns-s-inverted-colors .g-i-share {
      background-image: url(images/icons/icon_share_w.svg); }
  #navbar {
    /* background: rgb(120,0,255);
		background: -moz-linear-gradient(top, rgba(120,0,255,1) 0%, rgba(51,122,183,1) 100%);
		background: -webkit-linear-gradient(top, rgba(120,0,255,1) 0%,rgba(51,122,183,1) 100%);
		background: linear-gradient(to bottom, rgba(120,0,255,1) 0%,rgba(51,122,183,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7800ff', endColorstr='#337ab7',GradientType=0 ); */
    z-index: 6;
    background: #337ab7;
    /* SIDE HAMBURGER MENU [>] */
    width: 100%;
    height: calc(100% - 50px);
    position: fixed;
    top: 50px;
    left: 0;
    margin: 0;
    border: 0;
    /* SIDE HAMBURGER MENU [<] */ }
    #navbar a {
      color: white; }
  #main-menu li.divider-above {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    margin-top: 10px;
    padding-top: 7px; }
  #main-menu li.active > a {
    font-weight: 500; }
  #main-menu li > a:hover {
    opacity: 0.7; }
  #main-menu li > a > .icon,
  #main-menu li > a > .g-icon:not(.g-i-open-externally-w) {
    /* HIDE */
    display: none; }
  #main-menu li .icon-btn-r {
    position: absolute;
    top: 0;
    right: 0; }
  #main-menu li .icon-gift-add {
    margin-top: -6px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); }
    #main-menu li .icon-gift-add .fa-gift {
      color: inherit; }
    #main-menu li .icon-gift-add .fa-plus {
      top: -21px;
      right: -4px; }
  #mobile-top-menu > *.active,
  #user-details > *.active {
    opacity: 0.6; }
  #user-details {
    /* max-width: 33%; */
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden; }
  /* #present-list.layout-cards .present-card .panel-body .store {
		max-width: 100%;
		float: none !important;
		display: block;
		margin-top: 9px;
		margin-bottom: 19px;
	} */
  .panel .panel-heading .ph-ttl {
    min-height: 34px;
    display: block;
    word-break: break-word; }
  /* (mobile only) */
  #btns-sticky {
    height: 70px;
    bottom: 0px;
    -webkit-transition: bottom 0.3s ease;
    -moz-transition: bottom 0.3s ease;
    -ms-transition: bottom 0.3s ease;
    -o-transition: bottom 0.3s ease;
    transition: bottom 0.3s ease; }
  /* LOGIN */
  #modal-login ~ .modal-backdrop {
    background-image: url("images/login_bg.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: right 0 bottom -50px;
    opacity: 0.5; }
  .sp-tabs .sp-tab > a {
    min-height: 4.3rem; }
  .sp-tabs .sp-tab .sp-tab-text {
    max-width: 8rem;
    display: inline-block;
    line-height: 120%; }
    .sp-tabs .sp-tab .sp-tab-text + .counter {
      float: right;
      margin-left: 8px; }
  .btns-page .btn {
    width: 100%; }
    .btns-page .btn + .btn,
    .btns-page .btn + p.help-block.hide + .btn {
      margin-top: 15px; }
  .dropdown .dropdown-menu a > small.break {
    max-width: 110px;
    display: block;
    word-break: break-word;
    white-space: normal;
    line-height: 110%;
    margin-top: 3px; }
  /* .list-cover.lc-full-w .lc-grad-top {
		//height: 55px;
		//background: linear-gradient(to top, rgba(100, 55, 151, 0) 0%, rgba(100, 55, 151, 0.5) 40%, rgba(100, 55, 151, 0.7) 100%);
	} */
  #container-main.loading-blanket {
    background: url("/v/p/css/images/g-bg.jpg") !important;
    background-size: cover !important; } }

/* BELOW 550 */
@media screen and (max-width: 550px) {
  html.russian #wishlist .my-wishlist h1.mob-sticky #p-counter.p-c-long {
    margin-bottom: 0; }
  html.russian #wishlist .my-wishlist h1 #p-counter.p-c-long {
    display: block;
    top: 0;
    line-height: normal;
    margin: 5px auto 23px; } }

/* BETWEEN 501-767 */
@media screen and (min-width: 501px) and (max-width: 767px) {
  #modal-login ~ .modal-backdrop {
    background: none; } }

/* ABOVE 500 */
@media screen and (min-width: 501px) {
  .sys-msg .buttons > * {
    width: 100%; }
    .sys-msg .buttons > * + * {
      margin-top: 10px; } }

/* BELOW 500 */
@media screen and (max-width: 500px) {
  html.lang-long .rem-langlong-500 {
    /* HIDE */
    display: none !important; }
  html.lang-long #btns-sticky .btn-share {
    padding-left: 0;
    margin-left: 0; }
  html.russian .rem-rus-500 {
    /* HIDE */
    display: none !important; }
  .sys-msg .buttons .btn {
    width: 100%; }
    .sys-msg .buttons .btn + .btn {
      margin-top: 10px; }
  #logomark-circle + #lm-txt {
    /* HIDE */
    display: none !important; }
  /* #present-list.layout-cards .present-card {
		.btn-edit .text-12 {
			display: none !important;
		}
	} */
  #account #btn-cancel {
    margin-left: 0;
    padding-left: 0; } }

/* BETWEEN 400-500 */
@media screen and (min-width: 400px) and (max-width: 500px) {
  #modal-login ~ .modal-backdrop {
    background-position: right 0 bottom -90px; } }

/* ABOVE 400 */
@media screen and (min-width: 400px) {
  html .add-400,
  html.russian .add-rus-400 {
    /* HIDE */
    display: none !important; } }

/* BELOW 440 */
@media screen and (max-width: 439px) {
  #gift-wi-btn-everyone {
    font-size: 14px; } }

/* BELOW 400 */
@media screen and (max-width: 399px) {
  html.russian .navbar-brand, html.vietnamese .navbar-brand {
    padding-right: 1vw; }
  html.russian #mobile-top-menu > * .text,
  html.russian #username, html.vietnamese #mobile-top-menu > * .text,
  html.vietnamese #username {
    font-size: 14px; }
  html.russian #user-details, html.vietnamese #user-details {
    padding-top: 2px; }
  .sp-tabs .nav + .link {
    position: relative;
    margin-bottom: -30px;
    top: -121px;
    text-align: right; }
  .rem-400,
  html.russian .rem-rus-400 {
    /* HIDE */
    display: none !important; }
  html.russian .modal #gift-wi-btn-everyone {
    top: -4px;
    line-height: 110%; } }

/* BELOW 380 */
@media screen and (max-width: 379px) {
  .rem-380 {
    /* HIDE */
    display: none !important; }
  .modal .modal-footer.two-buttons button {
    width: 100%;
    margin: 0; }
    .modal .modal-footer.two-buttons button:first-child {
      margin: 0 0 15px 0; }
  .present-card .btn-iwtb {
    margin-right: -1px; } }

/* BETWEEN 391-400px (IWTB DESIGN FIX) */
@media screen and (min-width: 375px) and (max-width: 400px) {
  .present-card .panel-body .buttons .dropdown + .btn-iwtb {
    margin-right: -4px; } }

/* [FONT INCREASE] BETWEEN 391-768px (LARGE MOBILE) */
@media screen and (min-width: 391px) and (max-width: 767px) {
  .present-card .panel-body .buttons .btn-iwtb {
    margin-top: -0.5rem; }
  .present-card .panel-body .buttons .dropdown + .btn-iwtb.marked::after {
    top: 5px;
    left: 2px; } }

/* [FONT INCREASE] BETWEEN 375-768px (LARGE MOBILE) */
@media screen and (min-width: 375px) and (max-width: 767px) {
  .list-group .badge-group .bgi {
    width: 2.2rem; }
  .list-group.simple > .list-group-item .val2 .text-grey, .list-group.simple > .list-group-item .val2 label > small, .list-group.simple > .list-group-item .val2 .panel.panel-card .pc-subtext, .panel.panel-card .list-group.simple > .list-group-item .val2 .pc-subtext, .list-group.simple > .list-group-item .val2 .btn-link[disabled], .list-group.simple > .list-group-item .val2 .group-content .group-c-body .group-c-body-section .group-c-body-items .group-c-body-item .group-c-b-i-cont .group-c-b-i-ttl, .group-content .group-c-body .group-c-body-section .group-c-body-items .group-c-body-item .group-c-b-i-cont .list-group.simple > .list-group-item .val2 .group-c-b-i-ttl, .list-group.simple > .list-group-item .val2 h2 > small, .list-group.simple > .list-group-item .val2 .event-date .left, .event-date .list-group.simple > .list-group-item .val2 .left, .list-group.simple > .list-group-item .val2 .form-group.radio-group .rg-note, .form-group.radio-group .list-group.simple > .list-group-item .val2 .rg-note, .list-group.simple > .list-group-item .val2 input[type="checkbox"][disabled] + .label-text, .list-group.simple > .list-group-item .val2 input[type="checkbox"]:disabled + .cb-label-txt {
    line-height: 120%; }
  input ~ .btn-xs {
    top: 0.3rem;
    right: 3.4rem; }
  h1.sub-style,
  .h1.sub-style,
  .ttl-sub-style,
  #main-menu {
    font-size: 1.45rem; }
  .h4,
  h4 {
    font-size: 1.55rem; }
  .sys-msg,
  .dropdown-menu {
    font-size: 1.1rem; }
  .list-group .user-dtb {
    right: 7.5rem; }
  .list-group .list-group-item.lgi-cd-long .user-name[class] {
    width: 20%; }
  /* .btn {
		&:not(.btn-two-rows):not(.btn-icon):not(.bgi):not(.btn-xs) { */
  .btn {
    font-size: 1.17rem; }
    .btn.btn-fixed-h {
      height: 34px;
      max-height: 34px;
      line-height: 1.17rem; }
  /* .font-size-2, */
  .btn.btn-xs {
    font-size: 1.2rem; }
  .g-i-18:not(.keep-orig-size) {
    width: 1.6rem;
    height: 1.6rem; }
  .g-i-24:not(.keep-orig-size) {
    width: 2.1rem;
    height: 2.1rem; }
  .g-icon-label {
    min-width: 3.9rem; }
  .btn-group-xs > .btn,
  .btn-xs,
  .panel.panel-card .pc-subtext,
  .list-group.simple > .list-group-item .val2,
  h1 ~ .extra-after-h1,
  #present-list.layout-cards .panel-image > .grad .p-name > small,
  .help-block,
  form[data-view-mode="true"] label,
  .radio-group-wrapper .rgw-group .help-block,
  .g-icon-label .g-i-label {
    font-size: 1rem; } }

/* [FONT INCREASE] BETWEEN 390-768px (LARGE MOBILE) */
@media screen and (min-width: 390px) and (max-width: 767px) {
  html,
  body {
    font-size: 14px; }
  .h-with-btn .btns-group.bg-hor.pull-right {
    /* bottom: -5px; */
    bottom: -24px; } }

/* [FONT INCREASE] BETWEEN 375-390 */
@media screen and (min-width: 375px) and (max-width: 390px) {
  html,
  body {
    font-size: 13px; } }

/* iPhone X = 375 */
@media screen and (width: 375px) and (orientation: portrait), screen and (height: 375px) and (orientation: landscape) {
  /* html.mobile.ios {
		#btns-sticky {
			padding-bottom: 25px;
		}
	} */ }

/* BELOW 375 */
@media screen and (max-width: 374px) {
  html.russian #mobile-top-menu {
    margin-right: 3px; }
  .modal #gift-wi-btn-everyone {
    top: -4px;
    line-height: 110%; }
  input ~ .btn-xs {
    top: 4px; } }

/* BETWEEN 360-768 (361) */
@media screen and (min-width: 361px) and (max-width: 767px) {
  html.lang-long #mm-follow #mmf-txt {
    margin-right: 1.4vw; } }

/* ABOVE 360 */
@media screen and (min-width: 360px) {
  .rem-360 {
    /* HIDE */
    display: none !important; }
  .list-group .list-group-item.lgi-cd-long .user-name {
    width: 23%; }
  .list-group .list-group-item:not(.lgi-cd-long) .user-name {
    width: 33%; }
  .list-group.pl_selectable .user-name {
    width: 70%; } }

/* BELOW 360 */
@media screen and (max-width: 360px) {
  html.lang-long .list-group .user-name {
    max-width: 30% !important; } }

/* BELOW 360 (359) */
@media screen and (max-width: 359px) {
  .add-360,
  #mtm-ppl .text,
  #mmf-txt {
    /* HIDE */
    display: none !important; }
  .list-group-item > .user-avatar ~ .badge {
    position: absolute;
    top: 19px;
    right: 10px;
    margin: 0; }
  .present-card .panel-body .buttons .dropdown {
    min-width: 60px;
    float: left; }
    .present-card .panel-body .buttons .dropdown + .btn-iwtb {
      float: left;
      margin-top: 10px; } }

/* BELOW 340 */
@media screen and (max-width: 340px) {
  html.russian .rem-rus-340 {
    /* HIDE */
    display: none !important; }
  #mobile-top-menu {
    margin-left: -4px; } }

/* ABOVE 320 */
@media screen and (min-width: 321px) {
  html .add-320,
  html.russian .add-rus-320 {
    /* HIDE */
    display: none !important; } }

/* BELOW 320 */
@media screen and (max-width: 320px) {
  .rem-320,
  html.russian .rem-rus-320 {
    /* HIDE */
    display: none !important; }
  html.russian,
  html.russian body {
    font-size: 12px; }
  html.russian .btn,
  html.russian .form-control {
    font-size: 1rem; }
  html.russian label > input[type="checkbox"] {
    top: -3px; }
  form[data-view-mode="true"] .icon.p-priority::before {
    position: relative;
    top: -5px; }
  .sp-tabs .nav + .link {
    top: -115px; }
  .present-card .panel-body .buttons .dropdown {
    top: 1px; }
  .h2-wrapper h2 > small {
    font-size: 1rem; } }

/* **************************************************** */
/* ********| MEDIA HEIGHT ONLY (below height) |******** */
/* **************************************************** */
/* HEIGHT: ABOVE 340 */
@media screen and (min-height: 341px) {
  html.mobile {
    /* body.mob-header-sticky {
			#wishlist {
				padding-top: 310px;
			}
			#overview {
				padding-top: 25px;
			}
		} */ }
    html.mobile #header .navbar-header.mob-sticky {
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 5;
      background: white;
      margin: 0;
      -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2); }
    html.mobile h1.mob-sticky {
      width: 100%;
      position: fixed;
      /* background: white; */
      background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(30%, white), to(rgba(255, 255, 255, 0)));
      background: -webkit-linear-gradient(top, white 0%, white 30%, rgba(255, 255, 255, 0) 100%);
      background: -o-linear-gradient(top, white 0%, white 30%, rgba(255, 255, 255, 0) 100%);
      background: linear-gradient(to bottom, white 0%, white 30%, rgba(255, 255, 255, 0) 100%);
      z-index: 5;
      top: 50px;
      left: 0;
      margin: 0;
      /* padding: 0 15px 9px; */
      padding: 20px 15px 12px;
      -webkit-box-shadow: 0 8px 9px -3px rgba(0, 0, 0, 0.2);
      box-shadow: 0 8px 9px -3px rgba(0, 0, 0, 0.2); }
      html.mobile h1.mob-sticky::before {
        width: 100%;
        height: 100%;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px); }
      html.mobile h1.mob-sticky .user-avatar,
      html.mobile h1.mob-sticky .age {
        /* HIDE */
        display: none !important; } }

/* HEIGHT: BELOW 640 */
@media screen and (max-height: 640px) {
  #modal-login ~ .modal-backdrop {
    background: none; } }

/* HEIGHT: BELOW 550 */
@media screen and (max-height: 550px) {
  html.mobile[class] .modal .modal-body.content-scroll {
    /* max-height: calc(100vh - 40vh); */
    max-height: calc(100vh - 51vh); }
    html.mobile[class] .modal .modal-body.content-scroll #app-icon-demo-wrapper #app-icon-demo {
      /* margin-top: -52px; */
      margin-top: -85px; } }